*,
: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.18 | 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%;
  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: -0.25em;
}
sup {
  top: -0.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::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% !important;
}
.container {
  width: 100%;
}
@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;
  }
}
.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: 0;
}
.inset-2 {
  inset: 0.5rem;
}
.inset-4 {
  inset: 1rem;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.\!top-\[-195px\] {
  top: -195px !important;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-left-12 {
  left: -3rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-12 {
  right: -3rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-5 {
  right: -1.25rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-12 {
  top: -3rem;
}
.-top-16 {
  top: -4rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-5 {
  top: -1.25rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-\[4px\] {
  bottom: 4px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-70px\] {
  left: -70px;
}
.left-\[100px\] {
  left: 100px;
}
.left-\[10px\] {
  left: 10px;
}
.left-\[130px\] {
  left: 130px;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[5px\] {
  left: 5px;
}
.right-0 {
  right: 0;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/4 {
  right: 25%;
}
.right-10 {
  right: 2.5rem;
}
.right-14 {
  right: 3.5rem;
}
.right-16 {
  right: 4rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-7 {
  right: 1.75rem;
}
.right-8 {
  right: 2rem;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[-32px\] {
  right: -32px;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[15px\] {
  right: 15px;
}
.right-\[5px\] {
  right: 5px;
}
.right-\[7px\] {
  right: 7px;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-30px\] {
  top: -30px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[10rem\] {
  top: 10rem;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[40\%\] {
  top: 40%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[calc\(env\(safe-area-inset-top\)\+68px\)\] {
  top: calc(env(safe-area-inset-top) + 68px);
}
.top-\[var\(--topbarHeight\)\] {
  top: var(--topbarHeight);
}
.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-\[0\] {
  z-index: 0;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[1200\] {
  z-index: 1200;
}
.z-\[1201\] {
  z-index: 1201;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[121\] {
  z-index: 121;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[25\] {
  z-index: 25;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[30\] {
  z-index: 30;
}
.z-\[35\] {
  z-index: 35;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1/-1;
}
.-m-1 {
  margin: -0.25rem;
}
.m-0 {
  margin: 0;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-auto {
  margin: auto;
}
.\!mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.\!mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.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-\[14px\] {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-\[18px\] {
  margin-left: 18px;
  margin-right: 18px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.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-\[2px\] {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-\[7px\] {
  margin-top: 7px;
  margin-bottom: 7px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-\[-195px\] {
  margin-bottom: -195px !important;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-\[50vw\] {
  margin-left: -50vw;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-24 {
  margin-top: -6rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.-mt-\[24px\] {
  margin-top: -24px;
}
.mb-0 {
  margin-bottom: 0;
}
.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-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.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-\[-1px\] {
  margin-bottom: -1px;
}
.mb-\[0\.15rem\] {
  margin-bottom: 0.15rem;
}
.mb-\[11px\] {
  margin-bottom: 11px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-\[-16px\] {
  margin-left: -16px;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-20 {
  margin-right: 5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-\[-20px\] {
  margin-right: -20px;
}
.mr-\[0\.2rem\] {
  margin-right: 0.2rem;
}
.mr-\[7px\] {
  margin-right: 7px;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.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-\[-14px\] {
  margin-top: -14px;
}
.mt-\[-26px\] {
  margin-top: -26px;
}
.mt-\[-40px\] {
  margin-top: -40px;
}
.mt-\[-5px\] {
  margin-top: -5px;
}
.mt-\[0\.5rem\] {
  margin-top: 0.5rem;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[220px\] {
  margin-top: 220px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.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 {
  -webkit-line-clamp: 3;
}
.line-clamp-3,
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
}
.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;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.aspect-\[1\/0\.45\] {
  aspect-ratio: 1/0.45;
}
.aspect-\[1\/0\.5\] {
  aspect-ratio: 1/0.5;
}
.aspect-\[1\/0\.6\] {
  aspect-ratio: 1/0.6;
}
.aspect-\[113\/90\] {
  aspect-ratio: 113/90;
}
.aspect-\[116\/85\] {
  aspect-ratio: 116/85;
}
.aspect-\[153\/90\] {
  aspect-ratio: 153/90;
}
.aspect-\[177\/30\] {
  aspect-ratio: 177/30;
}
.aspect-\[230\/132\] {
  aspect-ratio: 230/132;
}
.aspect-\[314\/40\] {
  aspect-ratio: 314/40;
}
.aspect-\[318\/184\] {
  aspect-ratio: 318/184;
}
.aspect-\[367\/200\] {
  aspect-ratio: 367/200;
}
.aspect-\[367\/24\] {
  aspect-ratio: 367/24;
}
.aspect-\[368\/212\] {
  aspect-ratio: 368/212;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.aspect-video {
  aspect-ratio: 16/9;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.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-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[--cell-size\] {
  width: var(--cell-size);
  height: var(--cell-size);
}
.size-\[13px\] {
  width: 13px;
  height: 13px;
}
.size-\[15px\] {
  width: 15px;
  height: 15px;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[19px\] {
  width: 19px;
  height: 19px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[34px\] {
  width: 34px;
  height: 34px;
}
.\!h-56 {
  height: 14rem !important;
}
.\!h-\[var\(--webLinkSize\)\] {
  height: var(--webLinkSize) !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.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: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.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-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[--cell-size\] {
  height: var(--cell-size);
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[125\%\] {
  height: 125%;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[157px\] {
  height: 157px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[233px\] {
  height: 233px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[26\.58px\] {
  height: 26.58px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[280vmax\] {
  height: 280vmax;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[33px\] {
  height: 33px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[92vh\] {
  height: 92vh;
}
.h-\[98\%\] {
  height: 98%;
}
.h-\[calc\(100vh-180px\)\] {
  height: calc(100vh - 180px);
}
.h-\[calc\(100vh-56px\)\] {
  height: calc(100vh - 56px);
}
.h-\[calc\(100vh-6rem\)\] {
  height: calc(100vh - 6rem);
}
.h-\[calc\(90vh-220px\)\] {
  height: calc(90vh - 220px);
}
.h-\[calc\(90vh-88px\)\] {
  height: calc(90vh - 88px);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-\[var\(--rightSidebarHeight\)\] {
  height: var(--rightSidebarHeight);
}
.h-\[var\(--topbarHeight\)\] {
  height: var(--topbarHeight);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-svh {
  height: 100svh;
}
.max-h-0 {
  max-height: 0;
}
.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-9 {
  max-height: 2.25rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[--radix-context-menu-content-available-height\] {
  max-height: var(--radix-context-menu-content-available-height);
}
.max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[100vh\] {
  max-height: 100vh;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[215px\] {
  max-height: 215px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[546px\] {
  max-height: 546px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[80px\] {
  max-height: 80px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[95\%\] {
  max-height: 95%;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px);
}
.max-h-\[calc\(100vh-56px\)\] {
  max-height: calc(100vh - 56px);
}
.max-h-\[calc\(90vh-160px\)\] {
  max-height: calc(90vh - 160px);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-0 {
  min-height: 0;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[170px\] {
  min-height: 170px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-\[90px\] {
  min-height: 90px;
}
.min-h-\[90vh\] {
  min-height: 90vh;
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.\!w-\[180px\] {
  width: 180px !important;
}
.\!w-\[300px\] {
  width: 300px !important;
}
.\!w-\[calc\(var\(--webLinkSize\)\*2\)\] {
  width: calc(var(--webLinkSize) * 2) !important;
}
.\!w-\[min-content\] {
  width: min-content !important;
}
.\!w-\[var\(--webLinkSize\)\] {
  width: var(--webLinkSize) !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.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-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.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-\[--cell-size\] {
  width: var(--cell-size);
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[25px\] {
  width: 25px;
}
.w-\[26\.58px\] {
  width: 26.58px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[280vmax\] {
  width: 280vmax;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[31px\] {
  width: 31px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[33px\] {
  width: 33px;
}
.w-\[35\%\] {
  width: 35%;
}
.w-\[359px\] {
  width: 359px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40vw\] {
  width: 40vw;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[48\%\] {
  width: 48%;
}
.w-\[49px\] {
  width: 49px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[566px\] {
  width: 566px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[65\%\] {
  width: 65%;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[calc\(100\%\+32px\)\] {
  width: calc(100% + 32px);
}
.w-\[calc\(100\%-170px\)\] {
  width: calc(100% - 170px);
}
.w-\[calc\(100\%-7\.47vw\)\] {
  width: calc(100% - 7.47vw);
}
.w-\[calc\(100\%-7\.47vw\+64px\)\] {
  width: calc(100% - 7.47vw + 64px);
}
.w-\[calc\(100vw-6rem\)\] {
  width: calc(100vw - 6rem);
}
.w-\[var\(--tile\)\] {
  width: var(--tile);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[--cell-size\] {
  min-width: var(--cell-size);
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[1rem\] {
  min-width: 1rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[350px\] {
  min-width: 350px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[96px\] {
  min-width: 96px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-fit {
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[207px\] {
  max-width: 207px;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[36rem\] {
  max-width: 36rem;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[546px\] {
  max-width: 546px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[68px\] {
  max-width: 68px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[90px\] {
  max-width: 90px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100\%-40px\)\] {
  max-width: calc(100% - 40px);
}
.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}
.max-w-\[var\(--image-big-max\)\] {
  max-width: var(--image-big-max);
}
.max-w-\[var\(--image-small-max\)\] {
  max-width: var(--image-small-max);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: max-content;
}
.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-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\[--radix-context-menu-content-transform-origin\] {
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-hover-card-content-transform-origin\] {
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\[--radix-menubar-content-transform-origin\] {
  transform-origin: var(--radix-menubar-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-full {
  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%;
}
.-translate-x-px {
  --tw-translate-x: -1px;
}
.-translate-x-px,
.-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-x-0 {
  --tw-translate-x: 0px;
}
.translate-x-0,
.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));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
}
.translate-x-5 {
  --tw-translate-x: 1.25rem;
}
.translate-x-5,
.translate-x-6 {
  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-6 {
  --tw-translate-x: 1.5rem;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
}
.translate-x-\[-50\%\],
.translate-x-\[0\.5px\] {
  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\.5px\] {
  --tw-translate-x: 0.5px;
}
.translate-x-\[24px\] {
  --tw-translate-x: 24px;
}
.translate-x-\[24px\],
.translate-x-\[4px\] {
  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-\[4px\] {
  --tw-translate-x: 4px;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-x-full,
.translate-x-px {
  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-px {
  --tw-translate-x: 1px;
}
.translate-y-0 {
  --tw-translate-y: 0px;
}
.translate-y-0,
.translate-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));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
}
.translate-y-2,
.translate-y-3 {
  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-3 {
  --tw-translate-y: 0.75rem;
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
}
.translate-y-\[-50\%\],
.translate-y-\[0\.5px\] {
  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\.5px\] {
  --tw-translate-y: 0.5px;
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.-rotate-90,
.-rotate-\[75deg\] {
  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-\[75deg\] {
  --tw-rotate: -75deg;
}
.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,
.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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.scale-105,
.scale-110 {
  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;
}
.scale-90 {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.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: 0.95;
  --tw-scale-y: 0.95;
}
.scale-\[0\.9545\] {
  --tw-scale-x: 0.9545;
  --tw-scale-y: 0.9545;
}
.scale-\[0\.9545\],
.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));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    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_1s_ease-in-out_infinite_reverse\] {
  animation: spin 1s ease-in-out infinite reverse;
}
@keyframes drop-down {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.animate-drop-down {
  animation: drop-down 0.3s ease-in-out both;
}
@keyframes ping {
  75%,
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.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-cols-7 {
  grid-template-columns: repeat(7, 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;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.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 !important;
}
.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;
}
.gap-0 {
  gap: 0;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-32 {
  gap: 8rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-40 {
  gap: 10rem;
}
.gap-48 {
  gap: 12rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-64 {
  gap: 16rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.-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-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-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-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\.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-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.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-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));
}
.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-\[\#0000000D\] > :not([hidden]) ~ :not([hidden]) {
  border-color: #0000000d;
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-gray-200\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(229 231 235/0.5);
}
.divide-gray-800\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(31 41 55/0.5);
}
.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-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-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-\[100\%\] {
  border-radius: 100%;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[2\.13vw\] {
  border-radius: 2.13vw;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[23px\] {
  border-radius: 23px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[25px\] {
  border-radius: 25px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[35px\] {
  border-radius: 35px;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-b-\[30px\] {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
.rounded-tl-none {
  border-top-left-radius: 0;
}
.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
.rounded-tr-none {
  border-top-right-radius: 0;
}
.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-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
}
.border-b,
.border-y {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-8 {
  border-left-width: 8px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-8 {
  border-right-width: 8px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-amber-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)) !important;
}
.\!border-emerald-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)) !important;
}
.\!border-sky-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#0000000AD\] {
  border-color: #0000000AD;
}
.border-\[\#0000000D\] {
  border-color: #0000000d;
}
.border-\[\#00000012\] {
  border-color: #00000012;
}
.border-\[\#0000001A\] {
  border-color: #0000001a;
}
.border-\[\#0000001f\] {
  border-color: #0000001f;
}
.border-\[\#00000033\] {
  border-color: #00000033;
}
.border-\[\#00000099\] {
  border-color: #00000099;
}
.border-\[\#000000AD\] {
  border-color: #000000ad;
}
.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-\[\#0798AB\] {
  --tw-border-opacity: 1;
  border-color: rgb(7 152 171 / var(--tw-border-opacity, 1));
}
.border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}
.border-\[\#222222\],
.border-\[\#222\] {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.border-\[\#2a2a2a\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.border-\[\#33333322\] {
  border-color: #33333322;
}
.border-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-\[\#CBD5F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 245 / var(--tw-border-opacity, 1));
}
.border-\[\#CED6E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(206 214 224 / var(--tw-border-opacity, 1));
}
.border-\[\#D1D5DB\] {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-\[\#D6DEE8\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 222 232 / var(--tw-border-opacity, 1));
}
.border-\[\#E2E8F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-\[\#E3E8EF\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity, 1));
}
.border-\[\#E4E4E7\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.border-\[\#F6F6F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 246 246 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF19\] {
  border-color: #ffffff19;
}
.border-\[\#FFFFFF1A\] {
  border-color: #ffffff1a;
}
.border-\[\#FFFFFF33\] {
  border-color: #ffffff33;
}
.border-\[\#eee\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-\[\#ffffff1a\] {
  border-color: #ffffff1a;
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  border-color: rgba(0, 0, 0, 0.1);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  border-color: rgba(0, 0, 0, 0.2);
}
.border-\[rgba\(15\2c 23\2c 42\2c 0\.18\)\] {
  border-color: rgba(15, 23, 42, 0.18);
}
.border-\[var\(--colorBorder\)\] {
  border-color: var(--colorBorder);
}
.border-\[var\(--colorChartBorder\)\] {
  border-color: var(--colorChartBorder);
}
.border-\[var\(--colorTabButtonActiveBg\)\] {
  border-color: var(--colorTabButtonActiveBg);
}
.border-\[var\(--colorTabButtonInActiveBorder\)\] {
  border-color: var(--colorTabButtonInActiveBorder);
}
.border-\[var\(--colorTipDrawerBg\)\] {
  border-color: var(--colorTipDrawerBg);
}
.border-accent {
  border-color: var(--accent);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/30 {
  border-color: rgb(253 230 138/0.3);
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138/0.7);
}
.border-amber-200\/80 {
  border-color: rgb(253 230 138/0.8);
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-700\/40 {
  border-color: rgb(180 83 9/0.4);
}
.border-amber-700\/50 {
  border-color: rgb(180 83 9/0.5);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10 {
  border-color: rgb(0 0 0/0.1);
}
.border-black\/20 {
  border-color: rgb(0 0 0/0.2);
}
.border-black\/5 {
  border-color: rgb(0 0 0/0.05);
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / 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-200\/50 {
  border-color: rgb(191 219 254/0.5);
}
.border-blue-200\/80 {
  border-color: rgb(191 219 254/0.8);
}
.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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-700\/50 {
  border-color: rgb(29 78 216/0.5);
}
.border-blue-700\/70 {
  border-color: rgb(29 78 216/0.7);
}
.border-border {
  border-color: var(--border);
}
.border-current {
  border-color: currentColor;
}
.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-foreground {
  border-color: var(--foreground);
}
.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-200\/20 {
  border-color: rgb(229 231 235/0.2);
}
.border-gray-200\/30 {
  border-color: rgb(229 231 235/0.3);
}
.border-gray-200\/50 {
  border-color: rgb(229 231 235/0.5);
}
.border-gray-200\/60 {
  border-color: rgb(229 231 235/0.6);
}
.border-gray-200\/70 {
  border-color: rgb(229 231 235/0.7);
}
.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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50 {
  border-color: rgb(55 65 81/0.5);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-800\/50 {
  border-color: rgb(31 41 55/0.5);
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 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-200\/50 {
  border-color: rgb(187 247 208/0.5);
}
.border-green-200\/70 {
  border-color: rgb(187 247 208/0.7);
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 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\/30 {
  border-color: rgb(34 197 94/0.3);
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: var(--input);
}
.border-input-border {
  border-color: var(--input-border);
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-neutral-900\/60 {
  border-color: rgb(23 23 23/0.6);
}
.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / 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\/30 {
  border-color: rgb(249 115 22/0.3);
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-primary {
  border-color: var(--primary);
}
.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-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/70 {
  border-color: rgb(254 202 202/0.7);
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 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-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-rose-200\/80 {
  border-color: rgb(254 205 211/0.8);
}
.border-sidebar-border {
  border-color: var(--sidebar-border);
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / 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\/25 {
  border-color: rgb(255 255 255/0.25);
}
.border-white\/30 {
  border-color: rgb(255 255 255/0.3);
}
.border-white\/70 {
  border-color: rgb(255 255 255/0.7);
}
.border-white\/80 {
  border-color: rgb(255 255 255/0.8);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / 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-b-\[\#EC008C\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(236 0 140 / var(--tw-border-opacity, 1));
}
.border-b-\[\#FFD46D\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 212 109 / var(--tw-border-opacity, 1));
}
.border-b-gray-600 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-b-gray-800 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-b-green-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-b-orange-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-b-purple-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-l-\[\#FFD46D\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 212 109 / var(--tw-border-opacity, 1));
}
.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-l-cyan-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-l-gray-300 {
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-l-gray-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-l-indigo-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-l-lime-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(132 204 22 / var(--tw-border-opacity, 1));
}
.border-l-pink-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-l-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-r-\[\#EC008C\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(236 0 140 / var(--tw-border-opacity, 1));
}
.border-r-gray-300 {
  --tw-border-opacity: 1;
  border-right-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-r-gray-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-r-gray-700 {
  --tw-border-opacity: 1;
  border-right-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-r-pink-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-r-purple-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-r-red-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-r-teal-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-t-emerald-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-t-gray-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-t-gray-800 {
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-t-gray-900 {
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-t-green-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-t-green-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-t-orange-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-t-pink-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-t-purple-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-opacity-10 {
  --tw-border-opacity: 0.1;
}
.\!bg-amber-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-emerald-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-50 {
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-50,
.\!bg-sky-50 {
  --tw-bg-opacity: 1 !important;
}
.\!bg-sky-50 {
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#0000000D\] {
  background-color: #0000000d;
}
.bg-\[\#0000001A\] {
  background-color: #0000001a;
}
.bg-\[\#00000099\] {
  background-color: #00000099;
}
.bg-\[\#000000CC\] {
  background-color: #000000cc;
}
.bg-\[\#000000\],
.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00D15F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 209 95 / var(--tw-bg-opacity, 1));
}
.bg-\[\#08090D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 9 13 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0B0D0F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 13 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#101216\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 18 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111111CC\] {
  background-color: #111111cc;
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E1015\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 16 21 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F1F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#222222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\]\/95 {
  background-color: rgb(37 37 37/0.95);
}
.bg-\[\#2F2F2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a2a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333333\],
.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4062FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 98 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4062FF\]\/10 {
  background-color: rgb(64 98 255/0.1);
}
.bg-\[\#424242\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4F8CFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 140 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#56CF661A\] {
  background-color: #56cf661a;
}
.bg-\[\#666\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E2E8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E7ECF3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F6FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 246 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4F7FB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDFDFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF3B301A\] {
  background-color: #ff3b301a;
}
.bg-\[\#FFFFFF0D\] {
  background-color: #ffffff0d;
}
.bg-\[\#FFFFFFCC\] {
  background-color: #ffffffcc;
}
.bg-\[\#FFFFFF\],
.bg-\[\#FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f3f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f8f9fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffffff1A\] {
  background-color: #ffffff1a;
}
.bg-\[\#ffffff40\] {
  background-color: #ffffff40;
}
.bg-\[\#ffffff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[gray\] {
  --tw-bg-opacity: 1;
  background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  background-color: rgba(0, 0, 0, 0.02);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-\[rgba\(15\2c 23\2c 42\2c 0\.14\)\] {
  background-color: rgba(15, 23, 42, 0.14);
}
.bg-\[transparent\] {
  background-color: transparent;
}
.bg-\[var\(--colorCountWrapperBackground\)\] {
  background-color: var(--colorCountWrapperBackground);
}
.bg-\[var\(--colorPrimary\)\] {
  background-color: var(--colorPrimary);
}
.bg-\[var\(--colorTabButtonActiveBg\)\] {
  background-color: var(--colorTabButtonActiveBg);
}
.bg-\[var\(--colorTipDrawerBg\)\] {
  background-color: var(--colorTipDrawerBg);
}
.bg-accent {
  background-color: var(--accent);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235/0.6);
}
.bg-amber-50\/70 {
  background-color: rgb(255 251 235/0.7);
}
.bg-amber-50\/80 {
  background-color: rgb(255 251 235/0.8);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-900\/20 {
  background-color: rgb(120 53 15/0.2);
}
.bg-amber-900\/30 {
  background-color: rgb(120 53 15/0.3);
}
.bg-background {
  background-color: var(--background);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0 {
  background-color: rgb(0 0 0/0);
}
.bg-black\/10 {
  background-color: rgb(0 0 0/0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0/0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0/0.25);
}
.bg-black\/30 {
  background-color: rgb(0 0 0/0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0/0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0/0.45);
}
.bg-black\/5 {
  background-color: rgb(0 0 0/0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0/0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0/0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0/0.7);
}
.bg-black\/75 {
  background-color: rgb(0 0 0/0.75);
}
.bg-black\/80 {
  background-color: rgb(0 0 0/0.8);
}
.bg-black\/90 {
  background-color: rgb(0 0 0/0.9);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 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-900\/20 {
  background-color: rgb(30 58 138/0.2);
}
.bg-border {
  background-color: var(--border);
}
.bg-card {
  background-color: var(--card);
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-destructive {
  background-color: var(--destructive);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129/0.1);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-foreground {
  background-color: var(--foreground);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/80 {
  background-color: rgb(243 244 246/0.8);
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-200\/70 {
  background-color: rgb(229 231 235/0.7);
}
.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-50\/50 {
  background-color: rgb(249 250 251/0.5);
}
.bg-gray-50\/60 {
  background-color: rgb(249 250 251/0.6);
}
.bg-gray-50\/80 {
  background-color: rgb(249 250 251/0.8);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128/0.2);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55/0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/95 {
  background-color: rgb(17 24 39/0.95);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-200\/50 {
  background-color: rgb(187 247 208/0.5);
}
.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-50\/80 {
  background-color: rgb(240 253 244/0.8);
}
.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-900\/60 {
  background-color: rgb(20 83 45/0.6);
}
.bg-green-900\/90 {
  background-color: rgb(20 83 45/0.9);
}
.bg-input {
  background-color: var(--input);
}
.bg-muted {
  background-color: var(--muted);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.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-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: var(--popover);
}
.bg-popover-divider {
  background-color: var(--popover-divider);
}
.bg-primary {
  background-color: var(--primary);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 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-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/10 {
  background-color: rgb(248 113 113/0.1);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/80 {
  background-color: rgb(254 242 242/0.8);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68/0.1);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68/0.2);
}
.bg-red-500\/90 {
  background-color: rgb(239 68 68/0.9);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-900\/20 {
  background-color: rgb(127 29 29/0.2);
}
.bg-red-900\/60 {
  background-color: rgb(127 29 29/0.6);
}
.bg-rose-50\/70 {
  background-color: rgb(255 241 242/0.7);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-secondary-orange-500 {
  background-color: var(--secondary-orange-500);
}
.bg-sidebar {
  background-color: var(--sidebar);
}
.bg-sidebar-accent {
  background-color: var(--sidebar-accent);
}
.bg-sidebar-border {
  background-color: var(--sidebar-border);
}
.bg-slate-100\/50 {
  background-color: rgb(241 245 249/0.5);
}
.bg-slate-50\/80 {
  background-color: rgb(248 250 252/0.8);
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/40 {
  background-color: rgb(30 41 59/0.4);
}
.bg-slate-800\/50 {
  background-color: rgb(30 41 59/0.5);
}
.bg-slate-800\/80 {
  background-color: rgb(30 41 59/0.8);
}
.bg-slate-900\/50 {
  background-color: rgb(15 23 42/0.5);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.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\/15 {
  background-color: rgb(255 255 255/0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255/0.2);
}
.bg-white\/40 {
  background-color: rgb(255 255 255/0.4);
}
.bg-white\/5 {
  background-color: rgb(255 255 255/0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255/0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255/0.6);
}
.bg-white\/80 {
  background-color: rgb(255 255 255/0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255/0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255/0.95);
}
.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255/0.05);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255/0.08);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/10 {
  background-color: rgb(250 204 21/0.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\/10 {
  background-color: rgb(234 179 8/0.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-900\/60 {
  background-color: rgb(113 63 18/0.6);
}
.bg-yellow-900\/90 {
  background-color: rgb(113 63 18/0.9);
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.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-70 {
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-\[linear-gradient\(119deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.10\)_0\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\.10\)_99\.87\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.07\)_143\.09\%\)\] {
  background-image: linear-gradient(
    119deg,
    rgba(236, 0, 140, 0.1),
    rgba(252, 139, 103, 0.1) 99.87%,
    rgba(255, 212, 109, 0.07) 143.09%
  );
}
.bg-\[linear-gradient\(180deg\2c
  rgba\(0\2c
  0\2c
  0\2c
  0\.05\)_0\%\2c
  rgba\(0\2c
  0\2c
  0\2c
  0\)_215\.85\%\)\] {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0) 215.85%
  );
}
.bg-\[linear-gradient\(223\.87deg\2c _\#F40076_4\%\2c _\#DF98FA_95\.23\%\)\] {
  background-image: linear-gradient(223.87deg, #f40076 4%, #df98fa 95.23%);
}
.bg-\[linear-gradient\(225deg\2c \#09b0c7_-28\.75\%\2c \#baf242_161\.25\%\)\] {
  background-image: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
}
.bg-\[linear-gradient\(225deg\2c
  _\#09B0C7_-28\.75\%\2c
  _\#BAF242_161\.25\%\)\] {
  background-image: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
}
.bg-\[linear-gradient\(45deg\2c
  \#f0f0f0_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  \#f0f0f0_75\%\2c
  \#f0f0f0\)\2c
  linear-gradient\(45deg\2c
  \#f0f0f0_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  \#f0f0f0_75\%\2c
  \#f0f0f0\)\] {
  background-image: linear-gradient(
      45deg,
      #f0f0f0 25%,
      transparent 0,
      transparent 75%,
      #f0f0f0 0,
      #f0f0f0
    ),
    linear-gradient(
      45deg,
      #f0f0f0 25%,
      transparent 0,
      transparent 75%,
      #f0f0f0 0,
      #f0f0f0
    );
}
.bg-\[linear-gradient\(72\.85deg\2c
  _\#C29AFF_10\.98\%\2c
  _\#4062FF_87\.4\%\)\] {
  background-image: linear-gradient(72.85deg, #c29aff 10.98%, #4062ff 87.4%);
}
.bg-\[linear-gradient\(to_right\2c
  \#f00_0\%\2c
  \#ff0_17\%\2c
  \#0f0_33\%\2c
  \#0ff_50\%\2c
  \#00f_67\%\2c
  \#f0f_83\%\2c
  \#f00_100\%\)\] {
  background-image: linear-gradient(
    90deg,
    #f00 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00
  );
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, 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-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-\[\#0798AB\] {
  --tw-gradient-from: #0798ab var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(7 152 171/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4062FF\] {
  --tw-gradient-from: #4062ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 98 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#C29AFF\] {
  --tw-gradient-from: #c29aff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F40076\] {
  --tw-gradient-from: #f40076 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 0 118/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-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235/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-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\/20 {
  --tw-gradient-from: rgb(0 0 0/0.2) 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\/60 {
  --tw-gradient-from: rgb(0 0 0/0.6) 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\/80 {
  --tw-gradient-from: rgb(0 0 0/0.8) 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-black\/95 {
  --tw-gradient-from: rgb(0 0 0/0.95) 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-400\/20 {
  --tw-gradient-from: rgb(96 165 250/0.2) 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-50\/50 {
  --tw-gradient-from: rgb(239 246 255/0.5) 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-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-700\/20 {
  --tw-gradient-from: rgb(29 78 216/0.2) 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);
}
.from-blue-900\/30 {
  --tw-gradient-from: rgb(30 58 138/0.3) 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-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50 {
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245/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-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-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50\/50 {
  --tw-gradient-from: rgb(249 250 251/0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251/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-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-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128/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-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74/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-500\/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-lime-500 {
  --tw-gradient-from: #84cc16 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(132 204 22/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-pink-400\/20 {
  --tw-gradient-from: rgb(244 114 182/0.2) 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-50 {
  --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 242 248/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-100 {
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255/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-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-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242/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-teal-50 {
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 250/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-teal-600 {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136/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-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-white\/0 {
  --tw-gradient-from: rgb(255 255 255/0) 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-white\/5 {
  --tw-gradient-from: rgb(255 255 255/0.05) 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-white\/80 {
  --tw-gradient-from: rgb(255 255 255/0.8) 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-600 {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-700\/25 {
  --tw-gradient-from: rgb(161 98 7/0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(161 98 7/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#C29AFF\] {
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #c29aff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#EC008C\] {
  --tw-gradient-to: rgb(236 0 140/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec008c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FC8B67\] {
  --tw-gradient-to: rgb(252 139 103/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #fc8b67 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFA500\] {
  --tw-gradient-to: rgb(255 165 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ffa500 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/30 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/50 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/60 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/80 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50\/30 {
  --tw-gradient-to: rgb(239 246 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(239 246 255/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-50 {
  --tw-gradient-to: rgb(236 253 245/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-400 {
  --tw-gradient-to: rgb(251 146 60/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500 {
  --tw-gradient-to: rgb(249 115 22/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec4899 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\/10 {
  --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.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(147 51 234/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-500 {
  --tw-gradient-to: rgb(20 184 166/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #14b8a6 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);
}
.to-\[\#4062FF\] {
  --tw-gradient-to: #4062ff var(--tw-gradient-to-position);
}
.to-\[\#9BC935\] {
  --tw-gradient-to: #9bc935 var(--tw-gradient-to-position);
}
.to-\[\#C29AFF\] {
  --tw-gradient-to: #c29aff var(--tw-gradient-to-position);
}
.to-\[\#DF98FA\] {
  --tw-gradient-to: #df98fa var(--tw-gradient-to-position);
}
.to-\[\#FF8C00\] {
  --tw-gradient-to: #ff8c00 var(--tw-gradient-to-position);
}
.to-\[\#FFD46D\] {
  --tw-gradient-to: #ffd46d var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/60 {
  --tw-gradient-to: rgb(0 0 0/0.6) var(--tw-gradient-to-position);
}
.to-black\/70 {
  --tw-gradient-to: rgb(0 0 0/0.7) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/70 {
  --tw-gradient-to: rgb(219 234 254/0.7) 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-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-blue-800\/20 {
  --tw-gradient-to: rgb(30 64 175/0.2) var(--tw-gradient-to-position);
}
.to-cyan-400 {
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}
.to-cyan-50\/30 {
  --tw-gradient-to: rgb(236 254 255/0.3) var(--tw-gradient-to-position);
}
.to-cyan-500 {
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-100 {
  --tw-gradient-to: #d1fae5 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-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-100\/50 {
  --tw-gradient-to: rgb(243 244 246/0.5) 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-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-700 {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-50 {
  --tw-gradient-to: #f0fdf4 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-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-50\/50 {
  --tw-gradient-to: rgb(238 242 255/0.5) var(--tw-gradient-to-position);
}
.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-500\/20 {
  --tw-gradient-to: rgb(99 102 241/0.2) var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-pink-400 {
  --tw-gradient-to: #f472b6 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-purple-100 {
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247/0.2) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-red-100 {
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-400 {
  --tw-gradient-to: #f87171 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-teal-100 {
  --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position);
}
.to-teal-50 {
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-500\/10 {
  --tw-gradient-to: rgb(20 184 166/0.1) var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/10 {
  --tw-gradient-to: rgb(255 255 255/0.1) var(--tw-gradient-to-position);
}
.to-white\/20 {
  --tw-gradient-to: rgb(255 255 255/0.2) var(--tw-gradient-to-position);
}
.to-white\/5 {
  --tw-gradient-to: rgb(255 255 255/0.05) var(--tw-gradient-to-position);
}
.bg-\[length\:16px_16px\] {
  background-size: 16px 16px;
}
.bg-\[length\:20px_20px\] {
  background-size: 20px 20px;
}
.bg-\[length\:8px_8px\] {
  background-size: 8px 8px;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-\[position\:0_0\2c 10px_10px\] {
  background-position: 0 0, 10px 10px;
}
.bg-\[position\:0_0\2c 4px_4px\] {
  background-position: 0 0, 4px 4px;
}
.bg-\[position\:0_0\2c 8px_8px\] {
  background-position: 0 0, 8px 8px;
}
.bg-center {
  background-position: 50%;
}
.fill-\[\#000\] {
  fill: #000;
}
.fill-\[\#fff\] {
  fill: #fff;
}
.fill-accent {
  fill: var(--accent);
}
.fill-blue-600 {
  fill: #2563eb;
}
.fill-current {
  fill: currentColor;
}
.fill-gray-100 {
  fill: #f3f4f6;
}
.fill-gray-600 {
  fill: #4b5563;
}
.fill-gray-700 {
  fill: #374151;
}
.fill-popover {
  fill: var(--popover);
}
.fill-primary {
  fill: var(--primary);
}
.fill-white {
  fill: #fff;
}
.stroke-\[\#000\] {
  stroke: #000;
}
.stroke-\[\#fff\] {
  stroke: #fff;
}
.stroke-border {
  stroke: var(--border);
}
.stroke-gray-200 {
  stroke: #e5e7eb;
}
.stroke-gray-300 {
  stroke: #d1d5db;
}
.stroke-gray-600 {
  stroke: #4b5563;
}
.stroke-gray-700 {
  stroke: #374151;
}
.stroke-white {
  stroke: #fff;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-top {
  object-position: top;
}
.p-0 {
  padding: 0;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[14px\] {
  padding: 14px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[9px\] {
  padding: 9px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.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-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-\[--cell-size\] {
  padding-left: var(--cell-size);
  padding-right: var(--cell-size);
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.px-\[4\.25dvw\] {
  padding-left: 4.25dvw;
  padding-right: 4.25dvw;
}
.px-\[5rem\] {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.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-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.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-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0px\] {
  padding-top: 0;
  padding-bottom: 0;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.\!pb-12 {
  padding-bottom: 3rem !important;
}
.\!pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.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-\[14px\] {
  padding-bottom: 14px;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[2px\] {
  padding-left: 2px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[20px\] {
  padding-right: 20px;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[6px\] {
  padding-top: 6px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[16px\] {
  font-size: 16px !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-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10\.21px\] {
  font-size: 10.21px;
}
.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-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.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-sm,
.text-sm\/5 {
  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-\[600\] {
  font-weight: 600 !important;
}
.font-\[200\] {
  font-weight: 200;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[450\] {
  font-weight: 450;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\],
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.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;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}
.\!leading-5 {
  line-height: 1.25rem !important;
}
.\!leading-\[22px\] {
  line-height: 22px !important;
}
.\!leading-\[25px\] {
  line-height: 25px !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[10\.081px\] {
  line-height: 10.081px;
}
.leading-\[13px\] {
  line-height: 13px;
}
.leading-\[14\.663px\] {
  line-height: 14.663px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[16\.8px\] {
  line-height: 16.8px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.6px\] {
  line-height: 19.6px;
}
.leading-\[22\.14px\] {
  line-height: 22.14px;
}
.leading-\[22\.4px\] {
  line-height: 22.4px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.05em\] {
  letter-spacing: 0.05em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[1rem\] {
  letter-spacing: 1rem;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-\[\#000\] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#fff\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-amber-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1)) !important;
}
.\!text-emerald-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important;
}
.\!text-sky-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#00000099\] {
  color: #00000099;
}
.text-\[\#000000\],
.text-\[\#000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#000\]\/60 {
  color: rgb(0 0 0/0.6);
}
.text-\[\#000\]\/80 {
  color: rgb(0 0 0/0.8);
}
.text-\[\#00D15F\] {
  --tw-text-opacity: 1;
  color: rgb(0 209 95 / var(--tw-text-opacity, 1));
}
.text-\[\#0B0D0F\] {
  --tw-text-opacity: 1;
  color: rgb(11 13 15 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-\[\#111\] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-\[\#475569\] {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-\[\#4C566A\] {
  --tw-text-opacity: 1;
  color: rgb(76 86 106 / var(--tw-text-opacity, 1));
}
.text-\[\#64748B\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
.text-\[\#8351DD\] {
  --tw-text-opacity: 1;
  color: rgb(131 81 221 / var(--tw-text-opacity, 1));
}
.text-\[\#8a8a8a\] {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#9AECD8\] {
  --tw-text-opacity: 1;
  color: rgb(154 236 216 / var(--tw-text-opacity, 1));
}
.text-\[\#DD548A\] {
  --tw-text-opacity: 1;
  color: rgb(221 84 138 / var(--tw-text-opacity, 1));
}
.text-\[\#EC008C\] {
  --tw-text-opacity: 1;
  color: rgb(236 0 140 / var(--tw-text-opacity, 1));
}
.text-\[\#FF3B30\] {
  --tw-text-opacity: 1;
  color: rgb(255 59 48 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF66\] {
  color: #ffffff66;
}
.text-\[\#FFFFFF99\] {
  color: #ffffff99;
}
.text-\[\#FFFFFFCC\] {
  color: #ffffffcc;
}
.text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#e0e0e0\] {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[gray\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  color: rgba(0, 0, 0, 0.8);
}
.text-\[var\(--colorCalendarText\)\] {
  color: var(--colorCalendarText);
}
.text-\[var\(--colorChartText\)\] {
  color: var(--colorChartText);
}
.text-\[var\(--colorChartTextSecondary\)\] {
  color: var(--colorChartTextSecondary);
}
.text-\[var\(--colorOnPrimary\)\] {
  color: var(--colorOnPrimary);
}
.text-\[var\(--colorTabButtonActiveText\)\] {
  color: var(--colorTabButtonActiveText);
}
.text-\[var\(--colorTabButtonInActiveText\)\] {
  color: var(--colorTabButtonInActiveText);
}
.text-\[var\(--colorTextMain\2c var\(--colorOnPrimary\)\)\] {
  color: var(--colorTextMain, var(--colorOnPrimary));
}
.text-\[var\(--colorTextMain\2c var\(--colorTipDrawerText\)\)\] {
  color: var(--colorTextMain, var(--colorTipDrawerText));
}
.text-\[var\(--colorTipDrawerText\)\] {
  color: var(--colorTipDrawerText);
}
.text-accent {
  color: var(--accent);
}
.text-accent-foreground {
  color: var(--accent-foreground);
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 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-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/80 {
  color: rgb(120 53 15/0.8);
}
.text-amber-900\/90 {
  color: rgb(120 53 15/0.9);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/40 {
  color: rgb(0 0 0/0.4);
}
.text-black\/60 {
  color: rgb(0 0 0/0.6);
}
.text-black\/80 {
  color: rgb(0 0 0/0.8);
}
.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-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: var(--card-foreground);
}
.text-current {
  color: currentColor;
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-destructive {
  color: var(--destructive);
}
.text-destructive-foreground {
  color: var(--destructive-foreground);
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: var(--foreground);
}
.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-300\/80 {
  color: rgb(209 213 219/0.8);
}
.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-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / 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-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 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-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: var(--popover-foreground);
}
.text-primary {
  color: var(--primary);
}
.text-primary-foreground {
  color: var(--primary-foreground);
}
.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-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-300\/80 {
  color: rgb(252 165 165/0.8);
}
.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-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-rose-900\/70 {
  color: rgb(136 19 55/0.7);
}
.text-rose-900\/80 {
  color: rgb(136 19 55/0.8);
}
.text-rose-900\/90 {
  color: rgb(136 19 55/0.9);
}
.text-secondary {
  color: var(--secondary);
}
.text-secondary-foreground {
  color: var(--secondary-foreground);
}
.text-sidebar-foreground {
  color: var(--sidebar-foreground);
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 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-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-success {
  color: var(--success);
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/60 {
  color: rgb(255 255 255/0.6);
}
.text-white\/70 {
  color: rgb(255 255 255/0.7);
}
.text-white\/80 {
  color: rgb(255 255 255/0.8);
}
.text-white\/90 {
  color: rgb(255 255 255/0.9);
}
.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-opacity-60 {
  --tw-text-opacity: 0.6;
}
.text-opacity-90 {
  --tw-text-opacity: 0.9;
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-\[\#000\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#000\]\/60::placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-black::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-black\/60::placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-current::placeholder {
  color: currentColor;
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.placeholder-input-placeholder::placeholder {
  color: var(--input-placeholder);
}
.accent-\[\#111827\] {
  accent-color: #111827;
}
.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-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.2\] {
  opacity: 0.2;
}
.opacity-\[0\.4\] {
  opacity: 0.4;
}
.opacity-\[1\] {
  opacity: 1;
}
.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-2xl {
  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);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 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_10px_25px_-15px_rgba\(17\2c 17\2c 17\2c 0\.55\)\] {
  --tw-shadow: 0 10px 25px -15px rgba(17, 17, 17, 0.55);
  --tw-shadow-colored: 0 10px 25px -15px 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_0_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  --tw-shadow-colored: 0 1px 0 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-\[0_1px_3px_rgba\(15\2c 23\2c 42\2c 0\.25\)\] {
  --tw-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
  --tw-shadow-colored: 0 1px 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-\[0_4px_6px_-1px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\2c
  0_2px_4px_-2px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\] {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(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-\[0_6px_23px_\#0D0E360F\] {
  --tw-shadow: 0 6px 23px #0d0e360f;
  --tw-shadow-colored: 0 6px 23px 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_8px_16px_rgba\(50\2c
  50\2c
  71\2c
  0\.06\)\2c
  0_8px_8px_rgba\(50\2c
  50\2c
  71\2c
  0\.08\)\2c
  0_0_14px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\] {
  --tw-shadow: 0 8px 16px rgba(50, 50, 71, 0.06),
    0 8px 8px rgba(50, 50, 71, 0.08), 0 0 14px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color),
    0 8px 8px var(--tw-shadow-color), 0 0 14px 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_20px_0px_\#35C1A54D\] {
  --tw-shadow: 0px 0px 20px 0px #35c1a54d;
  --tw-shadow-colored: 0px 0px 20px 0px 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-\[inset_0_0_0_1px_rgba\(255\2c
  255\2c
  255\2c
  0\.38\)\2c
  0_1px_4px_rgba\(0\2c
  0\2c
  0\2c
  0\.35\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38),
    0 1px 4px rgba(0, 0, 0, 0.35);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color),
    0 1px 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-\[inset_0_0_0_1px_rgba\(255\2c
  255\2c
  255\2c
  0\.85\)\2c
  0_1px_3px_rgba\(15\2c
  23\2c
  42\2c
  0\.12\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85),
    0 1px 3px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color),
    0 1px 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-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);
}
.shadow-inner,
.shadow-lg {
  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);
}
.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);
}
.shadow-md,
.shadow-none {
  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;
}
.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);
}
.shadow-sm,
.shadow-xl {
  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);
}
.shadow-blue-500\/20 {
  --tw-shadow-color: rgb(59 130 246/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/30 {
  --tw-shadow-color: rgb(59 130 246/0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-300 {
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/20 {
  --tw-shadow-color: rgb(34 197 94/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-200 {
  --tw-shadow-color: #fed7aa;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/30 {
  --tw-shadow-color: rgb(249 115 22/0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/20 {
  --tw-shadow-color: rgb(239 68 68/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.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);
}
.ring,
.ring-0 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --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);
}
.ring-1 {
  --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);
}
.ring-1,
.ring-2 {
  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);
}
.ring-\[\#4062FF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 98 255 / var(--tw-ring-opacity, 1));
}
.ring-\[\#4062FF\]\/20 {
  --tw-ring-color: rgb(64 98 255/0.2);
}
.ring-\[\#E2E8F0\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.ring-amber-500\/20 {
  --tw-ring-color: rgb(245 158 11/0.2);
}
.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0/0.05);
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.ring-border {
  --tw-ring-color: var(--border);
}
.ring-destructive-ring {
  --tw-ring-color: var(--destructive-ring);
}
.ring-gray-900\/10 {
  --tw-ring-color: rgb(17 24 39/0.1);
}
.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.ring-orange-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.ring-ring {
  --tw-ring-color: var(--ring);
}
.ring-success-ring {
  --tw-ring-color: var(--success-ring);
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-offset-background {
  --tw-ring-offset-color: var(--background);
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-3xl {
  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);
}
.blur-xl {
  --tw-blur: blur(24px);
}
.blur-xl,
.drop-shadow {
  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));
}
.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));
}
.drop-shadow-lg,
.grayscale {
  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 {
  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-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[2px\],
.backdrop-blur-\[6\.87px\] {
  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-\[6\.87px\] {
  --tw-backdrop-blur: blur(6.87px);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
}
.backdrop-blur-lg,
.backdrop-blur-md {
  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-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-blur-xl {
  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-xl {
  --tw-backdrop-blur: blur(24px);
}
.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: 0.15s;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left, right, width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[margin\2c opacity\] {
  transition-property: margin, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width, height, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.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: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-75 {
  transition-duration: 75ms;
}
.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-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
@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));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.duration-100 {
  animation-duration: 0.1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-150 {
  animation-duration: 0.15s;
}
.duration-200 {
  animation-duration: 0.2s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.duration-75 {
  animation-duration: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!running {
  animation-play-state: running !important;
}
.running {
  animation-play-state: running;
}
.\!paused {
  animation-play-state: paused !important;
}
.paused {
  animation-play-state: paused;
}
.bg-background\/95 {
  background-color: color-mix(in srgb, var(--background) 95%, transparent);
}
.text-foreground\/60 {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
}
.text-foreground\/70 {
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}
.text-foreground\/80 {
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
}
.text-foreground\/90 {
  color: color-mix(in srgb, var(--foreground) 90%, transparent);
}
.border-border\/50 {
  border-color: color-mix(in srgb, var(--border) 50%, transparent);
}
.border-border\/60 {
  border-color: color-mix(in srgb, var(--border) 60%, transparent);
}
.bg-muted\/50 {
  background-color: color-mix(in srgb, var(--muted) 50%, transparent);
}
.bg-primary\/20 {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent);
}
.border-destructive\/50 {
  border-color: color-mix(in srgb, var(--destructive) 50%, transparent);
}
.text-sidebar-foreground\/70 {
  color: color-mix(in srgb, var(--sidebar-foreground) 70%, transparent);
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.\[--cell-size\:2rem\] {
  --cell-size: 2rem;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[background-image\:linear-gradient\(267\.71deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.1\)-18\.32\%\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.3\)147\.48\%\)\2c
  radial-gradient\(31\.93\%_121\.31\%_at_98\.14\%_0\%\2c
  rgba\(64\2c
  98\2c
  255\2c
  0\.2\)10\.9\%\2c
  rgba\(194\2c
  154\2c
  255\2c
  0\)100\%\)\2c
  radial-gradient\(24\.4\%_101\.64\%_at_8\.62\%_113\.53\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.2\)10\.59\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\)100\%\)\] {
  background-image: linear-gradient(
      267.71deg,
      rgba(236, 0, 140, 0.1)-18.32%,
      rgba(236, 0, 140, 0.3) 147.48%
    ),
    radial-gradient(
      31.93% 121.31% at 98.14% 0,
      rgba(64, 98, 255, 0.2) 10.9%,
      rgba(194, 154, 255, 0) 100%
    ),
    radial-gradient(
      24.4% 101.64% at 8.62% 113.53%,
      rgba(255, 212, 109, 0.2) 10.59%,
      rgba(252, 139, 103, 0) 100%
    );
}
.\[background\:linear-gradient\(\#0000\2c
  \#0000\)_padding-box\2c
  linear-gradient\(119deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.6\)_0\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\.6\)_50\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.6\)_100\%\)_border-box\] {
  background: linear-gradient(#0000, #0000) padding-box,
    linear-gradient(
        119deg,
        rgba(236, 0, 140, 0.6),
        rgba(252, 139, 103, 0.6) 50%,
        rgba(255, 212, 109, 0.6)
      )
      border-box;
}
.\[background\:linear-gradient\(white\2c
  white\)_padding-box\2c
  linear-gradient\(119deg\2c
  \#EC008C_0\%\2c
  \#FC8B67_50\%\2c
  \#FFD46D_100\%\)_border-box\] {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(119deg, #ec008c, #fc8b67 50%, #ffd46d) border-box;
}
.\[box-shadow\:0_2\.538px_9\.164px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  box-shadow: 0 2.538px 9.164px 0 rgba(0, 0, 0, 0.25);
}
.\[color-scheme\:light\] {
  color-scheme: light;
}
.\[filter\:drop-shadow\(0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.12\)\)\] {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.12));
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[text-shadow\:0_0\.916px_3\.666px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  text-shadow: 0 0.916px 3.666px rgba(0, 0, 0, 0.25);
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-\[14px\]::file-selector-button {
  font-size: 14px;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-\[\#8B95A6\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(139 149 166 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}
.placeholder\:text-neutral-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.placeholder\:text-foreground\/40::placeholder {
  color: color-mix(in srgb, var(--foreground) 40%, transparent);
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:inset-\[1px\]:before {
  content: var(--tw-content);
  inset: 1px;
}
.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:rounded-\[inherit\]:before {
  content: var(--tw-content);
  border-radius: inherit;
}
.before\:rounded-xl:before {
  content: var(--tw-content);
  border-radius: 0.75rem;
}
.before\:bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-\[\#4062FF\]:before {
  content: var(--tw-content);
  --tw-gradient-from: #4062ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 98 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-\[\#C29AFF\]:before {
  content: var(--tw-content);
  --tw-gradient-from: #c29aff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:via-\[\#EC008C\]:before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(236 0 140/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec008c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.before\:to-\[\#4062FF\]:before {
  content: var(--tw-content);
  --tw-gradient-to: #4062ff var(--tw-gradient-to-position);
}
.before\:to-\[\#FFD46D\]:before {
  content: var(--tw-content);
  --tw-gradient-to: #ffd46d var(--tw-gradient-to-position);
}
.before\:p-\[1px\]:before {
  content: var(--tw-content);
  padding: 1px;
}
.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.before\:duration-200:before {
  transition-duration: 0.2s;
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:duration-200:before {
  content: var(--tw-content);
  animation-duration: 0.2s;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2:after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-\[1px\]:after {
  content: var(--tw-content);
  inset: 1px;
}
.after\:inset-y-0:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:-z-10:after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:w-1:after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.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-xl:after {
  content: var(--tw-content);
  border-radius: 0.75rem;
}
.after\:bg-\[\#111111\]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.first\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.first\:rounded-t-xl:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.last\:rounded-b-xl:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0;
}
.checked\:border-blue-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.checked\:bg-blue-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.focus-within\:border-transparent:focus-within {
  border-color: transparent;
}
.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring-2:focus-within {
  --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-within\:ring-ring:focus-within {
  --tw-ring-color: var(--ring);
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
}
.hover\:-translate-y-0\.5:hover,
.hover\:-translate-y-1: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-y-1:hover {
  --tw-translate-y: -0.25rem;
}
.hover\:translate-y-\[-2px\]:hover {
  --tw-translate-y: -2px;
}
.hover\:scale-105:hover,
.hover\:translate-y-\[-2px\]: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-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.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\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
}
.hover\:scale-\[1\.02\]:hover,
.hover\:transform: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\:border-\[\#333333\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#4062FF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#9BC935\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(155 201 53 / var(--tw-border-opacity, 1));
}
.hover\:border-\[var\(--colorAnalyticsTextPrimary\)\]:hover {
  border-color: var(--colorAnalyticsTextPrimary);
}
.hover\:border-accent-overlay:hover {
  border-color: var(--accent-overlay);
}
.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.hover\:border-neutral-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.hover\:border-teal-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#0000000D\]:hover {
  background-color: #0000000d;
}
.hover\:bg-\[\#111111\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1C2230\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 34 48 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1a1a1a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1f2937\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#222\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#2f4df5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 77 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#333333\]:hover,
.hover\:bg-\[\#333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#444\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E7ECF3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 243 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ECF0FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 240 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F1F4F9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 244 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F5F5F5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F8FAFC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d7dee8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 222 232 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f7f7f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent:hover {
  background-color: var(--accent);
}
.hover\:bg-accent-overlay:hover {
  background-color: var(--accent-overlay);
}
.hover\:bg-amber-100\/50:hover {
  background-color: rgb(254 243 199/0.5);
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800\/40:hover {
  background-color: rgb(146 64 14/0.4);
}
.hover\:bg-amber-900\/30:hover {
  background-color: rgb(120 53 15/0.3);
}
.hover\:bg-background:hover {
  background-color: var(--background);
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0/0.1);
}
.hover\:bg-black\/30:hover {
  background-color: rgb(0 0 0/0.3);
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0/0.05);
}
.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0/0.7);
}
.hover\:bg-black\/80:hover {
  background-color: rgb(0 0 0/0.8);
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 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-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / 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-50\/50:hover {
  background-color: rgb(249 250 251/0.5);
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 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-muted:hover {
  background-color: var(--muted);
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 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:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 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-sidebar-accent:hover {
  background-color: var(--sidebar-accent);
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255/0.1);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255/0.2);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255/0.05);
}
.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255/0.5);
}
.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}
.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:from-blue-500:hover {
  --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);
}
.hover\:from-blue-500\/20:hover {
  --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);
}
.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-emerald-600:hover {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-600:hover {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-600:hover {
  --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);
}
.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-teal-600:hover {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:via-purple-700:hover {
  --tw-gradient-to: rgb(126 34 206/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:to-blue-400:hover {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.hover\:to-blue-500:hover {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.hover\:to-green-600:hover {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.hover\:to-indigo-700:hover {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.hover\:to-purple-700:hover {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.hover\:to-purple-800:hover {
  --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position);
}
.hover\:to-red-700:hover {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.hover\:to-teal-500\/20:hover {
  --tw-gradient-to: rgb(20 184 166/0.2) var(--tw-gradient-to-position);
}
.hover\:to-teal-600:hover {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.hover\:to-teal-700:hover {
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}
.hover\:text-\[\#FFFFFF99\]:hover {
  color: #ffffff99;
}
.hover\:text-\[var\(--colorAnalyticsTextPrimary\)\]:hover {
  color: var(--colorAnalyticsTextPrimary);
}
.hover\:text-accent:hover {
  color: var(--accent);
}
.hover\:text-accent-foreground:hover {
  color: var(--accent-foreground);
}
.hover\:text-accent-overlay:hover {
  color: var(--accent-overlay);
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 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-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  color: var(--foreground);
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 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-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.hover\:text-muted-foreground:hover {
  color: var(--muted-foreground);
}
.hover\:text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-pink-400:hover {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  color: var(--primary);
}
.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 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-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-sidebar-accent-foreground:hover {
  color: var(--sidebar-accent-foreground);
}
.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 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-yellow-700:hover {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow:hover {
  --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);
}
.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 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_0_15px_rgba\(59\2c 130\2c 246\2c 0\.1\)\]:hover {
  --tw-shadow: 0 0 15px rgba(59, 130, 246, 0.1);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
}
.hover\:shadow-\[0_0_15px_rgba\(59\2c 130\2c 246\2c 0\.1\)\]:hover,
.hover\:shadow-lg:hover {
  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);
}
.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);
}
.hover\:shadow-md:hover,
.hover\:shadow-sm:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.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-blue-500\/20:hover {
  --tw-shadow-color: rgb(59 130 246/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-green-500\/20:hover {
  --tw-shadow-color: rgb(34 197 94/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-purple-500\/20:hover {
  --tw-shadow-color: rgb(168 85 247/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-red-500\/20:hover {
  --tw-shadow-color: rgb(239 68 68/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:ring-black:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.hover\:bg-muted\/50:hover {
  background-color: color-mix(in srgb, var(--muted) 50%, transparent);
}
.hover\:bg-primary\/80:hover {
  background-color: color-mix(in srgb, var(--primary) 80%, transparent);
}
.hover\:bg-secondary\/80:hover {
  background-color: color-mix(in srgb, var(--secondary) 80%, transparent);
}
.hover\:bg-destructive\/80:hover {
  background-color: color-mix(in srgb, var(--destructive) 80%, transparent);
}
.hover\:after\:bg-sidebar-border:hover:after {
  content: var(--tw-content);
  background-color: var(--sidebar-border);
}
.focus\:border-2:focus {
  border-width: 2px;
}
.focus\:border-\[\#333333\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#4062FF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 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\:border-emerald-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.focus\:border-neutral-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.focus\:border-neutral-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.focus\:border-red-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:bg-accent:focus {
  background-color: var(--accent);
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:text-accent-foreground:focus {
  color: var(--accent-foreground);
}
.focus\:shadow-\[0_6px_20px_-6px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:focus {
  --tw-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0 6px 20px -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);
}
.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);
}
.focus\:ring-0:focus,
.focus\:ring-1:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.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);
}
.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-\[\#09B0C7\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(9 176 199 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#333333\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 51 51 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#35C1A5\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 193 165 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#4062FF\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 98 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#4062FF\]\/30:focus {
  --tw-ring-color: rgb(64 98 255/0.3);
}
.focus\:ring-amber-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black\/10:focus {
  --tw-ring-color: rgb(0 0 0/0.1);
}
.focus\:ring-black\/20:focus {
  --tw-ring-color: rgb(0 0 0/0.2);
}
.focus\:ring-black\/50:focus {
  --tw-ring-color: rgb(0 0 0/0.5);
}
.focus\:ring-blue-300\/40:focus {
  --tw-ring-color: rgb(147 197 253/0.4);
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: rgb(59 130 246/0.2);
}
.focus\:ring-blue-500\/30:focus {
  --tw-ring-color: rgb(59 130 246/0.3);
}
.focus\:ring-blue-500\/40:focus {
  --tw-ring-color: rgb(59 130 246/0.4);
}
.focus\:ring-blue-500\/50:focus {
  --tw-ring-color: rgb(59 130 246/0.5);
}
.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-neutral-900\/10:focus {
  --tw-ring-color: rgb(23 23 23/0.1);
}
.focus\:ring-orange-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 237 213 / 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-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / 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-ring:focus {
  --tw-ring-color: var(--ring);
}
.focus\:ring-violet-500\/40:focus {
  --tw-ring-color: rgb(139 92 246/0.4);
}
.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}
.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-0:focus-visible {
  border-width: 0;
}
.focus-visible\:bg-sidebar-accent:focus-visible {
  background-color: var(--sidebar-accent);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-gray-400:focus-visible {
  outline-color: #9ca3af;
}
.focus-visible\:outline-gray-500:focus-visible {
  outline-color: #6b7280;
}
.focus-visible\:ring-1: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(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-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-\[\#4062FF66\]:focus-visible {
  --tw-ring-color: #4062ff66;
}
.focus-visible\:ring-\[\#8351DD\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(131 81 221 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-destructive-ring:focus-visible {
  --tw-ring-color: var(--destructive-ring);
}
.focus-visible\:ring-gray-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-input-border:focus-visible {
  --tw-ring-color: var(--input-border);
}
.focus-visible\:ring-red-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: var(--ring);
}
.focus-visible\:ring-success-ring:focus-visible {
  --tw-ring-color: var(--success-ring);
}
.focus-visible\:ring-white:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-transparent:focus-visible {
  --tw-ring-offset-color: transparent;
}
.focus-visible\:ring-offset-white:focus-visible {
  --tw-ring-offset-color: #fff;
}
.active\:translate-y-\[1px\]:active {
  --tw-translate-y: 1px;
}
.active\:scale-95:active,
.active\:translate-y-\[1px\]:active {
  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));
}
.active\:scale-95:active {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-gray-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.active\:bg-sidebar-accent:active {
  background-color: var(--sidebar-accent);
}
.active\:text-secondary:active {
  color: var(--secondary);
}
.active\:text-sidebar-accent-foreground:active {
  color: var(--sidebar-accent-foreground);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-input-border:disabled {
  border-color: var(--input-border);
}
.disabled\:border-secondary:disabled {
  border-color: var(--secondary);
}
.disabled\:bg-\[\#8d9cf9\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(141 156 249 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-accent-foreground:disabled {
  background-color: var(--accent-foreground);
}
.disabled\:bg-secondary:disabled {
  background-color: var(--secondary);
}
.disabled\:text-secondary:disabled {
  color: var(--secondary);
}
.disabled\:text-secondary-foreground:disabled {
  color: var(--secondary-foreground);
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:placeholder\:text-secondary:disabled::placeholder {
  color: var(--secondary);
}
.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-black:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-blue-500:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-neutral-100:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.disabled\:hover\:bg-white:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:text-gray-500:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:focus-within .group-focus-within\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:inline-flex {
  display: inline-flex;
}
.group:hover .group-hover\:-translate-x-1 {
  --tw-translate-x: -0.25rem;
}
.group:hover .group-hover\:-translate-x-1,
.group:hover .group-hover\:translate-x-0\.5 {
  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-0\.5 {
  --tw-translate-x: 0.125rem;
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
}
.group:hover .group-hover\:rotate-90,
.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\:rotate-90 {
  --tw-rotate: 90deg;
}
.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\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-black\/40 {
  background-color: rgb(0 0 0/0.4);
}
.group:hover .group-hover\:bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / 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:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100,
.group\/icon:hover .group-hover\/icon\:opacity-100,
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
.peer\/menu-button:hover
  ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: var(--sidebar-accent-foreground);
}
.peer:focus ~ .peer-focus\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
  background-color: var(--sidebar);
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.group\/menu-item:has([data-sidebar="menu-action"])
  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: var(--muted-foreground);
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"],
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"],
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  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));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side="right"],
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  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));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] {
  --tw-translate-x: 18px;
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"],
.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
  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));
}
.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
  --tw-translate-x: 2px;
}
@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 0.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 0.2s ease-out;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: 0.375rem;
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0;
}
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: 0.375rem;
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0;
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: var(--sidebar-accent);
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: var(--primary);
}
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  background-color: var(--accent);
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"],
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: var(--primary);
}
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
  background-color: var(--accent);
}
.data-\[state\=active\]\:bg-card[data-state="active"] {
  background-color: var(--card);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: var(--primary);
}
.data-\[state\=checked\]\:bg-white[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-white\/80[data-state="checked"] {
  background-color: rgb(255 255 255/0.8);
}
.data-\[state\=inactive\]\:bg-transparent[data-state="inactive"] {
  background-color: transparent;
}
.data-\[state\=on\]\:bg-accent[data-state="on"],
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: var(--accent);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: var(--secondary);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: var(--muted);
}
.data-\[state\=unchecked\]\:bg-white[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=unchecked\]\:bg-white\/70[data-state="unchecked"] {
  background-color: rgb(255 255 255/0.7);
}
.data-\[state\=unchecked\]\:bg-white\/90[data-state="unchecked"] {
  background-color: rgb(255 255 255/0.9);
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: var(--sidebar-accent-foreground);
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: var(--muted-foreground);
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  color: var(--primary-foreground);
}
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  color: var(--accent-foreground);
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"],
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  color: var(--primary-foreground);
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: var(--accent-foreground);
}
.data-\[state\=active\]\:text-card-foreground[data-state="active"] {
  color: var(--card-foreground);
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: var(--primary-foreground);
}
.data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
  color: var(--muted-foreground);
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"],
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: var(--accent-foreground);
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: var(--muted-foreground);
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"],
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --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);
}
.data-\[state\=checked\]\:shadow-none[data-state="checked"] {
  --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);
}
.data-\[state\=unchecked\]\:shadow-\[0_2px_6px_rgba\(0\2c
  0\2c
  0\2c
  0\.45\)\][data-state="unchecked"] {
  --tw-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
  --tw-shadow-colored: 0 2px 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);
}
.data-\[state\=unchecked\]\:shadow-\[0_2px_6px_rgba\(15\2c
  23\2c
  42\2c
  0\.25\)\][data-state="unchecked"] {
  --tw-shadow: 0 2px 6px rgba(15, 23, 42, 0.25);
  --tw-shadow-colored: 0 2px 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);
}
.data-\[state\=unchecked\]\:shadow-none[data-state="unchecked"] {
  --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);
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 0.5s;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"],
.data-\[state\=open\]\:animate-in[data-state="open"],
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"],
.data-\[state\=closed\]\:animate-out[data-state="closed"],
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: 0.15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"],
.data-\[state\=closed\]\:fade-out-0[data-state="closed"],
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"],
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.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: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 0.5s;
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: color-mix(in srgb, var(--accent) 50%, transparent);
}
.data-\[state\=checked\]\:before\:opacity-100[data-state="checked"]:before {
  content: var(--tw-content);
  opacity: 1;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  left: 0;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --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));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --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));
}
.data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
  background-color: var(--accent);
}
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: var(--sidebar-accent);
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: var(--sidebar-accent-foreground);
}
.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
  background-color: var(--accent);
}
.disabled\:data-\[state\=checked\]\:before\:from-\[\#B6B8FF\][data-state="checked"]:disabled:before {
  content: var(--tw-content);
  --tw-gradient-from: #b6b8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(182 184 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:data-\[state\=checked\]\:before\:to-\[\#7A8AFF\][data-state="checked"]:disabled:before {
  content: var(--tw-content);
  --tw-gradient-to: #7a8aff var(--tw-gradient-to-position);
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
  position: relative;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
  z-index: 10;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\: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));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180,
.group[data-state="open"] .group-data-\[state\=open\]\: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));
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: 0.5rem;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group\/day[data-focused="true"]
  .group-data-\[focused\=true\]\/day\:border-ring {
  border-color: var(--ring);
}
.group[data-variant="floating"]
  .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: var(--sidebar-border);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0 !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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);
}
.group\/day[data-focused="true"]
  .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  --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);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
  content: var(--tw-content);
  left: 100%;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: var(--sidebar);
}
.peer\/menu-button[data-size="default"]
  ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"]
  ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"]
  ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer\/menu-button[data-active="true"]
  ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: var(--sidebar-accent-foreground);
}
@supports (backdrop-filter: var(--tw)) {
  .supports-\[backdrop-filter\]\:bg-black\/60 {
    background-color: rgb(0 0 0/0.6);
  }
  .supports-\[backdrop-filter\]\: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);
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
.dark\:divide-\[\#222\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-800\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(31 41 55/0.5);
}
.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255/0.1);
}
.dark\:border-4:is(.dark *) {
  border-width: 4px;
}
.dark\:border-\[\#1E293B\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#1F2937\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#1a1a1a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#222222AD\]:is(.dark *) {
  border-color: #222222ad;
}
.dark\:border-\[\#222222\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#222\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#23232a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(35 35 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#27272A\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#27272a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#293548\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(41 53 72 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#2a2a2a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#333\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#8a8a8a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(138 138 138 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#FFFFFF1A\]:is(.dark *) {
  border-color: #ffffff1a;
}
.dark\:border-\[\#FFFFFF22\]:is(.dark *) {
  border-color: #ffffff22;
}
.dark\:border-\[\#FFFFFF33\]:is(.dark *) {
  border-color: #ffffff33;
}
.dark\:border-\[\#FFFFFF99\]:is(.dark *) {
  border-color: #ffffff99;
}
.dark\:border-\[\#fff\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#ffffff1A\]:is(.dark *) {
  border-color: #ffffff1a;
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:is(.dark *) {
  border-color: rgba(255, 255, 255, 0.2);
}
.dark\:border-amber-700\/30:is(.dark *) {
  border-color: rgb(180 83 9/0.3);
}
.dark\:border-amber-900\/40:is(.dark *) {
  border-color: rgb(120 53 15/0.4);
}
.dark\:border-black:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-500\/20:is(.dark *) {
  border-color: rgb(59 130 246/0.2);
}
.dark\:border-blue-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-700\/50:is(.dark *) {
  border-color: rgb(29 78 216/0.5);
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800\/30:is(.dark *) {
  border-color: rgb(30 64 175/0.3);
}
.dark\:border-blue-800\/50:is(.dark *) {
  border-color: rgb(30 64 175/0.5);
}
.dark\:border-blue-900\/30:is(.dark *) {
  border-color: rgb(30 58 138/0.3);
}
.dark\:border-blue-900\/50:is(.dark *) {
  border-color: rgb(30 58 138/0.5);
}
.dark\:border-destructive:is(.dark *) {
  border-color: var(--destructive);
}
.dark\:border-emerald-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-800\/30:is(.dark *) {
  border-color: rgb(6 95 70/0.3);
}
.dark\:border-emerald-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-200\/50:is(.dark *) {
  border-color: rgb(229 231 235/0.5);
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700\/20:is(.dark *) {
  border-color: rgb(55 65 81/0.2);
}
.dark\:border-gray-700\/30:is(.dark *) {
  border-color: rgb(55 65 81/0.3);
}
.dark\:border-gray-700\/50:is(.dark *) {
  border-color: rgb(55 65 81/0.5);
}
.dark\:border-gray-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-800\/50:is(.dark *) {
  border-color: rgb(31 41 55/0.5);
}
.dark\:border-gray-800\/70:is(.dark *) {
  border-color: rgb(31 41 55/0.7);
}
.dark\:border-green-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.dark\:border-green-500\/20:is(.dark *) {
  border-color: rgb(34 197 94/0.2);
}
.dark\:border-green-500\/30:is(.dark *) {
  border-color: rgb(34 197 94/0.3);
}
.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.dark\:border-green-900\/40:is(.dark *) {
  border-color: rgb(20 83 45/0.4);
}
.dark\:border-indigo-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.dark\:border-pink-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-500\/20:is(.dark *) {
  border-color: rgb(168 85 247/0.2);
}
.dark\:border-purple-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}
.dark\:border-red-400\/40:is(.dark *) {
  border-color: rgb(248 113 113/0.4);
}
.dark\:border-red-500\/20:is(.dark *) {
  border-color: rgb(239 68 68/0.2);
}
.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900\/30:is(.dark *) {
  border-color: rgb(127 29 29/0.3);
}
.dark\:border-red-900\/40:is(.dark *) {
  border-color: rgb(127 29 29/0.4);
}
.dark\:border-red-900\/50:is(.dark *) {
  border-color: rgb(127 29 29/0.5);
}
.dark\:border-teal-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}
.dark\:border-transparent:is(.dark *) {
  border-color: transparent;
}
.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:border-white\/10:is(.dark *) {
  border-color: rgb(255 255 255/0.1);
}
.dark\:border-white\/15:is(.dark *) {
  border-color: rgb(255 255 255/0.15);
}
.dark\:border-white\/20:is(.dark *) {
  border-color: rgb(255 255 255/0.2);
}
.dark\:border-white\/30:is(.dark *) {
  border-color: rgb(255 255 255/0.3);
}
.dark\:border-white\/70:is(.dark *) {
  border-color: rgb(255 255 255/0.7);
}
.dark\:border-white\/80:is(.dark *) {
  border-color: rgb(255 255 255/0.8);
}
.dark\:border-yellow-500\/20:is(.dark *) {
  border-color: rgb(234 179 8/0.2);
}
.dark\:border-yellow-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}
.dark\:border-b-gray-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.dark\:border-l-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-r-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-right-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-t-emerald-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:border-t-gray-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.dark\:border-t-green-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.dark\:border-t-transparent:is(.dark *) {
  border-top-color: transparent;
}
.dark\:border-t-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:bg-\[\#000\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#09090B\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0A0A0A\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0a0a0a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f0f0f\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f0f0f\]\/50:is(.dark *) {
  background-color: rgb(15 15 15/0.5);
}
.dark\:bg-\[\#101010\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#111111\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#121212\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#131313\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#171717\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#18181b\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1A1A1A\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1E1E1E\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1a1a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1a1a\]\/50:is(.dark *) {
  background-color: rgb(26 26 26/0.5);
}
.dark\:bg-\[\#1a1a1a\]\/80:is(.dark *) {
  background-color: rgb(26 26 26/0.8);
}
.dark\:bg-\[\#222222\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#222\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#23232a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#232b36\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#252525\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#262626\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2a2a2a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2a2a2d\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#333\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#FFFFFF0D\]:is(.dark *) {
  background-color: #ffffff0d;
}
.dark\:bg-\[\#FFFFFF12\]:is(.dark *) {
  background-color: #ffffff12;
}
.dark\:bg-\[\#FFFFFF1A\]:is(.dark *) {
  background-color: #ffffff1a;
}
.dark\:bg-\[\#FFFFFF99\]:is(.dark *) {
  background-color: #ffffff99;
}
.dark\:bg-\[\#FFFFFF\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#FFF\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#fff\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:is(.dark *) {
  background-color: rgba(255, 255, 255, 0.02);
}
.dark\:bg-\[transparent\]:is(.dark *) {
  background-color: transparent;
}
.dark\:bg-amber-800\/40:is(.dark *) {
  background-color: rgb(146 64 14/0.4);
}
.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: rgb(120 53 15/0.3);
}
.dark\:bg-amber-950\/10:is(.dark *) {
  background-color: rgb(69 26 3/0.1);
}
.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-black\/50:is(.dark *) {
  background-color: rgb(0 0 0/0.5);
}
.dark\:bg-black\/60:is(.dark *) {
  background-color: rgb(0 0 0/0.6);
}
.dark\:bg-black\/80:is(.dark *) {
  background-color: rgb(0 0 0/0.8);
}
.dark\:bg-black\/90:is(.dark *) {
  background-color: rgb(0 0 0/0.9);
}
.dark\:bg-blue-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-800\/40:is(.dark *) {
  background-color: rgb(30 64 175/0.4);
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138/0.2);
}
.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138/0.3);
}
.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: rgb(30 58 138/0.4);
}
.dark\:bg-blue-900\/50:is(.dark *) {
  background-color: rgb(30 58 138/0.5);
}
.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: rgb(23 37 84/0.3);
}
.dark\:bg-cyan-900\/30:is(.dark *) {
  background-color: rgb(22 78 99/0.3);
}
.dark\:bg-emerald-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-900\/20:is(.dark *) {
  background-color: rgb(6 78 59/0.2);
}
.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: rgb(6 78 59/0.3);
}
.dark\:bg-gray-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-200:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/70:is(.dark *) {
  background-color: rgb(55 65 81/0.7);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/30:is(.dark *) {
  background-color: rgb(31 41 55/0.3);
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: rgb(31 41 55/0.5);
}
.dark\:bg-gray-800\/80:is(.dark *) {
  background-color: rgb(31 41 55/0.8);
}
.dark\:bg-gray-800\/90:is(.dark *) {
  background-color: rgb(31 41 55/0.9);
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/20:is(.dark *) {
  background-color: rgb(17 24 39/0.2);
}
.dark\:bg-gray-900\/30:is(.dark *) {
  background-color: rgb(17 24 39/0.3);
}
.dark\:bg-gray-900\/50:is(.dark *) {
  background-color: rgb(17 24 39/0.5);
}
.dark\:bg-gray-900\/60:is(.dark *) {
  background-color: rgb(17 24 39/0.6);
}
.dark\:bg-gray-900\/90:is(.dark *) {
  background-color: rgb(17 24 39/0.9);
}
.dark\:bg-gray-900\/95:is(.dark *) {
  background-color: rgb(17 24 39/0.95);
}
.dark\:bg-gray-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-700\/20:is(.dark *) {
  background-color: rgb(21 128 61/0.2);
}
.dark\:bg-green-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-800\/50:is(.dark *) {
  background-color: rgb(22 101 52/0.5);
}
.dark\:bg-green-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900\/10:is(.dark *) {
  background-color: rgb(20 83 45/0.1);
}
.dark\:bg-green-900\/20:is(.dark *) {
  background-color: rgb(20 83 45/0.2);
}
.dark\:bg-green-900\/30:is(.dark *) {
  background-color: rgb(20 83 45/0.3);
}
.dark\:bg-green-900\/40:is(.dark *) {
  background-color: rgb(20 83 45/0.4);
}
.dark\:bg-green-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-950\/10:is(.dark *) {
  background-color: rgb(5 46 22/0.1);
}
.dark\:bg-green-950\/30:is(.dark *) {
  background-color: rgb(5 46 22/0.3);
}
.dark\:bg-orange-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18/0.2);
}
.dark\:bg-purple-800\/50:is(.dark *) {
  background-color: rgb(107 33 168/0.5);
}
.dark\:bg-purple-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}
.dark\:bg-purple-900\/20:is(.dark *) {
  background-color: rgb(88 28 135/0.2);
}
.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: rgb(88 28 135/0.3);
}
.dark\:bg-red-500\/10:is(.dark *) {
  background-color: rgb(239 68 68/0.1);
}
.dark\:bg-red-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900\/20:is(.dark *) {
  background-color: rgb(127 29 29/0.2);
}
.dark\:bg-red-900\/30:is(.dark *) {
  background-color: rgb(127 29 29/0.3);
}
.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-950\/10:is(.dark *) {
  background-color: rgb(69 10 10/0.1);
}
.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10/0.3);
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-white\/10:is(.dark *) {
  background-color: rgb(255 255 255/0.1);
}
.dark\:bg-white\/20:is(.dark *) {
  background-color: rgb(255 255 255/0.2);
}
.dark\:bg-white\/5:is(.dark *) {
  background-color: rgb(255 255 255/0.05);
}
.dark\:bg-white\/95:is(.dark *) {
  background-color: rgb(255 255 255/0.95);
}
.dark\:bg-white\/\[0\.06\]:is(.dark *) {
  background-color: rgb(255 255 255/0.06);
}
.dark\:bg-yellow-500\/10:is(.dark *) {
  background-color: rgb(234 179 8/0.1);
}
.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: rgb(113 63 18/0.2);
}
.dark\:bg-yellow-900\/30:is(.dark *) {
  background-color: rgb(113 63 18/0.3);
}
.dark\:bg-yellow-950\/30:is(.dark *) {
  background-color: rgb(66 32 6/0.3);
}
.dark\:bg-\[linear-gradient\(45deg\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)\)\2c
  linear-gradient\(45deg\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)\)\]:is(.dark *) {
  background-image: linear-gradient(
      45deg,
      rgba(240, 240, 240, 0.2) 25%,
      transparent 0,
      transparent 75%,
      rgba(240, 240, 240, 0.2) 0,
      rgba(240, 240, 240, 0.2)
    ),
    linear-gradient(
      45deg,
      rgba(240, 240, 240, 0.2) 25%,
      transparent 0,
      transparent 75%,
      rgba(240, 240, 240, 0.2) 0,
      rgba(240, 240, 240, 0.2)
    );
}
.dark\:bg-none:is(.dark *) {
  background-image: none;
}
.dark\:from-\[\#0a0a0a\]:is(.dark *) {
  --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);
}
.dark\:from-amber-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(69 26 3/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 26 3/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/10:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.1) 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);
}
.dark\:from-blue-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.2) 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);
}
.dark\:from-blue-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.3) 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);
}
.dark\:from-blue-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(23 37 84/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 37 84/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(6 78 59/0.2) 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);
}
.dark\:from-emerald-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(2 44 34/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 44 34/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-300:is(.dark *) {
  --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 219/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-800:is(.dark *) {
  --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);
}
.dark\:from-gray-900:is(.dark *) {
  --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);
}
.dark\:from-gray-900\/0:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0) 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);
}
.dark\:from-gray-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0.3) 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);
}
.dark\:from-gray-900\/50:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0.5) 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);
}
.dark\:from-green-800\/30:is(.dark *) {
  --tw-gradient-from: rgb(22 101 52/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(20 83 45/0.2) 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);
}
.dark\:from-pink-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(131 24 67/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(131 24 67/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(88 28 135/0.2) 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);
}
.dark\:from-red-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(127 29 29/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/80:is(.dark *) {
  --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);
}
.dark\:from-teal-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(19 78 74/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 78 74/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:to-\[\#0f0f0f\]:is(.dark *) {
  --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position);
}
.dark\:to-\[\#121212\]:is(.dark *) {
  --tw-gradient-to: #121212 var(--tw-gradient-to-position);
}
.dark\:to-black\/10:is(.dark *) {
  --tw-gradient-to: rgb(0 0 0/0.1) var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(30 64 175/0.2) var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(30 58 138/0.3) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(6 95 70/0.2) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/30:is(.dark *) {
  --tw-gradient-to: rgb(6 95 70/0.3) var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(6 78 59/0.2) var(--tw-gradient-to-position);
}
.dark\:to-gray-100:is(.dark *) {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.dark\:to-gray-700:is(.dark *) {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.dark\:to-gray-800:is(.dark *) {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.dark\:to-gray-900:is(.dark *) {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/5:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.05) var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/50:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.5) var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/80:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.8) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(20 83 45/0.2) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(20 83 45/0.3) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/10:is(.dark *) {
  --tw-gradient-to: rgb(49 46 129/0.1) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(49 46 129/0.2) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(124 45 18/0.2) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(124 45 18/0.3) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(107 33 168/0.2) var(--tw-gradient-to-position);
}
.dark\:to-red-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(153 27 27/0.2) var(--tw-gradient-to-position);
}
.dark\:to-slate-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(30 41 59/0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(19 78 74/0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(19 78 74/0.3) var(--tw-gradient-to-position);
}
.dark\:fill-\[\#18181b\]:is(.dark *) {
  fill: #18181b;
}
.dark\:fill-\[\#2a2a2e\]:is(.dark *) {
  fill: #2a2a2e;
}
.dark\:fill-\[\#fff\]:is(.dark *) {
  fill: #fff;
}
.dark\:fill-gray-300:is(.dark *) {
  fill: #d1d5db;
}
.dark\:fill-gray-400:is(.dark *) {
  fill: #9ca3af;
}
.dark\:fill-gray-800:is(.dark *) {
  fill: #1f2937;
}
.dark\:stroke-\[\#fff\]:is(.dark *) {
  stroke: #fff;
}
.dark\:stroke-gray-300:is(.dark *) {
  stroke: #d1d5db;
}
.dark\:stroke-gray-400:is(.dark *) {
  stroke: #9ca3af;
}
.dark\:stroke-gray-600:is(.dark *) {
  stroke: #4b5563;
}
.dark\:stroke-gray-700:is(.dark *) {
  stroke: #374151;
}
.dark\:stroke-white\/10:is(.dark *) {
  stroke: rgb(255 255 255/0.1);
}
.dark\:text-\[\#000\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#0B0D0F\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(11 13 15 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#111\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#666\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#888\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#8a8a8a\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#94A3B8\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#999\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#CBD5F5\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 245 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#E2E8F0\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#FFFFFF99\]:is(.dark *) {
  color: #ffffff99;
}
.dark\:text-\[\#FFF\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#aaa\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#e0e0e0\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#fff\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#fff\]\/80:is(.dark *) {
  color: rgb(255 255 255/0.8);
}
.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\]:is(.dark *) {
  color: rgba(255, 255, 255, 0.8);
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-700:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.dark\:text-green-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white\/40:is(.dark *) {
  color: rgb(255 255 255/0.4);
}
.dark\:text-white\/60:is(.dark *) {
  color: rgb(255 255 255/0.6);
}
.dark\:text-white\/70:is(.dark *) {
  color: rgb(255 255 255/0.7);
}
.dark\:text-white\/80:is(.dark *) {
  color: rgb(255 255 255/0.8);
}
.dark\:text-yellow-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-\[\#666\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(102 102 102 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#777\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(119 119 119 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#8a8a8a\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#FFFFFF99\]:is(.dark *)::placeholder {
  color: #ffffff99;
}
.dark\:placeholder-\[\#fff\]\/60:is(.dark *)::placeholder {
  color: rgb(255 255 255/0.6);
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-white:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity, 1));
}
.dark\:opacity-20:is(.dark *) {
  opacity: 0.2;
}
.dark\:opacity-\[0\.02\]:is(.dark *) {
  opacity: 0.02;
}
.dark\:shadow-2xl:is(.dark *) {
  --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);
}
.dark\:ring-\[\#1E293B\]:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-100\/20:is(.dark *) {
  --tw-ring-color: rgb(243 244 246/0.2);
}
.dark\:ring-gray-900:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.dark\:ring-offset-gray-800:is(.dark *) {
  --tw-ring-offset-color: #1f2937;
}
.dark\:placeholder\:text-white\/40:is(.dark *)::placeholder {
  color: rgb(255 255 255/0.4);
}
.dark\:hover\:border-\[\#2a2a2a\]:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-800:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-100:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-700:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-purple-400:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-red-500\/20:hover:is(.dark *) {
  border-color: rgb(239 68 68/0.2);
}
.dark\:hover\:border-teal-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-white:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-white\/30:hover:is(.dark *) {
  border-color: rgb(255 255 255/0.3);
}
.dark\:hover\:bg-\[\#111111\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#141414\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1a1a1a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1b1b1b\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#222222\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#222\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#23232a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#262626\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2A2A2A\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2a2a2a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#333\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#3a3a3a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#E2E8F0\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#FFFFFF1A\]:hover:is(.dark *) {
  background-color: #ffffff1a;
}
.dark\:hover\:bg-\[\#f3f4f6\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
  background-color: rgb(30 58 138/0.2);
}
.dark\:hover\:bg-gray-100:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-200:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700\/50:hover:is(.dark *) {
  background-color: rgb(55 65 81/0.5);
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
  background-color: rgb(31 41 55/0.5);
}
.dark\:hover\:bg-gray-900:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-900\/30:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.3);
}
.dark\:hover\:bg-gray-900\/50:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.5);
}
.dark\:hover\:bg-gray-900\/70:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.7);
}
.dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
  background-color: rgb(239 68 68/0.1);
}
.dark\:hover\:bg-red-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-900\/10:hover:is(.dark *) {
  background-color: rgb(127 29 29/0.1);
}
.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.1);
}
.dark\:hover\:bg-white\/20:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.2);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.05);
}
.dark\:hover\:text-\[\#8a8a8a\]:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-\[\#e0e0e0\]:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-100:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-900:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-yellow-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:hover\:ring-white:hover:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:border-blue-500:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-emerald-400:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-gray-500:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-gray-700:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-white:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:focus\:bg-\[\#2a2a2a\]:focus:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:ring-blue-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-emerald-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-emerald-600:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-100:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-600:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-700:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-white:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-white\/10:focus:is(.dark *) {
  --tw-ring-color: rgb(255 255 255/0.1);
}
.dark\:focus\:ring-offset-black:focus:is(.dark *) {
  --tw-ring-offset-color: #000;
}
.dark\:active\:bg-gray-700:active:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *) {
  background-color: rgb(30 58 138/0.5);
}
.group:hover .dark\:group-hover\:bg-purple-800\/70:is(.dark *) {
  background-color: rgb(107 33 168/0.7);
}
.group:hover .dark\:group-hover\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 640px) {
  .max-sm\:max-w-md {
    max-width: 28rem;
  }
}
@media (max-width: 480px) {
  .max-\[480px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .max-\[420px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 420px) {
  .min-\[420px\]\:bottom-3\.5 {
    bottom: 0.875rem;
  }
  .min-\[420px\]\:right-3\.5 {
    right: 0.875rem;
  }
  .min-\[420px\]\:mt-\[-30px\] {
    margin-top: -30px;
  }
  .min-\[420px\]\:mt-\[-70px\] {
    margin-top: -70px;
  }
  .min-\[420px\]\:h-\[13px\] {
    height: 13px;
  }
  .min-\[420px\]\:h-\[18px\] {
    height: 18px;
  }
  .min-\[420px\]\:h-\[22px\] {
    height: 22px;
  }
  .min-\[420px\]\:h-\[30px\] {
    height: 30px;
  }
  .min-\[420px\]\:h-\[32px\] {
    height: 32px;
  }
  .min-\[420px\]\:w-\[101px\] {
    width: 101px;
  }
  .min-\[420px\]\:w-\[22px\] {
    width: 22px;
  }
  .min-\[420px\]\:w-\[30px\] {
    width: 30px;
  }
  .min-\[420px\]\:w-\[53px\] {
    width: 53px;
  }
  .min-\[420px\]\:min-w-\[320px\] {
    min-width: 320px;
  }
  .min-\[420px\]\:max-w-\[320px\] {
    max-width: 320px;
  }
  .min-\[420px\]\:max-w-\[360px\] {
    max-width: 360px;
  }
  .min-\[420px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[420px\]\:items-center {
    align-items: center;
  }
  .min-\[420px\]\:gap-4 {
    gap: 1rem;
  }
  .min-\[420px\]\:gap-5 {
    gap: 1.25rem;
  }
  .min-\[420px\]\:p-5 {
    padding: 1.25rem;
  }
  .min-\[420px\]\:text-\[11px\] {
    font-size: 11px;
  }
  .min-\[420px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .min-\[420px\]\:text-\[15px\] {
    font-size: 15px;
  }
  .min-\[420px\]\:text-\[25px\] {
    font-size: 25px;
  }
  .min-\[420px\]\:text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .min-\[420px\]\:leading-\[17px\] {
    line-height: 17px;
  }
}
@media (min-width: 640px) {
  .sm\:bottom-3 {
    bottom: 0.75rem;
  }
  .sm\:bottom-4 {
    bottom: 1rem;
  }
  .sm\:left-4 {
    left: 1rem;
  }
  .sm\:left-6 {
    left: 1.5rem;
  }
  .sm\:left-8 {
    left: 2rem;
  }
  .sm\:right-3 {
    right: 0.75rem;
  }
  .sm\:right-4 {
    right: 1rem;
  }
  .sm\:right-8 {
    right: 2rem;
  }
  .sm\:top-16 {
    top: 4rem;
  }
  .sm\:top-3 {
    top: 0.75rem;
  }
  .sm\:top-4 {
    top: 1rem;
  }
  .sm\:top-7 {
    top: 1.75rem;
  }
  .sm\:top-8 {
    top: 2rem;
  }
  .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .sm\:-mt-10 {
    margin-top: -2.5rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:mt-\[-60px\] {
    margin-top: -60px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:contents {
    display: contents;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:size-8 {
    width: 2rem;
    height: 2rem;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:h-14 {
    height: 3.5rem;
  }
  .sm\:h-16 {
    height: 4rem;
  }
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:h-28 {
    height: 7rem;
  }
  .sm\:h-3\.5 {
    height: 0.875rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-5 {
    height: 1.25rem;
  }
  .sm\:h-6 {
    height: 1.5rem;
  }
  .sm\:h-64 {
    height: 16rem;
  }
  .sm\:h-7 {
    height: 1.75rem;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:h-\[14px\] {
    height: 14px;
  }
  .sm\:h-\[20px\] {
    height: 20px;
  }
  .sm\:h-\[350px\] {
    height: 350px;
  }
  .sm\:h-\[36px\] {
    height: 36px;
  }
  .sm\:h-\[400px\] {
    height: 400px;
  }
  .sm\:max-h-none {
    max-height: none;
  }
  .sm\:min-h-0 {
    min-height: 0;
  }
  .sm\:min-h-\[160px\] {
    min-height: 160px;
  }
  .sm\:w-1\/3 {
    width: 33.333333%;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-12 {
    width: 3rem;
  }
  .sm\:w-14 {
    width: 3.5rem;
  }
  .sm\:w-16 {
    width: 4rem;
  }
  .sm\:w-2\/3 {
    width: 66.666667%;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-3\.5 {
    width: 0.875rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-5 {
    width: 1.25rem;
  }
  .sm\:w-6 {
    width: 1.5rem;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-7 {
    width: 1.75rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:w-\[114px\] {
    width: 114px;
  }
  .sm\:w-\[400px\] {
    width: 400px;
  }
  .sm\:w-\[57px\] {
    width: 57px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-\[340px\] {
    min-width: 340px;
  }
  .sm\:min-w-\[400px\] {
    min-width: 400px;
  }
  .sm\:min-w-\[calc\(33\.33\%-8px\)\] {
    min-width: calc(33.33% - 8px);
  }
  .sm\:max-w-6xl {
    max-width: 72rem;
  }
  .sm\:max-w-\[340px\] {
    max-width: 340px;
  }
  .sm\:max-w-\[375px\] {
    max-width: 375px;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:translate-x-6 {
    --tw-translate-x: 1.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));
  }
  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-\[14px\] {
    gap: 14px;
  }
  .sm\: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)));
  }
  .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\: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));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:rounded-2xl {
    border-radius: 1rem;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }
  .sm\:border-4 {
    border-width: 4px;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-2\.5 {
    padding: 0.625rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-12 {
    padding-left: 3rem;
  }
  .sm\:pl-\[30\%\] {
    padding-left: 30%;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:pt-8 {
    padding-top: 2rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-\[10px\] {
    font-size: 10px;
  }
  .sm\:text-\[16px\] {
    font-size: 16px;
  }
  .sm\:text-\[20px\] {
    font-size: 20px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:leading-\[18px\] {
    line-height: 18px;
  }
  .sm\: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);
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:bottom-4 {
    bottom: 1rem;
  }
  .md\:left-1\/2 {
    left: 50%;
  }
  .md\:left-4 {
    left: 1rem;
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:right-4 {
    right: 1rem;
  }
  .md\:right-auto {
    right: auto;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:top-10 {
    top: 2.5rem;
  }
  .md\:top-4 {
    top: 1rem;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:-mt-16 {
    margin-top: -4rem;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-14 {
    margin-top: 3.5rem;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mt-\[-50px\] {
    margin-top: -50px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:size-4 {
    width: 1rem;
    height: 1rem;
  }
  .md\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-80 {
    height: 20rem;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[450px\] {
    height: 450px;
  }
  .md\:h-\[46px\] {
    height: 46px;
  }
  .md\:h-\[500px\] {
    height: 500px;
  }
  .md\:h-\[80vh\] {
    height: 80vh;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:max-h-none {
    max-height: none;
  }
  .md\:min-h-0 {
    min-height: 0;
  }
  .md\:min-h-\[100vh\] {
    min-height: 100vh;
  }
  .md\:min-h-\[150px\] {
    min-height: 150px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-14 {
    width: 3.5rem;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-64 {
    width: 16rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[375px\] {
    width: 375px;
  }
  .md\:w-\[380px\] {
    width: 380px;
  }
  .md\:w-\[40\%\] {
    width: 40%;
  }
  .md\:w-\[440px\] {
    width: 440px;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-\[60\%\] {
    width: 60%;
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-\[var\(--rightSidebarWidth\)\] {
    width: var(--rightSidebarWidth);
  }
  .md\:w-\[var\(--widthContent\)\] {
    width: var(--widthContent);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[160px\] {
    min-width: 160px;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .md\:-translate-x-1\/2,
  .md\: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));
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .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\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-9 {
    gap: 2.25rem;
  }
  .md\: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));
  }
  .md\: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));
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:whitespace-normal {
    white-space: normal;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:rounded-lg {
    border-radius: 0.5rem;
  }
  .md\:rounded-b-\[30px\] {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md\:border {
    border-width: 1px;
  }
  .md\:border-r,
  .md\:border-r-\[1px\] {
    border-right-width: 1px;
  }
  .md\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .md\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
  .md\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  }
  .md\:bg-\[\#0000000D\] {
    background-color: #0000000d;
  }
  .md\:bg-\[\#FFFFFF0D\] {
    background-color: #ffffff0d;
  }
  .md\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .md\:bg-white\/80 {
    background-color: rgb(255 255 255/0.8);
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:p-2\.5 {
    padding: 0.625rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[1\.25dvw\] {
    padding-left: 1.25dvw;
    padding-right: 1.25dvw;
  }
  .md\:px-\[unset\] {
    padding-left: unset;
    padding-right: unset;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-\[108px\] {
    padding-top: 108px;
    padding-bottom: 108px;
  }
  .md\:py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-4 {
    padding-bottom: 1rem;
  }
  .md\:pb-9 {
    padding-bottom: 2.25rem;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pl-3 {
    padding-left: 0.75rem;
  }
  .md\:pl-\[20\%\] {
    padding-left: 20%;
  }
  .md\:pr-12 {
    padding-right: 3rem;
  }
  .md\:pr-4 {
    padding-right: 1rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pt-9 {
    padding-top: 2.25rem;
  }
  .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-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-\[12px\] {
    font-size: 12px;
  }
  .md\:text-\[14px\] {
    font-size: 14px;
  }
  .md\:text-\[15px\] {
    font-size: 15px;
  }
  .md\:text-\[16px\] {
    font-size: 16px;
  }
  .md\:text-\[17px\] {
    font-size: 17px;
  }
  .md\:text-\[18px\] {
    font-size: 18px;
  }
  .md\:text-\[1rem\] {
    font-size: 1rem;
  }
  .md\:text-\[22px\] {
    font-size: 22px;
  }
  .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-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .after\:md\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }
  .peer[data-state="collapsed"][data-variant="inset"]
    ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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);
  }
  .dark\:md\:border-white\/10:is(.dark *) {
    border-color: rgb(255 255 255/0.1);
  }
  .dark\:md\:border-white\/20:is(.dark *) {
    border-color: rgb(255 255 255/0.2);
  }
  .dark\:md\:bg-\[\#FFFFFF0D\]:is(.dark *) {
    background-color: #ffffff0d;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:right-4 {
    right: 1rem;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-3 {
    top: 0.75rem;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:h-8 {
    height: 2rem;
  }
  .lg\:h-96 {
    height: 24rem;
  }
  .lg\:h-\[450px\] {
    height: 450px;
  }
  .lg\:h-\[550px\] {
    height: 550px;
  }
  .lg\:h-\[600px\] {
    height: 600px;
  }
  .lg\:h-screen {
    height: 100vh;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-16 {
    width: 4rem;
  }
  .lg\:w-8 {
    width: 2rem;
  }
  .lg\:w-\[36\%\] {
    width: 36%;
  }
  .lg\:w-\[600px\] {
    width: 600px;
  }
  .lg\:w-\[calc\(100dvw-var\(--sidebarWidth\)\)\] {
    width: calc(100dvw - var(--sidebarWidth));
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .lg\:max-w-\[64\%\] {
    max-width: 64%;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-\[4\] {
    flex: 4;
  }
  .lg\:flex-\[6\] {
    flex: 6;
  }
  .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\:grid-cols-\[300px_1fr\] {
    grid-template-columns: 300px 1fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-\[0\.5\] {
    gap: 0.5;
  }
  .lg\: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));
  }
  .lg\:self-end {
    align-self: flex-end;
  }
  .lg\:overflow-auto {
    overflow: auto;
  }
  .lg\:rounded-2xl {
    border-radius: 1rem;
  }
  .lg\:rounded-\[15px\] {
    border-radius: 15px;
  }
  .lg\:border {
    border-width: 1px;
  }
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-r {
    border-right-width: 1px;
  }
  .lg\:border-border {
    border-color: var(--border);
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .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-\[16px\] {
    font-size: 16px;
  }
  .lg\:text-\[20px\] {
    font-size: 20px;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:left-\[2\.75\%\] {
    left: 2.75%;
  }
  .xl\:right-\[2\%\] {
    right: 2%;
  }
  .xl\:top-\[2\.75\%\] {
    top: 2.75%;
  }
  .xl\:top-\[3\%\] {
    top: 3%;
  }
  .xl\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .xl\:h-\[650px\] {
    height: 650px;
  }
  .xl\:h-\[700px\] {
    height: 700px;
  }
  .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\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:gap-3 {
    gap: 0.75rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:text-\[14px\] {
    font-size: 14px;
  }
}
@media (min-width: 1536px) {
  .\32xl\:gap-3 {
    gap: 0.75rem;
  }
  .\32xl\:gap-4 {
    gap: 1rem;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
  button {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
  padding-right: 0;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
  button {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
  --tw-translate-y: 2px;
  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\]\:hidden > button {
  display: none;
}
.\[\&\>span\:last-child\]\:truncate > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:line-clamp-1 > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:text-xs > span {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&\>span\]\:opacity-70 > span {
  opacity: 0.7;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
  --tw-translate-y: -3px;
  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));
}
.\[\&\>svg\]\:absolute > svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4 > svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4 > svg {
  top: 1rem;
}
.\[\&\>svg\]\:size-3\.5 > svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4 > svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5 > svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3 > svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:h-3\.5 > svg {
  height: 0.875rem;
}
.\[\&\>svg\]\:w-2\.5 > svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3 > svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:w-3\.5 > svg {
  width: 0.875rem;
}
.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive > svg {
  color: var(--destructive);
}
.\[\&\>svg\]\:text-foreground > svg {
  color: var(--foreground);
}
.\[\&\>svg\]\:text-muted-foreground > svg {
  color: var(--muted-foreground);
}
.\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
  color: var(--sidebar-accent-foreground);
}
.\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child > tr {
  border-bottom-width: 0;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
  > div {
  --tw-rotate: 90deg;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
  > div,
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  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));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  --tw-rotate: 180deg;
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground
  .recharts-cartesian-axis-tick
  text {
  fill: var(--muted-foreground);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
  .recharts-curve.recharts-tooltip-cursor {
  stroke: var(--border);
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-dot[stroke="#fff"] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-polar-grid
  [stroke="#ccc"] {
  stroke: var(--border);
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
  .recharts-radial-bar-background-sector,
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
  .recharts-rectangle.recharts-tooltip-cursor {
  fill: var(--muted);
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-reference-line
  [stroke="#ccc"] {
  stroke: var(--border);
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-sector[stroke="#fff"] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: var(--muted-foreground);
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
  [cmdk-group]:not([hidden])
  ~ [cmdk-group] {
  padding-top: 0;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:size-\[18px\] svg {
  width: 18px;
  height: 18px;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-side="left"][data-collapsible="offcanvas"]
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side="left"][data-state="collapsed"]
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"][data-collapsible="offcanvas"]
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side="right"][data-state="collapsed"]
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
[data-slot="popover-content"]
  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}


[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
*,
: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.18 | 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 {
  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: -0.25em;
}
sup {
  top: -0.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::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;
}
:root {
  --background: #fafafa;
  --foreground: #18181b;
  --card: #ffffff;
  --card-profile: #ffffff;
  --card-foreground: #18181b;
  --popover: #ffffff;
  --popover-foreground: #18181b;
  --popover-divider: #e4e4e780;
  --border: #e4e4e7;
  --input: #ffffff;
  --input-border: #a1a1aa;
  --input-placeholder: #71717a;
  --muted: #fafafa;
  --muted-foreground: #71717a;
  --accent: #18181b;
  --accent-foreground: #fafafa;
  --accent-overlay: #27272a;
  --accent-selected-border: #4062ff66;
  --accent-hover-bg: #4062ff1a;
  --primary: #4062ff;
  --primary-foreground: #fafafa;
  --secondary: #a1a1aa;
  --secondary-foreground: #e4e4e7;
  --secondary-orange-500: #ff7518;
  --success: #008833;
  --success-foreground: #ffffff;
  --destructive: #ec008c;
  --destructive-foreground: #ffffff;
  --ring: #4062ff99;
  --success-ring: #00883399;
  --destructive-ring: #ec008c99;
  --sidebar: #ffffff;
  --sidebar-foreground: #18181b;
  --sidebar-border: #e4e4e7;
  --sidebar-accent: #e4e4e780;
  --sidebar-accent-foreground: #18181b;
  --card-scrim-100: #ffffff;
  --card-scrim-30: #ffffff4d;
  --card-scrim-0: #ffffff00;
  --gradient-linkme-brand: linear-gradient(
    227deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  --gradient-linkme-secondary: linear-gradient(
    227deg,
    #4062ff 3.4%,
    #9285ff 53.36%,
    #c29aff 97.87%
  );
  --gradient-linkme-plus: linear-gradient(
    227deg,
    #ae2eb5 3.4%,
    #ec008c 41.19%,
    #ffd46d 97.87%
  );
  --gradient-linkme-pro: linear-gradient(
    226deg,
    #09b0c7 4.41%,
    #66d380 53.02%,
    #baf242 96.33%
  );
  --gradient-linkme-agency: linear-gradient(
    31deg,
    #f2b8ff,
    #cf3fff 39.62%,
    #512aff
  );
  --gradient-linkme-business: linear-gradient(
    227deg,
    #0060ff 3.4%,
    #2da3f3 53.47%,
    #56dfe8 97.87%
  );
}
.dark {
  --background: #18181b;
  --foreground: #fafafa;
  --card: #18181b;
  --card-profile: #09090b;
  --card-foreground: #fafafa;
  --popover: #09090b;
  --popover-foreground: #fafafa;
  --popover-divider: #71717a80;
  --border: #27272a;
  --input: #27272a;
  --input-border: #27272a;
  --input-placeholder: #a1a1aa;
  --muted: #18181b;
  --muted-foreground: #a1a1aa;
  --accent: #fafafa;
  --accent-foreground: #27272a;
  --accent-overlay: #e4e4e7;
  --accent-selected-border: #6d86ff66;
  --accent-hover-bg: #6d86ff1a;
  --primary: #6d86ff;
  --primary-foreground: #fafafa;
  --secondary: #a1a1aa;
  --secondary-foreground: #fafafa;
  --secondary-orange-500: #ff7518;
  --success: #00c853;
  --success-foreground: #09090b;
  --destructive: #ec008c;
  --destructive-foreground: #09090b;
  --ring: #6d86ff99;
  --destructive-ring: #ec008c99;
  --success-ring: #00c85399;
  --sidebar: #09090b;
  --sidebar-foreground: #fafafa;
  --sidebar-border: #27272a;
  --sidebar-accent: #27272a;
  --sidebar-accent-foreground: #fafafa;
  --card-scrim-100: #09090b;
  --card-scrim-30: #09090b4d;
  --card-scrim-0: #09090b00;
}
.dark,
:root {
  --tw-ring-color: var(--ring);
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@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;
  }
}
.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: 0;
}
.inset-2 {
  inset: 0.5rem;
}
.inset-4 {
  inset: 1rem;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.\!top-\[-195px\] {
  top: -195px !important;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-12 {
  bottom: -3rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-left-12 {
  left: -3rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-12 {
  right: -3rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-5 {
  right: -1.25rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-12 {
  top: -3rem;
}
.-top-16 {
  top: -4rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-5 {
  top: -1.25rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-\[4px\] {
  bottom: 4px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-70px\] {
  left: -70px;
}
.left-\[100px\] {
  left: 100px;
}
.left-\[10px\] {
  left: 10px;
}
.left-\[130px\] {
  left: 130px;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[5px\] {
  left: 5px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/4 {
  right: 25%;
}
.right-10 {
  right: 2.5rem;
}
.right-14 {
  right: 3.5rem;
}
.right-16 {
  right: 4rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-7 {
  right: 1.75rem;
}
.right-8 {
  right: 2rem;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[-32px\] {
  right: -32px;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[15px\] {
  right: 15px;
}
.right-\[5px\] {
  right: 5px;
}
.right-\[7px\] {
  right: 7px;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-16 {
  top: 4rem;
}
.top-2 {
  top: 0.5rem;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-30px\] {
  top: -30px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[10rem\] {
  top: 10rem;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[40\%\] {
  top: 40%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[60\%\] {
  top: 60%;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[calc\(env\(safe-area-inset-top\)\+68px\)\] {
  top: calc(env(safe-area-inset-top) + 68px);
}
.top-\[var\(--topbarHeight\)\] {
  top: var(--topbarHeight);
}
.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-\[0\] {
  z-index: 0;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[1200\] {
  z-index: 1200;
}
.z-\[1201\] {
  z-index: 1201;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[121\] {
  z-index: 121;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[25\] {
  z-index: 25;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[30\] {
  z-index: 30;
}
.z-\[35\] {
  z-index: 35;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1/-1;
}
.-m-1 {
  margin: -0.25rem;
}
.m-0 {
  margin: 0;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-auto {
  margin: auto;
}
.\!mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.\!mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.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-\[14px\] {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-\[18px\] {
  margin-left: 18px;
  margin-right: 18px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.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-\[2px\] {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-\[7px\] {
  margin-top: 7px;
  margin-bottom: 7px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-\[-195px\] {
  margin-bottom: -195px !important;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-\[50vw\] {
  margin-left: -50vw;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-24 {
  margin-top: -6rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.-mt-\[24px\] {
  margin-top: -24px;
}
.mb-0 {
  margin-bottom: 0;
}
.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-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.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-\[-1px\] {
  margin-bottom: -1px;
}
.mb-\[0\.15rem\] {
  margin-bottom: 0.15rem;
}
.mb-\[11px\] {
  margin-bottom: 11px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-\[-16px\] {
  margin-left: -16px;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-20 {
  margin-right: 5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-\[-20px\] {
  margin-right: -20px;
}
.mr-\[0\.2rem\] {
  margin-right: 0.2rem;
}
.mr-\[7px\] {
  margin-right: 7px;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.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-\[-14px\] {
  margin-top: -14px;
}
.mt-\[-26px\] {
  margin-top: -26px;
}
.mt-\[-40px\] {
  margin-top: -40px;
}
.mt-\[-5px\] {
  margin-top: -5px;
}
.mt-\[0\.5rem\] {
  margin-top: 0.5rem;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[220px\] {
  margin-top: 220px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.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 {
  -webkit-line-clamp: 3;
}
.line-clamp-3,
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
}
.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;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.aspect-\[1\/0\.45\] {
  aspect-ratio: 1/0.45;
}
.aspect-\[1\/0\.5\] {
  aspect-ratio: 1/0.5;
}
.aspect-\[1\/0\.6\] {
  aspect-ratio: 1/0.6;
}
.aspect-\[113\/90\] {
  aspect-ratio: 113/90;
}
.aspect-\[116\/85\] {
  aspect-ratio: 116/85;
}
.aspect-\[153\/90\] {
  aspect-ratio: 153/90;
}
.aspect-\[177\/30\] {
  aspect-ratio: 177/30;
}
.aspect-\[230\/132\] {
  aspect-ratio: 230/132;
}
.aspect-\[314\/40\] {
  aspect-ratio: 314/40;
}
.aspect-\[318\/184\] {
  aspect-ratio: 318/184;
}
.aspect-\[367\/200\] {
  aspect-ratio: 367/200;
}
.aspect-\[367\/24\] {
  aspect-ratio: 367/24;
}
.aspect-\[368\/212\] {
  aspect-ratio: 368/212;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.aspect-video {
  aspect-ratio: 16/9;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.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-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[--cell-size\] {
  width: var(--cell-size);
  height: var(--cell-size);
}
.size-\[13px\] {
  width: 13px;
  height: 13px;
}
.size-\[15px\] {
  width: 15px;
  height: 15px;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[19px\] {
  width: 19px;
  height: 19px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[34px\] {
  width: 34px;
  height: 34px;
}
.\!h-56 {
  height: 14rem !important;
}
.\!h-\[var\(--webLinkSize\)\] {
  height: var(--webLinkSize) !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.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: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.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-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[--cell-size\] {
  height: var(--cell-size);
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[125\%\] {
  height: 125%;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[157px\] {
  height: 157px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[233px\] {
  height: 233px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[26\.58px\] {
  height: 26.58px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[280vmax\] {
  height: 280vmax;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[33px\] {
  height: 33px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[92vh\] {
  height: 92vh;
}
.h-\[98\%\] {
  height: 98%;
}
.h-\[calc\(100vh-180px\)\] {
  height: calc(100vh - 180px);
}
.h-\[calc\(100vh-56px\)\] {
  height: calc(100vh - 56px);
}
.h-\[calc\(100vh-6rem\)\] {
  height: calc(100vh - 6rem);
}
.h-\[calc\(90vh-220px\)\] {
  height: calc(90vh - 220px);
}
.h-\[calc\(90vh-88px\)\] {
  height: calc(90vh - 88px);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-\[var\(--rightSidebarHeight\)\] {
  height: var(--rightSidebarHeight);
}
.h-\[var\(--topbarHeight\)\] {
  height: var(--topbarHeight);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-svh {
  height: 100svh;
}
.max-h-0 {
  max-height: 0;
}
.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-9 {
  max-height: 2.25rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[--radix-context-menu-content-available-height\] {
  max-height: var(--radix-context-menu-content-available-height);
}
.max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[100vh\] {
  max-height: 100vh;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[215px\] {
  max-height: 215px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[546px\] {
  max-height: 546px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[80px\] {
  max-height: 80px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[95\%\] {
  max-height: 95%;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px);
}
.max-h-\[calc\(100vh-56px\)\] {
  max-height: calc(100vh - 56px);
}
.max-h-\[calc\(90vh-160px\)\] {
  max-height: calc(90vh - 160px);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-0 {
  min-height: 0;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[170px\] {
  min-height: 170px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-\[90px\] {
  min-height: 90px;
}
.min-h-\[90vh\] {
  min-height: 90vh;
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.\!w-\[180px\] {
  width: 180px !important;
}
.\!w-\[300px\] {
  width: 300px !important;
}
.\!w-\[calc\(var\(--webLinkSize\)\*2\)\] {
  width: calc(var(--webLinkSize) * 2) !important;
}
.\!w-\[min-content\] {
  width: -moz-min-content !important;
  width: min-content !important;
}
.\!w-\[var\(--webLinkSize\)\] {
  width: var(--webLinkSize) !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.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-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.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-\[--cell-size\] {
  width: var(--cell-size);
}
.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[25px\] {
  width: 25px;
}
.w-\[26\.58px\] {
  width: 26.58px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[280vmax\] {
  width: 280vmax;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[31px\] {
  width: 31px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[33px\] {
  width: 33px;
}
.w-\[35\%\] {
  width: 35%;
}
.w-\[359px\] {
  width: 359px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40vw\] {
  width: 40vw;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[48\%\] {
  width: 48%;
}
.w-\[49px\] {
  width: 49px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[566px\] {
  width: 566px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[65\%\] {
  width: 65%;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[calc\(100\%\+32px\)\] {
  width: calc(100% + 32px);
}
.w-\[calc\(100\%-170px\)\] {
  width: calc(100% - 170px);
}
.w-\[calc\(100\%-7\.47vw\)\] {
  width: calc(100% - 7.47vw);
}
.w-\[calc\(100\%-7\.47vw\+64px\)\] {
  width: calc(100% - 7.47vw + 64px);
}
.w-\[calc\(100vw-6rem\)\] {
  width: calc(100vw - 6rem);
}
.w-\[var\(--tile\)\] {
  width: var(--tile);
}
.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-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[--cell-size\] {
  min-width: var(--cell-size);
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[1rem\] {
  min-width: 1rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[350px\] {
  min-width: 350px;
}
.min-w-\[36px\] {
  min-width: 36px;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[96px\] {
  min-width: 96px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[207px\] {
  max-width: 207px;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[36rem\] {
  max-width: 36rem;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[546px\] {
  max-width: 546px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[68px\] {
  max-width: 68px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[90px\] {
  max-width: 90px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100\%-40px\)\] {
  max-width: calc(100% - 40px);
}
.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}
.max-w-\[var\(--image-big-max\)\] {
  max-width: var(--image-big-max);
}
.max-w-\[var\(--image-small-max\)\] {
  max-width: var(--image-small-max);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.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-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\[--radix-context-menu-content-transform-origin\] {
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-hover-card-content-transform-origin\] {
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\[--radix-menubar-content-transform-origin\] {
  transform-origin: var(--radix-menubar-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-full {
  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%;
}
.-translate-x-px {
  --tw-translate-x: -1px;
}
.-translate-x-px,
.-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-x-0 {
  --tw-translate-x: 0px;
}
.translate-x-0,
.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));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
}
.translate-x-5 {
  --tw-translate-x: 1.25rem;
}
.translate-x-5,
.translate-x-6 {
  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-6 {
  --tw-translate-x: 1.5rem;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
}
.translate-x-\[-50\%\],
.translate-x-\[0\.5px\] {
  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\.5px\] {
  --tw-translate-x: 0.5px;
}
.translate-x-\[24px\] {
  --tw-translate-x: 24px;
}
.translate-x-\[24px\],
.translate-x-\[4px\] {
  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-\[4px\] {
  --tw-translate-x: 4px;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-x-full,
.translate-x-px {
  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-px {
  --tw-translate-x: 1px;
}
.translate-y-0 {
  --tw-translate-y: 0px;
}
.translate-y-0,
.translate-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));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
}
.translate-y-2,
.translate-y-3 {
  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-3 {
  --tw-translate-y: 0.75rem;
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
}
.translate-y-\[-50\%\],
.translate-y-\[0\.5px\] {
  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\.5px\] {
  --tw-translate-y: 0.5px;
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.-rotate-90,
.-rotate-\[75deg\] {
  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-\[75deg\] {
  --tw-rotate: -75deg;
}
.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,
.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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.scale-105,
.scale-110 {
  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;
}
.scale-90 {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.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: 0.95;
  --tw-scale-y: 0.95;
}
.scale-\[0\.9545\] {
  --tw-scale-x: 0.9545;
  --tw-scale-y: 0.9545;
}
.scale-\[0\.9545\],
.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));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
    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_1s_ease-in-out_infinite_reverse\] {
  animation: spin 1s ease-in-out infinite reverse;
}
@keyframes drop-down {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.animate-drop-down {
  animation: drop-down 0.3s ease-in-out both;
}
@keyframes ping {
  75%,
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.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-cols-7 {
  grid-template-columns: repeat(7, 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;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.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 !important;
}
.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;
}
.gap-0 {
  gap: 0;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-32 {
  gap: 8rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-40 {
  gap: 10rem;
}
.gap-48 {
  gap: 12rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-64 {
  gap: 16rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.-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-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-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-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\.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-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.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-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));
}
.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-\[\#0000000D\] > :not([hidden]) ~ :not([hidden]) {
  border-color: #0000000d;
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-gray-200\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(229 231 235/0.5);
}
.divide-gray-800\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(31 41 55/0.5);
}
.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-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-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-\[100\%\] {
  border-radius: 100%;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[2\.13vw\] {
  border-radius: 2.13vw;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[23px\] {
  border-radius: 23px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[25px\] {
  border-radius: 25px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[35px\] {
  border-radius: 35px;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-b-\[30px\] {
  border-bottom-right-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
.rounded-tl-none {
  border-top-left-radius: 0;
}
.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
.rounded-tr-none {
  border-top-right-radius: 0;
}
.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-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
}
.border-b,
.border-y {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-8 {
  border-left-width: 8px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-8 {
  border-right-width: 8px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-amber-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)) !important;
}
.\!border-emerald-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)) !important;
}
.\!border-sky-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#0000000AD\] {
  border-color: #0000000AD;
}
.border-\[\#0000000D\] {
  border-color: #0000000d;
}
.border-\[\#00000012\] {
  border-color: #00000012;
}
.border-\[\#0000001A\] {
  border-color: #0000001a;
}
.border-\[\#0000001f\] {
  border-color: #0000001f;
}
.border-\[\#00000033\] {
  border-color: #00000033;
}
.border-\[\#00000099\] {
  border-color: #00000099;
}
.border-\[\#000000AD\] {
  border-color: #000000ad;
}
.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-\[\#0798AB\] {
  --tw-border-opacity: 1;
  border-color: rgb(7 152 171 / var(--tw-border-opacity, 1));
}
.border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}
.border-\[\#222222\],
.border-\[\#222\] {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.border-\[\#2a2a2a\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.border-\[\#33333322\] {
  border-color: #33333322;
}
.border-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-\[\#CBD5F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 245 / var(--tw-border-opacity, 1));
}
.border-\[\#CED6E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(206 214 224 / var(--tw-border-opacity, 1));
}
.border-\[\#D1D5DB\] {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-\[\#D6DEE8\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 222 232 / var(--tw-border-opacity, 1));
}
.border-\[\#E2E8F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-\[\#E3E8EF\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 232 239 / var(--tw-border-opacity, 1));
}
.border-\[\#E4E4E7\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.border-\[\#F6F6F6\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 246 246 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF19\] {
  border-color: #ffffff19;
}
.border-\[\#FFFFFF1A\] {
  border-color: #ffffff1a;
}
.border-\[\#FFFFFF33\] {
  border-color: #ffffff33;
}
.border-\[\#eee\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-\[\#ffffff1a\] {
  border-color: #ffffff1a;
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  border-color: rgba(0, 0, 0, 0.1);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  border-color: rgba(0, 0, 0, 0.2);
}
.border-\[rgba\(15\2c 23\2c 42\2c 0\.18\)\] {
  border-color: rgba(15, 23, 42, 0.18);
}
.border-\[var\(--colorBorder\)\] {
  border-color: var(--colorBorder);
}
.border-\[var\(--colorChartBorder\)\] {
  border-color: var(--colorChartBorder);
}
.border-\[var\(--colorTabButtonActiveBg\)\] {
  border-color: var(--colorTabButtonActiveBg);
}
.border-\[var\(--colorTabButtonInActiveBorder\)\] {
  border-color: var(--colorTabButtonInActiveBorder);
}
.border-\[var\(--colorTipDrawerBg\)\] {
  border-color: var(--colorTipDrawerBg);
}
.border-accent {
  border-color: var(--accent);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/30 {
  border-color: rgb(253 230 138/0.3);
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138/0.7);
}
.border-amber-200\/80 {
  border-color: rgb(253 230 138/0.8);
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-700\/40 {
  border-color: rgb(180 83 9/0.4);
}
.border-amber-700\/50 {
  border-color: rgb(180 83 9/0.5);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10 {
  border-color: rgb(0 0 0/0.1);
}
.border-black\/20 {
  border-color: rgb(0 0 0/0.2);
}
.border-black\/5 {
  border-color: rgb(0 0 0/0.05);
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / 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-200\/50 {
  border-color: rgb(191 219 254/0.5);
}
.border-blue-200\/80 {
  border-color: rgb(191 219 254/0.8);
}
.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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-700\/50 {
  border-color: rgb(29 78 216/0.5);
}
.border-blue-700\/70 {
  border-color: rgb(29 78 216/0.7);
}
.border-border {
  border-color: var(--border);
}
.border-current {
  border-color: currentColor;
}
.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-foreground {
  border-color: var(--foreground);
}
.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-200\/20 {
  border-color: rgb(229 231 235/0.2);
}
.border-gray-200\/30 {
  border-color: rgb(229 231 235/0.3);
}
.border-gray-200\/50 {
  border-color: rgb(229 231 235/0.5);
}
.border-gray-200\/60 {
  border-color: rgb(229 231 235/0.6);
}
.border-gray-200\/70 {
  border-color: rgb(229 231 235/0.7);
}
.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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50 {
  border-color: rgb(55 65 81/0.5);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-800\/50 {
  border-color: rgb(31 41 55/0.5);
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / 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-200\/50 {
  border-color: rgb(187 247 208/0.5);
}
.border-green-200\/70 {
  border-color: rgb(187 247 208/0.7);
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / 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\/30 {
  border-color: rgb(34 197 94/0.3);
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: var(--input);
}
.border-input-border {
  border-color: var(--input-border);
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-neutral-900\/60 {
  border-color: rgb(23 23 23/0.6);
}
.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / 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\/30 {
  border-color: rgb(249 115 22/0.3);
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-primary {
  border-color: var(--primary);
}
.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-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/70 {
  border-color: rgb(254 202 202/0.7);
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / 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-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-rose-200\/80 {
  border-color: rgb(254 205 211/0.8);
}
.border-sidebar-border {
  border-color: var(--sidebar-border);
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / 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\/25 {
  border-color: rgb(255 255 255/0.25);
}
.border-white\/30 {
  border-color: rgb(255 255 255/0.3);
}
.border-white\/70 {
  border-color: rgb(255 255 255/0.7);
}
.border-white\/80 {
  border-color: rgb(255 255 255/0.8);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / 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-b-\[\#EC008C\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(236 0 140 / var(--tw-border-opacity, 1));
}
.border-b-\[\#FFD46D\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 212 109 / var(--tw-border-opacity, 1));
}
.border-b-gray-600 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-b-gray-800 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-b-green-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-b-orange-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-b-purple-500 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-l-\[\#FFD46D\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(255 212 109 / var(--tw-border-opacity, 1));
}
.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-l-cyan-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-l-gray-300 {
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-l-gray-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-l-indigo-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-l-lime-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(132 204 22 / var(--tw-border-opacity, 1));
}
.border-l-pink-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-l-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-r-\[\#EC008C\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(236 0 140 / var(--tw-border-opacity, 1));
}
.border-r-gray-300 {
  --tw-border-opacity: 1;
  border-right-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-r-gray-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-r-gray-700 {
  --tw-border-opacity: 1;
  border-right-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-r-pink-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-r-purple-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-r-red-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-r-teal-500 {
  --tw-border-opacity: 1;
  border-right-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-\[\#4062FF\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-t-emerald-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-t-gray-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-t-gray-800 {
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-t-gray-900 {
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-t-green-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-t-green-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}
.border-t-orange-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-t-pink-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-t-purple-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-opacity-10 {
  --tw-border-opacity: 0.1;
}
.\!bg-amber-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-emerald-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-50 {
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-50,
.\!bg-sky-50 {
  --tw-bg-opacity: 1 !important;
}
.\!bg-sky-50 {
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#0000000D\] {
  background-color: #0000000d;
}
.bg-\[\#0000001A\] {
  background-color: #0000001a;
}
.bg-\[\#00000099\] {
  background-color: #00000099;
}
.bg-\[\#000000CC\] {
  background-color: #000000cc;
}
.bg-\[\#000000\],
.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00D15F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 209 95 / var(--tw-bg-opacity, 1));
}
.bg-\[\#08090D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 9 13 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0B0D0F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 13 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#101216\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 18 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111111CC\] {
  background-color: #111111cc;
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E1015\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 16 21 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F1F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#222222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\]\/95 {
  background-color: rgb(37 37 37/0.95);
}
.bg-\[\#2F2F2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a2a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333333\],
.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4062FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 98 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4062FF\]\/10 {
  background-color: rgb(64 98 255/0.1);
}
.bg-\[\#424242\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4F8CFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 140 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#56CF661A\] {
  background-color: #56cf661a;
}
.bg-\[\#666\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E2E8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E7ECF3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F6FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 246 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4F7FB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDFDFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF3B301A\] {
  background-color: #ff3b301a;
}
.bg-\[\#FFFFFF0D\] {
  background-color: #ffffff0d;
}
.bg-\[\#FFFFFFCC\] {
  background-color: #ffffffcc;
}
.bg-\[\#FFFFFF\],
.bg-\[\#FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f3f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f8f9fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffffff1A\] {
  background-color: #ffffff1a;
}
.bg-\[\#ffffff40\] {
  background-color: #ffffff40;
}
.bg-\[\#ffffff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[gray\] {
  --tw-bg-opacity: 1;
  background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  background-color: rgba(0, 0, 0, 0.02);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-\[rgba\(15\2c 23\2c 42\2c 0\.14\)\] {
  background-color: rgba(15, 23, 42, 0.14);
}
.bg-\[transparent\] {
  background-color: transparent;
}
.bg-\[var\(--colorCountWrapperBackground\)\] {
  background-color: var(--colorCountWrapperBackground);
}
.bg-\[var\(--colorPrimary\)\] {
  background-color: var(--colorPrimary);
}
.bg-\[var\(--colorTabButtonActiveBg\)\] {
  background-color: var(--colorTabButtonActiveBg);
}
.bg-\[var\(--colorTipDrawerBg\)\] {
  background-color: var(--colorTipDrawerBg);
}
.bg-accent {
  background-color: var(--accent);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235/0.6);
}
.bg-amber-50\/70 {
  background-color: rgb(255 251 235/0.7);
}
.bg-amber-50\/80 {
  background-color: rgb(255 251 235/0.8);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-900\/20 {
  background-color: rgb(120 53 15/0.2);
}
.bg-amber-900\/30 {
  background-color: rgb(120 53 15/0.3);
}
.bg-background {
  background-color: var(--background);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0 {
  background-color: rgb(0 0 0/0);
}
.bg-black\/10 {
  background-color: rgb(0 0 0/0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0/0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0/0.25);
}
.bg-black\/30 {
  background-color: rgb(0 0 0/0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0/0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0/0.45);
}
.bg-black\/5 {
  background-color: rgb(0 0 0/0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0/0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0/0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0/0.7);
}
.bg-black\/75 {
  background-color: rgb(0 0 0/0.75);
}
.bg-black\/80 {
  background-color: rgb(0 0 0/0.8);
}
.bg-black\/90 {
  background-color: rgb(0 0 0/0.9);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 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-900\/20 {
  background-color: rgb(30 58 138/0.2);
}
.bg-border {
  background-color: var(--border);
}
.bg-card {
  background-color: var(--card);
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-destructive {
  background-color: var(--destructive);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129/0.1);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-foreground {
  background-color: var(--foreground);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/80 {
  background-color: rgb(243 244 246/0.8);
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-200\/70 {
  background-color: rgb(229 231 235/0.7);
}
.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-50\/50 {
  background-color: rgb(249 250 251/0.5);
}
.bg-gray-50\/60 {
  background-color: rgb(249 250 251/0.6);
}
.bg-gray-50\/80 {
  background-color: rgb(249 250 251/0.8);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/20 {
  background-color: rgb(107 114 128/0.2);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55/0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/95 {
  background-color: rgb(17 24 39/0.95);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-200\/50 {
  background-color: rgb(187 247 208/0.5);
}
.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-50\/80 {
  background-color: rgb(240 253 244/0.8);
}
.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-900\/60 {
  background-color: rgb(20 83 45/0.6);
}
.bg-green-900\/90 {
  background-color: rgb(20 83 45/0.9);
}
.bg-input {
  background-color: var(--input);
}
.bg-muted {
  background-color: var(--muted);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.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-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: var(--popover);
}
.bg-popover-divider {
  background-color: var(--popover-divider);
}
.bg-primary {
  background-color: var(--primary);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 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-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/10 {
  background-color: rgb(248 113 113/0.1);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/80 {
  background-color: rgb(254 242 242/0.8);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68/0.1);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68/0.2);
}
.bg-red-500\/90 {
  background-color: rgb(239 68 68/0.9);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-900\/20 {
  background-color: rgb(127 29 29/0.2);
}
.bg-red-900\/60 {
  background-color: rgb(127 29 29/0.6);
}
.bg-rose-50\/70 {
  background-color: rgb(255 241 242/0.7);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-secondary-orange-500 {
  background-color: var(--secondary-orange-500);
}
.bg-sidebar {
  background-color: var(--sidebar);
}
.bg-sidebar-accent {
  background-color: var(--sidebar-accent);
}
.bg-sidebar-border {
  background-color: var(--sidebar-border);
}
.bg-slate-100\/50 {
  background-color: rgb(241 245 249/0.5);
}
.bg-slate-50\/80 {
  background-color: rgb(248 250 252/0.8);
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/40 {
  background-color: rgb(30 41 59/0.4);
}
.bg-slate-800\/50 {
  background-color: rgb(30 41 59/0.5);
}
.bg-slate-800\/80 {
  background-color: rgb(30 41 59/0.8);
}
.bg-slate-900\/50 {
  background-color: rgb(15 23 42/0.5);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.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\/15 {
  background-color: rgb(255 255 255/0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255/0.2);
}
.bg-white\/40 {
  background-color: rgb(255 255 255/0.4);
}
.bg-white\/5 {
  background-color: rgb(255 255 255/0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255/0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255/0.6);
}
.bg-white\/80 {
  background-color: rgb(255 255 255/0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255/0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255/0.95);
}
.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255/0.05);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255/0.08);
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/10 {
  background-color: rgb(250 204 21/0.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\/10 {
  background-color: rgb(234 179 8/0.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-900\/60 {
  background-color: rgb(113 63 18/0.6);
}
.bg-yellow-900\/90 {
  background-color: rgb(113 63 18/0.9);
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.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-70 {
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-\[linear-gradient\(119deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.10\)_0\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\.10\)_99\.87\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.07\)_143\.09\%\)\] {
  background-image: linear-gradient(
    119deg,
    rgba(236, 0, 140, 0.1),
    rgba(252, 139, 103, 0.1) 99.87%,
    rgba(255, 212, 109, 0.07) 143.09%
  );
}
.bg-\[linear-gradient\(180deg\2c
  rgba\(0\2c
  0\2c
  0\2c
  0\.05\)_0\%\2c
  rgba\(0\2c
  0\2c
  0\2c
  0\)_215\.85\%\)\] {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0) 215.85%
  );
}
.bg-\[linear-gradient\(223\.87deg\2c _\#F40076_4\%\2c _\#DF98FA_95\.23\%\)\] {
  background-image: linear-gradient(223.87deg, #f40076 4%, #df98fa 95.23%);
}
.bg-\[linear-gradient\(225deg\2c \#09b0c7_-28\.75\%\2c \#baf242_161\.25\%\)\] {
  background-image: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
}
.bg-\[linear-gradient\(225deg\2c
  _\#09B0C7_-28\.75\%\2c
  _\#BAF242_161\.25\%\)\] {
  background-image: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
}
.bg-\[linear-gradient\(45deg\2c
  \#f0f0f0_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  \#f0f0f0_75\%\2c
  \#f0f0f0\)\2c
  linear-gradient\(45deg\2c
  \#f0f0f0_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  \#f0f0f0_75\%\2c
  \#f0f0f0\)\] {
  background-image: linear-gradient(
      45deg,
      #f0f0f0 25%,
      transparent 0,
      transparent 75%,
      #f0f0f0 0,
      #f0f0f0
    ),
    linear-gradient(
      45deg,
      #f0f0f0 25%,
      transparent 0,
      transparent 75%,
      #f0f0f0 0,
      #f0f0f0
    );
}
.bg-\[linear-gradient\(72\.85deg\2c
  _\#C29AFF_10\.98\%\2c
  _\#4062FF_87\.4\%\)\] {
  background-image: linear-gradient(72.85deg, #c29aff 10.98%, #4062ff 87.4%);
}
.bg-\[linear-gradient\(to_right\2c
  \#f00_0\%\2c
  \#ff0_17\%\2c
  \#0f0_33\%\2c
  \#0ff_50\%\2c
  \#00f_67\%\2c
  \#f0f_83\%\2c
  \#f00_100\%\)\] {
  background-image: linear-gradient(
    90deg,
    #f00 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00
  );
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, 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-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-\[\#0798AB\] {
  --tw-gradient-from: #0798ab var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(7 152 171/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4062FF\] {
  --tw-gradient-from: #4062ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 98 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#C29AFF\] {
  --tw-gradient-from: #c29aff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F40076\] {
  --tw-gradient-from: #f40076 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 0 118/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-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235/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-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\/20 {
  --tw-gradient-from: rgb(0 0 0/0.2) 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\/60 {
  --tw-gradient-from: rgb(0 0 0/0.6) 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\/80 {
  --tw-gradient-from: rgb(0 0 0/0.8) 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-black\/95 {
  --tw-gradient-from: rgb(0 0 0/0.95) 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-400\/20 {
  --tw-gradient-from: rgb(96 165 250/0.2) 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-50\/50 {
  --tw-gradient-from: rgb(239 246 255/0.5) 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-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-700\/20 {
  --tw-gradient-from: rgb(29 78 216/0.2) 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);
}
.from-blue-900\/30 {
  --tw-gradient-from: rgb(30 58 138/0.3) 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-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50 {
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245/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-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-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50\/50 {
  --tw-gradient-from: rgb(249 250 251/0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251/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-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-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128/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-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74/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-500\/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-lime-500 {
  --tw-gradient-from: #84cc16 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(132 204 22/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-pink-400\/20 {
  --tw-gradient-from: rgb(244 114 182/0.2) 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-50 {
  --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 242 248/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-100 {
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255/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-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-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242/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-teal-50 {
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 250/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-teal-600 {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136/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-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-white\/0 {
  --tw-gradient-from: rgb(255 255 255/0) 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-white\/5 {
  --tw-gradient-from: rgb(255 255 255/0.05) 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-white\/80 {
  --tw-gradient-from: rgb(255 255 255/0.8) 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-600 {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-700\/25 {
  --tw-gradient-from: rgb(161 98 7/0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(161 98 7/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#C29AFF\] {
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #c29aff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#EC008C\] {
  --tw-gradient-to: rgb(236 0 140/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec008c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FC8B67\] {
  --tw-gradient-to: rgb(252 139 103/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #fc8b67 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#FFA500\] {
  --tw-gradient-to: rgb(255 165 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ffa500 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/30 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/50 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/60 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/80 {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(0 0 0/0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50\/30 {
  --tw-gradient-to: rgb(239 246 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    rgb(239 246 255/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-50 {
  --tw-gradient-to: rgb(236 253 245/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-400 {
  --tw-gradient-to: rgb(251 146 60/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-500 {
  --tw-gradient-to: rgb(249 115 22/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec4899 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\/10 {
  --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.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-600 {
  --tw-gradient-to: rgb(147 51 234/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-500 {
  --tw-gradient-to: rgb(20 184 166/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #14b8a6 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);
}
.to-\[\#4062FF\] {
  --tw-gradient-to: #4062ff var(--tw-gradient-to-position);
}
.to-\[\#9BC935\] {
  --tw-gradient-to: #9bc935 var(--tw-gradient-to-position);
}
.to-\[\#C29AFF\] {
  --tw-gradient-to: #c29aff var(--tw-gradient-to-position);
}
.to-\[\#DF98FA\] {
  --tw-gradient-to: #df98fa var(--tw-gradient-to-position);
}
.to-\[\#FF8C00\] {
  --tw-gradient-to: #ff8c00 var(--tw-gradient-to-position);
}
.to-\[\#FFD46D\] {
  --tw-gradient-to: #ffd46d var(--tw-gradient-to-position);
}
.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/60 {
  --tw-gradient-to: rgb(0 0 0/0.6) var(--tw-gradient-to-position);
}
.to-black\/70 {
  --tw-gradient-to: rgb(0 0 0/0.7) var(--tw-gradient-to-position);
}
.to-blue-100 {
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/70 {
  --tw-gradient-to: rgb(219 234 254/0.7) 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-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-blue-800\/20 {
  --tw-gradient-to: rgb(30 64 175/0.2) var(--tw-gradient-to-position);
}
.to-cyan-400 {
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}
.to-cyan-50\/30 {
  --tw-gradient-to: rgb(236 254 255/0.3) var(--tw-gradient-to-position);
}
.to-cyan-500 {
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-100 {
  --tw-gradient-to: #d1fae5 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-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-100\/50 {
  --tw-gradient-to: rgb(243 244 246/0.5) 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-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-700 {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100 {
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-50 {
  --tw-gradient-to: #f0fdf4 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-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-50\/50 {
  --tw-gradient-to: rgb(238 242 255/0.5) var(--tw-gradient-to-position);
}
.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-500\/20 {
  --tw-gradient-to: rgb(99 102 241/0.2) var(--tw-gradient-to-position);
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-pink-400 {
  --tw-gradient-to: #f472b6 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-purple-100 {
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247/0.2) var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-red-100 {
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-400 {
  --tw-gradient-to: #f87171 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-teal-100 {
  --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position);
}
.to-teal-50 {
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-500\/10 {
  --tw-gradient-to: rgb(20 184 166/0.1) var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/10 {
  --tw-gradient-to: rgb(255 255 255/0.1) var(--tw-gradient-to-position);
}
.to-white\/20 {
  --tw-gradient-to: rgb(255 255 255/0.2) var(--tw-gradient-to-position);
}
.to-white\/5 {
  --tw-gradient-to: rgb(255 255 255/0.05) var(--tw-gradient-to-position);
}
.bg-\[length\:16px_16px\] {
  background-size: 16px 16px;
}
.bg-\[length\:20px_20px\] {
  background-size: 20px 20px;
}
.bg-\[length\:8px_8px\] {
  background-size: 8px 8px;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-\[position\:0_0\2c 10px_10px\] {
  background-position: 0 0, 10px 10px;
}
.bg-\[position\:0_0\2c 4px_4px\] {
  background-position: 0 0, 4px 4px;
}
.bg-\[position\:0_0\2c 8px_8px\] {
  background-position: 0 0, 8px 8px;
}
.bg-center {
  background-position: 50%;
}
.fill-\[\#000\] {
  fill: #000;
}
.fill-\[\#fff\] {
  fill: #fff;
}
.fill-accent {
  fill: var(--accent);
}
.fill-blue-600 {
  fill: #2563eb;
}
.fill-current {
  fill: currentColor;
}
.fill-gray-100 {
  fill: #f3f4f6;
}
.fill-gray-600 {
  fill: #4b5563;
}
.fill-gray-700 {
  fill: #374151;
}
.fill-popover {
  fill: var(--popover);
}
.fill-primary {
  fill: var(--primary);
}
.fill-white {
  fill: #fff;
}
.stroke-\[\#000\] {
  stroke: #000;
}
.stroke-\[\#fff\] {
  stroke: #fff;
}
.stroke-border {
  stroke: var(--border);
}
.stroke-gray-200 {
  stroke: #e5e7eb;
}
.stroke-gray-300 {
  stroke: #d1d5db;
}
.stroke-gray-600 {
  stroke: #4b5563;
}
.stroke-gray-700 {
  stroke: #374151;
}
.stroke-white {
  stroke: #fff;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-top {
  -o-object-position: top;
  object-position: top;
}
.p-0 {
  padding: 0;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[14px\] {
  padding: 14px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[9px\] {
  padding: 9px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.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-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-\[--cell-size\] {
  padding-left: var(--cell-size);
  padding-right: var(--cell-size);
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.px-\[4\.25dvw\] {
  padding-left: 4.25dvw;
  padding-right: 4.25dvw;
}
.px-\[5rem\] {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.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-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.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-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0px\] {
  padding-top: 0;
  padding-bottom: 0;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.\!pb-12 {
  padding-bottom: 3rem !important;
}
.\!pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.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-\[14px\] {
  padding-bottom: 14px;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[2px\] {
  padding-left: 2px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[20px\] {
  padding-right: 20px;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[6px\] {
  padding-top: 6px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[16px\] {
  font-size: 16px !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-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10\.21px\] {
  font-size: 10.21px;
}
.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-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.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-sm,
.text-sm\/5 {
  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-\[600\] {
  font-weight: 600 !important;
}
.font-\[200\] {
  font-weight: 200;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[450\] {
  font-weight: 450;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\],
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.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;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}
.\!leading-5 {
  line-height: 1.25rem !important;
}
.\!leading-\[22px\] {
  line-height: 22px !important;
}
.\!leading-\[25px\] {
  line-height: 25px !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[10\.081px\] {
  line-height: 10.081px;
}
.leading-\[13px\] {
  line-height: 13px;
}
.leading-\[14\.663px\] {
  line-height: 14.663px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[16\.8px\] {
  line-height: 16.8px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.6px\] {
  line-height: 19.6px;
}
.leading-\[22\.14px\] {
  line-height: 22.14px;
}
.leading-\[22\.4px\] {
  line-height: 22.4px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.05em\] {
  letter-spacing: 0.05em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[1rem\] {
  letter-spacing: 1rem;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-\[\#000\] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#fff\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-amber-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1)) !important;
}
.\!text-emerald-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important;
}
.\!text-sky-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#00000099\] {
  color: #00000099;
}
.text-\[\#000000\],
.text-\[\#000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#000\]\/60 {
  color: rgb(0 0 0/0.6);
}
.text-\[\#000\]\/80 {
  color: rgb(0 0 0/0.8);
}
.text-\[\#00D15F\] {
  --tw-text-opacity: 1;
  color: rgb(0 209 95 / var(--tw-text-opacity, 1));
}
.text-\[\#0B0D0F\] {
  --tw-text-opacity: 1;
  color: rgb(11 13 15 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-\[\#111\] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-\[\#475569\] {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-\[\#4C566A\] {
  --tw-text-opacity: 1;
  color: rgb(76 86 106 / var(--tw-text-opacity, 1));
}
.text-\[\#64748B\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
.text-\[\#8351DD\] {
  --tw-text-opacity: 1;
  color: rgb(131 81 221 / var(--tw-text-opacity, 1));
}
.text-\[\#8a8a8a\] {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#9AECD8\] {
  --tw-text-opacity: 1;
  color: rgb(154 236 216 / var(--tw-text-opacity, 1));
}
.text-\[\#DD548A\] {
  --tw-text-opacity: 1;
  color: rgb(221 84 138 / var(--tw-text-opacity, 1));
}
.text-\[\#EC008C\] {
  --tw-text-opacity: 1;
  color: rgb(236 0 140 / var(--tw-text-opacity, 1));
}
.text-\[\#FF3B30\] {
  --tw-text-opacity: 1;
  color: rgb(255 59 48 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF66\] {
  color: #ffffff66;
}
.text-\[\#FFFFFF99\] {
  color: #ffffff99;
}
.text-\[\#FFFFFFCC\] {
  color: #ffffffcc;
}
.text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#e0e0e0\] {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[gray\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  color: rgba(0, 0, 0, 0.8);
}
.text-\[var\(--colorCalendarText\)\] {
  color: var(--colorCalendarText);
}
.text-\[var\(--colorChartText\)\] {
  color: var(--colorChartText);
}
.text-\[var\(--colorChartTextSecondary\)\] {
  color: var(--colorChartTextSecondary);
}
.text-\[var\(--colorOnPrimary\)\] {
  color: var(--colorOnPrimary);
}
.text-\[var\(--colorTabButtonActiveText\)\] {
  color: var(--colorTabButtonActiveText);
}
.text-\[var\(--colorTabButtonInActiveText\)\] {
  color: var(--colorTabButtonInActiveText);
}
.text-\[var\(--colorTextMain\2c var\(--colorOnPrimary\)\)\] {
  color: var(--colorTextMain, var(--colorOnPrimary));
}
.text-\[var\(--colorTextMain\2c var\(--colorTipDrawerText\)\)\] {
  color: var(--colorTextMain, var(--colorTipDrawerText));
}
.text-\[var\(--colorTipDrawerText\)\] {
  color: var(--colorTipDrawerText);
}
.text-accent {
  color: var(--accent);
}
.text-accent-foreground {
  color: var(--accent-foreground);
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / 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-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/80 {
  color: rgb(120 53 15/0.8);
}
.text-amber-900\/90 {
  color: rgb(120 53 15/0.9);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/40 {
  color: rgb(0 0 0/0.4);
}
.text-black\/60 {
  color: rgb(0 0 0/0.6);
}
.text-black\/80 {
  color: rgb(0 0 0/0.8);
}
.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-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: var(--card-foreground);
}
.text-current {
  color: currentColor;
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-destructive {
  color: var(--destructive);
}
.text-destructive-foreground {
  color: var(--destructive-foreground);
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: var(--foreground);
}
.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-300\/80 {
  color: rgb(209 213 219/0.8);
}
.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-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / 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-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 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-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: var(--popover-foreground);
}
.text-primary {
  color: var(--primary);
}
.text-primary-foreground {
  color: var(--primary-foreground);
}
.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-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-300\/80 {
  color: rgb(252 165 165/0.8);
}
.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-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-rose-900\/70 {
  color: rgb(136 19 55/0.7);
}
.text-rose-900\/80 {
  color: rgb(136 19 55/0.8);
}
.text-rose-900\/90 {
  color: rgb(136 19 55/0.9);
}
.text-secondary {
  color: var(--secondary);
}
.text-secondary-foreground {
  color: var(--secondary-foreground);
}
.text-sidebar-foreground {
  color: var(--sidebar-foreground);
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / 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-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-success {
  color: var(--success);
}
.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/60 {
  color: rgb(255 255 255/0.6);
}
.text-white\/70 {
  color: rgb(255 255 255/0.7);
}
.text-white\/80 {
  color: rgb(255 255 255/0.8);
}
.text-white\/90 {
  color: rgb(255 255 255/0.9);
}
.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-opacity-60 {
  --tw-text-opacity: 0.6;
}
.text-opacity-90 {
  --tw-text-opacity: 0.9;
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-\[\#000\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#000\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#000\]\/60::-moz-placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-\[\#000\]\/60::placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-black::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-black::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}
.placeholder-black\/60::-moz-placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-black\/60::placeholder {
  color: rgb(0 0 0/0.6);
}
.placeholder-current::-moz-placeholder {
  color: currentColor;
}
.placeholder-current::placeholder {
  color: currentColor;
}
.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));
}
.placeholder-input-placeholder::-moz-placeholder {
  color: var(--input-placeholder);
}
.placeholder-input-placeholder::placeholder {
  color: var(--input-placeholder);
}
.accent-\[\#111827\] {
  accent-color: #111827;
}
.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-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.2\] {
  opacity: 0.2;
}
.opacity-\[0\.4\] {
  opacity: 0.4;
}
.opacity-\[1\] {
  opacity: 1;
}
.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-2xl {
  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);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 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_10px_25px_-15px_rgba\(17\2c 17\2c 17\2c 0\.55\)\] {
  --tw-shadow: 0 10px 25px -15px rgba(17, 17, 17, 0.55);
  --tw-shadow-colored: 0 10px 25px -15px 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_0_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  --tw-shadow-colored: 0 1px 0 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-\[0_1px_3px_rgba\(15\2c 23\2c 42\2c 0\.25\)\] {
  --tw-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
  --tw-shadow-colored: 0 1px 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-\[0_4px_6px_-1px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\2c
  0_2px_4px_-2px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\] {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(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-\[0_6px_23px_\#0D0E360F\] {
  --tw-shadow: 0 6px 23px #0d0e360f;
  --tw-shadow-colored: 0 6px 23px 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_8px_16px_rgba\(50\2c
  50\2c
  71\2c
  0\.06\)\2c
  0_8px_8px_rgba\(50\2c
  50\2c
  71\2c
  0\.08\)\2c
  0_0_14px_rgba\(0\2c
  0\2c
  0\2c
  0\.10\)\] {
  --tw-shadow: 0 8px 16px rgba(50, 50, 71, 0.06),
    0 8px 8px rgba(50, 50, 71, 0.08), 0 0 14px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color),
    0 8px 8px var(--tw-shadow-color), 0 0 14px 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_20px_0px_\#35C1A54D\] {
  --tw-shadow: 0px 0px 20px 0px #35c1a54d;
  --tw-shadow-colored: 0px 0px 20px 0px 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-\[inset_0_0_0_1px_rgba\(255\2c
  255\2c
  255\2c
  0\.38\)\2c
  0_1px_4px_rgba\(0\2c
  0\2c
  0\2c
  0\.35\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38),
    0 1px 4px rgba(0, 0, 0, 0.35);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color),
    0 1px 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-\[inset_0_0_0_1px_rgba\(255\2c
  255\2c
  255\2c
  0\.85\)\2c
  0_1px_3px_rgba\(15\2c
  23\2c
  42\2c
  0\.12\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85),
    0 1px 3px rgba(15, 23, 42, 0.12);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color),
    0 1px 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-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);
}
.shadow-inner,
.shadow-lg {
  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);
}
.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);
}
.shadow-md,
.shadow-none {
  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;
}
.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);
}
.shadow-sm,
.shadow-xl {
  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);
}
.shadow-blue-500\/20 {
  --tw-shadow-color: rgb(59 130 246/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-500\/30 {
  --tw-shadow-color: rgb(59 130 246/0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-300 {
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-500\/20 {
  --tw-shadow-color: rgb(34 197 94/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-200 {
  --tw-shadow-color: #fed7aa;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/30 {
  --tw-shadow-color: rgb(249 115 22/0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/20 {
  --tw-shadow-color: rgb(239 68 68/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.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);
}
.ring,
.ring-0 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --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);
}
.ring-1 {
  --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);
}
.ring-1,
.ring-2 {
  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);
}
.ring-\[\#4062FF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 98 255 / var(--tw-ring-opacity, 1));
}
.ring-\[\#4062FF\]\/20 {
  --tw-ring-color: rgb(64 98 255/0.2);
}
.ring-\[\#E2E8F0\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.ring-amber-500\/20 {
  --tw-ring-color: rgb(245 158 11/0.2);
}
.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0/0.05);
}
.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.ring-border {
  --tw-ring-color: var(--border);
}
.ring-destructive-ring {
  --tw-ring-color: var(--destructive-ring);
}
.ring-gray-900\/10 {
  --tw-ring-color: rgb(17 24 39/0.1);
}
.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.ring-orange-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.ring-ring {
  --tw-ring-color: var(--ring);
}
.ring-success-ring {
  --tw-ring-color: var(--success-ring);
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-offset-background {
  --tw-ring-offset-color: var(--background);
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-3xl {
  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);
}
.blur-xl {
  --tw-blur: blur(24px);
}
.blur-xl,
.drop-shadow {
  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));
}
.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));
}
.drop-shadow-lg,
.grayscale {
  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 {
  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-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[2px\],
.backdrop-blur-\[6\.87px\] {
  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-\[6\.87px\] {
  --tw-backdrop-blur: blur(6.87px);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
}
.backdrop-blur-lg,
.backdrop-blur-md {
  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-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-blur-xl {
  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-xl {
  --tw-backdrop-blur: blur(24px);
}
.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: 0.15s;
}
.transition-\[left\2c right\2c width\] {
  transition-property: left, right, width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[margin\2c opacity\] {
  transition-property: margin, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\2c height\2c padding\] {
  transition-property: width, height, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.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: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-75 {
  transition-duration: 75ms;
}
.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-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
@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));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.duration-100 {
  animation-duration: 0.1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-150 {
  animation-duration: 0.15s;
}
.duration-200 {
  animation-duration: 0.2s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.duration-75 {
  animation-duration: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\!running {
  animation-play-state: running !important;
}
.running {
  animation-play-state: running;
}
.\!paused {
  animation-play-state: paused !important;
}
.paused {
  animation-play-state: paused;
}
.bg-background\/95 {
  background-color: color-mix(in srgb, var(--background) 95%, transparent);
}
.text-foreground\/60 {
  color: color-mix(in srgb, var(--foreground) 60%, transparent);
}
.text-foreground\/70 {
  color: color-mix(in srgb, var(--foreground) 70%, transparent);
}
.text-foreground\/80 {
  color: color-mix(in srgb, var(--foreground) 80%, transparent);
}
.text-foreground\/90 {
  color: color-mix(in srgb, var(--foreground) 90%, transparent);
}
.border-border\/50 {
  border-color: color-mix(in srgb, var(--border) 50%, transparent);
}
.border-border\/60 {
  border-color: color-mix(in srgb, var(--border) 60%, transparent);
}
.bg-muted\/50 {
  background-color: color-mix(in srgb, var(--muted) 50%, transparent);
}
.bg-primary\/20 {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent);
}
.border-destructive\/50 {
  border-color: color-mix(in srgb, var(--destructive) 50%, transparent);
}
.text-sidebar-foreground\/70 {
  color: color-mix(in srgb, var(--sidebar-foreground) 70%, transparent);
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.\[--cell-size\:2rem\] {
  --cell-size: 2rem;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[background-image\:linear-gradient\(267\.71deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.1\)-18\.32\%\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.3\)147\.48\%\)\2c
  radial-gradient\(31\.93\%_121\.31\%_at_98\.14\%_0\%\2c
  rgba\(64\2c
  98\2c
  255\2c
  0\.2\)10\.9\%\2c
  rgba\(194\2c
  154\2c
  255\2c
  0\)100\%\)\2c
  radial-gradient\(24\.4\%_101\.64\%_at_8\.62\%_113\.53\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.2\)10\.59\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\)100\%\)\] {
  background-image: linear-gradient(
      267.71deg,
      rgba(236, 0, 140, 0.1)-18.32%,
      rgba(236, 0, 140, 0.3) 147.48%
    ),
    radial-gradient(
      31.93% 121.31% at 98.14% 0,
      rgba(64, 98, 255, 0.2) 10.9%,
      rgba(194, 154, 255, 0) 100%
    ),
    radial-gradient(
      24.4% 101.64% at 8.62% 113.53%,
      rgba(255, 212, 109, 0.2) 10.59%,
      rgba(252, 139, 103, 0) 100%
    );
}
.\[background\:linear-gradient\(\#0000\2c
  \#0000\)_padding-box\2c
  linear-gradient\(119deg\2c
  rgba\(236\2c
  0\2c
  140\2c
  0\.6\)_0\%\2c
  rgba\(252\2c
  139\2c
  103\2c
  0\.6\)_50\%\2c
  rgba\(255\2c
  212\2c
  109\2c
  0\.6\)_100\%\)_border-box\] {
  background: linear-gradient(#0000, #0000) padding-box,
    linear-gradient(
        119deg,
        rgba(236, 0, 140, 0.6),
        rgba(252, 139, 103, 0.6) 50%,
        rgba(255, 212, 109, 0.6)
      )
      border-box;
}
.\[background\:linear-gradient\(white\2c
  white\)_padding-box\2c
  linear-gradient\(119deg\2c
  \#EC008C_0\%\2c
  \#FC8B67_50\%\2c
  \#FFD46D_100\%\)_border-box\] {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(119deg, #ec008c, #fc8b67 50%, #ffd46d) border-box;
}
.\[box-shadow\:0_2\.538px_9\.164px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  box-shadow: 0 2.538px 9.164px 0 rgba(0, 0, 0, 0.25);
}
.\[color-scheme\:light\] {
  color-scheme: light;
}
.\[filter\:drop-shadow\(0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.12\)\)\] {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.12));
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[text-shadow\:0_0\.916px_3\.666px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  text-shadow: 0 0.916px 3.666px rgba(0, 0, 0, 0.25);
}
.rcp .react-colorful__hue {
  display: none;
}
.rcp .react-colorful__saturation .react-colorful__pointer {
  box-sizing: border-box;
  width: var(--sv-thumb, 40px) !important;
  height: var(--sv-thumb, 40px) !important;
  border: var(--sv-thumb-border, 4px) solid #fff !important;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(0, 0, 0, 0.15);
}
.rcp .react-colorful__saturation {
  border-radius: 15px;
  overflow: visible;
  position: relative;
}
.dnd-scroll-lock {
  overscroll-behavior: contain;
}
[data-dnd-dragging="true"] {
  touch-action: none;
}
:root {
  --colorPrimary: #000;
  --colorPopup: #2e2848;
  --colorPrimaryDark: rgb(35, 30, 57);
  --colorPrimarySurface: rgba(255, 255, 255, 0.02);
  --colorPrimarySurfaceAnalytics: #1f1a35;
  --colorOnPrimary: #ffffff;
  --colorOnPrimaryTranslucent: rgba(255, 255, 255, 0.5);
  --colorOnPrimaryVariant: #f6f6f7;
  --onPrimaryMainFilter: 0;
  --colorField: #ffffff0d;
  --colorOnPrimaryLight: #ffffff99;
  --colorSecondary: #ffffff;
  --colorOnSecondary: #1f1a35;
  --colorOnSecondaryVariant: rgba(31, 26, 53, 0.4);
  --colorProfileHorizontalShadow1: rgba(26, 24, 47, 0);
  --colorProfileHorizontalShadow2: #1a182f;
  --colorProfileBottomShadow0: rgba(0, 0, 0, 0);
  --colorProfileBottomShadow1: rgba(28, 25, 50, 0);
  --colorProfileBottomShadow2_1: rgba(29, 25, 51, 0.34);
  --colorProfileBottomShadow2_2: rgba(29, 25, 51, 0.82);
  --colorProfileBottomShadow3: #201a35;
  --colorBoxShadow1: rgba(13, 14, 54, 0.08);
  --colorImageOverlay1: rgba(35, 6, 35, 0);
  --colorImageOverlay2: #060d12;
  --colorCustomLink: #ffffff;
  --colorReShout_1_Dark1: #f75e68;
  --colorReShout_1_Dark2: #ffc588;
  --backgroundReShoutWrapper: linear-gradient(
    264.82deg,
    var(--colorReShout_1_Dark1) -0.57%,
    var(--colorReShout_1_Dark2) 79.29%
  );
  --colorReShoutSub1: #201c32;
  --colorReShoutSub2: unset;
  --colorReShoutSub3: unset;
  --backgroundReShoutSub: var(--colorReShoutSub1);
  --colorReShout_1_Light1: rgba(221, 84, 138, 0.3);
  --colorReShout_1_Light2: rgba(255, 197, 136, 0.3);
  --colorReShout_1_Light3: unset;
  --backgroundReShout: linear-gradient(
    237.57deg,
    var(--colorReShout_1_Light1) 12.91%,
    var(--colorReShout_1_Light2) 78.77%
  );
  --colorReShoutPrimaryMain: rgb(255, 255, 255);
  --colorReShoutL2: rgba(255, 255, 255, 0.4);
  --colorLink: #4fadff;
  --colorGradient_2_1: #c69dff;
  --colorGradient_2_2: #4f76ff;
  --colorGradient_3_1: #dd548a;
  --colorGradient_3_2: #ffc588;
  --colorOne: rgba(241, 149, 138, 0.6);
  --colorSingleAlbum1: rgba(35, 6, 35, 0);
  --colorSingleAlbum2: rgba(6, 13, 18, 0.6);
  --colorSingleItemImage: #1d192f;
  --colorSingleMediaList1: rgba(35, 6, 35, 0);
  --colorSingleMediaList2: rgba(35, 6, 35, 0.3);
  --colorSingleMediaList3: #060d12;
  --colorOverlay1: rgba(0, 0, 0, 0.5);
  --colorUserDetails1: rgba(28, 25, 50, 0);
  --colorUserDetails2: rgba(29, 25, 51, 0.1);
  --colorUserDetails3: #201a35;
  --colorCreateProfile1: #ec008c;
  --colorCreateProfile2: #fc8b67;
  --colorCreateProfile3: #ffd46d;
  --colorNotes: #ffffff;
  --colorOnNotes: #1f1a35;
  --color2: rgb(31 26 53);
  --colorShimmerBackground: #252138;
  --colorShimmer1: rgba(255, 255, 255, 0.02);
  --colorShimmer2: #35304f;
  --colorShimmer3: rgba(255, 255, 255, 0.02);
  --plyr-video-background: var(--colorPrimary);
  --plyr-control-icon-size: 40px;
  --plyr-video-controls-background: transparent;
  --plyr-color-main: transparent;
  --colorModalOverlay: #1f1a3599;
  --colorPopupShadow: rgba(0, 0, 0, 0.4);
  --colorAnalyticsTextPrimary: #fff;
  --colorAnalyticsTextSecondary: #ffffff99;
  --colorCountBackground: #ffffff0d;
  --colorCountWrapperBackground: #ffffff05;
  --colorShadow: #0d0e360f;
  --colorButtonText: #1f1a35;
  --colorButtonBackground: #fff;
  --colorPurpleText: #c29aff;
  --colorTabButtonActiveBg: #fff;
  --colorTabButtonActiveText: #1f1a35;
  --colorTabButtonInActiveBg: #ffffff1a;
  --colorTabButtonInActiveText: #ffffffcc;
  --colorTabButtonInActiveBorder: #ffffff1a;
  --colorCardBackground: #ffffff05;
  --colorCardSocialBackground: #ffffff05;
  --colorAnalyticsMainBg: #1f1a35;
  --colorAnalyticsIconBg: #2e2848;
  --colorMapGray: #39354d;
  --colorCalendarText: #ffffffcc;
  --colorCalendarTextDisabled: #8b8896;
  --colorCalendarTileBgPrimary: #c29aff;
  --colorCalendarTileBgSecondary: #c29aff4d;
  --colorStatModalHeader: #ffffff26;
  --colorStatModalBg: #2e2848;
  --colorLocationOverlayBg: #ffffff05;
  --infoBottomSheetBg: rgba(31, 26, 53, 0.6);
  --colorCreatorsMainBg: #1f1a35;
  --colorCreatorsTextPrimary: #fff;
  --colorCreatorsTextSecondary: #ffffff99;
  --colorCreatorsIconBg: #2e2848;
  --colorPollFilledBg: #ffffff33;
  --colorPollText: #fff;
  --colorTipDrawerBg: #2e2848;
  --colorTipDrawerText: #ffffff;
  --colorTipDrawerOverlay: #1f1a35;
  --colorTipDrawerCloseButtonText: #ffffffcc;
  --colorTipDrawerCloseButtonBg: #2e2848;
  --colorChartGreen: #00d882;
  --colorChartRed: #ff6b6b;
  --colorChartBlue: #4dabf7;
  --colorChartBackground: #ffffff05;
  --colorChartBorder: #ffffff1a;
  --colorChartText: #ffffff;
  --colorChartTextSecondary: #ffffff99;
  --colorChartGrid: #ffffff1a;
}
:root .light,
:root .light-theme,
:root.light,
:root.light-theme {
  --colorPrimary: #ffffff;
  --colorPopup: #ffffff;
  --colorPrimaryDark: #ffffff;
  --colorPrimarySurface: "unset";
  --colorPrimarySurfaceAnalytics: #fff;
  --colorOnPrimary: #000000;
  --colorOnPrimaryTranslucent: rgba(0, 0, 0, 0.5);
  --colorOnPrimaryVariant: #000000;
  --onPrimaryMainFilter: 1;
  --colorField: #1f1a350d;
  --colorOnPrimaryLight: #00000099;
  --colorSecondary: #ffffff;
  --colorOnSecondary: #1f1a35;
  --colorOnSecondaryVariant: rgba(31, 26, 53, 0.4);
  --colorProfileHorizontalShadow1: rgba(255, 255, 255, 0);
  --colorProfileHorizontalShadow2: #fff;
  --colorProfileBottomShadow0: rgba(255, 255, 255, 0);
  --colorProfileBottomShadow1: rgba(255, 255, 255, 0);
  --colorProfileBottomShadow2_1: rgba(255, 255, 255, 0.38);
  --colorProfileBottomShadow2_2: rgba(255, 255, 255, 0.88);
  --colorProfileBottomShadow3: #ffffff;
  --colorBoxShadow1: rgba(13, 14, 54, 0.1);
  --colorImageOverlay1: rgba(35, 6, 35, 0);
  --colorImageOverlay2: #060d12;
  --colorCustomLink: #ffffff;
  --colorReShout_1_Dark1: #f75e68;
  --colorReShout_1_Dark2: #ffc588;
  --backgroundReShoutWrapper: linear-gradient(
    264.82deg,
    var(--colorReShout_1_Dark1) -0.57%,
    var(--colorReShout_1_Dark2) 79.29%
  );
  --colorReShoutSub1: #201c32;
  --colorReShoutSub2: unset;
  --colorReShoutSub3: unset;
  --backgroundReShoutSub: var(--colorReShoutSub1);
  --colorReShout_1_Light1: rgba(221, 84, 138, 0.3);
  --colorReShout_1_Light2: rgba(255, 197, 136, 0.3);
  --colorReShout_1_Light3: unset;
  --backgroundReShout: linear-gradient(
    237.57deg,
    var(--colorReShout_1_Light1) 12.91%,
    var(--colorReShout_1_Light2) 78.77%
  );
  --colorReShoutPrimaryMain: rgb(255, 255, 255);
  --colorReShoutL2: rgba(255, 255, 255, 0.4);
  --colorLink: #4fadff;
  --colorGradient_2_1: #c69dff;
  --colorGradient_2_2: #4f76ff;
  --colorGradient_3_1: #dd548a;
  --colorGradient_3_2: #ffc588;
  --colorOne: rgba(241, 149, 138, 0.6);
  --colorSingleAlbum1: rgba(35, 6, 35, 0);
  --colorSingleAlbum2: rgba(6, 13, 18, 0.6);
  --colorSingleItemImage: transparent;
  --colorSingleMediaList1: "unset";
  --colorSingleMediaList2: "unset";
  --colorSingleMediaList3: "unset";
  --colorOverlay1: rgba(255, 255, 255, 0.5);
  --colorUserDetails1: rgba(255, 255, 255, 0);
  --colorUserDetails2: rgba(255, 255, 255, 0.1);
  --colorUserDetails3: #ffffff;
  --colorCreateProfile1: #ec008c;
  --colorCreateProfile2: #fc8b67;
  --colorCreateProfile3: #ffd46d;
  --color2: transparent;
  --colorShimmerBackground: #f9f8fc;
  --colorShimmer1: rgba(31, 26, 53, 0.15);
  --colorShimmer2: rgb(255, 255, 255, 0.2);
  --colorShimmer3: rgba(31, 26, 53, 0.15);
  --plyr-video-background: var(--colorPrimary);
  --colorCountBackground: #fff;
  --colorCountWrapperBackground: #1f1a3505;
  --colorShadow: #0d0e360f;
  --colorAnalyticsTextPrimary: #1f1a35;
  --colorAnalyticsTextSecondary: #1f1a3599;
  --colorButtonText: #fff;
  --colorButtonBackground: #1f1a35;
  --colorPurpleText: #8351dd99;
  --colorTabButtonActiveBg: #1f1a35;
  --colorTabButtonActiveText: #ffffff;
  --colorTabButtonInActiveBg: #1f1a351a;
  --colorTabButtonInActiveText: #1f1a3599;
  --colorTabButtonInActiveBorder: #1f1a351a;
  --colorCardBackground: transparent;
  --colorCardSocialBackground: transparent;
  --colorAnalyticsMainBg: #fff;
  --colorAnalyticsIconBg: #fff;
  --colorMapGray: #e9e8eb;
  --colorCalendarText: #1f1a35cc;
  --colorCalendarTextDisabled: #93919e;
  --colorCalendarTileBgPrimary: #8351dd;
  --colorCalendarTileBgSecondary: #8351dd33;
  --colorStatModalHeader: #1f1a3526;
  --colorStatModalBg: #fff;
  --colorLocationOverlayBg: #1f1a3505;
  --colorCreatorsMainBg: #fff;
  --colorCreatorsTextPrimary: #1f1a35;
  --colorCreatorsTextSecondary: #1f1a3599;
  --colorCreatorsIconBg: #fff;
  --colorPollFilledBg: #0000001a;
  --colorPollText: #000;
  --colorTipDrawerBg: #ffffff;
  --colorTipDrawerText: #000000;
  --colorTipDrawerOverlay: #000000;
  --colorTipDrawerCloseButton: #666666;
  --colorTipDrawerCloseButtonText: #000000cc;
  --colorTipDrawerCloseButtonBg: #f0f0f0;
  --colorChartGreen: #00d882;
  --colorChartRed: #ff6b6b;
  --colorChartBlue: #4dabf7;
  --colorChartBackground: #ffffff;
  --colorChartBorder: #e5e5e5;
  --colorChartText: #1f1a35;
  --colorChartTextSecondary: #1f1a3599;
  --colorChartGrid: #1f1a351a;
}
:root .dark,
:root .dark-theme,
:root.dark,
:root.dark-theme {
  --colorPrimary: #000000;
  --colorPopup: #000000;
  --colorPrimaryDark: rgb(18, 18, 18);
  --colorPrimarySurface: rgba(255, 255, 255, 0.07);
  --colorPrimarySurfaceAnalytics: #000;
  --colorOnPrimary: #ffffff;
  --colorOnPrimaryTranslucent: rgba(255, 255, 255, 0.5);
  --colorOnPrimaryVariant: #fff;
  --onPrimaryMainFilter: 0;
  --colorField: #ffffff0d;
  --colorOnPrimaryLight: #ffffff99;
  --colorSecondary: #000000;
  --colorOnSecondary: #ffffff;
  --colorOnSecondaryVariant: rgba(31, 26, 53, 0.4);
  --colorProfileHorizontalShadow1: rgba(255, 255, 255, 0);
  --colorProfileHorizontalShadow2: #000;
  --colorProfileBottomShadow0: rgba(0, 0, 0, 0);
  --colorProfileBottomShadow1: rgba(05, 0, 0, 0);
  --colorProfileBottomShadow2_1: rgba(0, 0, 0, 0.38);
  --colorProfileBottomShadow2_2: rgba(0, 0, 0, 0.88);
  --colorProfileBottomShadow3: #000;
  --colorBoxShadow1: rgba(13, 14, 54, 0.1);
  --colorImageOverlay1: rgba(35, 6, 35, 0);
  --colorImageOverlay2: #060d12;
  --colorCustomLink: #ffffff;
  --colorReShout_1_Dark1: #f75e68;
  --colorReShout_1_Dark2: #ffc588;
  --backgroundReShoutWrapper: linear-gradient(
    264.82deg,
    var(--colorReShout_1_Dark1) -0.57%,
    var(--colorReShout_1_Dark2) 79.29%
  );
  --colorReShoutSub1: rgba(236, 0, 140, 0.4);
  --colorReShoutSub2: rgba(252, 139, 103, 0.4);
  --colorReShoutSub3: rgba(255, 212, 109, 0.4);
  --backgroundReShoutSub: linear-gradient(
    0deg,
    var(--colorReShoutSub1) 0%,
    var(--colorReShoutSub2) 50%,
    var(--colorReShoutSub3) 100%
  );
  --colorReShout_1_Light1: #fde5f3;
  --colorReShout_1_Light2: #fff3f0;
  --colorReShout_1_Light3: #fffbf0;
  --backgroundReShout: linear-gradient(
    227.1deg,
    var(--colorReShout_1_Light1) 3.4%,
    var(--colorReShout_1_Light2) 69.33%,
    var(--colorReShout_1_Light3) 97.87%
  );
  --colorReShoutPrimaryMain: rgb(0, 0, 0);
  --colorReShoutL2: rgba(0, 0, 0, 0.4);
  --colorLink: #007bff;
  --colorGradient_2_1: #c69dff;
  --colorGradient_2_2: #4f76ff;
  --colorGradient_3_1: #dd548a;
  --colorGradient_3_2: #ffc588;
  --colorOne: rgba(241, 149, 138, 0.6);
  --colorSingleAlbum1: rgba(35, 6, 35, 0);
  --colorSingleAlbum2: rgba(6, 13, 18, 0.6);
  --colorSingleItemImage: transparent;
  --colorSingleMediaList1: rgba(35, 6, 35, 0);
  --colorSingleMediaList2: rgba(35, 6, 35, 0.3);
  --colorSingleMediaList3: #060d12;
  --colorOverlay1: rgba(255, 255, 255, 0.5);
  --colorUserDetails1: rgba(0, 0, 0, 0);
  --colorUserDetails2: rgba(0, 0, 0, 0.1);
  --colorUserDetails3: #000000;
  --colorCreateProfile1: #ec008c;
  --colorCreateProfile2: #fc8b67;
  --colorCreateProfile3: #ffd46d;
  --color2: transparent;
  --colorShimmerBackground: #060703;
  --colorShimmer1: var(--colorPrimarySurface);
  --colorShimmer2: rgba(255, 255, 255, 0.2);
  --colorShimmer3: var(--colorPrimarySurface);
  --plyr-video-background: var(--colorPrimary);
  --colorModalOverlay: #00000099;
  --colorAnalyticsTextPrimary: #fff;
  --colorAnalyticsTextSecondary: #ffffff99;
  --colorCountBackground: #ffffff0d;
  --colorCountWrapperBackground: #ffffff05;
  --colorShadow: #0d0e360f;
  --colorButtonText: #1f1a35;
  --colorButtonBackground: #fff;
  --colorPurpleText: #c29aff;
  --colorTabButtonActiveBg: #fff;
  --colorTabButtonActiveText: #1f1a35;
  --colorTabButtonInActiveBg: #ffffff1a;
  --colorTabButtonInActiveText: #ffffffcc;
  --colorTabButtonInActiveBorder: #ffffff1a;
  --colorCardBackground: #ffffff0d;
  --colorCardSocialBackground: #ffffff1a;
  --colorAnalyticsMainBg: #000;
  --colorAnalyticsIconBg: #252525;
  --colorMapGray: #252525;
  --colorCalendarText: #ffffffcc;
  --colorCalendarTextDisabled: #8b8896;
  --colorCalendarTileBgPrimary: #c29aff;
  --colorCalendarTileBgSecondary: #c29aff4d;
  --colorStatModalHeader: #ffffff26;
  --colorStatModalBg: #252525;
  --colorLocationOverlayBg: #ffffff05;
  --infoBottomSheetBg: rgba(0, 0, 0, 0.6);
  --colorCreatorsMainBg: #000;
  --colorCreatorsTextPrimary: #fff;
  --colorCreatorsTextSecondary: #ffffff99;
  --colorCreatorsIconBg: #252525;
  --colorPollFilledBg: #ffffff33;
  --colorPollText: #fff;
  --colorTipDrawerBg: #252525;
  --colorTipDrawerText: #ffffff;
  --colorTipDrawerOverlay: #000000;
  --colorTipDrawerCloseButton: #999999;
  --colorTipDrawerCloseButtonText: #ffffffcc;
  --colorTipDrawerCloseButtonBg: #333333;
  --colorChartGreen: #00ff88;
  --colorChartRed: #ff6b6b;
  --colorChartBlue: #4dabf7;
  --colorChartBackground: #ffffff0d;
  --colorChartBorder: #ffffff1a;
  --colorChartText: #ffffff;
  --colorChartTextSecondary: #ffffff99;
  --colorChartGrid: #ffffff1a;
}
:root {
  --colorShimmerAnalytics1: rgba(31, 26, 53, 0.15);
  --colorShimmerAnalytics2: rgb(255, 255, 255, 0.2);
  --colorShimmerAnalytics3: rgba(31, 26, 53, 0.15);
}
.colorWhite {
  color: #fff;
}
.onPrimary {
  color: var(--colorOnPrimary);
}
.onPrimaryFill circle,
.onPrimaryFill g,
.onPrimaryFill path {
  fill: var(--colorOnPrimary);
}
.onPrimaryVariant {
  color: var(--colorOnPrimaryVariant);
}
.onSecondary {
  color: var(--colorOnSecondary);
}
.onSecondaryFill circle,
.onSecondaryFill path {
  fill: var(--colorOnSecondary);
}
.onSecondaryVariant {
  color: var(--colorOnSecondaryVariant);
}
.onNotes {
  color: var(--colorOnNotes);
}
.link {
  color: var(--colorLink);
}
.onPrimaryL2 {
  color: var(--colorTextLevel2, var(--colorOnPrimaryTranslucent));
}
.onPrimaryL1 {
  color: var(--colorTextLevel1, var(--colorOnPrimaryTranslucent));
}
.onPrimaryMain {
  color: var(--colorTextMain, var(--colorOnPrimary));
}
.onPrimaryMainFill circle,
.onPrimaryMainFill g,
.onPrimaryMainFill path {
  fill: var(--colorTextMain, var(--colorOnPrimary));
}
.onPrimaryMainFilter {
  filter: invert(var(--onPrimaryMainFilter));
}
.onPrimaryLight {
  color: var(--colorOnPrimaryLight);
}
.onPrimaryLight circle,
.onPrimaryLight g,
.onPrimaryLight path {
  fill: var(--colorOnPrimaryLight);
}
.fieldPlaceholder::-moz-placeholder {
  color: --colorOnPrimaryLight;
}
.fieldPlaceholder::placeholder {
  color: --colorOnPrimaryLight;
}
.flamingo900 {
  color: #dd548a;
}
.bgPrimary {
  background: var(--colorPrimary);
}
.bgPopup {
  background: var(--colorPopup);
}
.bgPrimaryDark {
  background: var(--colorPrimaryDark);
}
.bgPrimarySurface {
  background: var(--colorPrimarySurface);
}
.bgPrimarySurfaceCustomOne {
  background: var(--customSurfaceBackgroundColor, var(--colorPrimarySurface));
}
.bgPrimarySurfaceAnalytics {
  background: var(--colorPrimarySurfaceAnalytics);
}
.bgSecondary {
  background: var(--colorSecondary);
}
.bgColor-1 {
  background: var(--colorSingleItemImage);
}
.bgOverlay-1 {
  background: var(--colorOverlay1);
}
.bgNotes {
  background: var(--colorNotes);
}
.bgPrimaryCustom {
  background: var(--customBackgroundColor, var(--colorPrimary));
}
.bgPrimaryDarkCustom {
  background: var(--customBackgroundColor, var(--colorPrimaryDark));
}
.modalOverlay {
  background: var(--colorModalOverlay);
}
.bgField {
  background: var(--colorField);
}
.bgGradient {
  background: var(--backgroundReShoutSub);
}
.bgGradient-1 {
  background: linear-gradient(
    180deg,
    var(--customColorProfileBottomShadow1, var(--colorProfileHorizontalShadow1))
      0,
    var(--customColorProfileBottomShadow2, var(--colorProfileHorizontalShadow2))
      128.76%
  );
}
.bgGradient-2_1 {
  background: linear-gradient(
    179.27deg,
    var(--customColorProfileBottomShadow1, var(--colorProfileBottomShadow1))
      0.59%,
    var(--customColorProfileBottomShadow2_1, var(--colorProfileBottomShadow2_1))
      25.57%,
    var(--customColorProfileBottomShadow3, var(--colorProfileBottomShadow3))
      99.33%
  );
}
.bgGradient-2_2 {
  background: linear-gradient(
    179.27deg,
    var(--customColorProfileBottomShadow0, var(--colorProfileBottomShadow0)) 0,
    var(--customColorProfileBottomShadow1, var(--colorProfileBottomShadow1))
      1.59%,
    var(--customColorProfileBottomShadow2_2, var(--colorProfileBottomShadow2_2))
      25.57%,
    var(--customColorProfileBottomShadow3, var(--colorProfileBottomShadow3))
      99.33%
  );
}
.bgGradient-3 {
  background: linear-gradient(
    180deg,
    var(--colorImageOverlay1) 0,
    var(--colorImageOverlay2) 128.76%
  );
}
.bgGradient-4 {
  background: var(--backgroundReShout);
}
.bgGradient-5 {
  background: var(--backgroundReShoutWrapper);
}
.bgGradient-6 {
  background: linear-gradient(
    291.05deg,
    var(--colorGradient_2_1) 3.74%,
    var(--colorGradient_2_2) 97.86%
  );
}
.bgGradient-7 {
  background: linear-gradient(
    223.99deg,
    var(--colorGradient_3_1) 9.98%,
    var(--colorGradient_3_2) 84.03%
  );
}
.bgGradient-8 {
  background: linear-gradient(
    245.1deg,
    var(--colorCreateProfile1) 15.81%,
    var(--colorCreateProfile2) 56.45%,
    var(--colorCreateProfile3) 74.04%
  );
}
@media (max-width: 767px) {
  .bgGradient-7 {
    background: linear-gradient(
      227.1deg,
      var(--colorCreateProfile1) 3.4%,
      var(--colorCreateProfile2) 69.33%,
      var(--colorCreateProfile3) 97.87%
    );
  }
}
.boxShadow-1 {
  box-shadow: 0 3px 7px var(--colorBoxShadow1);
}
.boxShadow-2 {
  box-shadow: 0 6px 14px var(--colorBoxShadow1);
}
.boxShadow-3 {
  box-shadow: 0 3px 7px var(--colorOne);
}
.boxShadow-4 {
  box-shadow: 0 12px 23px var(--colorPopupShadow);
}
@media (max-width: 767px) {
  .boxShadow-1 {
    box-shadow: 0 0.8vw 1.867vw var(--colorBoxShadow1);
  }
  .boxShadow-2 {
    box-shadow: 0 1.6vw 3.733vw var(--colorBoxShadow1);
  }
  .boxShadow-3 {
    box-shadow: 0 0.8vw 1.867vw var(--colorOne);
  }
}
.border-1 {
  border: none;
}
@media (max-width: 767px) {
  .border-1 {
    border: 0.267vw solid #1f1a35;
  }
}
.border-grey {
  border: 1px solid #cccfd4 !important;
}
.border-grey-2 {
  border: 1px solid #808e9b !important;
}
.text-black {
  color: #000;
}
.text-black-1 {
  color: #9fa9ba !important;
}
.text-white {
  color: #fff;
}
.text-grey-2 {
  color: #808e9b !important;
}
.text-red {
  color: #84205e !important;
}
.bg-black {
  background-color: #000;
}
.bg-green {
  background-color: #19a29d !important;
}
.bg-grey-1 {
  background-color: #d6d6d6 !important;
  background-color: #808e9b !important;
}
.loaded {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
.loading {
  opacity: 0.3;
  transition: opacity 0.2s ease-out;
}
.fixed-ratio-image {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.profile-image-container {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.lcp-image {
  backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  content-visibility: auto;
  contain-intrinsic-size: auto 1200px;
}
.image-transition {
  will-change: opacity;
} /*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}
@keyframes hvr-bob {
  0%,
  to {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes hvr-bob-float {
  to {
    transform: translateY(-8px);
  }
}
@keyframes hvr-hang {
  0%,
  to {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
}
@keyframes hvr-hang-sink {
  to {
    transform: translateY(8px);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  to {
    transform: translate(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  to {
    transform: skew(0);
  }
}
@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  to {
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz-out {
  10%,
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  20%,
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50%,
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  60%,
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  to {
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-ripple-out {
  to {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-in {
  to {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-icon-down {
  0%,
  50%,
  to {
    transform: translateY(0);
  }
  25%,
  75% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-up {
  0%,
  50%,
  to {
    transform: translateY(0);
  }
  25%,
  75% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51%,
  to {
    opacity: 1;
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-bob {
  0%,
  to {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes hvr-icon-bob-float {
  to {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-hang {
  0%,
  to {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
}
@keyframes hvr-icon-hang-sink {
  to {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  to {
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz-out {
  10%,
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  20%,
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50%,
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  60%,
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  to {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-grow,
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
  transform: scale(1.1);
}
.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
  transform: scale(0.9);
}
.hvr-pop,
.hvr-pulse,
.hvr-pulse-grow,
.hvr-pulse-shrink,
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover,
.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover,
.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
  animation-name: hvr-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover,
.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
  animation-name: hvr-pulse-grow;
  animation-duration: 0.3s;
  animation-direction: alternate;
}
.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
  animation-name: hvr-pulse-shrink;
}
.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover,
.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover {
  animation-name: hvr-pop;
}
.hvr-bounce-in,
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}
.hvr-bounce-in:active,
.hvr-bounce-in:focus,
.hvr-bounce-in:hover,
.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
  transform: scale(0.8);
}
.hvr-grow-rotate,
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-rotate:active,
.hvr-rotate:focus,
.hvr-rotate:hover {
  transform: rotate(4deg);
}
.hvr-grow-rotate:active,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:hover {
  transform: scale(1.1) rotate(4deg);
}
.hvr-float,
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-float:active,
.hvr-float:focus,
.hvr-float:hover {
  transform: translateY(-8px);
}
.hvr-sink:active,
.hvr-sink:focus,
.hvr-sink:hover {
  transform: translateY(8px);
}
.hvr-bob,
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:active,
.hvr-bob:focus,
.hvr-bob:hover,
.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover {
  animation-name: hvr-bob-float, hvr-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}
.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover {
  animation-name: hvr-hang-sink, hvr-hang;
}
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-skew-forward:active,
.hvr-skew-forward:focus,
.hvr-skew-forward:hover,
.hvr-skew:active,
.hvr-skew:focus,
.hvr-skew:hover {
  transform: skew(-10deg);
}
.hvr-skew-backward,
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}
.hvr-skew-backward:active,
.hvr-skew-backward:focus,
.hvr-skew-backward:hover {
  transform: skew(10deg);
}
.hvr-wobble-horizontal,
.hvr-wobble-to-bottom-right,
.hvr-wobble-to-top-right,
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:active,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:hover {
  animation-name: hvr-wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-wobble-horizontal:active,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:hover,
.hvr-wobble-to-bottom-right:active,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-top-right:active,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:hover {
  animation-name: hvr-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-wobble-to-bottom-right:active,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-top-right:active,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:hover {
  animation-name: hvr-wobble-to-bottom-right;
}
.hvr-wobble-to-top-right:active,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:hover {
  animation-name: hvr-wobble-to-top-right;
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 0 100%;
}
.hvr-wobble-top:active,
.hvr-wobble-top:focus,
.hvr-wobble-top:hover {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:active,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:hover {
  animation-name: hvr-wobble-bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-buzz,
.hvr-buzz-out,
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:active,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:hover {
  animation-name: hvr-wobble-skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover,
.hvr-buzz:active,
.hvr-buzz:focus,
.hvr-buzz:hover {
  animation-name: hvr-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover {
  animation-name: hvr-buzz-out;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
}
.hvr-backward,
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-forward:active,
.hvr-forward:focus,
.hvr-forward:hover {
  transform: translateX(8px);
}
.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
  transform: translateX(-8px);
}
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}
.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  background-color: #2098d1;
  color: #fff;
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}
.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover {
  animation-name: hvr-back-pulse;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  color: #fff;
}
.hvr-sweep-to-bottom,
.hvr-sweep-to-left,
.hvr-sweep-to-right,
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-left:active,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover,
.hvr-bounce-to-top:active,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover,
.hvr-radial-in:active,
.hvr-radial-in:focus,
.hvr-radial-in:hover,
.hvr-radial-out:active,
.hvr-radial-out:focus,
.hvr-radial-out:hover,
.hvr-rectangle-in:active,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:hover,
.hvr-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover,
.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover,
.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-vertical:active,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:hover,
.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover,
.hvr-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
  color: #fff;
}
.hvr-sweep-to-left:active:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
  transform: scaleX(1);
}
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:before {
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
.hvr-sweep-to-bottom:before {
  transform: scaleY(0);
  transform-origin: 50% 0;
}
.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-top:active:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:hover:before {
  transform: scaleY(1);
}
.hvr-bounce-to-right:before,
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:before {
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-duration: 0.3s;
}
.hvr-bounce-to-bottom,
.hvr-bounce-to-left,
.hvr-bounce-to-right,
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:active:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:before {
  transform: scaleX(0);
  transform-origin: 100% 50%;
}
.hvr-bounce-to-bottom:before {
  transform: scaleY(0);
  transform-origin: 50% 0;
}
.hvr-bounce-to-bottom:active:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-top:active:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:hover:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.hvr-radial-out,
.hvr-radial-out:before {
  transition-duration: 0.3s;
}
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-radial-out:active:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:hover:before {
  transform: scale(2);
}
.hvr-radial-in,
.hvr-radial-in:before {
  transition-duration: 0.3s;
}
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098d1;
  transition-property: color;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-radial-in:active:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:hover:before,
.hvr-rectangle-in:active:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:hover:before {
  transform: scale(0);
}
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  transition-property: color;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in,
.hvr-rectangle-in:before,
.hvr-rectangle-out,
.hvr-rectangle-out:before {
  transition-duration: 0.3s;
}
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  transform: scale(0);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:active:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:hover:before {
  transform: scale(1);
}
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:active:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:hover:before {
  transform: scaleX(0);
}
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
  transform: scaleX(1);
}
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  transition-property: color;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
  transform: scaleY(0);
}
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:active:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:hover:before {
  transform: scaleY(1);
}
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hollow:active,
.hvr-hollow:focus,
.hvr-hollow:hover {
  background: 0 0;
}
.hvr-outline-in,
.hvr-outline-out,
.hvr-ripple-in,
.hvr-ripple-out,
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: "";
  position: absolute;
  border: 4px solid #fff;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.hvr-trim:active:before,
.hvr-trim:focus:before,
.hvr-trim:hover:before {
  opacity: 1;
}
.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: 6px solid #e1e1e1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation-duration: 1s;
}
.hvr-ripple-out:active:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:hover:before {
  animation-name: hvr-ripple-out;
}
.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: 4px solid #e1e1e1;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  animation-duration: 1s;
}
.hvr-ripple-in:active:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:hover:before {
  animation-name: hvr-ripple-in;
}
.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: 4px solid #e1e1e1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:active:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: 4px solid #e1e1e1;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:active:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: border-radius;
}
.hvr-round-corners:active,
.hvr-round-corners:focus,
.hvr-round-corners:hover {
  border-radius: 1em;
}
.hvr-overline-from-center,
.hvr-overline-from-left,
.hvr-overline-from-right,
.hvr-overline-reveal,
.hvr-reveal,
.hvr-underline-from-center,
.hvr-underline-from-left,
.hvr-underline-from-right,
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:active:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:hover:before {
  right: 0;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
  left: 0;
  right: 0;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:active:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:hover:before {
  left: 0;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:active:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:hover:before {
  right: 0;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:active:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:hover:before {
  left: 0;
  right: 0;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:active:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:hover:before {
  left: 0;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0 solid #2098d1;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.hvr-reveal:active:before,
.hvr-reveal:focus:before,
.hvr-reveal:hover:before {
  transform: translateY(0);
  border-width: 4px;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:active:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:hover:before,
.hvr-underline-reveal:active:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:hover:before {
  transform: translateY(0);
}
.hvr-glow,
.hvr-overline-reveal:before,
.hvr-shadow {
  transition-duration: 0.3s;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-glow,
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-property: box-shadow;
}
.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.hvr-shadow:active,
.hvr-shadow:focus,
.hvr-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-float-shadow,
.hvr-float-shadow:before {
  transition-duration: 0.3s;
}
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.35) 0,
    transparent 80%
  );
  transition-property: transform, opacity;
}
.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
  transform: translateY(-5px);
}
.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
  opacity: 1;
  transform: translateY(5px);
}
.hvr-bubble-bottom,
.hvr-bubble-left,
.hvr-bubble-right,
.hvr-bubble-top,
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(
    ellipse at 50% 150%,
    rgba(0, 0, 0, 0.6) 0,
    transparent 80%
  );
}
.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(
    ellipse at 50% -50%,
    rgba(0, 0, 0, 0.6) 0,
    transparent 80%
  );
}
.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
  opacity: 1;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1;
  border-style: solid;
  border-width: 0 10px 10px;
}
.hvr-bubble-top:active:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:hover:before {
  transform: translateY(-10px);
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1;
  border-style: solid;
  border-width: 10px 0 10px 10px;
}
.hvr-bubble-right:active:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:hover:before {
  transform: translateX(10px);
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-color: #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 10px 0;
}
.hvr-bubble-bottom:active:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:hover:before,
.hvr-bubble-float-top:active,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:hover {
  transform: translateY(10px);
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-color: rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 10px 10px 0;
}
.hvr-bubble-float-right:active,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:hover,
.hvr-bubble-left:active:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:hover:before {
  transform: translateX(-10px);
}
.hvr-bubble-float-bottom,
.hvr-bubble-float-left,
.hvr-bubble-float-right,
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1;
  border-style: solid;
  border-width: 0 10px 10px;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-bubble-float-bottom:active,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-top:active:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:hover:before {
  transform: translateY(-10px);
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-bubble-float-left:active,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:hover,
.hvr-bubble-float-right:active:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:hover:before {
  transform: translateX(10px);
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-color: #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 10px 0;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-bubble-float-bottom:active:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:hover:before {
  transform: translateY(10px);
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-color: rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 10px 10px 0;
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-bubble-float-left:active:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:hover:before {
  transform: translateX(-10px);
}
.hvr-icon-back,
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon,
.hvr-icon-forward .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-icon-back:active .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:hover .hvr-icon {
  transform: translateX(-4px);
}
.hvr-icon-forward:active .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:hover .hvr-icon {
  transform: translateX(4px);
}
.hvr-icon-down,
.hvr-icon-drop,
.hvr-icon-fade,
.hvr-icon-float-away,
.hvr-icon-sink-away,
.hvr-icon-spin,
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon,
.hvr-icon-up .hvr-icon {
  transform: translateZ(0);
}
.hvr-icon-down:active .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:hover .hvr-icon,
.hvr-icon-up:active .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:hover .hvr-icon {
  animation-name: hvr-icon-down;
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
}
.hvr-icon-up:active .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:hover .hvr-icon {
  animation-name: hvr-icon-up;
}
.hvr-icon-spin .hvr-icon {
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:active .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:hover .hvr-icon {
  transform: rotate(1turn);
}
.hvr-icon-drop .hvr-icon {
  transform: translateZ(0);
}
.hvr-icon-drop:active .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:hover .hvr-icon {
  opacity: 0;
  transition-duration: 0.3s;
  animation-name: hvr-icon-drop;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hvr-icon-fade .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}
.hvr-icon-fade:active .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:hover .hvr-icon {
  color: #0f9e5e;
}
.hvr-icon-float-away .hvr-icon,
.hvr-icon-sink-away .hvr-icon {
  transform: translateZ(0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:active .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:hover .hvr-icon {
  animation-name: hvr-icon-float-away;
  animation-timing-function: ease-out;
}
.hvr-icon-sink-away:active .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:hover .hvr-icon {
  animation-name: hvr-icon-sink-away;
  animation-timing-function: ease-out;
}
.hvr-icon-grow,
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon,
.hvr-icon-shrink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:active .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:hover .hvr-icon {
  transform: scale(1.3) translateZ(0);
}
.hvr-icon-shrink:active .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:hover .hvr-icon {
  transform: scale(0.8);
}
.hvr-icon-pulse,
.hvr-icon-pulse-grow,
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon,
.hvr-icon-pulse-grow .hvr-icon,
.hvr-icon-pulse-shrink .hvr-icon {
  transform: translateZ(0);
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:active .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:hover .hvr-icon {
  animation-name: hvr-icon-pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.hvr-icon-pulse-grow:active .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:hover .hvr-icon {
  animation-name: hvr-icon-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.hvr-icon-pulse-shrink:active .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:hover .hvr-icon {
  animation-name: hvr-icon-pulse-shrink;
}
.hvr-icon-bob,
.hvr-icon-bounce,
.hvr-icon-buzz,
.hvr-icon-buzz-out,
.hvr-icon-float,
.hvr-icon-grow-rotate,
.hvr-icon-hang,
.hvr-icon-pop,
.hvr-icon-push,
.hvr-icon-rotate,
.hvr-icon-sink,
.hvr-icon-wobble-horizontal,
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon,
.hvr-icon-float .hvr-icon,
.hvr-icon-grow-rotate .hvr-icon,
.hvr-icon-pop .hvr-icon,
.hvr-icon-push .hvr-icon,
.hvr-icon-rotate .hvr-icon,
.hvr-icon-sink .hvr-icon {
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:active .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-push:active .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:hover .hvr-icon {
  animation-name: hvr-icon-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.hvr-icon-pop:active .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:hover .hvr-icon {
  animation-name: hvr-icon-pop;
}
.hvr-icon-bounce:active .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:hover .hvr-icon {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-icon-rotate:active .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:hover .hvr-icon {
  transform: rotate(20deg);
}
.hvr-icon-grow-rotate:active .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:hover .hvr-icon {
  transform: scale(1.5) rotate(12deg);
}
.hvr-icon-float:active .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:hover .hvr-icon {
  transform: translateY(-4px);
}
.hvr-icon-sink:active .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:hover .hvr-icon {
  transform: translateY(4px);
}
.hvr-icon-bob .hvr-icon,
.hvr-icon-buzz .hvr-icon,
.hvr-icon-buzz-out .hvr-icon,
.hvr-icon-hang .hvr-icon,
.hvr-icon-wobble-horizontal .hvr-icon,
.hvr-icon-wobble-vertical .hvr-icon {
  transform: translateZ(0);
}
.hvr-icon-bob:active .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-hang:active .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:hover .hvr-icon {
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-duration: 0.3s, 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}
.hvr-icon-hang:active .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:hover .hvr-icon {
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
}
.hvr-icon-wobble-horizontal:active .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:hover .hvr-icon {
  animation-name: hvr-icon-wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.hvr-icon-wobble-vertical:active .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:hover .hvr-icon {
  animation-name: hvr-icon-wobble-vertical;
}
.hvr-icon-buzz:active .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:hover .hvr-icon {
  animation-name: hvr-icon-buzz;
  animation-duration: 0.15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.hvr-icon-buzz-out:active .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:hover .hvr-icon {
  animation-name: hvr-icon-buzz-out;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.hvr-curl-bottom-left,
.hvr-curl-bottom-right,
.hvr-curl-top-left,
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}
.hvr-curl-bottom-left:active:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-right:active:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:hover:before,
.hvr-curl-top-left:active:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:hover:before,
.hvr-curl-top-right:active:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:hover:before {
  width: 25px;
  height: 25px;
}
.hvr-curl-bottom-left:before,
.hvr-curl-bottom-right:before,
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  background: #fff;
  transition-duration: 0.3s;
  transition-property: width, height;
}
.hvr-curl-top-right:before {
  top: 0;
  right: 0;
  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
}
.hvr-curl-bottom-left:before,
.hvr-curl-bottom-right:before {
  bottom: 0;
}
.hvr-curl-bottom-right:before {
  right: 0;
  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}
.hvr-curl-bottom-left:before {
  left: 0;
  background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
}
@keyframes fill {
  0% {
    width: 0;
    opacity: 0.8;
  }
  to {
    width: var(--progress-width);
    opacity: 1;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  to {
    background-position: 200% 0;
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes glow {
  0%,
  to {
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.3),
      0 0 40px rgba(168, 85, 247, 0.1);
  }
  50% {
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.4),
      0 0 60px rgba(168, 85, 247, 0.2);
  }
}
@keyframes float {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.animate-fill {
  animation: fill 1.4s cubic-bezier(0.26, 0.8, 0.32, 1) forwards;
}
.animate-shimmer {
  animation: shimmer 1.2s linear infinite;
}
.animate-slide-in {
  animation: slideIn 0.5s ease-out forwards;
}
.animate-fade-in {
  animation: fadeIn 0.6s ease-out forwards;
}
.animate-pulse-slow {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.animate-glow {
  animation: glow 2s ease-in-out infinite;
}
.animate-float {
  animation: float 3s ease-in-out infinite;
}
.glass-card {
  background: hsla(0, 0%, 100%, 0.8);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.dark .glass-card {
  background: rgba(26, 26, 26, 0.7);
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
.progress-shimmer {
  position: relative;
  overflow: hidden;
}
.progress-shimmer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2) 50%,
    transparent
  );
  animation: shimmer 2s ease-in-out infinite;
}
.loader-bar {
  height: 2px;
  background: linear-gradient(90deg, #a855f7, #9333ea 50%, #a855f7);
  background-size: 200% 100%;
  animation: shimmer 1.2s linear infinite;
}
@media (prefers-reduced-motion: no-preference) {
  .animate-in,
  .stagger-in {
    animation: slideIn 0.5s ease-out forwards;
  }
  .stagger-in {
    opacity: 0;
  }
  .stagger-in:first-child {
    animation-delay: 0.05s;
  }
  .stagger-in:nth-child(2) {
    animation-delay: 0.1s;
  }
  .stagger-in:nth-child(3) {
    animation-delay: 0.15s;
  }
  .stagger-in:nth-child(4) {
    animation-delay: 0.2s;
  }
  .stagger-in:nth-child(5) {
    animation-delay: 0.25s;
  }
  .stagger-in:nth-child(6) {
    animation-delay: 0.3s;
  }
  .stagger-in:nth-child(7) {
    animation-delay: 0.35s;
  }
  .stagger-in:nth-child(8) {
    animation-delay: 0.4s;
  }
  .stagger-in:nth-child(9) {
    animation-delay: 0.45s;
  }
  .stagger-in:nth-child(10) {
    animation-delay: 0.5s;
  }
}
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 100vh;
  font-family: var(
    --font-inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    sans-serif
  );
  font-style: normal;
  background: var(--customBackgroundColor, var(--colorPrimary));
}
p {
  margin-top: 0;
}
.d-inline {
  display: inline;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.text-center {
  text-align: center;
}
.right-0 {
  right: 0;
}
.ms-1 {
  margin-left: 4px;
}
.br-15 {
  border-radius: 15px;
}
.noScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.noScrollBar::-webkit-scrollbar {
  display: none;
}
.text-decoration-none {
  text-decoration: none;
}
.loading {
  filter: blur(10px);
  clip-path: inset(0);
}
.loaded {
  filter: blur(0);
  transition: filter 0.5s linear;
}
.plyr__controls {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  height: 100%;
  padding: 0 !important;
  transform: none !important;
  position: absolute;
}
.plyr__controls .plyr__controls__item {
  position: relative;
  margin: auto !important;
}
.plyr__controls .plyr__controls__item.plyr__volume {
  position: absolute;
  bottom: 8px;
}
.plyr__controls .plyr__controls__item.plyr__volume svg {
  height: 24px;
  width: 24px;
}
.plyr__control--overlaid {
  background: none !important;
}
.hideOverFlown {
  max-width: 95%;
  margin-left: 10px;
}
.app-modal {
  position: absolute;
  z-index: 10;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}
#modal,
.app-modal {
  left: 0;
  top: 0;
  width: 100%;
}
#modal {
  position: fixed;
  height: 100vh;
  z-index: -1;
}
#modal.visible {
  z-index: 1000;
}
.custom-field::-moz-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.custom-field::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.custom-field {
  font-size: 16px;
}
.animate-slideUp {
  animation: slideUp 0.3s ease-out;
}
.colorPicker .react-colorful {
  height: 190px;
  width: 80%;
  min-width: 50% !important;
}
.colorPicker .react-colorful__saturation {
  margin-top: 10px;
  margin-bottom: 30px;
  border-radius: 20px;
  margin-left: 37px;
}
.colorPicker .react-colorful__pointer {
  height: 20px;
  width: 20px;
}
.colorPicker-old .react-colorful {
  flex-direction: row !important;
  gap: 10px;
  justify-content: center;
}
.colorPicker-old .react-colorful__hue {
  transform: rotate(90deg);
  transform-origin: left center;
  position: absolute !important;
  width: 212px;
  top: -6px;
  left: 268px;
  border-radius: 8px !important;
}
.colorPicker-old .react-colorful .react-colorful__saturation {
  margin-right: 24px;
  height: 240px;
  width: 240px;
  max-width: 240px;
}
.fadeIn {
  animation: fadeInKeyframe 0.5s ease;
}
@keyframes fadeInKeyframe {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-slide-in-bottom {
  animation: slideInBottom 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes slideInBottom {
  0% {
    transform: translateY(100%) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.select-menu {
  min-width: 100px;
}
@media screen and (max-width: 767px) {
  .select-menu {
    min-width: 26.6666666667vw;
  }
}
.select-menu .select-btn {
  position: relative;
  display: flex;
  height: auto;
  cursor: pointer;
  justify-content: space-between;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .select-menu .select-btn {
    padding-right: 1.3333333333vw;
  }
}
.select-menu .select-btn:after {
  content: "▾";
  position: absolute;
  right: 0;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .select-menu .select-btn:after {
    padding-left: 4vw;
  }
}
.select-menu .options {
  min-width: 100px;
  position: absolute;
  max-height: 300px;
  overflow-y: scroll;
  margin-top: 10px;
  border-radius: 8px;
  background: var(--colorPrimary);
  box-shadow: 0 0 3px hsla(0, 0%, 100%, 0.1);
  display: none;
}
@media screen and (max-width: 767px) {
  .select-menu .options {
    min-width: 26.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.select-menu .options::-webkit-scrollbar {
  width: 3px;
}
.select-menu .options::-webkit-scrollbar-thumb {
  width: 3px;
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
}
.select-menu.active .options {
  display: block;
}
.select-menu .options .option {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  .select-menu .options .option {
    padding: 1.3333333333vw;
  }
}
.select-menu .options .option * {
  pointer-events: none;
}
.select-menu .options .option:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.shoutVideoPoster {
  position: absolute;
  top: 0;
  width: 100%;
}
.shoutVideoPoster.show {
  visibility: visible;
  opacity: 1;
}
.shoutVideoPoster.hide {
  transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
  visibility: hidden;
  opacity: 0;
}
.shoutControlsWrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.shoutControlsWrapper .shoutControls {
  width: 100%;
  height: 100%;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.shoutControlsWrapper .shoutControls.hide {
  transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
  visibility: hidden;
  opacity: 0;
}
.shoutControlsWrapper .shoutControls .fsControl {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}
.shoutControlsWrapper .shoutControls .playPauseControl {
  margin: auto;
  z-index: 1;
  padding: 10px;
}
.shoutControlsWrapper .shoutControls .playPauseControl svg {
  pointer-events: none;
}
.shoutControlsWrapper .videoDescriptionWrapper {
  bottom: 12px;
  padding: 0 50px 0 14px;
}
.shoutControlsWrapper .videoDescriptionWrapper .videoDescriptionImg {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}
.shoutControlsWrapper .videoDescriptionWrapper .videoDescriptionContent {
  margin: 0 5px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionName {
  font-size: 14px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionName
  .verifiedIcon {
  height: 14px !important;
  width: auto !important;
  margin-left: 3px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionTime,
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionUsername {
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.4);
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionDiv {
  margin-top: 5px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionDiv
  .videoDescription {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  max-height: 35vh;
  scrollbar-width: 3px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionDiv
  .videoDescription::-webkit-scrollbar {
  width: 3px;
}
.shoutControlsWrapper
  .videoDescriptionWrapper
  .videoDescriptionContent
  .videoDescriptionDiv
  .videoDescription::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 3px;
  background: hsla(0, 0%, 100%, 0.4);
}
.muteUnMuteControl {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px;
}
.muteUnMuteControl svg {
  pointer-events: none;
}
.products-container {
  display: flex;
  flex-direction: column;
  padding: 0 14px;
  width: 100%;
}
.products-container .product-details {
  align-items: center;
}
.products-container .product-image-container {
  width: 105px;
  height: 105px;
  border-radius: 9.5px;
}
@media screen and (max-width: 767px) {
  .products-container .product-image-container {
    width: 23.4666666667vw;
    height: 23.4666666667vw;
    border-radius: 2.048vw;
  }
}
.products-container .product-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--colorOnPrimary);
}
@media screen and (max-width: 767px) {
  .products-container .product-name {
    font-size: 14px;
    line-height: 17.22px;
  }
}
.products-container .product-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--colorOnPrimaryLight);
}
@media screen and (max-width: 767px) {
  .products-container .product-price {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.products-container .product-name-shimmer {
  height: 8px;
  width: 220px;
}
@media screen and (max-width: 767px) {
  .products-container .product-name-shimmer {
    width: 100;
  }
}
.products-container .product-price-shimmer {
  height: 8px;
  width: 50px;
  margin-top: 10px;
}
.products-container::-webkit-scrollbar {
  display: none;
}
.products-container-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
  width: 100%;
}
.products-container-grid .product-image-container {
  width: 100% !important;
  height: 100% !important;
}
.products-container-grid .products-container .product-details {
  width: 100%;
}
.products-container-grid .product-details {
  width: 100% !important;
}
.products-container .product-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 170px;
}
.products-container .product-image-container {
  width: 170px;
  height: 170px;
  overflow: hidden;
  position: relative;
  border-radius: 14px;
}
.products-container .product-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.products-container-horizontal .product-details {
  flex-shrink: 0;
  margin-right: 20px;
  width: unset;
}
.products-container-horizontal .product-details:last-child {
  margin-right: 0;
}
.products-container-horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  will-change: transform;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.products-container-horizontal .product-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 190px;
}
@media screen and (max-width: 767px) {
  .products-container-horizontal .product-details {
    width: 33.6vw;
  }
}
.products-container-horizontal .product-image-container {
  width: 190px;
  height: 190px;
}
@media screen and (max-width: 767px) {
  .products-container-horizontal .product-image-container {
    width: 33.6vw;
    height: 33.6vw;
    border-radius: 2.9333333333vw;
  }
}
.products-container-horizontal .product-image-container {
  overflow: hidden;
  position: relative;
  border-radius: 14px;
}
.products-container-horizontal .product-image-container img {
  -o-object-fit: cover;
  object-fit: cover;
}
.products-container-horizontal .product-name-shimmer {
  height: 8px;
  width: 140px;
}
@media screen and (max-width: 767px) {
  .products-container-horizontal .product-name-shimmer {
    width: 80;
  }
}
.products-container-horizontal .product-price-shimmer {
  height: 8px;
  width: 50px;
  margin-top: 10px;
}
.username-select .field-padding {
  padding: 1px 2px;
}
@media screen and (max-width: 767px) {
  .username-select .field-padding {
    padding: 1.666667vw 2.6vw;
  }
}
.username-select .custom-select-menu {
  width: 9.563vw;
}
.username-select .custom-select-menu .select-btn {
  position: relative;
  display: flex;
  height: auto;
  cursor: pointer;
  justify-content: space-between;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .username-select .custom-select-menu .select-btn {
    padding-right: 4vw;
  }
}
.username-select .custom-select-menu .select-btn:after {
  content: "▾";
  position: absolute;
  padding-left: 15px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .username-select .custom-select-menu .select-btn:after {
    padding-left: 4vw;
  }
}
.username-select .custom-select-menu.active .options-wrapper {
  display: block;
}
.username-select .custom-select-menu .options-wrapper {
  z-index: 20;
  width: 100%;
  position: absolute;
  max-height: 300px;
  border-radius: 18px;
  background: var(--colorPrimary);
  display: none;
  overflow: hidden;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .username-select .custom-select-menu .options-wrapper {
    border-radius: 4.8vw;
  }
}
.username-select .custom-select-menu .options-wrapper .options {
  overflow-y: auto;
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options::-webkit-scrollbar {
  width: 3px;
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options::-webkit-scrollbar-track {
  background: var(--colorField);
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options::-webkit-scrollbar-thumb {
  width: 3px;
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
}
.username-select .custom-select-menu .options-wrapper .options .option {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  .username-select .custom-select-menu .options-wrapper .options .option {
    padding: 1.3333333333vw;
  }
}
.username-select .custom-select-menu .options-wrapper .options .option * {
  pointer-events: none;
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options
  .option
  .leftIcon {
  padding-left: 1px;
  margin-right: 1px;
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options
  .option
  .rightIcon {
  margin-right: 16px;
}
.username-select
  .custom-select-menu
  .options-wrapper
  .options
  .option
  .dropdownItemTitle {
  font-size: 14px;
}
.username-select .custom-select-menu .options-wrapper .options .option:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.gradient-button-active {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  color: #fff;
}
.gradient-button-active,
.gradient-button-disabled {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  width: 220px;
  height: 45px;
  border: none;
}
.gradient-button-disabled {
  background: #888;
  color: hsla(0, 0%, 100%, 0.5333333333);
  border-radius: 30px;
  cursor: not-allowed;
}
@media (max-width: 100vw) and (min-width: 53.333vw) {
  header.navDrawerHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
  }
  header.navDrawerHeader .custom-container {
    max-width: calc(100% - 6.944vw);
    margin: auto;
  }
  header.navDrawerHeader .maindivheaderpart {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
    margin-top: 1.25vw;
    position: relative;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .loginmenu {
    width: 2.292vw;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .menumaindiv {
    width: 2.292vw;
    display: flex;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain {
    width: 100%;
    height: 0.972vw;
    cursor: pointer;
    -webkit-filter: invert(0);
    transition: all 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    transition-property: opacity, transform, visibility, filter;
    position: relative;
    z-index: 91;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .first,
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .second {
    display: flex;
    width: 2.222vw;
    height: 0.208vw;
    background: #fff;
    border-radius: 0.208vw;
    transform: none;
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .second {
    margin-top: 0.556vw;
    transform-origin: center;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain.open
    .first {
    transform: rotate(45deg) translateY(-0.417vw);
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain.open
    .second {
    transform: rotate(-45deg) translateY(-0.208vw) translateX(0.208vw);
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .logomaindiv {
    margin-left: 1.667vw;
    width: 9.931vw;
    display: flex;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .logomaindiv img {
    width: 100%;
  }
  header.navDrawerHeader .maindivheaderpart .rightpart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  header.navDrawerHeader .maindivheaderpart .rightpart .loginmenu {
    display: flex;
  }
  header.navDrawerHeader .maindivheaderpart .rightpart .loginmenu a {
    text-decoration: none;
    color: #fff;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.111vw;
  }
  header.navDrawerHeader .maindivheaderpart .rightpart .getappheaderbtnmaindiv {
    margin-left: 2.083vw;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .rightpart
    .getappheaderbtnmaindiv
    a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 10.347vw;
    height: 2.986vw;
    border-radius: 2.986vw;
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.111vw;
    font-style: normal;
  }
  header.navDrawerHeader .menubarlistmaindiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
  }
  header.navDrawerHeader .menubarlistmaindiv .overlaymenu {
    width: 48.611vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(
      90deg,
      #1f1a35,
      #1f1a35 26.56%,
      rgba(31, 26, 53, 0.9) 55.4%,
      rgba(31, 26, 53, 0)
    );
    backdrop-filter: blur(0.347vw);
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 5.75vw 3.75vw 1vw;
    overflow: auto;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .closemenubar {
    width: 100%;
    max-width: 27.778vw;
    margin-bottom: 2.361vw;
    display: none;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .closemenubar img {
    width: 1.736vw;
    height: 1.736vw;
    cursor: pointer;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist {
    width: 27.778vw;
    position: relative;
    left: -100%;
    transition: 0.5s;
    height: 100%;
    overflow: auto;
  }
  header.navDrawerHeader
    .menubarlistmaindiv
    .maindivmenubar
    .menulist.animation {
    left: 0;
  }
  header.navDrawerHeader
    .menubarlistmaindiv
    .maindivmenubar
    .menulist::-webkit-scrollbar {
    display: none;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist ul {
    margin-top: 0;
    padding-left: 0;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist li {
    list-style-type: none;
    margin-bottom: 2vw !important;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist a {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 2.222vw;
    line-height: inherit;
    letter-spacing: 0.43 0.403vw;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    transition: opacity 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    padding-bottom: 0.5vw;
  }
  header.navDrawerHeader
    .menubarlistmaindiv
    .maindivmenubar
    .menulist
    a:before {
    background-color: #fff;
    bottom: 0.069vw;
    content: "";
    height: 0.208vw;
    left: 0.208vw;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    width: 98%;
  }
  header.navDrawerHeader
    .menubarlistmaindiv
    .maindivmenubar
    .menulist
    a:hover:before {
    transform: scaleX(1);
  }
  header.navDrawerHeader .menuopenscoll {
    overflow: hidden;
    margin-right: 1.042vw;
    position: relative;
  }
}
@media (max-width: 100vw) and (min-width: 53.333vw) and (pointer: coarse) {
  header.navDrawerHeader .menuopenscoll {
    margin-right: 0;
  }
}
@media (max-width: 100vw) and (min-width: 53.333vw) {
  header.navDrawerHeader .mobilegettheapp,
  header.navDrawerHeader .mobilelogin {
    display: none;
  }
}
@media (max-width: 767px) {
  header.navDrawerHeader .custom-container {
    max-width: 100%;
  }
  header.navDrawerHeader .maindivheaderpart {
    padding: 0 7.467vw 6.667vw 5.333vw;
    margin-top: 4.8vw;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart {
    width: 100%;
    justify-content: space-between;
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .menumaindiv {
    width: 8.8vw;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain {
    width: 100%;
    height: 3.467vw;
    cursor: pointer;
    -webkit-filter: invert(0);
    transition: all 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    transition-property: opacity, transform, visibility, filter;
    position: relative;
    z-index: 91;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .first,
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .second {
    display: flex;
    width: 8.533vw;
    height: 0.8vw;
    background: #fff;
    border-radius: 0.8vw;
    transform: none;
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain
    .second {
    margin-top: 2.133vw;
    transform-origin: center;
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain.open
    .first {
    transform: rotate(45deg) translateY(-1.7vw);
  }
  header.navDrawerHeader
    .maindivheaderpart
    .leftpart
    .menumaindiv
    .menubarmain.open
    .second {
    transform: rotate(-45deg) translateY(-0.8vw) translateX(0.8vw);
  }
  header.navDrawerHeader .maindivheaderpart .leftpart .logomaindiv {
    width: 143px;
    display: flex;
    margin-left: 0;
    width: 31.733vw;
  }
  header.navDrawerHeader .menubarlistmaindiv .overlaymenu {
    width: 100%;
    backdrop-filter: blur(1.067vw);
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar {
    padding: 18vw 6.133vw 0;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .closemenubar {
    max-width: 100%;
    margin-bottom: 2.361vw;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .closemenubar img {
    width: 6.667vw;
    height: 6.667vw;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist li {
    margin-bottom: 2vw;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar .menulist a {
    font-size: 4.467vw;
    line-height: inherit;
  }
  header.navDrawerHeader .menubarlistmaindiv .maindivmenubar {
    padding-bottom: 2vw;
  }
  header.navDrawerHeader .maindivheaderpart .rightpart {
    display: none;
  }
}
@media (max-width: 991px) {
  header.navDrawerHeader {
    display: none;
  }
}
@media (pointer: coarse) {
  header.navDrawerHeader {
    display: none;
  }
}
header.simpleHeaderOne {
  background: #000;
  height: 6.528vw;
}
header.simpleHeaderOne,
header.simpleHeaderOne .mainbox-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.simpleHeaderOne .mainbox-header {
  padding-left: 6.458vw;
  padding-right: 6.319vw;
}
header.simpleHeaderOne .mainbox-header .socialmediaicon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 10.8876560333vw;
  height: 2.569vw;
  margin-right: 4vw;
}
header.simpleHeaderOne .mainbox-header .socialmediaicon a {
  display: flex;
  margin-right: 2.3578363384vw;
}
header.simpleHeaderOne .mainbox-header .socialmediaicon img {
  width: auto;
  height: 1.8030513176vw;
}
header.simpleHeaderOne .mainbox-header .logodiv {
  width: 10.9514563107vw;
  height: 2.6192787795vw;
}
header.simpleHeaderOne .mainbox-header .logodiv a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.9514563107vw;
  height: 100%;
  margin: 0 auto;
}
header.simpleHeaderOne .mainbox-header .logodiv img {
  width: 100%;
  height: auto;
}
header.simpleHeaderOne .mainbox-header .menudiv ul {
  padding: 0;
  list-style-type: none;
}
header.simpleHeaderOne .mainbox-header .menudiv ul li {
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 2vw;
}
header.simpleHeaderOne .mainbox-header .menudiv ul li:last-child {
  padding-right: 0;
}
header.simpleHeaderOne .mainbox-header .menudiv ul li:after {
  content: "|";
  font-size: 1.25vw;
  position: absolute;
  right: 0.833vw;
  top: -0.069vw;
}
header.simpleHeaderOne .mainbox-header .menudiv ul li:last-child:after {
  display: none;
}
header.simpleHeaderOne .mainbox-header .logodiv,
header.simpleHeaderOne .mainbox-header .menudiv,
header.simpleHeaderOne .mainbox-header .socialmediaicon {
  width: 33.3333333333%;
}
header.simpleHeaderOne .mainbox-header .menudiv {
  text-align: right;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  header.simpleHeaderOne {
    height: auto;
  }
  header.simpleHeaderOne .mainbox-header {
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0;
  }
  header.simpleHeaderOne .mainbox-header .socialmediaicon {
    width: 131px;
    height: 37px;
    order: 3;
  }
  header.simpleHeaderOne .mainbox-header .socialmediaicon img {
    height: 25px;
  }
  header.simpleHeaderOne .mainbox-header .logodiv {
    width: 150px;
    height: 52px;
    order: 1;
  }
  header.simpleHeaderOne .mainbox-header .menudiv {
    order: 2;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  header.simpleHeaderOne .mainbox-header .menudiv ul {
    margin: 30px 0;
  }
  header.simpleHeaderOne .mainbox-header .menudiv ul li {
    font-size: 18px;
    padding-right: 42px;
  }
  header.simpleHeaderOne .mainbox-header .menudiv ul li:after {
    font-size: 18px;
    right: 15px;
    top: -1px;
  }
  header.simpleHeaderOne .mainbox-header .logodiv a {
    width: 150px;
  }
  header.simpleHeaderOne .mainbox-header .socialmediaicon a {
    margin-right: 30px;
  }
  header.simpleHeaderOne .mainbox-header .socialmediaicon,
  header.simpleHeaderOne .mainbox-header .socialmediaicon a:last-child {
    margin-right: 0;
  }
  header.simpleHeaderOne .mainbox-header .socialmediaicon {
    width: auto;
  }
}
footer.simpleFooterOne {
  background: #000;
  height: 4.9237170596vw;
  position: relative;
  top: 0;
}
footer.simpleFooterOne,
footer.simpleFooterOne .mainbox-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.simpleFooterOne .mainbox-footer {
  padding: 0 3.542vw 0 2.778vw;
}
footer.simpleFooterOne .copyrightdiv p {
  color: #fff;
  font-size: 0.693481276vw;
  margin: 0;
}
footer.simpleFooterOne .footermenu ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
footer.simpleFooterOne .footermenu ul li {
  font-size: 0.9015256588vw;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 1.917vw;
}
footer.simpleFooterOne .footermenu ul li:last-child {
  padding-right: 0;
}
footer.simpleFooterOne .footermenu ul li:after {
  content: "|";
  font-size: 0.903vw;
  position: absolute;
  right: 0.833vw;
  top: 0.069vw;
}
footer.simpleFooterOne .footermenu ul li:last-child:after {
  display: none;
}
footer.simpleFooterOne .downloaddiv {
  display: flex;
  align-items: center;
}
footer.simpleFooterOne .downloaddiv p {
  font-size: 0.9708737864vw;
  color: #fff;
  margin: 0 2.773925104vw 0 0;
}
footer.simpleFooterOne .downloaddiv a {
  display: flex;
  color: #fff;
}
footer.simpleFooterOne .downloaddiv a:last-child {
  margin-left: 1.2669902913vw;
}
footer.simpleFooterOne .downloaddiv img {
  height: 2.3980582524vw;
}
footer.simpleFooterOne .copyrightdiv,
footer.simpleFooterOne .downloaddiv {
  width: 30%;
}
footer.simpleFooterOne .footermenu {
  text-align: center;
  width: 40%;
}
footer.simpleFooterOne .downloaddiv {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  footer.simpleFooterOne {
    width: 100%;
    height: auto;
    background: #000;
  }
  footer.simpleFooterOne .mainbox-footer {
    flex-wrap: wrap;
    padding: 30px 15px;
  }
  footer.simpleFooterOne .footermenu {
    width: 100%;
  }
  footer.simpleFooterOne .copyrightdiv {
    order: 3;
    width: 100%;
  }
  footer.simpleFooterOne .copyrightdiv p {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
  footer.simpleFooterOne .footermenu ul {
    margin-bottom: 15px;
    text-align: center;
  }
  footer.simpleFooterOne .footermenu ul li {
    font-size: 14px;
    padding-right: 15px;
  }
  footer.simpleFooterOne .footermenu ul li:after {
    content: "|";
    font-size: 13px;
    right: 4px;
    top: 0;
  }
  footer.simpleFooterOne .downloaddiv p {
    font-size: 14px;
    margin-right: 28px;
  }
  footer.simpleFooterOne .downloaddiv {
    margin-bottom: 15px;
    width: 100%;
    justify-content: center;
  }
  footer.simpleFooterOne .downloaddiv img {
    height: 30px;
  }
  footer.simpleFooterOne .downloaddiv a {
    font-size: 25px;
  }
  footer.simpleFooterOne .downloaddiv a:last-child {
    margin-left: 15px;
  }
}
footer.simpleFooterTwo.about,
footer.simpleFooterTwo.default {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
@media (max-width: 100vw) and (min-width: 53.333vw) {
  footer.simpleFooterTwo .custom-container {
    max-width: 93.056vw;
    margin: 0 auto;
  }
  footer.simpleFooterTwo .footerdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.1vw 0;
  }
  footer.simpleFooterTwo .footerdiv .leftpart {
    width: 18.542vw;
  }
  footer.simpleFooterTwo .footerdiv .leftpart a {
    text-decoration: none;
  }
  footer.simpleFooterTwo .footerdiv .leftpart img {
    width: 8.75vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.181vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a {
    font-style: normal;
    font-weight: 600;
    font-size: 0.972vw;
    line-height: 1.042vw;
    letter-spacing: 0.43 0.403vw;
    color: #fff;
    text-decoration: none;
    padding-right: 1.667vw;
    position: relative;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:last-child {
    padding-right: 0;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:after {
    content: "";
    position: absolute;
    width: 0.069vw;
    height: 1.389vw;
    right: 0.833vw;
    top: -0.139vw;
    background: #fff;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:last-child:after {
    display: none;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .copyrightdiv p {
    font-style: normal;
    font-weight: 400;
    font-size: 0.833vw;
    line-height: 0.903vw;
    letter-spacing: 0.43 0.403vw;
    color: #fff;
    opacity: 0.5;
    margin-bottom: 0;
    text-align: center;
  }
  footer.simpleFooterTwo .footerdiv .rightpart {
    width: 18.542vw;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  footer.simpleFooterTwo .footerdiv .rightpart a {
    text-decoration: none;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:first-child {
    width: 8.333vw;
    display: flex;
    align-items: flex-start;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:first-child img {
    width: 100%;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:last-child {
    width: 9.375vw;
    display: flex;
    align-items: flex-start;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:last-child img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  footer.simpleFooterTwo .custom-container {
    max-width: 100%;
  }
  footer.simpleFooterTwo .footerdiv {
    padding: 6.933vw 0;
  }
  footer.simpleFooterTwo .footerdiv .leftpart {
    width: 100%;
    padding-left: 6.933vw;
    margin-bottom: 3vw;
  }
  footer.simpleFooterTwo .footerdiv .leftpart img {
    width: 33.6vw;
    height: 10.667vw;
  }
  footer.simpleFooterTwo .footerdiv .rightpart {
    width: 86.667vw;
    margin-left: 6.667vw;
    margin-right: 6.667vw;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:first-child {
    width: 39.2vw;
  }
  footer.simpleFooterTwo .footerdiv .rightpart .storeicon a:last-child {
    width: 44.8vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist {
    margin-bottom: 0;
    width: 84.533vw;
    margin-left: 7.733vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a {
    padding-right: 0;
    width: 50%;
    font-size: 4.333vw;
    line-height: 5.867vw;
    margin-bottom: 2.333vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:after {
    display: none;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .copyrightdiv p {
    width: 63.733vw;
    font-size: 3.2vw;
    line-height: 4.267vw;
    text-align: left;
    margin-left: 6.933vw;
    margin-bottom: 2.533vw;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:first-child {
    order: 1;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(2) {
    order: 3;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(3) {
    order: 5;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(4) {
    order: 7;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(5) {
    order: 2;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(6) {
    order: 4;
  }
  footer.simpleFooterTwo .footerdiv .centerpart .menulist a:nth-child(7) {
    order: 6;
  }
}
@media (max-width: 991px) {
  footer.simpleFooterTwo {
    display: none;
  }
}
@media (pointer: coarse) {
  footer.simpleFooterTwo {
    display: none;
  }
}
#home h1,
#home h2,
#home h3,
#home h4,
#home h5,
#home h6 {
  margin: 10px 0;
}
#home header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}
#home .custom-container {
  max-width: 1340px;
  margin: 0 auto;
}
#home header .custom-container {
  max-width: calc(100% - 100px);
}
#home .maindivheaderpart {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-content: space-between;
  margin-top: 18px;
  position: relative;
  width: 100%;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv,
#home .maindivheaderpart .leftpart,
#home .maindivheaderpart .rightpart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#home .maindivheaderpart .leftpart .loginmenu {
  width: 33px;
}
#home .maindivheaderpart .leftpart .menumaindiv {
  width: 33px;
  display: flex;
}
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain {
  width: 100%;
  height: 13.5px;
  cursor: pointer;
  -webkit-filter: invert(0);
  transition: 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  transition-property: opacity, transform, visibility, filter;
  position: relative;
  z-index: 91;
}
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain .first,
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
  display: flex;
  width: 32px;
  height: 3px;
  background: #fff;
  border-radius: 3px;
  transform: none;
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
}
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
  margin-top: 8px;
  transform-origin: center;
}
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .first {
  transform: rotate(45deg) translateY(-6.5px);
}
#home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .second {
  transform: rotate(-45deg) translateY(-3px) translateX(3px);
}
#home .maindivheaderpart .leftpart .logomaindiv {
  margin-left: 24px;
  width: 143px;
  display: flex;
}
#home .footerdiv .rightpart .storeicon a:first-child img,
#home .footerdiv .rightpart .storeicon a:last-child img,
#home .maindivheaderpart .leftpart .logomaindiv img {
  width: 100%;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .appstorebtn
  picture,
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .playstorebtn
  picture,
#home .maindivheaderpart .rightpart .loginmenu,
#home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart picture {
  display: flex;
}
#home .maindivheaderpart .rightpart .loginmenu a {
  text-decoration: none;
  color: #fff;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
#home .maindivheaderpart .rightpart .getappheaderbtnmaindiv {
  margin-left: 30px;
}
#home .maindivheaderpart .rightpart .getappheaderbtnmaindiv a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 149px;
  height: 43px;
  border-radius: 43px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}
#home .menubarlistmaindiv {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
}
#home .menubarlistmaindiv .overlaymenu {
  width: 48.611vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #1f1a35,
    #1f1a35 26.56%,
    rgba(31, 26, 53, 0.9) 55.4%,
    rgba(31, 26, 53, 0)
  );
  backdrop-filter: blur(9px);
}
#home .menubarlistmaindiv .maindivmenubar {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 80px 53px 20px;
  overflow: auto;
}
#home .menubarlistmaindiv .maindivmenubar .closemenubar {
  width: 100%;
  max-width: 700px;
  margin-bottom: 34px;
  display: none;
}
#home .menubarlistmaindiv .maindivmenubar .closemenubar img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
#home .menubarlistmaindiv .maindivmenubar .menulist {
  width: 533px;
  position: relative;
  left: -100%;
  transition: 0.5s;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#home .bannersecmaindiv .bglight .firstbg,
#home .bannersecmaindiv .bglight .secondbg {
  width: 1694px;
  height: 1056px;
  background: radial-gradient(
    24.93% 37.81% at 53.89% 46.6%,
    #f65e6b 0,
    rgba(31, 26, 53, 0) 100%
  );
  position: absolute;
}
#home .menubarlistmaindiv .maindivmenubar .menulist.animation {
  left: 0;
}
#home .menubarlistmaindiv .maindivmenubar .menulist::-webkit-scrollbar {
  display: none;
}
#home .menubarlistmaindiv .maindivmenubar .menulist ul {
  margin-top: 0;
  padding-left: 0;
}
#home .menubarlistmaindiv .maindivmenubar .menulist li {
  list-style-type: none;
  margin-bottom: 30px;
}
#home .menubarlistmaindiv .maindivmenubar .menulist a {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: inherit;
  letter-spacing: 0.625px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  transition: opacity 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  padding-bottom: 5px;
}
#home .menubarlistmaindiv .maindivmenubar .menulist a:before {
  background-color: #fff;
  bottom: 1px;
  content: "";
  height: 3px;
  left: 3px;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  width: 98%;
}
#home .menubarlistmaindiv .maindivmenubar .menulist a:hover:before {
  transform: scaleX(1);
}
#home .menuopenscoll {
  overflow: hidden;
  margin-right: 15px;
  position: relative;
}
@media (pointer: coarse) {
  #home .menuopenscoll {
    margin-right: 0;
  }
}
#home .bannersecmaindiv {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 900px;
}
#home .bannersecmaindiv .bglight {
  position: absolute;
  left: calc(50% - 720px);
  z-index: 1;
  width: 100%;
  height: 900px;
  max-width: 1440px;
  margin: 0 auto;
  overflow: visible;
}
#home .videosecmaindiv,
#home .videosecmaindiv .videooverlaydiv {
  width: 100%;
  height: 553px;
  position: relative;
}
#home .bannersecmaindiv .bglight .firstbg {
  left: -147px;
  top: 195px;
  opacity: 0.8;
  z-index: 14;
}
#home .bannersecmaindiv .bglight .secondbg {
  left: -120px;
  top: 188px;
  opacity: 0.6;
  z-index: 13;
}
#home .bannersecmaindiv .bglight .thirdbg {
  position: absolute;
  width: 1983px;
  height: 1236px;
  left: -619px;
  top: -348px;
  background: radial-gradient(
    24.93% 37.81% at 53.89% 46.6%,
    #364ea9 0,
    #1f1a35 100%
  );
  opacity: 0.4;
  z-index: 12;
}
#home .bannersecmaindiv .bglight .fourthbg {
  position: absolute;
  width: 1925px;
  height: 1200px;
  left: -182px;
  top: -187px;
  background: radial-gradient(
    24.93% 37.81% at 53.89% 46.6%,
    #de588a 0,
    #1f1a35 100%
  );
  opacity: 0.2;
  z-index: 11;
}
#home .bannersecmaindiv .bannermaindiv {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home .bannersecmaindiv .bannermaindiv .leftpart {
  margin-top: 188px;
  padding-left: 39px;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv p {
  width: 634px;
  height: 304px;
  font-weight: 950;
  font-size: 86px;
  line-height: 101px;
  letter-spacing: 0.625px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 40px;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv img {
  margin-bottom: 40px;
  width: 507px;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv p span {
  background: linear-gradient(
    245.1deg,
    #ec008c 15.81%,
    #fc8b67 56.45%,
    #ffd46d 74.04%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  display: inline-block;
  line-height: 1.05;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .downloadstorebtndiv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .appstorebtn {
  margin-right: 21px;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .commonstorebtn
  a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .appstorebtn
  a
  img {
  width: 201px;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .downloadstorebtndiv
  .playstorebtn
  a
  img {
  width: 227px;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .count {
  font-weight: 600;
  font-size: 32px;
  color: #f6f6f7;
  opacity: 0.8;
  line-height: 38px;
  margin-bottom: 3px;
  letter-spacing: 0.625px;
}
#home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.625px;
  color: #f6f6f7;
  opacity: 0.5;
  margin-bottom: 0;
  display: inline-block;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .appcounterdiv
  .impressionsdiv {
  margin-right: 41px;
}
#home
  .bannersecmaindiv
  .bannermaindiv
  .leftpart
  .appcounterdiv
  .ambassadorsdiv {
  margin-right: 42px;
}
#home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv .overlaybg,
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv {
  position: unset;
}
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .first {
  position: absolute;
  width: 334px;
  height: 723px;
  right: 31px;
  top: 125px;
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
}
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .second {
  position: absolute;
  width: 210px;
  height: 455px;
  right: 396px;
  top: 346px;
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
}
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan {
  position: absolute;
  width: 114px;
  height: 114px;
  right: 549px;
  top: 635px;
}
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan img {
  filter: drop-shadow(0 6px 15px rgba(241, 149, 138, 0.6));
}
#home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan:before,
#home
  .networkingpeoplemaindiv
  .networkingpeoplediv
  .leftpart
  .thirdimgspan:before {
  content: "";
  position: absolute;
  width: 114px;
  height: 114px;
  box-shadow: 4px 19px 30px rgba(241, 149, 138, 0.6);
  border-radius: 100%;
}
#home .videosecmaindiv {
  overflow: hidden;
  z-index: 3;
}
#home .videosecmaindiv .videooverlaydiv .playbtn {
  position: absolute;
  width: 68px;
  height: 74px;
  top: calc(50% - 34px);
  left: calc(50% - 37px);
  filter: drop-shadow(7px 7px 24px rgba(6, 13, 18, 0.4));
  cursor: pointer;
}
#home .videosecmaindiv .videooverlaydiv .backgroundbg {
  width: 100%;
  height: 553px;
  -o-object-fit: cover;
  object-fit: cover;
}
#home .videosecmaindiv .videotag video {
  position: absolute;
  width: 100%;
  height: 100%;
}
#home .bottomvideomaindiv .videotag video {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#home .networkingpeoplemaindiv {
  position: relative;
}
#home .networkingpeoplemaindiv .bglight {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
#home .networkingpeoplemaindiv .bglight .firstbg {
  position: absolute;
  width: 1983px;
  height: 1236px;
  left: -941px;
  top: -140px;
  background: radial-gradient(
    38.06% 41.81% at 67.02% 45.75%,
    #364ea9 0,
    rgba(31, 26, 53, 0) 100%
  );
  opacity: 0.3;
  z-index: 2;
}
#home .networkingpeoplemaindiv .bglight .secondbg {
  position: absolute;
  width: 1694px;
  height: 1056px;
  right: 61px;
  top: 315px;
  background: radial-gradient(
    24.93% 37.81% at 53.89% 46.6%,
    #f65e6b 0,
    rgba(31, 26, 53, 0) 100%
  );
  opacity: 0.3;
  z-index: 1;
}
#home .networkingpeoplemaindiv .networkingpeoplediv {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 224px;
  margin-bottom: 108px;
}
#home .networkingpeoplemaindiv .networkingpeoplediv .leftpart {
  width: 449px;
  height: 906px;
  margin-left: 130px;
  position: relative;
}
#home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .first {
  position: absolute;
  width: 262px;
  height: 294px;
  right: 0;
  top: 0;
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
  z-index: 2;
}
#home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .second {
  position: absolute;
  width: 546px;
  height: 812px;
  left: 0;
  top: 94px;
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
  z-index: 1;
}
#home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .thirdimgspan {
  position: absolute;
  width: 114px;
  height: 114px;
  right: 32.5px;
  top: 700px;
  z-index: 2;
}
#home
  .networkingpeoplemaindiv
  .networkingpeoplediv
  .leftpart
  .thirdimgspan
  img {
  width: 100%;
  filter: drop-shadow(0 0.417vw 1.042vw rgba(241, 149, 138, 0.6));
}
#home .networkingpeoplemaindiv .networkingpeoplediv .rightpart {
  width: 761px;
  padding-left: 61px;
}
#home .connectioncount {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
#home .connectioncount img {
  width: 66px;
  height: 66px;
  margin-right: 21px;
}
#home .connectioncount p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  mix-blend-mode: normal;
  opacity: 0.4;
}
#home .gogreenmaindiv .gogreendiv .rightpart .first,
#home .titlediv p {
  font-weight: 950;
  font-size: 56px;
  line-height: 66px;
  letter-spacing: 0.625px;
}
#home .titlediv {
  margin-bottom: 16px;
}
#home .titlediv p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: #f6f6f7;
}
#home .descriptiondiv {
  margin-bottom: 44px;
}
#home .descriptiondiv p,
#home .linkinbiomaindiv .linkinbiodiv .leftpart .descriptionbio p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
}
#home .shoutingandlikediv {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#home .shoutingandlikediv .shoutmessdiv {
  width: 426px;
  height: 187px;
  background: rgba(246, 246, 247, 0.1);
  border-radius: 32px;
  padding: 32px 22px 20px 11px;
  position: relative;
}
#home .shoutingandlikediv .shoutmessdiv .shoutmess {
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: flex-end;
  text-align: center;
  letter-spacing: 0.625px;
  color: #f6f6f7;
  margin-bottom: 22px;
}
#home .shoutingandlikediv .shoutmessdiv .shoutby {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.625px;
  text-align: center;
  color: #f6f6f7;
  margin-bottom: 0;
}
#home .shoutingandlikediv .shoutmessdiv .afterimg {
  width: 57px;
  height: 47px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  position: absolute;
  top: 48px;
  left: -55px;
}
#home .shoutingandlikediv .likediv {
  margin-left: 62px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#home .bonusesmaindiv .bonusesdiv,
#home .commentshoutdiv,
#home .gogreenmaindiv .gogreendiv {
  flex-wrap: wrap;
  display: flex;
}
#home .shoutingandlikediv .likediv img {
  width: 65.78px;
  height: 57.56px;
  margin-right: 17px;
}
#home .commentshoutdiv p,
#home .shoutingandlikediv .likediv p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  opacity: 0.4;
}
#home .commentshoutdiv {
  align-items: center;
  margin-top: 90px;
}
#home .commentshoutdiv img {
  width: 61px;
  height: 61px;
  margin-right: 19px;
}
#home .gogreenmaindiv {
  background: radial-gradient(
    188px 188px at 46% 39%,
    rgba(114, 210, 170, 0.2) 0,
    rgba(31, 26, 53, 0) 100%
  );
  margin-top: 0;
  position: relative;
  z-index: 2;
  margin-bottom: 143px;
}
#home .gogreenmaindiv .gogreendiv .leftpart {
  width: 640px;
  height: 549px;
  position: relative;
}
#home .gogreenmaindiv .gogreendiv .leftpart .gogreenimg {
  width: 320px;
  height: 320px;
  position: absolute;
  top: 0;
  right: 0;
}
#home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.first {
  position: absolute;
  left: 0;
  top: 228px;
}
#home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.second {
  position: absolute;
  right: 12px;
  bottom: 0;
}
#home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen {
  width: 290px;
  height: 189px;
  background: #2a253f;
  box-shadow: 27px 23px 69px rgba(0, 0, 0, 0.4);
  border-radius: 32px;
  padding: 36px 44px 31px;
}
#home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .first {
  font-weight: 900;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: 0.625px;
  background: linear-gradient(104.32deg, #00b3cc, #cdea8f 82.95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  display: inline-block;
  margin-bottom: 3px;
}
#home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .second {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 0;
}
#home .gogreenmaindiv .gogreendiv .rightpart {
  width: calc(100% - 640px);
  max-width: 637px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 49px;
}
#home .gogreenmaindiv .gogreendiv .rightpart .first {
  font-style: normal;
  color: #f6f6f7;
  margin-bottom: 15px;
}
#home .gogreenmaindiv .gogreendiv .rightpart .second {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
}
#home .allplatformsmaindiv .allplatformsdiv .titleallplatform p,
#home .linkinbiomaindiv .linkinbiodiv .leftpart .titlebio p,
#home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .first {
  font-weight: 900;
  font-size: 56px;
  line-height: 66px;
  text-transform: capitalize;
  letter-spacing: 0.625px;
}
#home .linkinbiomaindiv {
  background: radial-gradient(
    300px 300px at 55% 47%,
    rgba(124, 0, 210, 0.2) 0,
    rgba(31, 26, 53, 0) 100%
  );
}
#home .linkinbiomaindiv .linkinbiodiv {
  width: 1119px;
  margin: 0 auto 144px 102px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#home .linkinbiomaindiv .linkinbiodiv .leftpart {
  width: 680px;
  margin-right: 60px;
}
#home .linkinbiomaindiv .linkinbiodiv .leftpart .titlebio p {
  margin-bottom: 25px;
  color: #f6f6f7;
}
#home .linkinbiomaindiv .linkinbiodiv .rightpart {
  width: 546px;
  height: 740px;
  position: relative;
}
#home .conversationmaindiv .conversationdiv .rightpart img,
#home .linkinbiomaindiv .linkinbiodiv .rightpart img {
  width: 100%;
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
}
#home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 399px;
  position: absolute;
  left: -12px;
  bottom: 24px;
}
#home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact .addcontact,
#home
  .linkinbiomaindiv
  .linkinbiodiv
  .rightpart
  .downloadcontact
  .downloadlink {
  height: 50px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  align-items: center;
  text-decoration: none;
  text-align: center;
  display: flex;
}
#home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact .addcontact {
  width: 195px;
  background: linear-gradient(342.7deg, #c69dff 11.87%, #4f76ff 88.13%);
  box-shadow: -5px 10px 22px rgba(79, 118, 255, 0.6);
  justify-content: center;
}
#home
  .linkinbiomaindiv
  .linkinbiodiv
  .rightpart
  .downloadcontact
  .downloadlink {
  width: 188px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  justify-content: center;
}
#home .allplatformsmaindiv {
  padding-bottom: 200px;
  background: radial-gradient(
    200px 200px at 53% 47%,
    rgba(181, 152, 255, 0.3) 0,
    rgba(31, 26, 53, 0) 100%
  );
}
#home .allplatformsmaindiv .allplatformsdiv .titleallplatform {
  width: 100%;
  margin-bottom: 80px;
}
#home .allplatformsmaindiv .allplatformsdiv .titleallplatform p {
  text-align: center;
  color: #f6f6f7;
  max-width: 569px;
  margin: 0 auto;
}
#home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv {
  position: relative;
  width: 1281px;
  margin: 0 auto;
  height: 332px;
  display: flex;
  align-items: center;
}
#home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv .frameimg {
  width: 332px;
}
#home .owl-item.active.center img {
  transition: 0.5s ease-in-out;
  transform: scale(1.55);
}
#home .owl-item.active.medium-left img,
#home .owl-item.active.medium-right img {
  transform: scale(1.2);
}
#home .owl-carousel .owl-stage-outer .medium-left {
  position: relative;
  right: 40px;
}
#home .owl-carousel .owl-stage-outer .medium-right {
  position: relative;
  left: 40px;
}
#home .owl-carousel .owl-stage-outer {
  padding: 100px 0;
}
#home
  .allplatformsmaindiv
  .allplatformsdiv
  .iconscrollingdiv
  .overlaybg
  .firstbg {
  position: absolute;
  width: 381px;
  height: 332px;
  left: -2px;
  top: 0;
  background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
  z-index: 1;
}
#home
  .allplatformsmaindiv
  .allplatformsdiv
  .iconscrollingdiv
  .overlaybg
  .secondbg {
  position: absolute;
  width: 381px;
  height: 332px;
  right: -2px;
  top: 0;
  background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
  z-index: 1;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
#home .unlockcreativitymaindiv .unlockcreativitydiv {
  display: flex;
  flex-wrap: wrap;
  margin-left: 130px;
  z-index: 1;
  position: relative;
}
#home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart {
  width: 546px;
  margin-right: 107px;
}
#home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart {
  width: 696px;
}
#home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart video {
  width: 546px;
  height: 670px;
  border-radius: 32px;
  filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
}
#home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .first {
  max-width: 625px;
  color: #f6f6f7;
  margin-bottom: 16px;
  margin-top: 128px;
}
#home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .second {
  max-width: 696px;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-transform: capitalize;
  color: #f6f6f7;
  margin-bottom: 0;
}
#home .conversationmaindiv {
  position: relative;
  top: -194px;
  margin-bottom: -180px;
}
#home .conversationmaindiv .conversationdiv {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 102px;
}
#home .conversationmaindiv .conversationdiv .leftpart {
  max-width: 668px;
  margin-right: 64px;
}
#home .conversationmaindiv .conversationdiv .leftpart .first {
  font-weight: 950;
  font-size: 56px;
  line-height: 66px;
  letter-spacing: 0.625px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 25px;
}
#home .conversationmaindiv .conversationdiv .leftpart .second {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 0;
}
#home .conversationmaindiv .conversationdiv .rightpart {
  width: 546px;
  height: 812px;
}
#home .bestplacemaindiv {
  margin-bottom: 0;
  position: relative;
}
#home .bestplacemaindiv .bestplacediv {
  display: flex;
  flex-wrap: wrap;
  padding-left: 18px;
}
#home .bestplacemaindiv .bestplacediv .leftpart {
  width: 565px;
  position: relative;
  margin-right: 92px;
}
#home .bestplacemaindiv .bestplacediv .leftpart .first {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 231px;
  height: 255px;
}
#home .bestplacemaindiv .bestplacediv .leftpart .second {
  margin-top: 26px;
  width: 522px;
  height: 577px;
}
#home .bestplacemaindiv .bestplacediv .leftpart img,
#home .bonusesmaindiv .bonusesdiv .rightpart img {
  filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
}
#home .bestplacemaindiv .bestplacediv .rightpart {
  width: 637px;
  align-items: center;
  display: flex;
}
#home .bestplacemaindiv .bestplacediv .rightpart .first {
  font-style: normal;
  font-weight: 900;
  font-size: 56px;
  line-height: 66px;
  letter-spacing: 0.625px;
  color: #f6f6f7;
  margin-bottom: 26px;
}
#home .bestplacemaindiv .bestplacediv .rightpart .second {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 13px;
}
#home .bestplacemaindiv .bestplacediv .rightpart .third {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .first,
#home .bottomvideomaindiv .bottomvideotitle p {
  font-size: 56px;
  line-height: 66px;
  color: #f6f6f7;
  font-style: normal;
  letter-spacing: 0.625px;
}
#home .bonusesmaindiv {
  position: relative;
  margin-bottom: 80px;
}
#home .bonusesmaindiv .bonusesdiv .leftpart {
  width: 639px;
  margin-right: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 85px;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .first {
  font-weight: 950;
  margin-bottom: 20px;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .second {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .second img {
  width: 40px;
  margin-right: 11px;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .second span,
#home .bonusesmaindiv .bonusesdiv .leftpart .third {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
}
#home .bonusesmaindiv .bonusesdiv .leftpart .third {
  text-decoration: none;
  margin-top: 6px;
}
#home .bonusesmaindiv .bonusesdiv .rightpart {
  width: 571px;
  height: 703px;
  position: relative;
}
#home .bonusesmaindiv .bonusesdiv .rightpart .first {
  position: absolute;
  left: 0;
  top: 60px;
  width: 265px;
  height: 292px;
  z-index: 2;
}
#home .bonusesmaindiv .bonusesdiv .rightpart .second {
  position: absolute;
  right: 0;
  top: 0;
  width: 492px;
  height: 703px;
  z-index: 1;
}
#home .bottomvideomaindiv {
  margin-bottom: 56px;
}
#home .bottomvideomaindiv .bottomvideotitle p {
  font-weight: 900;
  text-align: center;
  margin-bottom: 30px;
}
#home .bottomvideomaindiv .bottomvideodiv .videodiv,
#home .bottomvideomaindiv .bottomvideodiv .videoimagediv {
  width: 1188px;
  height: 670px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
}
#home .bottomvideomaindiv .bottomvideodiv .videoimagediv .playbtn {
  width: 68px;
  height: 74px;
  position: absolute;
  top: calc(50% - 34px);
  left: calc(50% - 37px);
  filter: drop-shadow(7px 7px 24px rgba(6, 13, 18, 0.4));
}
#home .bottomvideomaindiv .bottomvideodiv .videoimagediv .backgroundbg {
  width: 100%;
  height: 670px;
  -o-object-fit: cover;
  object-fit: cover;
}
#home footer {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
#home .footerdiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
}
#home .footerdiv .leftpart,
#home .footerdiv .rightpart {
  width: 267px;
}
#home .footerdiv .leftpart a,
#home .footerdiv .rightpart a {
  text-decoration: none;
}
#home .footerdiv .leftpart img {
  width: 126px;
}
#home .footerdiv .centerpart .menulist {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
#home .footerdiv .centerpart .menulist a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 15.4px;
  letter-spacing: 0.625px;
  color: #fff;
  text-decoration: none;
  padding-right: 24px;
  position: relative;
}
#home .footerdiv .centerpart .menulist a:last-child {
  padding-right: 0;
}
#home .footerdiv .centerpart .menulist a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  right: 12px;
  top: -2px;
  background: #fff;
}
#home .footerdiv .centerpart .menulist a:last-child:after {
  display: none;
}
#home .footerdiv .centerpart .copyrightdiv p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 13.2px;
  letter-spacing: 0.625px;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 0;
  text-align: center;
}
#home .footerdiv .rightpart .storeicon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#home .footerdiv .rightpart .storeicon a:first-child {
  width: 120px;
  display: flex;
  align-items: flex-start;
}
#home .footerdiv .rightpart .storeicon a:last-child {
  width: 135px;
  display: flex;
  align-items: flex-start;
}
#home .linkinbiomaindiv .linkinbiodiv .leftpart .main-title h1 {
  font-weight: 900;
  font-size: 56px;
  line-height: 66px;
  text-transform: capitalize;
  letter-spacing: 0.625px;
  color: #fff;
  margin-bottom: 1.736vw;
}
#home
  .allplatformsmaindiv
  .allplatformsdiv
  .iconscrollingdiv
  .frameimgContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
#home .owl-carousel .item {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.75%;
  width: calc((100% - 23.056vw) / 4);
  padding: 0 calc((100% - 23.056vw) / 4 * 0.1);
}
#home .owl-carousel .item.active {
  width: 23.056vw;
}
#home .owl-carousel .item picture {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  width: 90%;
}
#home .owl-carousel .item picture img {
  width: 100%;
  aspect-ratio: 1/1;
}
#home .owl-carousel .item.active picture {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
}
#home .owl-carousel .item.active picture img {
  aspect-ratio: 1/1;
  width: 100%;
}
#home .owl-carousel .item.active picture.animate {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  transition: all 0.25s ease 0s;
}
#home .owl-carousel .item.active picture.animate img {
  aspect-ratio: 1/1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #home .owl-carousel .item {
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2vw;
    width: 23.3335vw;
  }
  #home .owl-carousel .item.active {
    width: 53.333vw;
  }
  #home .owl-carousel .item picture {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    width: 90%;
  }
  #home .owl-carousel .item picture img {
    width: 100%;
    aspect-ratio: 1/1;
  }
  #home .owl-carousel .item.active picture {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    width: 45%;
  }
  #home .owl-carousel .item.active picture img {
    aspect-ratio: 1/1;
    width: 100%;
  }
  #home .owl-carousel .item.active picture.animate {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    width: 80%;
    transition: all 0.25s ease 0s;
    transition-delay: 0.05s;
  }
  #home .owl-carousel .item.active picture.animate img {
    aspect-ratio: 1/1;
    width: 100%;
  }
}
@media screen and (min-width: 1450px) {
  #home .owl-carousel .item.active picture {
    width: 85%;
  }
}
@media screen and (min-width: 1600px) {
  #home .owl-carousel .item.active picture {
    width: 77%;
  }
}
@media screen and (min-width: 1700px) {
  #home .owl-carousel .item.active picture {
    width: 70%;
  }
}
@media screen and (min-width: 1800px) {
  #home .owl-carousel .item.active picture {
    width: 65%;
  }
}
@media screen and (min-width: 2000px) {
  #home .owl-carousel .item.active picture {
    width: 61%;
  }
}
@media screen and (min-width: 2100px) {
  #home .owl-carousel .item.active picture {
    width: 57%;
  }
}
@media screen and (min-width: 2250px) {
  #home .owl-carousel .item.active picture {
    width: 53%;
  }
}
@media screen and (min-width: 2350px) {
  #home .owl-carousel .item.active picture {
    width: 49%;
  }
}
@media screen and (min-width: 2500px) {
  #home .owl-carousel .item.active picture {
    width: 45%;
  }
}
@media screen and (min-width: 1441px) {
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .second {
    left: 0;
    top: 94px;
    filter: drop-shadow(27px 23px 69px rgba(0, 0, 0, 0.4));
    z-index: 1;
    position: absolute;
    width: 26.042vw;
    height: 56.389vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 9.861vw;
    margin-bottom: 7.5vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart {
    width: 26.042vw;
    height: 51.389vw;
    position: relative;
  }
  #home .custom-container {
    max-width: 93.056vw;
    margin: 0 auto;
  }
  #home .linkinbiomaindiv .linkinbiodiv {
    width: 1119px;
    margin: 0 auto 144px 102px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
    margin-left: 9.028vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart {
    width: 26.042vw;
    margin-right: 7.431vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart video {
    width: 26.042vw;
    height: 46.389vw;
    border-radius: 32px;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .conversationmaindiv .conversationdiv .leftpart {
    max-width: 46.389vw;
    margin-right: 4.444vw;
  }
  #home .conversationmaindiv .conversationdiv .rightpart {
    width: 26.042vw;
    height: 56.389vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart {
    width: 31.111vw;
    height: 62.917vw;
    margin-left: 130px;
    position: relative;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .thirdimgspan {
    position: absolute;
    width: 7.917vw;
    height: 7.917vw;
    right: 2.292vw;
    top: 48.611vw;
    z-index: 2;
  }
}
body#homeBody {
  background: #1f1a35;
  margin: 0;
}
body#homeBody * {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}
#home :focus,
#home a:focus,
#home a:hover {
  outline: 0 !important;
  box-shadow: none;
}
#home h1,
#home h2,
#home h3,
#home h4,
#home h5,
#home h6 {
  margin: 0.694vw 0;
}
#home a:focus,
#home a:hover {
  text-decoration: none;
}
#home p {
  margin-top: 0;
}
@media (max-width: 1440px) and (min-width: 768px) {
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .appstorebtn,
  #home .connectioncount img {
    margin-right: 1.458vw;
  }
  #home header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .main-title h1 {
    font-weight: 900;
    font-size: 3.889vw;
    line-height: 4.583vw;
    text-transform: capitalize;
    letter-spacing: 0.625px;
  }
  #home .custom-container {
    max-width: 93.056vw;
    margin: 0 auto;
  }
  #home header .custom-container {
    max-width: calc(100% - 6.944vw);
  }
  #home .maindivheaderpart {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
    margin-top: 1.25vw;
    position: relative;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv,
  #home .maindivheaderpart .leftpart,
  #home .maindivheaderpart .rightpart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #home .maindivheaderpart .leftpart .loginmenu {
    width: 2.292vw;
  }
  #home .maindivheaderpart .leftpart .menumaindiv {
    width: 2.292vw;
    display: flex;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain {
    width: 100%;
    height: 0.972vw;
    cursor: pointer;
    -webkit-filter: invert(0);
    transition: 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    transition-property: opacity, transform, visibility, filter;
    position: relative;
    z-index: 91;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .first,
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
    display: flex;
    width: 2.222vw;
    height: 0.208vw;
    background: #fff;
    border-radius: 0.208vw;
    transform: none;
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
    margin-top: 0.556vw;
    transform-origin: center;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .first {
    transform: rotate(45deg) translateY(-0.417vw);
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .second {
    transform: rotate(-45deg) translateY(-0.208vw) translateX(0.208vw);
  }
  #home .maindivheaderpart .leftpart .logomaindiv {
    margin-left: 1.667vw;
    width: 9.931vw;
    display: flex;
  }
  #home .footerdiv .rightpart .storeicon a:first-child img,
  #home .footerdiv .rightpart .storeicon a:last-child img,
  #home .maindivheaderpart .leftpart .logomaindiv img {
    width: 100%;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .appstorebtn
    picture,
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .playstorebtn
    picture,
  #home .maindivheaderpart .rightpart .loginmenu,
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart picture {
    display: flex;
  }
  #home .maindivheaderpart .rightpart .loginmenu a {
    text-decoration: none;
    color: #fff;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.111vw;
  }
  #home .maindivheaderpart .rightpart .getappheaderbtnmaindiv {
    margin-left: 2.083vw;
  }
  #home .maindivheaderpart .rightpart .getappheaderbtnmaindiv a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 10.347vw;
    height: 2.986vw;
    border-radius: 2.986vw;
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.111vw;
    font-style: normal;
  }
  #home .menubarlistmaindiv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
  }
  #home .menubarlistmaindiv .overlaymenu {
    width: 48.611vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(
      90deg,
      #1f1a35,
      #1f1a35 26.56%,
      rgba(31, 26, 53, 0.9) 55.4%,
      rgba(31, 26, 53, 0)
    );
    backdrop-filter: blur(0.347vw);
  }
  #home .menubarlistmaindiv .maindivmenubar {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 5.75vw 3.75vw 1vw;
    overflow: auto;
  }
  #home .menubarlistmaindiv .maindivmenubar .closemenubar {
    width: 100%;
    max-width: 27.778vw;
    margin-bottom: 2.361vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .closemenubar img {
    width: 1.736vw;
    height: 1.736vw;
    cursor: pointer;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist {
    width: 27.778vw;
    position: relative;
    left: -100%;
    transition: 0.5s;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #home .bannersecmaindiv .bglight .firstbg,
  #home .bannersecmaindiv .bglight .secondbg {
    width: 117.639vw;
    height: 73.333vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #f65e6b 0,
      rgba(31, 26, 53, 0) 100%
    );
    position: absolute;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist.animation {
    left: 0;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist::-webkit-scrollbar {
    display: none;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist ul {
    margin-top: 0;
    padding-left: 0;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist li {
    list-style-type: none;
    margin-bottom: 2vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist a {
    font-style: normal;
    font-weight: 500;
    font-size: 2.222vw;
    line-height: inherit;
    letter-spacing: 0.625px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    transition: opacity 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    padding-bottom: 0.5vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist a:before {
    background-color: #fff;
    bottom: 1px;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    width: 98%;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist a:hover:before {
    transform: scaleX(1);
  }
  #home .menuopenscoll {
    overflow: hidden;
    margin-right: 15px;
    position: relative;
  }
}
@media (max-width: 1440px) and (min-width: 768px) and (pointer: coarse) {
  #home .menuopenscoll {
    margin-right: 0;
  }
}
@media (max-width: 1440px) and (min-width: 768px) {
  #home .bannersecmaindiv {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 62.5vw;
  }
  #home .bannersecmaindiv .bglight {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 62.5vw;
  }
  #home .bannersecmaindiv .bglight .firstbg {
    left: -10.208vw;
    top: 13.542vw;
    opacity: 0.8;
    z-index: 14;
  }
  #home .bannersecmaindiv .bglight .secondbg {
    left: -8.333vw;
    top: 13.056vw;
    opacity: 0.6;
    z-index: 13;
  }
  #home .bannersecmaindiv .bglight .thirdbg {
    position: absolute;
    width: 137.708vw;
    height: 85.833vw;
    left: -42.986vw;
    top: -24.167vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #364ea9 0,
      #1f1a35 100%
    );
    opacity: 0.4;
    z-index: 12;
  }
  #home .bannersecmaindiv .bglight .fourthbg {
    position: absolute;
    width: 133.681vw;
    height: 83.333vw;
    left: -12.639vw;
    top: -12.986vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #de588a 0,
      #1f1a35 100%
    );
    opacity: 0.2;
    z-index: 11;
  }
  #home .bannersecmaindiv .bannermaindiv {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart {
    margin-top: 13.056vw;
    padding-left: 2.708vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv p {
    width: 44.028vw;
    height: 21.111vw;
    font-weight: 950;
    font-size: 5.972vw;
    line-height: 7.014vw;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 2.778vw;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv p span {
    background: linear-gradient(
      245.1deg,
      #ec008c 15.81%,
      #fc8b67 56.45%,
      #ffd46d 74.04%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: 1.05;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv img {
    margin-bottom: 2.778vw;
    width: 44.028vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .downloadstorebtndiv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2.778vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .commonstorebtn
    a {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .appstorebtn
    a
    img {
    width: 13.958vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .playstorebtn
    a
    img {
    width: 15.764vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .count {
    font-weight: 600;
    font-size: 2.222vw;
    color: #f6f6f7;
    opacity: 0.8;
    line-height: 2.639vw;
    margin-bottom: 0.208vw;
    letter-spacing: 0.625px;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .title {
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 1.319vw;
    letter-spacing: 0.625px;
    color: #f6f6f7;
    opacity: 0.5;
    margin-bottom: 0;
    display: inline-block;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .appcounterdiv
    .impressionsdiv {
    margin-right: 2.847vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .appcounterdiv
    .ambassadorsdiv {
    margin-right: 2.917vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv .overlaybg,
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv {
    position: unset;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .first {
    position: absolute;
    width: 23.194vw;
    height: 50.208vw;
    right: 2.153vw;
    top: 8.681vw;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .second {
    position: absolute;
    width: 14.583vw;
    height: 31.59vw;
    right: 27.5vw;
    top: 24.028vw;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan {
    position: absolute;
    width: 7.917vw;
    height: 7.917vw;
    right: 38.125vw;
    top: 44.097vw;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan img,
  #home
    .networkingpeoplemaindiv
    .networkingpeoplediv
    .leftpart
    .thirdimgspan
    img {
    width: 100%;
    filter: drop-shadow(0 0.417vw 1.042vw rgba(241, 149, 138, 0.6));
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .bannerrightimgdiv
    .thirdimgspan:before,
  #home
    .networkingpeoplemaindiv
    .networkingpeoplediv
    .leftpart
    .thirdimgspan:before {
    content: "";
    position: absolute;
    width: 7.917vw;
    height: 7.917vw;
    box-shadow: 0.278vw 1.319vw 2.083vw rgba(241, 149, 138, 0.6);
    border-radius: 100%;
  }
  #home .videosecmaindiv {
    overflow: hidden;
    z-index: 3;
  }
  #home .videosecmaindiv,
  #home .videosecmaindiv .videooverlaydiv {
    width: 100%;
    height: 38.403vw;
    position: relative;
  }
  #home .videosecmaindiv .videooverlaydiv .playbtn {
    position: absolute;
    width: 4.722vw;
    height: 5.139vw;
    top: calc(50% - 2.361vw);
    left: calc(50% - 2.569vw);
    filter: drop-shadow(0.486vw 0.486vw 1.667vw rgba(6, 13, 18, 0.4));
    cursor: pointer;
  }
  #home .videosecmaindiv .videooverlaydiv .backgroundbg {
    width: 100%;
    height: 38.403vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #home .videosecmaindiv .videotag video {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videodiv {
    height: 46.528vw;
  }
  #home .bottomvideomaindiv .videotag video {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #home .networkingpeoplemaindiv {
    position: relative;
  }
  #home .networkingpeoplemaindiv .bglight .firstbg {
    position: absolute;
    width: 137.708vw;
    height: 85.833vw;
    left: -61.875vw;
    bottom: 7.361vw;
    background: radial-gradient(
      38.06% 57.81% at 67.02% 45.75%,
      #364ea9 0,
      rgba(31, 26, 53, 0) 100%
    );
    opacity: 0.3;
    z-index: 2;
  }
  #home .networkingpeoplemaindiv .bglight .secondbg {
    position: absolute;
    width: 117.639vw;
    height: 73.333vw;
    right: 5.556vw;
    bottom: -25.069vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #f65e6b 0,
      rgba(31, 26, 53, 0) 100%
    );
    opacity: 0.3;
    z-index: 1;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 9.861vw;
    margin-bottom: 7.5vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart {
    width: 31.111vw;
    height: 62.917vw;
    margin-left: 9.028vw;
    position: relative;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .first {
    position: absolute;
    width: 18.194vw;
    height: 20.417vw;
    right: 0;
    top: 0;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
    z-index: 2;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .second {
    position: absolute;
    width: 26.042vw;
    height: 56.389vw;
    left: 0;
    top: 6.528vw;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
    z-index: 1;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .thirdimgspan {
    position: absolute;
    width: 7.917vw;
    height: 7.917vw;
    right: 2.292vw;
    top: 48.611vw;
    z-index: 2;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .rightpart {
    width: 52.9vw;
    padding-left: 4.236vw;
  }
  #home .connectioncount {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.667vw;
  }
  #home .connectioncount img {
    width: 4.583vw;
    height: 4.583vw;
  }
  #home .connectioncount p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 2.5vw;
    line-height: 2.778vw;
    color: #fff;
    mix-blend-mode: normal;
    opacity: 0.4;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart .first,
  #home .titlediv p {
    font-weight: 950;
    font-size: 3.889vw;
    line-height: 4.583vw;
    letter-spacing: 0.625px;
  }
  #home .titlediv {
    margin-bottom: 1.111vw;
  }
  #home .titlediv p {
    margin-bottom: 0;
    text-transform: capitalize;
    color: #f6f6f7;
  }
  #home .descriptiondiv {
    margin-bottom: 3.056vw;
  }
  #home .descriptiondiv p,
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .descriptionbio p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
  }
  #home .shoutingandlikediv {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #home .shoutingandlikediv .shoutmessdiv {
    width: 29.583vw;
    height: 12.986vw;
    background: rgba(246, 246, 247, 0.1);
    border-radius: 2.222vw;
    padding: 2.222vw 1.528vw 1.389vw 0.764vw;
    position: relative;
  }
  #home .shoutingandlikediv .shoutmessdiv .shoutmess {
    font-weight: 900;
    font-size: 1.63vw;
    line-height: 2.083vw;
    display: flex;
    align-items: flex-end;
    text-align: center;
    letter-spacing: 0.625px;
    color: #f6f6f7;
    margin-bottom: 1.528vw;
  }
  #home .shoutingandlikediv .shoutmessdiv .shoutby {
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.528vw;
    letter-spacing: 0.625px;
    text-align: center;
    color: #f6f6f7;
    margin-bottom: 0;
  }
  #home .shoutingandlikediv .shoutmessdiv .afterimg {
    width: 3.958vw;
    height: 3.333vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    top: 3.889vw;
    left: -3.819vw;
  }
  #home .shoutingandlikediv .likediv {
    margin-left: 4.306vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #home .bonusesmaindiv .bonusesdiv,
  #home .commentshoutdiv,
  #home .gogreenmaindiv .gogreendiv {
    flex-wrap: wrap;
    display: flex;
  }
  #home .shoutingandlikediv .likediv img {
    width: 4.583vw;
    height: 4.028vw;
    margin-right: 1.181vw;
  }
  #home .commentshoutdiv p,
  #home .shoutingandlikediv .likediv p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 2.5vw;
    line-height: 2.778vw;
    color: #fff;
    opacity: 0.4;
  }
  #home .commentshoutdiv {
    align-items: center;
    margin-top: 6.25vw;
  }
  #home .commentshoutdiv img {
    width: 4.306vw;
    height: 4.306vw;
    margin-right: 1.319vw;
  }
  #home .gogreenmaindiv {
    background: radial-gradient(
      19.34% 38.08% at 33.79% 38.61%,
      rgba(114, 210, 170, 0.2) 0,
      rgba(31, 26, 53, 0) 100%
    );
    margin-top: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 9.931vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart {
    width: 44.444vw;
    height: 38.125vw;
    position: relative;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .gogreenimg {
    width: 22.222vw;
    height: 22.222vw;
    position: absolute;
    top: 0;
    right: 0;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.first {
    position: absolute;
    left: 0;
    top: 15.833vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.second {
    position: absolute;
    right: 0.833vw;
    bottom: 0;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen {
    width: 20.139vw;
    height: 13.125vw;
    background: #2a253f;
    box-shadow: 1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4);
    border-radius: 2.222vw;
    padding: 2.5vw 3.056vw 2.153vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .first {
    font-weight: 900;
    font-size: 3.333vw;
    line-height: 3.889vw;
    letter-spacing: 0.625px;
    background: linear-gradient(104.32deg, #00b3cc, #cdea8f 82.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 0.208vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .second {
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.458vw;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart {
    width: calc(100% - 44.444vw);
    max-width: 44.444vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 3.403vw;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart .first {
    font-style: normal;
    color: #f6f6f7;
    margin-bottom: 1.042vw;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart .second {
    font-style: normal;
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
  }
  #home .allplatformsmaindiv .allplatformsdiv .titleallplatform p,
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .titlebio p,
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .first {
    font-weight: 900;
    font-size: 3.889vw;
    line-height: 4.583vw;
    text-transform: capitalize;
    letter-spacing: 0.625px;
  }
  #home .linkinbiomaindiv {
    background: radial-gradient(
      30% 50% at 64.02% 47.62%,
      rgba(124, 0, 210, 0.2) 0,
      rgba(31, 26, 53, 0) 100%
    );
  }
  #home .linkinbiomaindiv .linkinbiodiv {
    width: 77.708vw;
    margin: 0 auto 10vw 7.083vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart {
    width: 47vw;
    margin-right: 4vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .titlebio p {
    margin-bottom: 1.736vw;
    color: #f6f6f7;
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart {
    width: 26.042vw;
    height: 51.389vw;
    position: relative;
  }
  #home .conversationmaindiv .conversationdiv .rightpart img,
  #home .linkinbiomaindiv .linkinbiodiv .rightpart img {
    width: 100%;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 27.708vw;
    position: absolute;
    left: -0.833vw;
    bottom: 1.667vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact .addcontact,
  #home
    .linkinbiomaindiv
    .linkinbiodiv
    .rightpart
    .downloadcontact
    .downloadlink {
    height: 3.472vw;
    border-radius: 2.083vw;
    font-weight: 600;
    font-size: 0.833vw;
    line-height: 1.111vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    align-items: center;
    text-decoration: none;
    text-align: center;
    display: flex;
  }
  #home
    .linkinbiomaindiv
    .linkinbiodiv
    .rightpart
    .downloadcontact
    .addcontact {
    width: 13.542vw;
    background: linear-gradient(342.7deg, #c69dff 11.87%, #4f76ff 88.13%);
    box-shadow: -0.347vw 0.694vw 1.528vw rgba(79, 118, 255, 0.6);
    justify-content: center;
  }
  #home
    .linkinbiomaindiv
    .linkinbiodiv
    .rightpart
    .downloadcontact
    .downloadlink {
    width: 13.056vw;
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    justify-content: center;
  }
  #home .allplatformsmaindiv {
    padding-bottom: 13.889vw;
    background: radial-gradient(
      20.833vw 16.042vw at 53% 47%,
      rgba(181, 152, 255, 0.3) 0,
      rgba(31, 26, 53, 0) 100%
    );
  }
  #home .allplatformsmaindiv .allplatformsdiv .titleallplatform {
    width: 100%;
    margin-bottom: 5.556vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .titleallplatform p {
    text-align: center;
    color: #f6f6f7;
    max-width: 39.514vw;
    margin: 0 auto;
  }
  #home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv {
    position: relative;
    width: 88.958vw;
    margin: 0 auto;
    height: 23.056vw;
    display: flex;
    align-items: center;
  }
  #home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv .frameimg {
    width: 23.056vw;
  }
  #home .owl-item.active.center img {
    transition: 0.5s ease-in-out;
    transform: scale(1.55);
  }
  #home .owl-item.active.medium-left img,
  #home .owl-item.active.medium-right img {
    transform: scale(1.2);
  }
  #home .owl-carousel .owl-stage-outer .medium-left {
    position: relative;
    right: 2.083vw;
  }
  #home .owl-carousel .owl-stage-outer .medium-right {
    position: relative;
    left: 2.083vw;
  }
  #home .owl-carousel .owl-stage-outer {
    padding: 5.208vw 0;
  }
  #home
    .allplatformsmaindiv
    .allplatformsdiv
    .iconscrollingdiv
    .overlaybg
    .firstbg {
    position: absolute;
    width: 26.458vw;
    height: 23.056vw;
    left: -1vw;
    top: 0;
    background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
    z-index: 1;
  }
  #home
    .allplatformsmaindiv
    .allplatformsdiv
    .iconscrollingdiv
    .overlaybg
    .secondbg {
    position: absolute;
    width: 26.458vw;
    height: 23.056vw;
    right: -1vw;
    top: 0;
    background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
    z-index: 1;
    transform: matrix(-1, 0, 0, 1, 0, 0);
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv {
    display: flex;
    flex-wrap: wrap;
    margin-left: 9.028vw;
    z-index: 1;
    position: relative;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart {
    width: 26.042vw;
    margin-right: 7.431vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart {
    width: 48.333vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart video {
    width: 26.042vw;
    height: 46.389vw;
    border-radius: 2.222vw;
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .first {
    max-width: 43.403vw;
    color: #f6f6f7;
    margin-bottom: 1.111vw;
    margin-top: 8.889vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .second {
    max-width: 50.694vw;
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 2.222vw;
    text-transform: capitalize;
    color: #f6f6f7;
    margin-bottom: 0;
  }
  #home .conversationmaindiv {
    position: relative;
    top: -13.472vw;
    margin-bottom: -12.5vw;
  }
  #home .conversationmaindiv .conversationdiv {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 7.083vw;
  }
  #home .conversationmaindiv .conversationdiv .leftpart {
    max-width: 46.389vw;
    margin-right: 4.444vw;
  }
  #home .conversationmaindiv .conversationdiv .leftpart .first {
    font-weight: 950;
    font-size: 3.889vw;
    line-height: 4.583vw;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 1.736vw;
  }
  #home .conversationmaindiv .conversationdiv .leftpart .second {
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0;
  }
  #home .conversationmaindiv .conversationdiv .rightpart {
    width: 26.042vw;
    height: 56.389vw;
  }
  #home .bestplacemaindiv {
    margin-bottom: 0;
    position: relative;
  }
  #home .bestplacemaindiv .bestplacediv {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1.25vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart {
    width: 39.236vw;
    position: relative;
    margin-right: 6.389vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart .first {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 16.042vw;
    height: 17.708vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart .second {
    margin-top: 1.806vw;
    width: 36.25vw;
    height: 40.069vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart img,
  #home .bonusesmaindiv .bonusesdiv .rightpart img {
    filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
  }
  #home .bestplacemaindiv .bestplacediv .rightpart {
    width: 44.236vw;
    align-items: center;
    display: flex;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .first {
    font-style: normal;
    font-weight: 900;
    font-size: 3.889vw;
    line-height: 4.583vw;
    letter-spacing: 0.625px;
    color: #f6f6f7;
    margin-bottom: 1.806vw;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .second {
    font-style: normal;
    font-weight: 400;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0.903vw;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .third {
    font-style: normal;
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .first,
  #home .bottomvideomaindiv .bottomvideotitle p {
    font-size: 3.889vw;
    line-height: 4.583vw;
    color: #f6f6f7;
    font-style: normal;
    letter-spacing: 0.625px;
  }
  #home .bonusesmaindiv {
    position: relative;
    margin-bottom: 4.167vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart {
    width: 44.375vw;
    margin-right: 1.181vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 5.903vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .first {
    font-weight: 950;
    margin-bottom: 1.389vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second {
    margin-bottom: 1.389vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second img {
    width: 2.778vw;
    margin-right: 1.042vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second span,
  #home .bonusesmaindiv .bonusesdiv .leftpart .third {
    font-style: normal;
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 2.222vw;
    color: #fff;
    opacity: 0.8;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .third {
    text-decoration: none;
    margin-top: 0.417vw;
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart {
    width: 39.653vw;
    height: 48.819vw;
    position: relative;
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart .first {
    position: absolute;
    left: 0;
    top: 4.167vw;
    width: 18.403vw;
    height: 20.278vw;
    z-index: 2;
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart .second {
    position: absolute;
    right: 0;
    top: 0;
    width: 34.167vw;
    height: 48.819vw;
    z-index: 1;
  }
  #home .bottomvideomaindiv {
    margin-bottom: 3.889vw;
  }
  #home .bottomvideomaindiv .bottomvideotitle p {
    font-weight: 900;
    text-align: center;
    margin-bottom: 2.083vw;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videodiv,
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv {
    width: 82.5vw;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 2.222vw;
    position: relative;
    overflow: hidden;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv {
    height: auto;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv .playbtn {
    width: 4.722vw;
    height: 5.139vw;
    position: absolute;
    top: calc(50% - 2.361vw);
    left: calc(50% - 2.569vw);
    filter: drop-shadow(7px 7px 24px rgba(6, 13, 18, 0.4));
  }
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv .backgroundbg {
    width: 100%;
    height: 46.528vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #home footer {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  }
  #home .footerdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.1vw 0;
  }
  #home .footerdiv .leftpart,
  #home .footerdiv .rightpart {
    width: 18.542vw;
  }
  #home .footerdiv .leftpart a,
  #home .footerdiv .rightpart a {
    text-decoration: none;
  }
  #home .footerdiv .leftpart img {
    width: 8.75vw;
  }
  #home .footerdiv .centerpart .menulist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.181vw;
  }
  #home .footerdiv .centerpart .menulist a {
    font-style: normal;
    font-weight: 600;
    font-size: 0.972vw;
    line-height: 1.042vw;
    letter-spacing: 0.625px;
    color: #fff;
    text-decoration: none;
    padding-right: 1.667vw;
    position: relative;
  }
  #home .footerdiv .centerpart .menulist a:last-child {
    padding-right: 0;
  }
  #home .footerdiv .centerpart .menulist a:after {
    content: "";
    position: absolute;
    width: 0.069vw;
    height: 1.389vw;
    right: 0.833vw;
    top: -0.139vw;
    background: #fff;
  }
  #home .footerdiv .centerpart .menulist a:last-child:after {
    display: none;
  }
  #home .footerdiv .centerpart .copyrightdiv p {
    font-style: normal;
    font-weight: 400;
    font-size: 0.833vw;
    line-height: 0.903vw;
    letter-spacing: 0.625px;
    color: #fff;
    opacity: 0.5;
    margin-bottom: 0;
    text-align: center;
  }
  #home .footerdiv .rightpart .storeicon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #home .footerdiv .rightpart .storeicon a:first-child {
    width: 8.333vw;
    display: flex;
    align-items: flex-start;
  }
  #home .footerdiv .rightpart .storeicon a:last-child {
    width: 9.375vw;
    display: flex;
    align-items: flex-start;
  }
}
#home .unlockcreativitymaindiv .share-icon-wrap {
  position: absolute;
  top: 40px;
  right: 22px;
}
#home .unlockcreativitymaindiv .leftpart {
  position: relative;
}
#home .right-slide-list ul li img,
#home .share-icon-wrap img {
  width: 30px;
}
#home .right-slide-list {
  position: absolute;
  bottom: 93px;
  right: 0;
  width: 75px;
  text-align: center;
}
#home .right-slide-list ul li {
  display: inline-block;
  margin-bottom: 20px;
}
#home .right-slide-list ul li:first-child a > img {
  width: 55px;
}
#home .right-slide-list ul li span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
#home .right-slide-list ul {
  padding-left: 0;
  margin: 0;
}
#home .right-slide-list ul li:first-child .right-slide-plush-icon {
  margin-top: -19px;
}
#home .right-slide-list ul li:first-child .right-slide-plush-icon img {
  width: 25px;
}
#home .right-slide-list ul li:last-child {
  margin-bottom: 0;
}
#home .video-bottom-menu {
  position: absolute;
  bottom: 27px;
  width: 100%;
}
#home .video-bottom-menu ul li {
  display: inline-block;
  width: 20%;
  text-align: center;
}
#home .video-bottom-menu ul {
  margin: 0;
  display: flex;
  flex-flow: wrap;
  padding: 0 5px;
  align-items: center;
}
#home .video-bottom-menu ul li img {
  width: 19px;
  vertical-align: top;
}
#home .video-bottom-menu ul li:nth-child(3) img {
  width: 45px;
}
#home .user-img img {
  border: 2px solid #fff;
  border-radius: 100%;
}
@media (min-width: 768px) and (max-width: 1440px) {
  #home .unlockcreativitymaindiv .share-icon-wrap {
    position: absolute;
    top: 2.375vw;
    right: 1.75vw;
  }
  #home .unlockcreativitymaindiv .leftpart {
    position: relative;
  }
  #home .share-icon-wrap img {
    width: 2.5vw;
  }
  #home .right-slide-list {
    position: absolute;
    bottom: 6.875vw;
    right: 0;
    width: 6.125vw;
    text-align: center;
  }
  #home .right-slide-list ul li {
    display: inline-block;
    margin-bottom: 0.75vw;
  }
  #home .right-slide-list ul li img {
    width: 2.25vw;
  }
  #home .right-slide-list ul li:first-child a > img {
    width: 4.75vw;
  }
  #home .right-slide-list ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 2.5vw;
    color: #fff;
  }
  #home .right-slide-list ul {
    padding-left: 0;
    margin: 0;
  }
  #home .right-slide-list ul li:first-child .right-slide-plush-icon {
    margin-top: -1.5vw;
  }
  #home .right-slide-list ul li:first-child .right-slide-plush-icon img {
    width: 2vw;
  }
  #home .right-slide-list ul li:last-child {
    margin-bottom: 0;
  }
  #home .video-bottom-menu {
    position: absolute;
    bottom: 2.125vw;
    width: 100%;
  }
  #home .video-bottom-menu ul li {
    display: inline-block;
    width: 20%;
    text-align: center;
  }
  #home .video-bottom-menu ul {
    margin: 0;
    display: flex;
    flex-flow: wrap;
    padding: 0 0.625vw;
    align-items: center;
  }
  #home .video-bottom-menu ul li img {
    width: 1.875vw;
    vertical-align: top;
  }
  #home .video-bottom-menu ul li:nth-child(3) img {
    width: 3.75vw;
  }
}
@media (max-width: 767px) {
  #home .unlockcreativitymaindiv .share-icon-wrap {
    position: absolute;
    top: 12.121vw;
    right: 6.667vw;
  }
  #home .unlockcreativitymaindiv .leftpart {
    position: relative;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .main-title h1 {
    font-size: 12.8vw;
    line-height: 14.933vw;
    margin-bottom: 4vw;
  }
  #home .share-icon-wrap img {
    width: 6.061vw;
  }
  #home .right-slide-list {
    position: absolute;
    bottom: 24.242vw;
    right: 0;
    width: 22.727vw;
    text-align: center;
  }
  #home .right-slide-list ul li {
    display: inline-block;
    margin-bottom: 5.758vw;
  }
  #home .right-slide-list ul li img {
    width: 6.97vw;
  }
  #home .right-slide-list ul li:first-child a > img {
    width: 14.242vw;
  }
  #home .right-slide-list ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.636vw;
    line-height: 6.061vw;
    color: #fff;
  }
  #home .right-slide-list ul {
    padding-left: 0;
    margin: 0;
  }
  #home .right-slide-list ul li:first-child .right-slide-plush-icon {
    margin-top: -4.242vw;
  }
  #home .right-slide-list ul li:first-child .right-slide-plush-icon img {
    width: 6.667vw;
  }
  #home .right-slide-list ul li:last-child {
    margin-bottom: 0;
  }
  #home .video-bottom-menu {
    position: absolute;
    bottom: 6.061vw;
    width: 100%;
  }
  #home .video-bottom-menu ul li {
    display: inline-block;
    width: 20%;
    text-align: center;
  }
  #home .video-bottom-menu ul {
    margin: 0;
    display: flex;
    flex-flow: wrap;
    padding: 0 1.515vw;
    align-items: center;
  }
  #home .video-bottom-menu ul li img {
    width: 6.061vw;
    vertical-align: top;
  }
  #home .video-bottom-menu ul li:nth-child(3) img {
    width: 10.303vw;
  }
  #home .custom-container {
    overflow: hidden;
    max-width: 100%;
  }
  #home .footerdiv .centerpart .menulist a:after,
  #home .maindivheaderpart .rightpart,
  #home .networkingpeoplemaindiv .bglight {
    display: none;
  }
  #home header .custom-container {
    max-width: 100%;
  }
  #home .maindivheaderpart {
    padding: 0 7.467vw 6.667vw 5.333vw;
    margin-top: 4.8vw;
  }
  #home .maindivheaderpart .leftpart {
    width: 100%;
    justify-content: space-between;
  }
  #home .maindivheaderpart .leftpart .menumaindiv {
    width: 8.8vw;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain {
    width: 100%;
    height: 3.467vw;
    cursor: pointer;
    -webkit-filter: invert(0);
    transition: 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
    transition-property: opacity, transform, visibility, filter;
    position: relative;
    z-index: 91;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .first,
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
    display: flex;
    width: 8.533vw;
    height: 0.8vw;
    background: #fff;
    border-radius: 0.8vw;
    transform: none;
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0, 0.61, 0.28, 0.92);
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain .second {
    margin-top: 2.133vw;
    transform-origin: center;
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .first {
    transform: rotate(45deg) translateY(-1.6vw);
  }
  #home .maindivheaderpart .leftpart .menumaindiv .menubarmain.open .second {
    transform: rotate(-45deg) translateY(-0.8vw) translateX(0.8vw);
  }
  #home .maindivheaderpart .leftpart .logomaindiv {
    display: flex;
    margin-left: 0;
    width: 31.733vw;
  }
  #home .menubarlistmaindiv .overlaymenu {
    width: 100%;
    backdrop-filter: blur(1.067vw);
  }
  #home .menubarlistmaindiv .maindivmenubar {
    padding: 18vw 6.133vw 2vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .closemenubar {
    max-width: 100%;
    margin-bottom: 2.361vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .closemenubar img {
    width: 6.667vw;
    height: 6.667vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist li {
    margin-bottom: 2vw;
  }
  #home .menubarlistmaindiv .maindivmenubar .menulist a {
    font-size: 4.467vw;
    line-height: inherit;
  }
  #home .bannersecmaindiv {
    min-height: auto;
  }
  #home .bannersecmaindiv .bglight {
    height: 218.933vw;
  }
  #home .bannersecmaindiv .bglight .firstbg {
    position: absolute;
    width: 256vw;
    height: 159.467vw;
    left: -111.733vw;
    top: 92.267vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #f65e6b 0,
      rgba(31, 26, 53, 0) 100%
    );
    opacity: 0.5;
    z-index: 14;
  }
  #home .bannersecmaindiv .bglight .secondbg {
    position: absolute;
    width: 365.6vw;
    height: 227.733vw;
    left: -4.8vw;
    top: -0.067vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #de588a 0,
      #1f1a35 100%
    );
    opacity: 0.6;
    z-index: 13;
  }
  #home .bannersecmaindiv .bglight .thirdbg {
    position: absolute;
    width: 376.533vw;
    height: 234.667vw;
    left: -87.733vw;
    top: -45.867vw;
    background: radial-gradient(
      24.93% 37.81% at 53.89% 46.6%,
      #364ea9 0,
      #1f1a35 100%
    );
    opacity: 0.4;
    z-index: 12;
  }
  #home .bannersecmaindiv .bglight .fourthbg {
    position: absolute;
    width: 475.467vw;
    height: 296.533vw;
    left: -192.533vw;
    top: 906.133vw;
    background: radial-gradient(
      35.19% 73.3% at 55.02% 47.62%,
      #7c00d2 0,
      rgba(31, 26, 53, 0) 100%
    );
    opacity: 0.2;
    z-index: 11;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart {
    margin-top: 21.6vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv p {
    width: 80.267vw;
    height: auto;
    margin: 0 auto 5.6vw;
    font-size: 12.8vw;
    line-height: 14.933vw;
  }
  #home .bannertextdiv {
    text-align: center;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .bannertextdiv img {
    width: 80.267vw;
    margin: 0 auto 5.6vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .downloadstorebtndiv {
    padding-left: 9.867vw;
    margin-bottom: 12vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .appstorebtn {
    margin-right: 2.4vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .appstorebtn
    a
    img {
    width: 33.333vw;
    height: 11.467vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .downloadstorebtndiv
    .playstorebtn
    a
    img {
    width: 38.133vw;
    height: 11.2vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart,
  #home .bannersecmaindiv .bannermaindiv .rightpart {
    width: 100%;
    padding-left: 0;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv {
    text-align: center;
    position: relative;
    width: 74.667vw;
    height: 96.533vw;
    margin-left: 12.267vw;
    margin-bottom: 12.533vw;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .first {
    position: absolute;
    width: 44.533vw;
    height: auto;
    top: 0;
    right: 0;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .second {
    width: 29.6vw;
    height: 64.13vw;
    left: 7.467vw;
    top: 22.933vw;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan {
    position: absolute;
    top: 65.333vw;
    left: 0;
    width: 14.667vw;
    height: 14.667vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .bannerrightimgdiv
    .thirdimgspan:before {
    width: 14.667vw;
    height: 14.667vw;
  }
  #home .bannersecmaindiv .bannermaindiv .bannerrightimgdiv .thirdimgspan img,
  #home .bestplacemaindiv .bestplacediv .leftpart img,
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv img {
    width: 100%;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv {
    order: 4;
    padding-left: 5.333vw;
    margin-bottom: 5.6vw;
  }
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .appcounterdiv
    .ambassadorsdiv,
  #home
    .bannersecmaindiv
    .bannermaindiv
    .leftpart
    .appcounterdiv
    .impressionsdiv {
    margin-right: 12.267vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .count {
    font-size: 4.267vw;
    line-height: 5.067vw;
    margin-bottom: 0.533vw;
  }
  #home .bannersecmaindiv .bannermaindiv .leftpart .appcounterdiv .title {
    font-size: 2.667vw;
    line-height: 3.2vw;
    margin-bottom: 0;
  }
  #home .videosecmaindiv,
  #home .videosecmaindiv .videooverlaydiv,
  #home .videosecmaindiv .videooverlaydiv .backgroundbg {
    height: 53.333vw;
  }
  #home .videosecmaindiv .videooverlaydiv .playbtn {
    width: 9.6vw;
    height: 10.667vw;
    top: calc(50% - 4.8vw);
    left: calc(50% - 5.333vw);
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv {
    margin-top: 0;
    margin-bottom: 12.8vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart {
    order: 2;
    margin-left: 14.4vw;
    width: 76vw;
    height: 152.533vw;
    margin-bottom: 44vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .first {
    width: 41.333vw;
    height: 46.667vw;
    margin-bottom: 0;
    left: unset;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .second {
    width: 59.467vw;
    height: 128.8vw;
    top: 23.733vw;
    margin-bottom: 0;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart .thirdimgspan {
    width: 16.533vw;
    height: 16.533vw;
    right: 8.8vw;
    top: 117.867vw;
  }
  #home
    .networkingpeoplemaindiv
    .networkingpeoplediv
    .leftpart
    .thirdimgspan:before {
    width: 16.533vw;
    height: 16.533vw;
  }
  #home
    .networkingpeoplemaindiv
    .networkingpeoplediv
    .leftpart
    .thirdimgspan
    img {
    width: 16.533vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .rightpart {
    order: 1;
    width: 100%;
    margin-top: 13.333vw;
    margin-left: 0;
    margin-bottom: 9.333vw;
    padding: 0 6.667vw 0 6.933vw;
  }
  #home .networkingpeoplemaindiv {
    height: auto;
  }
  #home .titlediv {
    margin-bottom: 2.667vw;
  }
  #home .titlediv p {
    font-size: 8.8vw;
    line-height: 10.4vw;
  }
  #home .descriptiondiv p,
  #home .gogreenmaindiv .gogreendiv .rightpart .second {
    font-size: 4.267vw;
    line-height: 5.6vw;
  }
  #home .descriptiondiv {
    margin-bottom: 4vw;
  }
  #home .networkingpeoplemaindiv .networkingpeoplediv .leftpart img {
    width: 90.667vw;
    height: auto;
    top: 0;
    left: 5.333vw;
    margin-bottom: 28vw;
  }
  #home .connectioncount {
    position: absolute;
    top: 101.333vw;
    left: 13.067vw;
    margin-bottom: 0;
  }
  #home .connectioncount img {
    width: 8.533vw;
    height: 8.533vw;
    margin-right: 2.667vw;
  }
  #home .connectioncount p {
    font-size: 4.8vw;
    line-height: 5.333vw;
  }
  #home .shoutingandlikediv .likediv {
    position: absolute;
    top: 86.533vw;
    left: 71.933vw;
    margin-left: 0;
    width: 17vw;
  }
  #home .shoutingandlikediv .likediv img {
    width: 5.867vw;
    height: 5.333vw;
    margin-right: 1.6vw;
  }
  #home .shoutingandlikediv .likediv p {
    font-size: 3.467vw;
    line-height: 3.733vw;
  }
  #home .shoutingandlikediv .shoutmessdiv {
    position: absolute;
    right: 5.333vw;
    top: 177vw;
    width: 66.133vw;
    height: 29.067vw;
    padding: 4.8vw 2.4vw;
    border-radius: 4.8vw;
  }
  #home .shoutingandlikediv .shoutmessdiv .shoutmess {
    font-size: 3.467vw;
    line-height: 4.533vw;
    margin-bottom: 3.2vw;
  }
  #home .shoutingandlikediv .shoutmessdiv .shoutby {
    font-size: 2.667vw;
    line-height: 3.2vw;
  }
  #home .shoutingandlikediv .shoutmessdiv .afterimg {
    top: -8.533vw;
    left: 14.667vw;
    transform: scaleX(-1) rotate(90deg);
    width: 10.667vw;
    height: 8vw;
  }
  #home .commentshoutdiv {
    position: absolute;
    bottom: 29.333vw;
    margin-top: 0;
  }
  #home .commentshoutdiv img {
    width: 6.667vw;
    height: 6.667vw;
    margin-right: 2.133vw;
  }
  #home .commentshoutdiv p {
    font-weight: 600;
    font-size: 4vw;
  }
  #home .gogreenmaindiv {
    margin-top: 0;
    margin-bottom: 0;
    background: radial-gradient(
      42.34% 13.08% at 42.79% 56.61%,
      rgba(114, 210, 170, 0.2) 0,
      rgba(31, 26, 53, 0) 100%
    );
  }
  #home .gogreenmaindiv .gogreendiv .leftpart {
    order: 2;
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 18.4vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .gogreenimg {
    position: relative;
    width: 70.933vw;
    height: 70.933vw;
    margin-bottom: 4.533vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.first {
    position: relative;
    top: 0;
    margin: 0 auto 3.2vw;
    text-align: left;
    width: 77.333vw;
    height: 50.4vw;
    border-radius: 8.533vw;
    padding: 9.6vw 11.467vw 8.267vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen.second {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    width: 77.333vw;
    height: 50.4vw;
    border-radius: 8.533vw;
    padding: 9.6vw 11.467vw 8.267vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .first {
    font-size: 12.8vw;
    line-height: 14.933vw;
    margin-bottom: 0.8vw;
  }
  #home .gogreenmaindiv .gogreendiv .leftpart .boxofgogreen .second {
    font-size: 4.8vw;
    line-height: 5.6vw;
    margin-bottom: 0;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart {
    order: 1;
    width: 100%;
    max-width: 86.133vw;
    margin-left: 6.933vw;
    padding-left: 0;
    margin-bottom: 17.067vw;
  }
  #home .gogreenmaindiv .gogreendiv .rightpart .first {
    font-size: 8.8vw;
    line-height: 10.4vw;
    margin-bottom: 0;
  }
  #home .linkinbiomaindiv {
    background: radial-gradient(
      35.19% 55.3% at 55.02% 50.62%,
      rgba(124, 0, 210, 0.2) 0,
      rgba(31, 26, 53, 0) 100%
    );
  }
  #home .linkinbiomaindiv .linkinbiodiv {
    width: 88vw;
    margin-bottom: 24vw;
    margin-left: auto;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart {
    width: 100%;
    margin-right: 0;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .titlebio p {
    font-size: 12.8vw;
    line-height: 14.933vw;
    margin-bottom: 4vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .descriptionbio {
    max-width: 83.2vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .leftpart .descriptionbio p {
    font-size: 4.267vw;
    line-height: 5.6vw;
    margin-bottom: 8.8vw;
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart {
    width: 86.133vw;
    height: auto;
    margin: 0 auto;
  }
  #home .linkinbiomaindiv .linkinbiodiv .rightpart .downloadcontact {
    width: 88vw;
    left: -0.8vw;
    bottom: 0;
  }
  #home
    .linkinbiomaindiv
    .linkinbiodiv
    .rightpart
    .downloadcontact
    .addcontact {
    width: 42.933vw;
    height: 11.2vw;
    font-size: 2.667vw;
    line-height: 3.467vw;
    border-radius: 10.933vw;
  }
  #home
    .linkinbiomaindiv
    .linkinbiodiv
    .rightpart
    .downloadcontact
    .downloadlink {
    width: 41.6vw;
    height: 11.2vw;
    font-size: 2.667vw;
    line-height: 3.467vw;
    border-radius: 10.933vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .titleallplatform {
    margin-bottom: 23.2vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .titleallplatform p {
    font-size: 12.8vw;
    line-height: 14.933vw;
    text-align: left;
    padding-left: 0;
    max-width: 82.4vw;
    margin-left: 6.933vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv {
    width: 100vw;
    height: 53.333vw;
  }
  #home .allplatformsmaindiv .allplatformsdiv .iconscrollingdiv .frameimg {
    width: 53.333vw;
    pointer-events: none;
  }
  #home .owl-item.active.center img {
    transition: 0.5s ease-in-out;
    transform: scale(0.8);
  }
  #home .allplatformsmaindiv .owl-item.medium-left img,
  #home .allplatformsmaindiv .owl-item.medium-right img {
    transform: scale(0.5);
  }
  #home .owl-carousel .owl-stage-outer .medium-right {
    position: relative;
    left: 0;
  }
  #home .owl-carousel .owl-stage-outer .medium-left {
    position: relative;
    right: 0;
  }
  #home .owl-carousel .owl-stage-outer {
    padding: 4.8vw 0;
  }
  #home .allplatformsmaindiv {
    margin-bottom: 0;
    padding-bottom: 23.2vw;
    background: radial-gradient(
      33.067vw 26.667vw at 51% 58%,
      rgba(181, 152, 255, 0.3) 0,
      rgba(31, 26, 53, 0) 100%
    );
  }
  #home
    .allplatformsmaindiv
    .allplatformsdiv
    .iconscrollingdiv
    .overlaybg
    .firstbg {
    position: absolute;
    width: 11vw;
    height: 53.333vw;
    left: -43.733vw;
    top: 0;
    background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
  }
  #home
    .allplatformsmaindiv
    .allplatformsdiv
    .iconscrollingdiv
    .overlaybg
    .secondbg {
    position: absolute;
    width: 11vw;
    height: 53.333vw;
    right: -43.733vw;
    top: 0;
    background: linear-gradient(90deg, #1f1a35, rgba(29, 25, 50, 0));
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv {
    margin-left: 0;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart {
    order: 2;
    width: 85.867vw;
    margin-left: 6.933vw;
    margin-right: 0;
    margin-bottom: 16vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .leftpart video {
    width: 100%;
    height: auto;
    filter: drop-shadow(4.8vw 2.933vw 7.467vw rgba(0, 0, 0, 0.4));
  }
  #home .bestplacemaindiv .bestplacediv .rightpart,
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart {
    order: 1;
    width: 100%;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .first {
    max-width: 87.467vw;
    font-size: 12.8vw;
    line-height: 14.933vw;
    margin: 0 0 5.333vw 6.933vw;
  }
  #home .unlockcreativitymaindiv .unlockcreativitydiv .rightpart .second {
    max-width: 83.2vw;
    font-size: 4vw;
    line-height: 5.6vw;
    margin-left: 7.2vw;
    margin-bottom: 8vw;
  }
  #home .bestplacemaindiv,
  #home .bonusesmaindiv,
  #home .conversationmaindiv {
    top: 0;
    margin-bottom: 0;
  }
  #home .conversationmaindiv .conversationdiv {
    padding-left: 0;
  }
  #home .conversationmaindiv .conversationdiv .leftpart {
    width: 100%;
    max-width: 100vw;
    margin-right: 0;
    margin-bottom: 6.4vw;
  }
  #home .conversationmaindiv .conversationdiv .leftpart .first {
    font-size: 12.8vw;
    line-height: 14.933vw;
    margin-bottom: 4vw;
    margin-left: 6.933vw;
  }
  #home .conversationmaindiv .conversationdiv .leftpart .second {
    font-size: 4.267vw;
    line-height: 5.6vw;
    max-width: 84.533vw;
    margin-left: 7.733vw;
  }
  #home .conversationmaindiv .conversationdiv .rightpart {
    width: 85.067vw;
    height: auto;
    margin-left: 7.2vw;
    margin-bottom: 16.267vw;
  }
  #home .conversationmaindiv .conversationdiv .rightpart img {
    width: 100%;
    filter: drop-shadow(4.8vw 2.933vw 7.467vw rgba(0, 0, 0, 0.4));
  }
  #home .bestplacemaindiv .bestplacediv {
    padding-left: 0;
    margin-bottom: 17.067vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart {
    order: 2;
    width: 100%;
    max-width: 86.933vw;
    margin: 0 auto;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart .first {
    width: 35.467vw;
    height: 39.2vw;
  }
  #home .bestplacemaindiv .bestplacediv .leftpart .second {
    width: 80.267vw;
    height: 88.8vw;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .first {
    font-size: 8.8vw;
    line-height: 10.4vw;
    max-width: 86.133vw;
    margin-left: 6.933vw;
    margin-bottom: 4vw;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .second {
    font-size: 4.267vw;
    line-height: 5.6vw;
    margin-bottom: 0;
    max-width: 86.133vw;
    margin-left: 6.933vw;
  }
  #home .bestplacemaindiv .bestplacediv .rightpart .third {
    font-size: 4.267vw;
    line-height: 8.533vw;
    max-width: 86.133vw;
    margin-left: 6.933vw;
  }
  #home .bonusesmaindiv .bonusesdiv {
    padding-bottom: 17.067vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .first {
    max-width: 86.133vw;
    font-size: 8.8vw;
    line-height: 10.4vw;
    margin-left: 6.933vw;
    margin-bottom: 6.933vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second,
  #home .bonusesmaindiv .bonusesdiv .leftpart .third {
    margin-bottom: 2.667vw;
    padding-left: 6.933vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second img {
    width: 9.067vw;
    margin-right: 4vw;
  }
  #home .bonusesmaindiv .bonusesdiv .leftpart .second span {
    font-size: 5.333vw;
    line-height: 8.533vw;
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart {
    width: 86.933vw;
    height: 106.933vw;
    margin-left: 6.133vw;
    margin-top: 5.333vw;
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart .first {
    width: 40.267vw;
    height: 44.533vw;
    left: 0;
    top: 9.067vw;
    filter: drop-shadow(4.8vw 2.933vw 7.467vw rgba(0, 0, 0, 0.4));
  }
  #home .bonusesmaindiv .bonusesdiv .rightpart .second {
    width: 74.933vw;
    height: 106.933vw;
    right: 0;
    top: 0;
    filter: drop-shadow(4.8vw 2.933vw 7.467vw rgba(0, 0, 0, 0.4));
  }
  #home .bottomvideomaindiv {
    margin-bottom: 13.6vw;
  }
  #home .bottomvideomaindiv .bottomvideotitle p {
    font-size: 8.8vw;
    line-height: 10.4vw;
    margin-bottom: 6.667vw;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv .backgroundbg {
    width: 100%;
    height: 53.333vw;
  }
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv .playbtn {
    width: 7.467vw;
    height: 8.267vw;
    top: calc(50% - 3.733vw);
    left: calc(50% - 4vw);
  }
  #home .bottomvideomaindiv .bottomvideodiv .videodiv,
  #home .bottomvideomaindiv .bottomvideodiv .videoimagediv {
    width: 86.133vw;
    height: 57.143vw;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5.333vw;
    position: relative;
    overflow: hidden;
  }
  #home .footerdiv {
    padding: 6.933vw 0;
  }
  #home .footerdiv .leftpart {
    width: 100%;
    padding-left: 6.933vw;
    margin-bottom: 3vw;
  }
  #home .footerdiv .leftpart img {
    width: 33.6vw;
    height: 10.667vw;
  }
  #home .footerdiv .rightpart {
    width: 86.667vw;
    margin-left: 6.667vw;
  }
  #home .footerdiv .rightpart .storeicon a:first-child {
    width: 39.2vw;
  }
  #home .footerdiv .rightpart .storeicon a:last-child {
    width: 44.8vw;
  }
  #home .footerdiv .centerpart .menulist {
    margin-bottom: 0;
    width: 84.533vw;
    margin-left: 7.733vw;
  }
  #home .footerdiv .centerpart .menulist a {
    padding-right: 0;
    width: 50%;
    font-size: 4.333vw;
    line-height: 5.867vw;
    margin-bottom: 2.333vw;
  }
  #home .footerdiv .centerpart .copyrightdiv p {
    width: 63.733vw;
    font-size: 3.2vw;
    line-height: 4.267vw;
    text-align: left;
    margin-left: 6.933vw;
    margin-bottom: 2.533vw;
  }
  #home .footerdiv .centerpart .menulist a:first-child {
    order: 1;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(2) {
    order: 3;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(3) {
    order: 5;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(4) {
    order: 7;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(5) {
    order: 2;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(6) {
    order: 4;
  }
  #home .footerdiv .centerpart .menulist a:nth-child(7) {
    order: 6;
  }
}
.viewContainer {
  width: 546px;
  margin: 0 auto;
  min-height: 100%;
}
@media (max-width: 767px) {
  .viewContainer {
    width: 100%;
  }
}
.z-modal {
  z-index: 1000;
}
.field {
  padding: 10px 15px 11px;
  font-size: 14px;
  line-height: 15.4px;
}
@media screen and (max-width: 767px) {
  .field {
    padding: 2.6666666667vw 4vw 2.9333333333vw;
    font-size: 3.7333333333vw;
    line-height: 4.1066666667vw;
  }
}
input,
input:after,
input:before {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: auto;
}
.formSubmit {
  padding: 15px 0 14px;
  margin: 27px 40px 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 5%;
}
@media screen and (max-width: 767px) {
  .formSubmit {
    padding: 4vw 0 3.7333333333vw;
    margin: 7.2vw 10.6666666667vw 0;
    font-size: 3.7333333333vw;
    line-height: 4.2666666667vw;
  }
}
.smallText {
  margin: 12px 18px 0;
  font-size: 12px;
  line-height: 14px;
}
@media screen and (max-width: 767px) {
  .smallText {
    margin: 3.2vw 4.8vw 0;
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
  }
}
.font-26 {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .font-26 {
    font-size: 6.9333333333vw;
  }
}
.font-23 {
  font-size: 23px;
}
@media screen and (max-width: 767px) {
  .font-23 {
    font-size: 6.1333333333vw;
  }
}
.font-20 {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .font-20 {
    font-size: 5.3333333333vw;
  }
}
.mx-38 {
  margin-left: 38px;
  margin-right: 38px;
}
@media screen and (max-width: 767px) {
  .mx-38 {
    margin-left: 10.1333333333vw;
    margin-right: 10.1333333333vw;
  }
}
.back {
  height: 20px;
  top: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .back {
    height: 5.3333333333vw;
    top: calc(50% - 2.6666666667vw);
  }
}
.dropdownFlag {
  height: 10px;
}
@media screen and (max-width: 767px) {
  .dropdownFlag {
    height: 2.6666666667vw;
  }
}
.line-after:after {
  content: "|";
  position: absolute;
}
input.bgField::-ms-reveal {
  filter: invert(100%);
}
@media (max-width: 1220px) {
  .drawer-content {
    left: 0;
    max-width: 35%;
  }
}
body {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}
.account_sec {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(35px) !important;
}
.multiview {
  overflow-y: scroll;
}
.multiview .container {
  width: 546px;
  margin: 0 auto;
  height: 100vh;
}
.account_sec .share_icon .icon_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 67px;
  padding: 28px 15px 12px;
}
.account_sec .share_icon .icon_list > .back_arrow {
  width: 30%;
}
.account_sec .share_icon .icon_list > div {
  cursor: pointer;
}
.account_sec .media_shout {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  position: relative;
}
.account_sec .media_shout img {
  border-radius: 15px;
  box-shadow: 4px 12px 78px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 327px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: -20px;
}
.account_sec .media_shout:after {
  content: "";
  position: absolute;
  z-index: 999;
  background: url(/images/play.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 57px;
}
.account_sec .tunes_title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account_sec .tunes_title div {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  max-width: 285px;
  padding-bottom: 5px;
}
.play_store {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 15px;
  padding: 5px;
  border-radius: 35px;
}
.play_store a {
  width: 100%;
  text-decoration: none;
  color: #1f1a35;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  display: flex;
  margin: auto;
}
.play_store a span {
  width: calc(100% - 40px);
  align-items: center;
  padding-left: 40px;
  padding-bottom: 2px;
}
.footer_content,
.play_store a span {
  display: flex;
  justify-content: center;
}
.footer_content {
  padding: 12px 0;
}
.footer_content a {
  text-decoration: none;
  color: hsla(0, 0%, 100%, 0.6);
}
@media (max-width: 767px) {
  .multiview .container {
    width: 100vw;
    margin: 0 auto;
    height: 100vh;
  }
}
.bg-image {
  width: 100vw;
  height: 100%;
  position: fixed;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  filter: blur(50px);
  z-index: -2;
}
.userprofilepage .container {
  max-width: 566px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 1px 30px 5px rgba(0, 0, 0, 0.5019607843);
  border-radius: 30px 30px 0 0;
}
.account-sec {
  margin-top: 0px;
}
.shouttoppopup {
  position: fixed;
  position: -webkit-fixed;
  background: #1f1a35;
  max-width: 694px;
  width: 100%;
  height: 66px;
  margin: 0 auto;
  top: 0;
  padding: 10px 28px;
  justify-content: space-between;
  z-index: 9999;
  border-top: 1px solid rgba(246, 246, 247, 0.1);
  border-bottom: 1px solid rgba(246, 246, 247, 0.1);
}
.shouttoppopup,
.shouttoppopup .firstpopup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.shouttoppopup .firstpopup {
  width: calc(100% - 132px);
}
.shouttoppopup .firstpopup .iconmaindiv {
  width: 68px;
  height: 68px;
  margin-right: 14px;
}
.shouttoppopup .firstpopup .iconmaindiv img {
  width: 100%;
}
.shouttoppopup .firstpopup .textmaindiv {
  width: calc(100% - 82px);
}
.shouttoppopup .firstpopup .textmaindiv .first {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 2px;
  -webkit-line-clamp: 1;
}
.shouttoppopup .firstpopup .textmaindiv .first,
.shouttoppopup .firstpopup .textmaindiv .second {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.shouttoppopup .firstpopup .textmaindiv .second {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  opacity: 0.5;
  -webkit-line-clamp: 2;
}
.shouttoppopup .firstpopup .textmaindiv .second b {
  font-weight: 500;
}
.shouttoppopup .secondpart a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  width: 92px;
  border-radius: 40px;
  height: 60px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  font-weight: 600;
  background-image: linear-gradient(223.99deg, #dd548a 9.98%, #ffc588 84.03%);
  letter-spacing: 0.05em;
}
.mainSectionSrolling {
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
}
.mainSectionSrolling .userProfileMainDiv {
  position: relative;
  margin-bottom: 26px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
}
.shoutsTabMainDiv .item .shoutsTabDetails {
  padding: 0 14px;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage {
  width: 566px;
  max-width: 100%;
  height: 546px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 0px 0px 0 0;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage img {
  width: 566px;
  height: 546px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage .leftshadow {
  transform: rotate(90deg);
  position: absolute;
  width: 374px;
  height: 100px;
  left: -156px;
  top: 137px;
  opacity: 0.6;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage .rightshadow {
  transform: rotate(-90deg);
  position: absolute;
  width: 374px;
  height: 100px;
  right: -156px;
  top: 137px;
  opacity: 0.6;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage .bottomshadow {
  position: absolute;
  height: 198px;
  width: 546px;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.mainSectionSrolling .userDetais {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mainSectionSrolling .userDetais .profileName {
  text-align: center;
}
.mainSectionSrolling .userDetais {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.hasVerifiedLogo,
.profileName .nameWrapper {
  max-width: 100%;
}
.mainSectionSrolling .userDetais .profileName .nameWrapper h2 {
  display: inline-block;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainSectionSrolling .userNameAndCount {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 15px;
padding-top: 5px;
margin-top: 0;
padding-bottom: 10px;
}
.mainSectionSrolling .userNameAndCount .userName {
  margin-bottom: 0;
  position: relative;
  font: inherit;
  margin-top: 0;
}
.mainSectionSrolling .userNameAndCount .userLinks {
  margin-bottom: 0;
}
.mainSectionSrolling .userBio {
  width: calc(100% - 28px);
  margin: 0 auto 11px;
  border-radius: 15px;
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainSectionSrolling .userBio * {
  color: inherit;
  text-decoration: none;
  font-family: Raleway, sans-serif;
font-weight: 600;
letter-spacing: 0.05rem;
}
.mainSectionSrolling .userBio .mail {
  color: #54a9d6;
  text-decoration: underline;
}
.mainSectionSrolling .customLinkMainDiv {
  width: calc(100% - 28px);
  margin: 0 auto 11px;
}
.mainSectionSrolling .customLinkMainDiv .owl-carousel .owl-stage {
  padding: 0 !important;
}
.mainSectionSrolling .customLinkMainDiv .customLink {
  height: 156px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.mainSectionSrolling .userImagesMainDiv {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.mainSectionSrolling .userImagesMainDiv,
.mainSectionSrolling .userImagesMainDiv .main {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mainSectionSrolling .userImagesMainDiv .main {
  width: calc(100% - 0px);
  padding: 0;
}
.mainSectionSrolling .userImagesMainDiv .scrollmaindiv {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.5s;
  will-change: transform;
  cursor: pointer;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right: 14px;
  padding-left: 14px;
}
.mainSectionSrolling .userImagesMainDiv .scrollmaindiv::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.mainSectionSrolling .userImagesMainDiv .scrollmaindiv .galleryImageContainer {
  margin-right: 7.64px;
}
@media screen and (max-width: 767px) {
  .mainSectionSrolling
    .userImagesMainDiv
    .scrollmaindiv
    .galleryImageContainer {
    margin-right: 2.0373333333vw;
  }
}
.mainSectionSrolling
  .userImagesMainDiv
  .scrollmaindiv
  .galleryImageContainer:last-child {
  margin-right: 0;
}
.mainSectionSrolling .userImagesMainDiv .scrollmaindiv .galleryImage {
  width: 151px;
  height: 151px;
  max-width: unset;
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .mainSectionSrolling .userImagesMainDiv .scrollmaindiv .galleryImage {
    width: 28vw;
    height: 28vw;
    border-radius: 4vw;
  }
}
.shoutsTabMainDiv {
  width: 100%;
  margin: 0 auto 20px;
}
.shoutsTabMainDiv .menuList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.shoutsTabMainDiv .menuList p {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 20px;
  line-height: 16px;
}
.shoutsTabMainDiv .menuList p:last-child {
  margin-right: 0;
}
.shoutsTabMainDiv .menuDetailsMainDiv {
  width: 100%;
  overflow: hidden;
}
.shoutsTabMainDiv .menuDetailsMainDiv .item {
  padding-bottom: 20px;
  width: 100%;
  flex: none;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 9px 8px 9px 7px;
  margin-bottom: 15px;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList:last-child {
  margin-bottom: 0;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 7px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 115px);
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userImage {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  overflow: hidden;
  margin-right: 8px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userImage
  img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userDetails {
  width: calc(100% - 40px);
}
.nameWrapper {
  align-items: center;
}
.nameWrapper,
.nameWrapper.hasBrandLogo {
  position: relative;
  display: flex;
  justify-content: center;
}
.nameWrapper.hasBrandLogo {
  margin-top: 50px;
}
.profileName.hasVerifiedIcon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  position: relative;
}
.nameWrapper.hasBrandLogo .profileNameImg {
  position: absolute;
  bottom: calc(100% + 8px);
  width: auto;
  max-width: calc(100% - 28px);
}
.nameWrapper.hasBrandLogo .profileNameImg img {
  max-width: 100%;
}
.verified-badge-banner {
  width: 100%;
  max-width: 15px;
  height: 100%;
  max-height: 15px;
  color: #fff;
  fill: #fff;
  position: relative;
  display: inline-flex;
  margin-bottom: 0rem;
  margin-left: 0.25rem;
}
.verified-badge {
  width: 100%;
  max-width: 20px;
  height: 100%;
  max-height: 20px;
  color: #fff;
  fill: #fff;
  position: relative;
  display: inline-flex;
  margin-bottom: -0.25rem;
  margin-left: 0.25rem;
}
.verificationImg {
  position: absolute;
  left: 100%;
  margin-left: 3px;
  width: 21px;
}
.verificationImgUsername {
  display: inline-block;
  margin-left: 3px;
  width: 14px;
  vertical-align: text-top;
}
.userDetails {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userDetails
  .profileName {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userDetails
  .profileName
  .onPrimaryMain {
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  margin-right: 1px;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 0;
  margin-bottom: 0;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userDetails
  .profileName
  img {
  width: 10px;
  margin-bottom: 3px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .userDetailsPart
  .userDetails
  .userName {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 13px;
  margin-top: 0;
  align-self: flex-start;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .timeAndMore {
  display: flex;
  align-items: center;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .timeAndMore
  p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .timeAndMore
  p
  span {
  font-weight: 600;
  font-size: 9px;
  line-height: 10px;
  margin-right: 10px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listHeader
  .timeAndMore
  p
  .icon {
  width: 18px;
  display: flex;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listBody {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listBody .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .description.collapsed-1 {
  -webkit-line-clamp: 1;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .description.collapsed-4 {
  -webkit-line-clamp: 4;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listBody .imageinclude {
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .imageinclude
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .reshoutmaindiv {
  padding: 1px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 8px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .reshoutmaindiv
  .reshoutsubmaindiv {
  border-radius: 15px;
  overflow: hidden;
}
.shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listFooter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listFooter
  .singleAction {
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
  column-gap: 3px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listFooter
  .singleAction
  img {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listFooter
  .singleAction
  span {
  width: calc(100% - 19px);
  font-weight: 600;
  font-size: 9px;
  line-height: 10px;
}
.userDetalsECW {
  width: calc(100% - 28px);
  border-radius: 15px;
  padding: 14px;
  margin: 0 auto 25px;
}
.userDetalsECW a {
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userDetalsECW .commonaccountdetails {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.userDetalsECW .commonaccountdetails .mainlistdiv {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.userDetalsECW .commonaccountdetails .mainlistdiv a {
  display: flex;
  align-items: center;
}
.userDetalsECW .commonaccountdetails .mainlistdiv .mainimg {
  width: 17px;
  margin-right: 9px;
}
.userDetalsECW .commonaccountdetails span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.userDetalsECW .commonaccountdetails .mainlistdiv .downarrow {
  position: absolute;
  right: 0;
  width: 12px;
  transform: rotate(180deg);
  transition-duration: 0.3s;
}
.userDetalsECW .commonaccountdetails.commonopenmenudetails .downarrow {
  transform: rotate(0deg);
}
.userDetalsECW .commonaccountdetails .suboptionlist {
  height: 0;
  padding-inline: 26px;
  width: 100%;
  transition: height 0.3s, padding-top 0.3s;
  overflow: hidden;
}
.userDetalsECW .commonaccountdetails.commonopenmenudetails .suboptionlist {
  padding-top: 11px;
}
.userDetalsECW .commonaccountdetails .suboptionlist a {
  display: flex;
}
.userDetalsECW .commonaccountdetails .suboptionlist a span,
.userDetalsECW .commonaccountdetails .suboptionlist p {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 11px;
}
.userDetalsECW .commonaccountdetails .suboptionlist a:last-child p,
.userDetalsECW .commonaccountdetails .suboptionlist a:last-child span,
.userDetalsECW .commonaccountdetails:last-child {
  margin-bottom: 0;
}
.listofalbum {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 12px;
  column-gap: 14px;
  margin: 14px 14px 44px 14px;
}
.listofalbum .singlealbum {
  width: 262px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
}
@media (max-width: 1285px) and (min-width: 768px) {
  .listofalbum .singlealbum {
    max-width: 262px;
    width: calc(50% - 8px);
  }
}
.listofalbum .editsinglealbum {
  width: 100% !important;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
}
.listofalbum .singlealbum .iconbox {
  position: absolute;
  width: 34px !important;
  height: 34px !important;
  top: 7px;
  left: 7px;
  z-index: 9;
  border-radius: 10rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listofalbum .singlealbum .iconbox img {
  width: 28px !important;
  height: 28px !important;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.listofalbum .singlealbum:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.listofalbum.oddnumber .singlealbum:first-child {
  flex: 0 0 auto;
  width: 100%;
}
.listofalbum.oddnumber .singlealbum:first-child .imgbox,
.listofalbum.oddnumber .singlealbum:first-child .imgbox img {
  height: 200px;
}
.listofalbum .singlealbum .imgbox {
  width: 100%;
  height: 151px;
  border-radius: 4vw;
}
.listofalbum .singlealbum .imgbox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
  background: linear-gradient(
    180deg,
    var(--colorSingleAlbum1) 0,
    var(--colorSingleAlbum2) 128.76%
  );
  z-index: 3;
}
.listofalbum .singlealbum .imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.listofalbum .singlealbum .albumtextbox {
  position: absolute;
  bottom: 5px;
  width: 100%;
  z-index: 4;
}
.listofalbum .singlealbum .albumtextbox.socialmedialink .second img {
  width: 12.25px;
}
.listofalbum .singlealbum .albumtextbox .first {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
.listofalbum .singlebigitem .albumtextbox .first {
  font-size: 20px;
}
.listofalbum .singlealbum .albumtextbox .first p {
  margin-bottom: 0;
}
.listofalbum .singlealbum .albumtextbox .first span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  min-height: 23px;
  display: flex;
  align-items: end;
}
.listofalbum .singlealbum .second {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 auto;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 9;
}
.listofalbum .singlealbum .second span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 0;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.listofalbum .singlealbum .second img {
  width: 15px;
}
.listofalbum.oddnumber .singlealbum:first-child .albumtextbox .first {
  font-size: 18px;
  height: 40px;
}
.listofalbum.oddnumber .singlealbum:first-child .second span {
  font-size: 16px;
  line-height: 1;
  max-width: calc(100% - 30px);
  text-align: left;
}
.listofalbum.oddnumber .singlealbum:first-child .second img {
  width: 18px;
  margin-left: 10px;
}
.privateprofilemaindiv {
  width: calc(100% - 43px);
  margin: 64px auto;
}
.privateprofilebox .imgbox {
  width: 86px;
  margin: 0 auto 16px;
}
.privateprofilebox .imgbox img {
  width: 100%;
}
.privateinfobox .second {
  width: 203px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto;
  opacity: 0.4;
}
.mediaTabDetails {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding: 0 7px 0 10px;
}
.mediaTabDetails .singlemedialist {
  width: 264px;
  height: 440px;
  margin-right: 11px;
  margin-bottom: 11px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (min-width: 768px) {
  .mediaTabDetails .singlemedialist {
    max-width: 262px;
    width: calc(50% - 8px);
  }
  .mediaTabDetails .singlemedialist .shoutVideoPoster,
  .mediaTabDetails .singlemedialist > div:first-child > div:first-child {
    height: 100%;
  }
}
.mediaTabDetails .singlemedialist:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.mediaTabDetails .singlemedialist:nth-child(2n) {
  margin-right: 0;
}
.mediaTabDetails .singlemedialist:after {
  content: "";
  width: 100%;
  height: 121px;
  background: linear-gradient(
    179.27deg,
    var(--colorSingleMediaList1) 0.59%,
    var(--colorSingleMediaList2) 30.46%,
    var(--colorSingleMediaList3) 118.69%
  );
  position: absolute;
  bottom: 0;
  left: 0;
}
.mediaTabDetails .singlemedialist img,
.mediaTabDetails .singlemedialist video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mediaTabDetails .singlemedialist .details {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  z-index: 2;
}
.mediaTabDetails .singlemedialist .details .first {
  font-size: 12px;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mediaTabDetails .singlemedialist .details .second {
  font-weight: 600;
  font-size: 9px;
  line-height: 10px;
  margin-bottom: 0;
  opacity: 0.6;
}
.socialiconpopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  z-index: 999;
}
.socialiconpopup .overlaybg {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.socialiconpopup .overlaybg.overlaybg {
  width: 100vw;
  box-shadow: -25px 4px 53px 0 rgba(0, 0, 0, 0.75);
}
.socialiconpopup .mainbodypartsocialpop {
  z-index: 2;
  width: 556px;
  border-radius: 18px 18px 0 0;
}
.socialiconpopup .mainbodypartsocialpop .socilmediapopheader {
  padding: 14px 25px;
  position: relative;
}
.socialiconpopup .mainbodypartsocialpop .socilmediapopheader p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
}
.socialiconpopup .mainbodypartsocialpop .socilmediapopheader .close {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.listofidpop {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  padding: 0 32px;
}
.listofidpop .singleidlist {
  width: 100%;
  margin-bottom: 20px;
}
.listofidpop .singleidlist a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration: none;
}
.listofidpop .singleidlist a .iconimage {
  width: 54px;
  height: 54px;
  overflow: hidden;
  border-radius: 54px;
  margin-right: 7px;
  -o-object-fit: cover;
  object-fit: cover;
}
.listofidpop .icondetails .first {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 2px;
}
.scrollview {
  position: relative;
  top: -165px;
  margin-bottom: -165px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.scrollview .userDetais .profileName,
.scrollview .userDetais .userNameAndCount,
.scrollview .userDetais .userSocialMediaIcon {
  position: relative;
  z-index: 2;
}
.scrollview .userDetais:after {
  content: "";
  position: absolute;
  height: clamp(180px, 32vw, 260px);
  width: 100%;
  background: linear-gradient(
    180deg,
    var(--customColorProfileBottomShadow1, var(--colorProfileBottomShadow1)) 12%,
    var(--customColorProfileBottomShadow2_1, var(--colorProfileBottomShadow2_1))
      46%,
    var(--customColorProfileBottomShadow2_2, var(--colorProfileBottomShadow2_2))
      76%,
    var(--customColorProfileBottomShadow3, var(--colorProfileBottomShadow3))
      100%
  );
  right: 0;
  bottom: 0;
  opacity: 1;
}
.scrollgroup {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}
.overlayopacity {
  z-index: 9;
}
.overlayopacity,
.overlayopacitymain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.overlayopacitymain {
  z-index: 1;
}
.createprofilesection {
  width: calc(100% - 46px);
  margin: 0 auto;
  text-align: center;
  padding-top: 4px;
}
.createprofilesection .logocreateprofile {
  width: 24px;
  height: 24px;
  margin: 0 auto 15px;
}
.createprofilesection .logocreateprofile img {
  height: 24px;
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.createprofilesection .downloadbuttoncreateprofile {
  width: 170px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.createprofilesection .downloadbuttoncreateprofile .appstorebtn {
  text-decoration: none;
  width: 75px;
}
.createprofilesection .downloadbuttoncreateprofile .playstorebtn {
  text-decoration: none;
  width: 85px;
}
.createprofilesection .createprofiletext a {
  text-decoration: none;
}
.createprofilesection .createprofiletext p {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.625px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.createprofilesection .createprofiletext span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  display: inline-block;
  line-height: 1.05;
}
.createprofilesection .createprofiletext img {
  width: 14px;
  margin-left: 6px;
}
.noshoutmediamaindiv {
  width: 100%;
  max-width: 203px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
.noshoutmediamaindiv .imagenoshoutmedia {
  width: 86px;
  height: 86px;
  margin: 0 auto 2px;
}
.noshoutmediamaindiv .imagenoshoutmedia img {
  width: 86px;
  height: 86px;
  -o-object-fit: cover;
  object-fit: cover;
}
.noshoutmediamaindiv .first {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 9px;
  width: 100%;
}
.noshoutmediamaindiv .second {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  opacity: 0.4;
  margin-bottom: 0;
}
.listofnotesmaindiv {
  width: calc(100% - 28px);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.listofnotesmaindiv .singlenoteslist {
  width: 100%;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 10px;
  padding: 6px 7px;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
}
.listofnotesmaindiv .singlenoteslist p {
  margin-bottom: 0;
  padding: 0 39px 0 5px;
}
.listofnotesmaindiv .singlenoteslist .first {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 34px - 5px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
}
.listofnotesmaindiv .singlenoteslist a {
  display: flex;
  width: 100%;
  align-items: center;
}
.listofnotesmaindiv .singlenoteslist a p {
  justify-content: center;
  margin: auto !important;
  padding: 0 39px 0 5px;
}
.listofnotesmaindiv .singlenoteslist .icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.listofnotesmaindiv .singlenoteslist .icon.padded {
  padding: 4px;
}
.listofnotesmaindiv .singlenoteslist .icon.padded-2 {
  padding: 6px;
}
.listofnotesmaindiv .singlenoteslist .icon.rounded {
  border-radius: 17px;
}
.listofnotesmaindiv .singlenoteslist .actionIcon {
  width: 14px;
  height: 14px;
  margin-right: 14px;
}
.listofnotesmaindiv .singlenoteslist .iconimg {
  filter: brightness(0);
  position: absolute;
  top: 3px;
  right: 5px;
  width: 14px;
  cursor: pointer;
  display: none;
}
.listofnotesmaindiv .multilink {
  padding: 0;
  overflow: hidden;
}
.listofnotesmaindiv .multilink > div {
  width: 100%;
  padding: 8px 7px;
  backdrop-filter: blur(3px);
  border-radius: inherit;
  overflow: hidden;
}
.shoutsTabMainDiv .menuList .mediamenushow,
.shoutsTabMainDiv .menuList .shoutmenushow {
  cursor: pointer;
}
.scrollimageloader {
  height: 105px;
  width: 105px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.scrollimageloader img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mainSectionSrolling .userProfileMainDiv .userProfileImage .shareprofileicon {
  z-index: 99;
}
.listofalbum .removeGradient :after {
  display: none;
}
.mainSectionSrolling .shareprofileicon {
  position: fixed;
  top: 0;
  right: auto;
  left: auto;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 0;
  width: 100%;
  max-width: 566px;
}
.mainSectionSrolling .shareprofileicon img {
  width: 100%;
  height: 100%;
}
.mainSectionSrolling .shareprofileicon .profileandname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 15px;
  opacity: 0;
}
.mainSectionSrolling .shareprofileicon .profileandname .profileimgmaindiv {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 30px;
  overflow: hidden;
}
.mainSectionSrolling .shareprofileicon .profileandname .profileimgmaindiv img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mainSectionSrolling .shareprofileicon .profileandname h1 {
  margin-bottom: 0;
  width: calc(100% - 40px);
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
}
.mainSectionSrolling .shareprofileicon .rightpart {
  width: 33px;
  height: 33px;
  margin-right: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.mainSectionSrolling .shareprofileicon .rightpart .shareprofilelink {
  width: 15.5px;
  height: 15.5px;
  position: absolute;
  top: calc(50% - 5.5px);
  right: calc(50% - 5.5px);
}
.mainSectionSrolling .shareprofileicon .bgtopheader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.mainSectionSrolling .shareprofileicon .profileandname h1 {
  display: contents;
  flex-wrap: wrap;
  align-items: center;
  white-space: nowrap;
}
.mainSectionSrolling .shareprofileicon .profileandname h1 .verifyicon {
  width: auto;
  height: 13px;
  margin-left: 5px;
  margin-bottom: 2px;
}
.new-download-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  margin-top: -1px;
}
.new-download-btn .commonstorebtn {
  width: auto;
  text-align: center;
  padding: 0 5px;
}
.new-download-btn .commonstorebtn img {
  max-width: 100%;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}
.video-set video {
  -o-object-fit: cover;
  object-fit: cover;
}
.listofalbum .singlebigitem {
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
}
@media (max-width: 1285px) and (min-width: 768px) {
  .listofalbum .singlebigitem {
    max-width: 100%;
  }
}
.listofalbum .singlebigitem .iconbox {
  position: absolute;
  width: 50px !important;
  height: 50px !important;
  top: 9px;
  right: 8px;
  border-radius: 50%;
  overflow: hidden;
}
.listofalbum .singlebigitem .iconbox img {
  width: 40px !important;
  height: 40px !important;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.listofalbum .singlebigitem .imgbox {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: calc(100% - 0px) !important;
  margin: 0 auto 10px !important;
  height: 316px !important;
}
.listofalbum .singlebigitem .imgbox img {
  height: 330px;
}
.poll-results-text {
  color: var(--colorOnPrimaryLight);
  font-size: 11px;
  line-height: 12.1px;
}
.poll-options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.poll-option {
  font-size: 16px;
  line-height: 20px;
  color: var(--colorPurpleText);
  border: 0.5px solid var(--colorPurpleText);
  height: 45px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colorField);
  position: relative;
}
.poll-option-expired {
  color: var(--colorPollText);
  border: none;
  overflow: hidden;
}
.poll-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.poll-filled {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--colorPollFilledBg);
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.meta-tag-container {
  border-radius: 12px;
  background-color: #39393c;
  margin-top: 10px;
  cursor: pointer;
}
.meta-tag-title {
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-right: 1px;
  max-width: calc(100% - 24px);
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.meta-tag-url {
  color: #909096;
  font-size: 12px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .meta-tag-url {
    margin-top: 0;
  }
}
.meta-tag-image {
  -o-object-fit: contain;
  object-fit: contain;
  height: 160px;
  width: 100%;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
@media (max-width: 767px) {
  .meta-tag-image {
    height: 130px;
  }
  html {
    overflow: scroll;
    overflow-x: hidden;
  }
  ::-webkit-scrollbar {
    width: 0;
    background: rgba(0, 0, 0, 0);
  }
  ::-webkit-scrollbar-thumb {
    background: #1f1a35;
  }
  body,
  html {
    overflow-x: unset;
  }
  body {
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 100vh;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
  }
  p {
    margin-top: 0;
  }
  .bg-image {
    display: none;
  }
  .userprofilepage .container {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
  .account-sec {
    margin-top: 0;
  }
  .shouttoppopup {
    position: fixed;
    position: -webkit-fixed;
    background: #1f1a35;
    max-width: 185.067vw;
    width: 100%;
    height: 17.6vw;
    margin: 0 auto;
    top: 0;
    padding: 2.667vw 7.467vw;
    justify-content: space-between;
    z-index: 9999;
    border-top: 0.267vw solid rgba(246, 246, 247, 0.1);
    border-bottom: 0.267vw solid rgba(246, 246, 247, 0.1);
  }
  .shouttoppopup,
  .shouttoppopup .firstpopup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .shouttoppopup .firstpopup {
    width: calc(100% - 35.2vw);
  }
  .shouttoppopup .firstpopup .iconmaindiv {
    width: 18.133vw;
    height: 18.133vw;
    margin-right: 3.733vw;
  }
  .shouttoppopup .firstpopup .iconmaindiv img {
    width: 100%;
  }
  .shouttoppopup .firstpopup .textmaindiv {
    width: calc(100% - 21.867vw);
  }
  .shouttoppopup .firstpopup .textmaindiv .first {
    font-size: 6.4vw;
    font-style: normal;
    font-weight: 600;
    line-height: 6.933vw;
    margin-bottom: 0.533vw;
    -webkit-line-clamp: 1;
  }
  .shouttoppopup .firstpopup .textmaindiv .first,
  .shouttoppopup .firstpopup .textmaindiv .second {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .shouttoppopup .firstpopup .textmaindiv .second {
    margin-bottom: 0;
    font-size: 4.8vw;
    line-height: 4.8vw;
    font-weight: 300;
    opacity: 0.5;
    -webkit-line-clamp: 2;
  }
  .shouttoppopup .firstpopup .textmaindiv .second b {
    font-weight: 500;
  }
  .shouttoppopup .secondpart a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 5.333vw;
    width: 24.533vw;
    border-radius: 10.667vw;
    height: 16vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5.333vw;
    font-weight: 600;
    background-image: linear-gradient(223.99deg, #dd548a 9.98%, #ffc588 84.03%);
    letter-spacing: 0.05em;
  }
  .shoutsTabMainDiv .owl-carousel .owl-item .item .shoutsTabDetails {
    padding-top: 3px;
  }
  .mainSectionSrolling {
    padding-bottom: 0px;
  }
  .mainSectionSrolling .userProfileMainDiv {
    position: relative;
    margin-bottom: 6.933vw;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
  }
  .mainSectionSrolling .userProfileMainDiv .userProfileImage {
    width: 100vw;
    height: 100vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    top: 0;
    border-radius: 0;
  }
  .mainSectionSrolling .userProfileMainDiv .userProfileImage img {
    width: 100vw;
    height: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mainSectionSrolling .userProfileMainDiv .userProfileImage .leftshadow {
    transform: rotate(90deg);
    position: absolute;
    width: 99.733vw;
    height: 26.667vw;
    left: -41.6vw;
    top: 36.8vw;
    opacity: 0.6;
  }
  .mainSectionSrolling .userProfileMainDiv .userProfileImage .rightshadow {
    transform: rotate(-90deg);
    position: absolute;
    width: 99.733vw;
    height: 26.667vw;
    right: -41.6vw;
    top: 36.8vw;
    opacity: 0.6;
  }
  .mainSectionSrolling .userProfileMainDiv .userProfileImage .bottomshadow {
    position: absolute;
    height: 52.8vw;
    width: 100vw;
    right: 0;
    bottom: 0;
    opacity: 1;
  }
  .mainSectionSrolling .userProfileMainDiv .userDetais {
    width: 100%;
    position: absolute;
    bottom: -4.533vw;
  }
  .mainSectionSrolling .userProfileMainDiv .userDetais .profileName {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
  }
  .mainSectionSrolling .userProfileMainDiv .userDetais .profileName span {
    font-size: 5.867vw;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    max-width: calc(100% - 8.8vw);
    margin-bottom: 1.867vw;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mainSectionSrolling .userProfileMainDiv .userDetais .profileName img {
    margin-left: 2.133vw;
    width: 6.4vw;
    margin-bottom: 1.867vw;
  }
  .mainSectionSrolling .userProfileMainDiv .userNameAndCount {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 3.733vw;
    line-height: 4vw;
    padding-bottom: 3.733vw;
    margin-top: 0;
  }
  .mainSectionSrolling .userProfileMainDiv .userNameAndCount .userName {
    margin-bottom: 0;
    padding-right: 4vw;
    position: relative;
  }
  .mainSectionSrolling .userProfileMainDiv .userNameAndCount .userName:after {
    content: "|";
    position: absolute;
    right: 1.6vw;
    top: 0;
  }
  .mainSectionSrolling .userProfileMainDiv .userNameAndCount .userLinks {
    margin-bottom: 0;
  }
  .mainSectionSrolling .userBio {
    width: calc(100% - 7.47vw);
    margin: 0 auto 2.7vw;
    border-radius: 4vw;
    font-size: 3.733vw;
    line-height: 4.8vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mainSectionSrolling .userBio * {
    color: inherit;
    text-decoration: none;
  }
  .mainSectionSrolling .customLinkMainDiv {
    width: calc(100% - 7.467vw);
    margin: 0 auto 2.933vw;
  }
  .mainSectionSrolling .customLinkMainDiv .owl-carousel .owl-stage {
    padding: 0 !important;
  }
  .mainSectionSrolling .customLinkMainDiv .customLink {
    height: 41.6vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 3.467vw;
    overflow: hidden;
  }
  .mainSectionSrolling .userDetais .profileName {
    margin-bottom: 0.1rem;
  }
  .mainSectionSrolling .userDetais .profileName .nameWrapper h1 {
    font-size: 24px;
  }
  .nameWrapper.hasBrandLogo .profileNameImg {
    bottom: calc(100% + 10px);
  }
  .mainSectionSrolling .userImagesMainDiv {
    width: 100%;
    padding: 0;
    margin: 0 0 2.7vw;
    overflow: hidden;
  }
  .mainSectionSrolling .userImagesMainDiv .main {
    width: 100%;
    padding: 0;
  }
  .mainSectionSrolling .userImagesMainDiv .scrollmaindiv {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.5s;
    will-change: transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-left: 3.733vw;
    padding-right: 3.733vw;
  }
  .mainSectionSrolling .userImagesMainDiv .scrollmaindiv::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .mainSectionSrolling .userImagesMainDiv .scrollmaindiv.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .shoutsTabMainDiv {
    width: 100%;
    margin: 0 auto 3.5vw;
  }
  .shoutsTabMainDiv .menuList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 4.267vw;
  }
  .shoutsTabMainDiv .menuList p {
    font-weight: 600;
    font-size: 3.733vw;
    margin-bottom: 0;
    margin-right: 5.333vw;
    line-height: 4.267vw;
  }
  .shoutsTabMainDiv .menuList p:last-child {
    margin-right: 0;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .item {
    padding: 0 14px 20px;
  }
  .shoutsTabMainDiv .item .shoutsTabDetails {
    padding: 0;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList {
    width: 100%;
    border-radius: 4vw;
    overflow: hidden;
    padding: 2.4vw 2.133vw 2.4vw 1.867vw;
    margin-bottom: 4vw;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList:last-child {
    margin-bottom: 0;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listHeader {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.867vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 30.667vw);
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userImage {
    width: 8.533vw;
    height: 8.533vw;
    border-radius: 8.533vw;
    overflow: hidden;
    margin-right: 2.133vw;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userImage
    img {
    width: 8.533vw;
    height: 8.533vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userDetails {
    width: calc(100% - 10.667vw);
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userDetails
    .profileName {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userDetails
    .profileName
    span {
    font-size: 3.733vw;
    line-height: 4vw;
    font-weight: 600;
    text-transform: capitalize;
    margin-right: 0.267vw;
    max-width: calc(100% - 6.4vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userDetails
    .profileName
    img {
    width: 2.933vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .userDetailsPart
    .userDetails
    .userName {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 3.467vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .timeAndMore {
    display: flex;
    align-items: center;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .timeAndMore
    p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .timeAndMore
    p
    span {
    font-weight: 600;
    font-size: 2.4vw;
    line-height: 2.667vw;
    margin-right: 2.667vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listHeader
    .timeAndMore
    p
    .icon {
    width: 4.8vw;
    display: flex;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listBody {
    font-weight: 400;
    font-size: 3.733vw;
    line-height: 4.8vw;
    margin-bottom: 2.133vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listBody
    .imageinclude {
    width: 100%;
    height: auto;
    border-radius: 4vw;
    overflow: hidden;
    margin-top: 1.333vw;
    display: flex;
    justify-content: center;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listBody
    .imageinclude
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listBody
    .reshoutmaindiv {
    padding: 0.267vw;
    border-radius: 4vw;
    overflow: hidden;
    margin-top: 2.133vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listBody
    .reshoutmaindiv
    .reshoutsubmaindiv {
    border-radius: 4vw;
    overflow: hidden;
  }
  .shoutsTabMainDiv .menuDetailsMainDiv .singleShoutList .listFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listFooter
    .singleAction {
    display: flex;
    align-items: center;
    -moz-column-gap: 3px;
    column-gap: 3px;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listFooter
    .singleAction
    img {
    width: 4vw;
    height: 4vw;
    margin-right: 1.067vw;
  }
  .shoutsTabMainDiv
    .menuDetailsMainDiv
    .singleShoutList
    .listFooter
    .singleAction
    span {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: 11px;
  }
  .userDetalsECW {
    width: calc(100% - 7.47vw);
    border-radius: 4vw;
    padding: 3.733vw;
    margin: 0 auto 6.667vw;
  }
  .userDetalsECW a {
    text-decoration: none;
    width: 100%;
  }
  .userDetalsECW .commonaccountdetails {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5.333vw;
  }
  .userDetalsECW .commonaccountdetails .mainlistdiv {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
  }
  .userDetalsECW .commonaccountdetails .mainlistdiv .mainimg {
    width: 4.533vw;
    margin-right: 2.4vw;
    height: 100%;
  }
  .userDetalsECW .commonaccountdetails span {
    font-weight: 600;
    font-size: 3.733vw;
    line-height: 4.8vw;
  }
  .userDetalsECW .commonaccountdetails .mainlistdiv .downarrow {
    position: absolute;
    right: 0;
    width: 3.2vw;
    transform: rotate(180deg);
    height: 100%;
  }
  .userDetalsECW .commonaccountdetails.commonopenmenudetails .downarrow {
    transform: rotate(0deg);
  }
  .userDetalsECW .commonaccountdetails .mainlistdiv .downarrow.white {
    position: absolute;
    right: 0;
    width: 3.2vw;
    transform: rotate(1turn) !important;
  }
  .userDetalsECW .commonaccountdetails.commonopenmenudetails .downarrow.white {
    transform: rotate(180deg) !important;
  }
  .userDetalsECW .commonaccountdetails .suboptionlist {
    padding-left: 6.933vw;
    padding-bottom: 0;
    width: 100%;
  }
  .userDetalsECW .commonaccountdetails .suboptionlist a {
    display: flex;
  }
  .userDetalsECW .commonaccountdetails .suboptionlist a span,
  .userDetalsECW .commonaccountdetails .suboptionlist p {
    font-size: 3.733vw;
    line-height: 1;
    margin-bottom: 2.933vw;
  }
  .userDetalsECW .commonaccountdetails .suboptionlist a:last-child span,
  .userDetalsECW .commonaccountdetails .suboptionlist p:last-child,
  .userDetalsECW .commonaccountdetails:last-child {
    margin-bottom: 0;
  }
  .listofalbum {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 5rem;
  }
  .listofalbum .singlealbum {
    width: calc(50% - 8px);
    position: relative;
    border-radius: 4vw;
    overflow: hidden;
    margin-bottom: 2.667vw;
  }
  .listofalbum .singlealbum:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      180deg,
      var(--colorSingleAlbum1) 0,
      var(--colorSingleAlbum2) 128.76%
    );
    z-index: 1;
  }
  .listofalbum.oddnumber .singlealbum:first-child {
    flex: 0 0 auto;
    width: 100%;
  }
  .listofalbum.oddnumber .singlealbum:first-child .imgbox,
  .listofalbum.oddnumber .singlealbum:first-child .imgbox img {
    height: 53.333vw;
  }
  .listofalbum .singlealbum .iconbox {
    position: absolute;
    width: 5.8vw !important;
    height: 5.8vw !important;
    top: 1.86vw;
    right: 1.86vw;
    border-radius: 10rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .listofalbum .singlealbum .iconbox img {
    width: 4.8vw !important;
    height: 4.8vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
  }
  .listofalbum .singlealbum .imgbox {
    width: 100%;
    height: 28.27vw;
    border-radius: 4vw;
  }
  .listofalbum .singlealbum .imgbox:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -1px;
    left: 0;
    background: linear-gradient(
      180deg,
      var(--colorSingleAlbum1) 0,
      var(--colorSingleAlbum2) 128.76%
    );
    z-index: 3;
  }
  .listofalbum .singlealbum .albumtextbox {
    position: absolute;
    bottom: 1.35vw;
    width: 100%;
    z-index: 4;
  }
  .listofalbum .singlealbum .albumtextbox .first {
    font-weight: 600;
    font-size: 3.733vw;
    line-height: 1.3;
    text-align: center;
    width: 95%;
    height: auto;
    min-height: 23px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
	font-family: Raleway, sans-serif;
	  letter-spacing: 0.015rem;
  }
  
  .listofalbum .singlealbum .albumtextbox .first p {
    margin-bottom: 0;
  }
  .listofalbum .singlealbum .albumtextbox .first span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    min-height: 23px;
    display: flex;
    align-items: end;
  }
  .listofalbum .singlealbum .second {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    position: absolute;
    top: 1.869vw;
    right: 1.869vw;
  }
  .listofalbum .singlealbum .socialmedialink .second img {
    width: 3.3vw;
  }
  .listofalbum .singlealbum .second span {
    font-weight: 400;
    font-size: 3.6vw;
    line-height: 1;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0;
    max-width: calc(100% - 8vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .listofalbum .singlealbum .second img {
    width: 4vw;
  }
  .listofalbum.oddnumber .singlealbum:first-child .albumtextbox .first {
    font-size: 4.466vw;
    height: 10.932vw;
  }
  .listofalbum.oddnumber .singlealbum:first-child .second span {
    font-size: 4.344vw;
    line-height: 1;
    max-width: calc(100% - 8vw);
    text-align: left;
  }
  .listofalbum.oddnumber .singlealbum:first-child .second img {
    width: 4.8vw;
    margin-left: 2vw;
  }
  .privateprofilemaindiv {
    width: calc(100% - 11.467vw);
    margin: 17.067vw auto;
  }
  .privateprofilebox .imgbox {
    width: 22.933vw;
    margin: 0 auto 3.2vw;
  }
  .privateprofilebox .imgbox img {
    width: 100%;
  }
  .privateinfobox .second {
    width: 54.133vw;
    text-align: center;
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 5.333vw;
    margin: 0 auto;
    opacity: 0.4;
  }
  .mediaTabDetails {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }
  .mediaTabDetails .singlemedialist {
    width: calc((100% - 2.9vw) / 2);
    height: 74.667vw;
    margin-right: 2.9vw;
    margin-bottom: 2.9vw;
    border-radius: 4vw;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .mediaTabDetails .singlemedialist:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .mediaTabDetails .singlemedialist:nth-child(2n) {
    margin-right: 0;
  }
  .mediaTabDetails .singlemedialist:after {
    content: "";
    width: 100%;
    height: 32.267vw;
    background: linear-gradient(
      179.27deg,
      var(--colorSingleMediaList1) 0.59%,
      var(--colorSingleMediaList2) 30.46%,
      var(--colorSingleMediaList3) 118.69%
    );
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .mediaTabDetails .singlemedialist img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mediaTabDetails .singlemedialist .details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.667vw;
    z-index: 2;
  }
  .mediaTabDetails .singlemedialist .details .first {
    font-size: 3.2vw;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 1.333vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mediaTabDetails .singlemedialist .details .second {
    font-weight: 600;
    font-size: 2.4vw;
    line-height: 2.667vw;
    margin-bottom: 0;
    opacity: 0.6;
  }
  .socialiconpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    z-index: 999;
  }
  .socialiconpopup .overlaybg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .socialiconpopup .mainbodypartsocialpop {
    z-index: 2;
    width: 100vw;
    border-radius: 4.8vw 4.8vw 0 0;
  }
  .socialiconpopup .mainbodypartsocialpop .socilmediapopheader {
    padding: 3.733vw 6.667vw;
    position: relative;
  }
  .socialiconpopup .mainbodypartsocialpop .socilmediapopheader p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 3.2vw;
    line-height: 3.467vw;
    text-align: center;
  }
  .socialiconpopup .mainbodypartsocialpop .socilmediapopheader .close {
    width: 2.933vw;
    height: 2.933vw;
    position: absolute;
    right: 3.733vw;
    top: 3.733vw;
    cursor: pointer;
  }
  .listofidpop {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.133vw;
    padding: 0 8.533vw;
  }
  .listofidpop .singleidlist {
    width: 100%;
    margin-bottom: 5.333vw;
  }
  .listofidpop .singleidlist a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
  }
  .listofidpop .singleidlist a .iconimage {
    width: 14.4vw;
    height: 14.4vw;
    overflow: hidden;
    border-radius: 14.4vw;
    margin-right: 1.867vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .listofidpop .icondetails .first {
    font-weight: 600;
    font-size: 4.267vw;
    line-height: 4.8vw;
    margin-bottom: 0.533vw;
    align-items: center;
    display: flex;
  }
  .scrollview {
    position: relative;
    top: -44vw;
    margin-bottom: -44vw;
  }
  .scrollview .userDetais .profileName,
  .scrollview .userDetais .userNameAndCount,
  .scrollview .userDetais .userSocialMediaIcon {
    position: relative;
    z-index: 2;
  }
  .scrollview .userDetais:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 53.3333333333vw;
    background: linear-gradient(
      180deg,
      var(--customColorProfileBottomShadow1, var(--colorProfileBottomShadow1))
        12%,
      var(
          --customColorProfileBottomShadow2_1,
          var(--colorProfileBottomShadow2_1)
        )
        46%,
      var(
          --customColorProfileBottomShadow2_2,
          var(--colorProfileBottomShadow2_2)
        )
        76%,
      var(--customColorProfileBottomShadow3, var(--colorProfileBottomShadow3))
        100%
    );
    right: 0;
    bottom: -1px;
    opacity: 1;
  }
  .scrollgroup {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
  }
  .createprofilesection {
    width: calc(100% - 12.267vw);
    margin: 0 auto;
    text-align: center;
    padding-top: 1.067vw;
  }
  .createprofilesection .logocreateprofile {
    width: 6.4vw;
    height: 6.4vw;
    margin: 0 auto 4vw;
  }
  .createprofilesection .logocreateprofile img {
    height: 6.4vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .createprofilesection .downloadbuttoncreateprofile {
    width: 45.333vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .createprofilesection .downloadbuttoncreateprofile .appstorebtn {
    text-decoration: none;
    width: 20vw;
  }
  .createprofilesection .downloadbuttoncreateprofile .playstorebtn {
    text-decoration: none;
    width: 22.667vw;
  }
  .createprofilesection .downloadbuttoncreateprofile .appstorebtn img {
    width: 20vw;
  }
  .createprofilesection .downloadbuttoncreateprofile .playstorebtn img {
    width: 22.667vw;
  }
  .createprofilesection .createprofiletext a {
    text-decoration: none;
  }
  .createprofilesection .createprofiletext p {
    font-weight: 600;
    font-size: 3.733vw;
    line-height: 3.733vw;
    letter-spacing: 0.166 0.667vw;
    text-transform: capitalize;
    margin-bottom: 0;
  }
  .createprofilesection .createprofiletext span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: 1.05;
  }
  .createprofilesection .createprofiletext img {
    width: 3.733vw;
    margin-left: 1.6vw;
  }
  .noshoutmediamaindiv {
    width: 100%;
    max-width: 54.133vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding-top: 4vw;
  }
  .noshoutmediamaindiv .imagenoshoutmedia {
    width: 22.933vw;
    height: 22.933vw;
    margin: 0 auto 0.533vw;
  }
  .noshoutmediamaindiv .imagenoshoutmedia img {
    width: 22.933vw;
    height: 22.933vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .noshoutmediamaindiv .first {
    font-weight: 600;
    font-size: 6.4vw;
    line-height: 6.933vw;
    text-align: center;
    margin-bottom: 2.4vw;
    width: 100%;
  }
  .noshoutmediamaindiv .second {
    font-weight: 400;
    font-size: 4.267vw;
    line-height: 5.333vw;
    text-align: center;
    opacity: 0.4;
    margin-bottom: 0;
  }
  .listofnotesmaindiv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .listofnotesmaindiv .singlenoteslist {
    width: 100%;
    height: 46px;
    border-radius: 40vw;
    text-align: center;
    margin-bottom: 2.667vw;
    padding: 1.6vw 1.86vw;
    align-items: center;
  }
  .listofnotesmaindiv .singlenoteslist p {
    margin-bottom: 0;
  }
  .listofnotesmaindiv .singlenoteslist .first {
    font-weight: 600;
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin-bottom: 0;
    width: calc(100% - 10vw - 1.3333333333vw);
  }
  .listofnotesmaindiv .singlenoteslist a {
    display: flex;
  }
  .listofnotesmaindiv .singlenoteslist a p {
    justify-content: center;
    margin: auto !important;
    padding-left: 0 1.3333333333vw 0 calc(10vw + 1.3333333333vw);
  }
  .listofnotesmaindiv .singlenoteslist .icon {
    width: 10vw;
    border-radius: 50%;
    height: 10vw;
  }
  .listofnotesmaindiv .singlenoteslist .icon.padded {
    padding: 1.0666666667vw;
  }
  .listofnotesmaindiv .singlenoteslist .icon.padded-2 {
    padding: 1.6vw;
  }
  .listofnotesmaindiv .singlenoteslist .icon.rounded {
    border-radius: 5vw;
  }
  .listofnotesmaindiv .singlenoteslist .actionIcon {
    width: 3.73vw;
    height: 3.73vw;
    margin-right: 3.73vw;
  }
  .listofnotesmaindiv .multilink {
    padding: 0;
    overflow: hidden;
  }
  .listofnotesmaindiv .multilink > div {
    width: 100%;
    padding: 1.6vw 1.86vw;
    backdrop-filter: blur(3px);
    border-radius: inherit;
    overflow: hidden;
  }
  .scrollimageloader {
    height: 27.19vw;
    width: 27.19vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .scrollimageloader img {
    height: 10vw;
    width: 10vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mainSectionSrolling .shareprofileicon {
    position: fixed;
    top: 0;
    right: auto;
    left: auto;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.667vw 0;
    width: 100%;
    max-width: 100vw;
  }
  .mainSectionSrolling .shareprofileicon img {
    width: 100%;
    height: 100%;
  }
  .mainSectionSrolling .shareprofileicon .profileandname {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 4vw;
    opacity: 0;
  }
  .mainSectionSrolling .shareprofileicon .profileandname .profileimgmaindiv {
    width: 8vw;
    height: 8vw;
    margin-right: 2.667vw;
    border-radius: 8vw;
    overflow: hidden;
  }
  .mainSectionSrolling
    .shareprofileicon
    .profileandname
    .profileimgmaindiv
    img {
    width: 8vw;
    height: 8vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mainSectionSrolling .shareprofileicon .profileandname h1 {
    margin-bottom: 0;
    width: calc(100% - 10.667vw);
    font-size: 4.267vw;
    font-weight: 600;
    margin-top: 0;
  }
  .mainSectionSrolling .shareprofileicon .rightpart {
    width: 8.8vw;
    height: 8.8vw;
    margin-right: 2.667vw;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .mainSectionSrolling .shareprofileicon .rightpart .shareprofilelink {
    width: 4.4vw;
    height: 4.4vw;
    position: absolute;
    top: calc(50% - 2.2vw);
    right: calc(50% - 2.2vw);
  }
  .mainSectionSrolling .shareprofileicon .bgtopheader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    box-shadow: 0 0.8vw 1.867vw var(--colorBoxShadow1);
  }
  .mainSectionSrolling .shareprofileicon.fixedtop .rightpart img {
    filter: brightness(0) invert(1);
  }
  .mainSectionSrolling .shareprofileicon .profileandname h1 .verifyicon {
    width: auto;
    height: 4.267vw;
    margin-left: 1vw;
  }
  .new-download-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.4vw;
  }
  .new-download-btn .commonstorebtn img {
    max-width: 99.2%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 14.25vw;
  }
  .listofalbum .singlealbum .imgbox img {
    width: 100%;
    height: 28.27vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .listofalbum .singlebigitem {
    width: 100%;
    position: relative;
    border-radius: 3.2vw;
    overflow: hidden;
    margin-bottom: 2.667vw;
  }
  .listofalbum .singlebigitem .iconbox {
    position: absolute;
    width: 10vw !important;
    height: 10vw !important;
    top: 2.4vw;
    right: 2.13vw;
    z-index: 9;
    border-radius: 50%;
    overflow: hidden;
  }
  .listofalbum .singlebigitem .iconbox img {
    width: 8vw !important;
    height: 8vw !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
  }
  .listofalbum .singlebigitem .imgbox {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: calc(100% - 0px) !important;
    margin: 0 auto 2.667vw !important;
    height: 53.333vw !important;
  }
  .listofalbum .singlebigitem .imgbox img {
    height: 56vw;
  }
}
.accordion {
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
}
.panel {
  opacity: 0;
  height: 0;
}
.panel.open {
  height: auto;
  opacity: 1;
  transition: opacity 4s linear;
  transform: translate(0);
}
.PhotoView-Slider__Backdrop {
  background-color: rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(3px);
}
.PhotoView-Slider__BannerWrap {
  background-color: rgba(0, 0, 0, 0) !important;
}
.PhotoView-Slider__Counter {
  visibility: hidden !important;
}
.PhotoView-Slider__ArrowLeft,
.PhotoView-Slider__ArrowRight {
  display: none !important;
}
.PhotoView__Photo {
  border-radius: 5px;
}
.contact,
.contact a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
}
.multilink a p {
  padding: 0 !important;
}
video.shoutVideo::-webkit-media-controls {
  display: none;
}
.grabbing {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
.justified-centered {
  justify-content: center;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .reshoutmaindiv
  .reshoutsubmaindiv
  .onPrimaryL2 {
  color: var(--colorReShoutL2);
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .reshoutmaindiv
  .reshoutsubmaindiv
  .timeAndMore
  .icon {
  display: none;
}
.shoutsTabMainDiv
  .menuDetailsMainDiv
  .singleShoutList
  .listBody
  .reshoutmaindiv
  .reshoutsubmaindiv
  .onPrimaryMain {
  color: var(--colorReShoutPrimaryMain);
}
.listofalbum .title_heading {
  width: 100%;
  text-align: center;
  padding: 0 15px;
}
.listofalbum .title_heading h2 {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 15px 0;
  text-transform: uppercase;
}
.locked-content-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 8;
  filter: blur(0);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.locked-content-overlay .lock-icon {
  width: 35px !important;
  height: 45px !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.locked-content-overlay .lock-icon-small {
  width: 30px !important;
  height: 30px !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.locked-content-overlay div {
  letter-spacing: 0.5px;
  text-align: center;
}
.termsCondition {
  color: var(--colorTextMain, var(--colorOnPrimary));
  width: 200px;
  height: 24px;
  top: 2584px;
  left: 886px;
  opacity: 60%;
  margin-top: 18px;
  margin-bottom: 28px;
}
.termsCondition span {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}
.locked-content-overlay-bg {
  background: url(/images/lockBg.png) no-repeat 50% / cover;
}
.locked-content-overlay-bg-media {
  background: url(/images/lockForMedia.png) no-repeat 50% / cover;
}
.blurred-content {
  width: 100%;
  filter: blur(28px);
}
.single-thumb .range-slider__range {
  background: #ec008c !important;
  transition: height 0.3s;
}
.single-thumb .range-slider__thumb {
  background: #ec008c !important;
  transition: transform 0.3s;
}
.single-thumb .range-slider__thumb[data-active] {
  transform: translate(-50%, -50%) scale(1.25);
}
.single-thumb .range-slider__range[data-active] {
  height: 12px;
}
.single-thumb .range-slider__thumb[data-lower] {
  width: 0;
}
.single-thumb .range-slider__range {
  border-radius: 6px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  ) !important;
}
.range-slider .range-slider__thumb:focus-visible {
  box-shadow: none !important;
}
.socialiconpopup.search-page {
  position: fixed;
  left: 50%;
  width: 50%;
  height: 100%;
}
.socialiconpopup.search-page .mainbodypartsocialpop {
  width: 550px;
  border-radius: 14px;
  box-shadow: 2px -21px 31px 0 rgba(0, 0, 0, 0.75);
}
.webapp-profile-page {
  left: 10%;
}
.webapp-profile-page .mainbodypartsocialpop {
  width: 550px;
  border-radius: 14px;
  box-shadow: 2px -21px 31px 0 rgba(0, 0, 0, 0.75);
}
@media (max-width: 767px) {
  .socialiconpopup.search-page {
    left: 0;
    width: 100%;
  }
  .socialiconpopup.search-page .mainbodypartsocialpop {
    width: 95%;
    margin: 15px;
  }
}
:root {
  --webLinkSize: 40px;
}
@media screen and (max-width: 767px) {
  :root {
    --webLinkSize: calc((100vw - 4vw) / 9);
  }
}
.mainSectionSrolling .userSocialMediaIcon {
  margin-bottom: 0;
  padding-bottom: 11px;
}
.mainSectionSrolling .userSocialMediaIcon > span {
  display: flex;
}
.mainSectionSrolling .userSocialMediaIcon .socialicon {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
}
.mainSectionSrolling .userSocialMediaIcon .socialicon img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .mainSectionSrolling .userSocialMediaIcon {
    margin-bottom: 0;
    padding-bottom: 3.733vw;
  }
  .mainSectionSrolling .userSocialMediaIcon .socialicon {
    width: 100%;
    height: 100%;
    border-radius: 6.667vw;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
  .mainSectionSrolling .userSocialMediaIcon .socialicon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.mainSectionSrolling .userSocialMediaIcon .social-icon-wrapper {
  width: var(--webLinkSize);
  height: var(--webLinkSize);
  padding: 1px;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
@media screen and (max-width: 767px) {
  .mainSectionSrolling .userSocialMediaIcon .social-icon-wrapper {
    padding: 0.25vw;
  }
}
.carousel-container {
  width: 520px;
  position: relative;
  display: grid;
  place-items: center;
  overflow-x: clip;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .carousel-container {
    width: 100vw;
  }
}
.carousel-track {
  animation: none;
  width: calc(
    var(--webLinkSize) * var(--webLinkCount) * var(--webLinkMultiplier, 1)
  );
}
.carousel-track.full {
  animation: scroll var(--webLinkDefaultDuration, 20s) linear infinite;
}
.carousel-track.partial {
  animation: scrollPartial var(--webLinkDuration) linear 1;
}
.carousel-track.paused {
  animation-play-state: paused;
}
@keyframes scrollPartial {
  0% {
    transform: translateX(var(--webLinkStart, 0));
  }
  to {
    transform: translateX(calc(var(--webLinkSize) * -1 * var(--webLinkCount)));
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--webLinkSize) * -1 * var(--webLinkCount)));
  }
}
.bottomLinksWrapper {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 546px;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .bottomLinksWrapper {
    width: 100vw;
  }
}
.addContactAndLinkBtn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 15px;
}
.addContactAndLinkBtn a {
  text-decoration: none;
}
.addContactAndLinkBtn .addToContactsBtn {
  width: 165px;
}
.addContactAndLinkBtn .addToContactsBtn,
.addContactAndLinkBtn .downloadAndLinkBtn {
  border-radius: 45px;
  height: 45px;
  border: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.addContactAndLinkBtn .downloadAndLinkBtn {
  width: 154px;
  margin-left: auto;
}
.contactLinkButtonWrapper {
  height: 75px;
  flex-direction: column;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 108.67%);
}
.contactLinkButton,
.contactLinkButtonWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactLinkButton {
  width: 160px;
  height: 34px;
  border-radius: 30px;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.6);
  background-color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .addContactAndLinkBtn {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 4vw;
    padding-inline: 20px;
  }
  .addContactAndLinkBtn a {
    text-decoration: none;
  }
  .addContactAndLinkBtn .addToContactsBtn {
    width: 44vw;
  }
  .addContactAndLinkBtn .addToContactsBtn,
  .addContactAndLinkBtn .downloadAndLinkBtn {
    border-radius: 12vw;
    height: 12vw;
    border: none;
    font-weight: 600;
    font-size: 3.2vw;
    line-height: 4.267vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .addContactAndLinkBtn .downloadAndLinkBtn {
    width: 41.067vw;
    color: #fff;
    margin-left: auto;
  }
}
.rightContactBtn {
  justify-content: end;
  right: 1rem;
}
.investPopupRoot .viewContainer {
  padding: 0 38px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer {
    padding: 0 10.1333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup {
  background: url(/images/bg/popup1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 347/315;
  border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup {
    border-radius: 4vw;
  }
}
.investPopupRoot .viewContainer .investPopup .close {
  margin-top: 12px;
  margin-right: 14px;
  width: -moz-min-content;
  width: min-content;
  align-self: end;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .close {
    margin-top: 3.2vw;
    margin-right: 3.7333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup .close svg {
  width: 17px;
  height: 17px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .close svg {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup .title {
  margin: 0 31px;
  font-size: 25px;
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .title {
    margin: 0 8.2666666667vw;
    font-size: 6.6666666667vw;
  }
}
.investPopupRoot .viewContainer .investPopup .subtitle {
  margin: 8px auto 0;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .subtitle {
    margin: 2.1333333333vw auto 0;
    font-size: 3.4666666667vw;
  }
}
.investPopupRoot .viewContainer .investPopup .img-variant-1 {
  margin: 0 20px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .img-variant-1 {
    margin: 0 5.3333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup .img-variant-2 {
  transform: scaleX(-1);
  margin: 0 71px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .img-variant-2 {
    margin: 0 18.9333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup .img-variant-3 {
  margin: 0 75px 0 53px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .img-variant-3 {
    margin: 0 20vw 0 14.1333333333vw;
  }
}
.investPopupRoot .viewContainer .investPopup .img-variant-4 {
  margin: 0 76px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .img-variant-4 {
    margin: 0 20.2666666667vw;
  }
}
.investPopupRoot .viewContainer .investPopup .learnMoreContainer {
  bottom: 18px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .learnMoreContainer {
    bottom: 4.8vw;
  }
}
.investPopupRoot .viewContainer .investPopup .learnMoreContainer a {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.7px;
  padding: 8px 15px;
}
@media screen and (max-width: 767px) {
  .investPopupRoot .viewContainer .investPopup .learnMoreContainer a {
    font-size: 3.4666666667vw;
    line-height: 3.7333333333vw;
    letter-spacing: 0.1866666667vw;
    padding: 2.1333333333vw 4vw;
  }
}
.interests-page {
  padding-bottom: env(safe-area-inset-bottom);
  height: 100dvh;
}
.interests-page .container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  height: 100dvh;
}
.interests-page .interest-chip {
  background-color: rgba(0, 0, 0, 0.0509803922);
}
.interests-page .interest-chip.selected {
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
}
.interests-page .interest-chip.selected span {
  color: #fff;
  transition: 0.1s;
}
.toast-message {
  padding: 16px;
  position: fixed;
  z-index: 1051;
  width: 100%;
  max-width: 30rem;
  top: 0;
}
.toast-message-area {
  border-radius: 4px;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  background: #fff;
  color: #555;
}
.toast-message-text {
  padding: 0.5rem 1.6rem 0.5rem 0.5rem;
}
.toast-message-icon {
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0.5rem;
}
.toast-message-close {
  position: absolute;
  right: 1.5rem;
  top: 1.3rem;
}
.toast-message-close svg path {
  fill: #aaa !important;
}
.toast-message .error {
  border: 0.5px solid #ff004a;
}
.toast-message .error .toast-message-icon {
  background: #ff004a;
}
.toast-message .success {
  border: 0.5px solid #58ce93;
}
.toast-message .success .toast-message-icon {
  background: #58ce93;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  to {
    background-position: 468px 0;
  }
}
.anime-bg {
  background: var(--colorShimmerBackground);
  background: linear-gradient(
    to right,
    var(--colorShimmer1) 8%,
    var(--colorShimmer2) 24%,
    var(--colorShimmer3) 36%
  );
  background-size: 800px 104px;
}
.anime-bg,
.anime-bg-analytics {
  animation: placeHolderShimmer 1s linear infinite forwards;
  -webkit-animation: placeHolderShimmer 1s linear infinite forwards;
  position: relative;
}
.anime-bg-analytics {
  background: linear-gradient(
    to right,
    var(--colorShimmerAnalytics1) 8%,
    var(--colorShimmerAnalytics2) 24%,
    var(--colorShimmerAnalytics3) 36%
  );
  background-size: 800px 104px;
}
.anime-loader .single-item {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.09);
  padding: 16px 5px;
}
.noAfterBg:after {
  background: none !important;
}
.w-100 {
  width: 100%;
}
.w-90 {
  width: 90%;
}
.w-80 {
  width: 80%;
}
.w-70 {
  width: 70%;
}
.w-60 {
  width: 60%;
}
.w-50 {
  width: 50%;
}
.h-100 {
  height: 100%;
}
.h-90 {
  height: 90%;
}
.h-80 {
  height: 80%;
}
.h-70 {
  height: 70%;
}
.h-60 {
  height: 60%;
}
.h-50 {
  height: 50%;
}
.h-10px {
  height: 10px;
}
.h-5px {
  height: 5px;
}
.br-10px {
  border-radius: 10px;
}
.br-5px {
  border-radius: 5px;
}
.mt-20px {
  margin-top: 20px;
}
.mt-15px {
  margin-top: 15px;
}
.mt-10px {
  margin-top: 10px;
}
.mt-5px {
  margin-top: 5px;
}
.pb-15px {
  padding-bottom: 15px;
}
.pb-10px {
  padding-bottom: 10px;
}
.pb-5px {
  padding-bottom: 5px;
}
.PhotoView__Photo {
  max-width: none;
  cursor: grab;
}
.PhotoView__Photo:active {
  cursor: grabbing;
}
.PhotoView__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.PhotoView__PhotoBox,
.PhotoView__PhotoWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  touch-action: none;
  direction: ltr;
}
.PhotoView__PhotoWrap {
  z-index: 10;
  overflow: hidden;
}
.PhotoView__PhotoBox {
  transform-origin: left top;
}
@keyframes PhotoView__fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,
.PhotoView-Slider__clean .PhotoView-Slider__Overlay {
  opacity: 1;
}
.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover {
  opacity: 0;
}
.PhotoView-Slider__Backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  transition-property: background-color;
  z-index: -1;
}
.PhotoView-Slider__fadeIn {
  opacity: 0;
  animation: PhotoView__fade linear both;
}
.PhotoView-Slider__fadeOut {
  opacity: 0;
  animation: PhotoView__fade linear reverse both;
}
.PhotoView-Slider__BannerWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease-out;
  z-index: 20;
}
.PhotoView-Slider__BannerWrap:hover {
  opacity: 1;
}
.PhotoView-Slider__Counter {
  padding: 0 10px;
  font-size: 14px;
  opacity: 0.75;
}
.PhotoView-Slider__BannerRight {
  display: flex;
  align-items: center;
  height: 100%;
}
.PhotoView-Slider__toolbarIcon {
  box-sizing: border-box;
  padding: 10px;
  fill: #fff;
  opacity: 0.75;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.PhotoView-Slider__toolbarIcon:hover {
  opacity: 1;
}
.PhotoView-Portal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  touch-action: none;
}
.outercontainer .container-404 {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
}
.account_sec-404 {
  background: linear-gradient(
    183deg,
    rgba(28, 25, 50, 0) 0.59%,
    rgba(255, 255, 255, 0.4) 25.57%,
    #201a35 58.33%
  );
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account_sec-404 .share_icon {
  display: flex;
  width: 90%;
  margin-top: 60px;
  margin-bottom: 50%;
}
.circle-container {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: 5px;
}
.circle {
  width: 38px;
  height: 38px;
  background: hsla(0, 0%, 100%, 0.4);
  border-radius: 50%;
  margin: 3px;
}
.circle,
.rectangle-container {
  box-shadow: 0 6px 14px rgba(13, 14, 54, 0.08);
}
.rectangle-container {
  display: flex;
  position: relative;
  width: 347px;
  height: 61px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: hsla(0, 0%, 100%, 0.02);
  border-radius: 15px;
}
.rectangle-1 {
  width: 220px;
}
.rectangle-1,
.rectangle-2 {
  position: relative;
  height: 10px;
  background: hsla(0, 0%, 100%, 0.4);
  border-radius: 5px;
  margin: 10px;
}
.rectangle-2 {
  width: 174px;
}
.rectanlge-3 {
  position: relative;
  width: 282px;
  height: 10px;
  background: hsla(0, 0%, 100%, 0.4);
  border-radius: 5px;
}
.middle-sec {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.middle-sec h2 {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  margin: auto;
  color: #fff;
}
.icon-container {
  margin-top: 28px;
}
.middle-sec span {
  font-size: 14px;
  margin: auto;
}
.bold-text {
  width: 221px;
  height: 26px;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin: 5px;
  padding: 5px;
  color: #fff;
}
.footer-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.small-text {
  width: 203px;
  height: 40px;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.6);
}
@font-face {
  font-family: Avenir Roman;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Roman"),
    url(/font/avenir/AvenirLTStd-Roman.woff) format("woff");
}
@font-face {
  font-family: Avenir Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Oblique"),
    url(/font/avenir/AvenirLTStd-Oblique.woff) format("woff");
}
@font-face {
  font-family: Avenir Light;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Light"),
    url(/font/avenir/AvenirLTStd-Light.woff) format("woff");
}
@font-face {
  font-family: Avenir Light Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Light Oblique"),
    url(/font/avenir/AvenirLTStd-LightOblique.woff) format("woff");
}
@font-face {
  font-family: Avenir Book;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Book"),
    url(/font/avenir/AvenirLTStd-Book.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Book Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Book Oblique"),
    url(/font/avenir/AvenirLTStd-BookOblique.woff) format("woff");
}
@font-face {
  font-family: Avenir Medium;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Medium"),
    url(/font/avenir/AvenirLTStd-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Medium Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Medium Oblique"),
    url(/font/avenir/AvenirLTStd-MediumOblique.woff) format("woff");
}
@font-face {
  font-family: Avenir Heavy;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Heavy"),
    url(/font/avenir/AvenirLTStd-Heavy.woff) format("woff");
}
@font-face {
  font-family: Avenir Heavy Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Heavy Oblique"),
    url(/font/avenir/AvenirLTStd-HeavyOblique.woff) format("woff");
}
@font-face {
  font-family: Avenir bold;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir bold"),
    url(/font/avenir/AvenirLTStd-bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Avenir Black Oblique;
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Black Oblique"),
    url(/font/avenir/AvenirLTStd-BlackOblique.woff) format("woff");
}
body#aboutBody {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 100vh;
  margin: 0;
  background: #fff;
}
body#aboutBody * {
  box-sizing: border-box;
}
#about {
  background: #fff;
}
#about a,
#about a:focus,
#about a:hover {
  text-decoration: none;
  color: inherit;
  outline: 0;
  box-shadow: none;
}
#about .banner-sec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 56.4493758669vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
}
#about .banner-sec .mainbox-banner .bannertitle {
  font-family: Avenir bold;
  font-weight: 700;
  font-size: 7.4895977809vw;
  color: #fff;
  line-height: 11.875vw;
  margin: 0;
  text-align: center;
}
#about .banner-sec .mainbox-banner .bannersubtitle {
  font-family: Avenir Medium;
  font-size: 3.120665742vw;
  color: #fff;
  line-height: 4.236vw;
  margin: 0;
  text-align: center;
}
#about .banner-sec .mainbox-banner .downloadicon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#about .banner-sec .mainbox-banner .downloadicon p {
  margin: 4.0221914008vw auto 0.7725381415vw;
  font-size: 1.386962552vw;
  color: #fff;
}
#about .banner-sec .mainbox-banner .downloadicon div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
#about .banner-sec .mainbox-banner .downloadicon a {
  outline: 0;
  text-decoration: none;
  box-shadow: none;
}
#about .banner-sec .mainbox-banner .downloadicon a:first-child {
  margin-right: 1.2669902913vw;
}
#about .banner-sec .mainbox-banner .downloadicon a img {
  height: 2.3980582524vw;
}
#about .banner-sec .mainbox-banner .downloadinfo {
  font-size: 1.386962552vw;
  color: #fff;
  line-height: 1.389vw;
  text-align: center;
  margin: 4.5970873786vw 0 0;
}
#about .banner-sec .mainbox-banner .downloadinfo a {
  text-decoration: none;
  color: inherit;
  position: relative;
}
#about .banner-sec .mainbox-banner .downloadinfo a:first-child {
  margin-right: 1vw;
}
#about .banner-sec .mainbox-banner .downloadinfo a:last-child:before {
  content: "|";
  font-size: 1.386962552vw;
  position: absolute;
  left: -0.833vw;
  top: -0.069vw;
}
#about .videobackground {
  width: 100%;
  height: 56.4493758669vw;
  display: flex;
  flex-wrap: wrap;
  z-index: 8;
}
#about .commondiv {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
}
#about .videobackground video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
#about .firstvideo:after {
  background-image: linear-gradient(
    180deg,
    rgba(227, 46, 117, 0.8),
    rgba(242, 157, 68, 0.8)
  );
}
#about .firstvideo:after,
#about .secondvideo:after {
  content: "";
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
}
#about .secondvideo:after {
  background-image: linear-gradient(
    180deg,
    rgba(191, 16, 127, 0.8),
    rgba(81, 182, 214, 0.8)
  );
}
#about .thirdvideo:after {
  content: "";
  background-image: linear-gradient(
    180deg,
    rgba(27, 244, 143, 0.8),
    rgba(4, 5, 255, 0.8)
  );
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
}
#about .banner-sec .mainbox-banner {
  position: absolute;
  z-index: 9;
}
#about .video-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 37.5173370319vw;
  position: relative;
}
#about .video-sec img {
  width: 100%;
  height: 100%;
}
#about .video-sec video {
  position: absolute;
  width: 100%;
  height: 100%;
}
#about .mobilescreen-sec {
  background: #000;
  display: flex;
  flex-wrap: wrap;
}
#about .mobilescreen-sec .mainbox-mobilescreen {
  width: 100%;
  padding: 0 5.139vw;
}
#about .mobilescreen-sec .mainbox-mobilescreen .mobilescreentitle {
  margin-top: 6.667vw;
  margin-bottom: 5.833vw;
  color: #fff;
  font-size: 7.778vw;
  font-weight: 500;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 9;
}
#about .mobilescreen-sec .mainbox-mobilescreen .mobilescreentitle .shadowtext {
  background: linear-gradient(
    90deg,
    #fbd1be,
    #f8b5a5,
    #f39894,
    #eb7a8b,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.486vw rgba(0, 0, 0, 0);
  color: #000;
  position: absolute;
  top: -1.528vw;
  z-index: 8;
  transform: rotate(1deg);
}
#about .mobilescreen-sec .mainbox-mobilescreen .mobilescreentitle .maintext {
  z-index: 9;
  position: relative;
  background: linear-gradient(
    90deg,
    #f5a489,
    #f39284,
    #ef7f82,
    #e96d85,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#about .mobilescreen-sec .mainbox-mobilescreen .threemobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about .mobilescreen-sec .mainbox-mobilescreen .threemobile .singlemobile {
  width: 25.3356449376vw;
}
#about .mobilescreen-sec .mainbox-mobilescreen .threemobile .singlemobile p {
  color: #fff;
  font-size: 3.472vw;
  font-weight: 500;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3.611vw;
  position: relative;
}
#about
  .mobilescreen-sec
  .mainbox-mobilescreen
  .threemobile
  .singlemobile
  p
  .shadowtext {
  background: linear-gradient(
    to right top,
    #f5a489,
    #f39284,
    #ef7f82,
    #e96d85,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.347vw rgba(0, 0, 0, 0);
  color: #000;
  position: absolute;
  top: -1.528vw;
  z-index: 8;
  transform: rotate(2deg);
  opacity: 0.5;
}
#about
  .mobilescreen-sec
  .mainbox-mobilescreen
  .threemobile
  .singlemobile
  p
  .maintext {
  z-index: 9;
  position: relative;
  background: linear-gradient(
    90deg,
    #f5a489,
    #f39284,
    #ef7f82,
    #e96d85,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#about .mobilescreen-sec .mainbox-mobilescreen .threemobile .singlemobile img {
  height: 100%;
}
#about .mobilescreen-sec .mainbox-mobilescreen .lastshareinfo {
  color: #fff;
  font-size: 3.472vw;
  font-weight: 500;
  text-align: center;
  width: 100%;
  margin: 7.847vw 0 2.083vw;
  position: relative;
}
#about .mobilescreen-sec .mainbox-mobilescreen .lastshareinfo .shadowtext {
  background: linear-gradient(
    90deg,
    #fbd1be,
    #f8b5a5,
    #f39894,
    #eb7a8b,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.347vw rgba(0, 0, 0, 0);
  color: #000;
  position: absolute;
  top: -1.528vw;
  z-index: 8;
  transform: rotate(2deg);
  opacity: 0.5;
}
#about .mobilescreen-sec .mainbox-mobilescreen .lastshareinfo .maintext {
  z-index: 9;
  position: relative;
  background: linear-gradient(
    90deg,
    #f5a489,
    #f39284,
    #ef7f82,
    #e96d85,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#about .yourdigitalidtext {
  width: 100%;
  max-width: 57.6976421637vw;
  margin: 4.0221914008vw auto 7.6976421637vw;
}
#about .yourdigitalidtext img {
  width: 100%;
}
#about .meettext {
  width: 9.5700416089vw;
  height: auto;
  margin: 0 auto 2.6352288488vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#about .meettext img {
  height: 100%;
}
#about .linktext {
  width: 9.5700416089vw;
  height: auto;
  margin: 0 auto 2.6352288488vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#about .linktext img {
  height: 100%;
}
#about .shouttext {
  width: 9.5700416089vw;
  height: auto;
  margin: 0 auto 2.6352288488vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#about .shouttext img {
  height: 100%;
}
#about .mobileimg {
  width: 100%;
  height: 51.1789181692vw !important;
}
#about .whatyoucantext {
  width: 100%;
  max-width: 33.4951456311vw;
  margin: 10.2635228849vw auto 2.0110957004vw;
}
#about .whatyoucantext img {
  width: 100%;
}
#about .allfutcheimg {
  width: 33.7031900139vw;
  position: absolute;
  top: 8.1830790569vw;
  left: 7.6976421637vw;
}
#about .futcher-sec {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 53.125vw;
  width: 100%;
  position: relative;
  margin-bottom: -4.9237170596vw;
}
#about .futcher-sec .textfutcher {
  position: absolute;
  left: 8.958vw;
  top: 8.403vw;
  width: 33.958vw;
}
#about .futcher-sec .textfutcher p {
  font-size: 3.472vw;
  font-weight: 500;
  width: 100%;
  position: relative;
  margin: 0;
}
#about .futcher-sec .textfutcher p .shadowtext {
  color: #000;
  background: linear-gradient(
    90deg,
    #fbd1be,
    #f8b5a5,
    #f39894,
    #eb7a8b,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.347vw rgba(0, 0, 0, 0);
  color: #2d134c;
  position: absolute;
  top: -1.528vw;
  z-index: 8;
  transform: rotate(2deg);
  opacity: 0.5;
}
#about .futcher-sec .textfutcher p .maintext {
  z-index: 9;
  position: relative;
  background: linear-gradient(
    90deg,
    #f5a489,
    #f39284,
    #ef7f82,
    #e96d85,
    #df5b8a
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
#about .futcher-sec .textfutcher p.second {
  text-align: right;
  margin-top: 2.778vw;
  margin-bottom: 2.778vw;
}
#about .futcher-sec .textfutcher p.fourth {
  margin-top: 2.778vw;
  margin-bottom: 2.778vw;
  padding-left: 40%;
}
#about .futcher-sec .textfutcher p.sixth {
  margin-top: 2.778vw;
  margin-bottom: 2.778vw;
  padding-left: 30%;
}
#about .firstimg {
  position: absolute;
  right: 30.7905686546vw;
  top: 17.8918169209vw;
  width: 24.2024965326vw;
  z-index: 1;
}
#about .secondimg {
  position: absolute;
  right: 7.4202496533vw;
  top: 2.7045769764vw;
  width: 28.5020804438vw;
}
#about .logoscroll {
  height: 11.3730929265vw;
  animation: marquee 20s linear infinite;
  background-size: cover !important;
}
@keyframes marquee {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -161.6615811373vw;
  }
}
#about .socialimg {
  width: 110%;
}
#about .owl-carousel .owl-item img {
  width: auto !important;
}
#about .logoscroll .owl-carousel.owl-drag .owl-item {
  display: flex;
  align-items: center;
  height: auto;
}
#about .logoscroll .owl-carousel.owl-drag .owl-item .item {
  height: auto;
  width: auto;
}
#about .video-sec img {
  z-index: 9;
  position: relative;
}
#about .video-sec iframe {
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  z-index: 8;
  outline: 0;
  box-shadow: none;
}
#about .twopartcommonmaindiv.businesspagemaindiv {
  display: flex;
  flex-wrap: wrap;
}
#about .businesspagemaindiv .firstpart {
  width: 60%;
  height: 50.0693481276vw;
  position: relative;
}
#about .businesspagemaindiv .firstpart .businessvideosection {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
#about
  .businesspagemaindiv
  .firstpart
  .businessvideosection
  .logooverlayinvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#about .businesspagemaindiv .firstpart .businessvideosection .overlayvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    180deg,
    rgba(27, 244, 143, 0.8),
    rgba(0, 194, 187, 0.8),
    rgba(0, 138, 208, 0.8),
    rgba(0, 79, 182, 0.8),
    rgba(4, 5, 108, 0.8)
  );
}
#about .businesspagemaindiv .firstpart .businessvideosection video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
#about .businesspagemaindiv .secondpart {
  width: 40%;
}
#about .businesspagecontainmaindiv {
  padding-left: 2.6047156727vw;
  padding-top: 16.9209431345vw;
}
#about .businesspagecontainmaindiv .first {
  font-size: 2.8432732316vw;
  margin-bottom: 2.2191400832vw;
  font-family: Avenir bold;
}
#about .businesspagecontainmaindiv .second {
  font-size: 1.4563106796vw;
  font-family: Avenir Medium;
  margin-bottom: 2.2191400832vw;
  width: 34.615811vw;
}
#about .businesspagecontainmaindiv .third {
  font-family: Avenir Book;
  font-size: 1.2482662968vw;
  opacity: 0.5;
  width: 36.6158113731vw;
}
#about .twopartcommonmaindiv.missionpagemaindiv {
  display: flex;
  flex-wrap: wrap;
}
#about .missionpagemaindiv .firstpart {
  width: 59.2427184466%;
  height: 50.0693481276vw;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#about .missionpagemaindiv .firstpart .firstvideo,
#about .missionpagemaindiv .firstpart .secondvideo {
  width: 50%;
  position: relative;
  height: 100%;
  display: flex;
  overflow: hidden;
}
#about .missionpagemaindiv .firstpart .missionvideosection {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
#about .missionpagemaindiv .firstpart .missionvideosection .logooverlayinvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#about
  .missionpagemaindiv
  .firstpart
  .missionvideosection
  .firstvideo
  .overlayvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    180deg,
    rgba(191, 16, 127, 0.8),
    rgba(160, 88, 186, 0.8),
    rgba(109, 129, 219, 0.8),
    rgba(64, 159, 224, 0.8),
    rgba(81, 182, 214, 0.8)
  );
}
#about
  .missionpagemaindiv
  .firstpart
  .missionvideosection
  .secondvideo
  .overlayvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    180deg,
    rgba(27, 244, 143, 0.8),
    rgba(0, 194, 187, 0.8),
    rgba(0, 138, 208, 0.8),
    rgba(0, 79, 182, 0.8),
    rgba(4, 5, 108, 0.8)
  );
}
#about .missionpagemaindiv .firstpart .missionvideosection video {
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
#about .missionpagemaindiv .secondpart {
  width: 40.7572815534%;
}
#about .missionpagecontainmaindiv {
  padding-left: 2.6047156727vw;
  padding-top: 16.9209431345vw;
}
#about .missionpagecontainmaindiv .first {
  font-size: 2.8432732316vw;
  margin-bottom: 2.2191400832vw;
  font-family: Avenir bold;
}
#about .missionpagecontainmaindiv .second {
  font-size: 1.4563106796vw;
  font-family: Avenir Medium;
  margin-bottom: 2.2191400832vw;
  width: 35.615811vw;
}
#about .missionpagecontainmaindiv .third {
  font-family: Avenir Book;
  font-size: 1.2482662968vw;
  opacity: 0.5;
  width: 36.6158113731vw;
}
#about .twopartcommonmaindiv.contactpagemaindiv {
  display: flex;
  flex-wrap: wrap;
}
#about .contactpagemaindiv .firstpart {
  width: 57.1816920943%;
  height: 50.0693481276vw;
  position: relative;
}
#about .contactpagemaindiv .firstpart .contactvideosection {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
#about .contactpagemaindiv .firstpart .contactvideosection .logooverlayinvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#about .contactpagemaindiv .firstpart .contactvideosection .overlayvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    180deg,
    rgba(227, 46, 117, 0.8),
    rgba(241, 75, 100, 0.8),
    rgba(247, 102, 83, 0.8),
    rgba(247, 130, 72, 0.8),
    rgba(242, 157, 68, 0.8)
  );
}
#about .contactpagemaindiv .firstpart .contactvideosection video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
#about .contactpagemaindiv .secondpart {
  width: 42.6102635229%;
  padding-top: 7.7669902913vw;
}
#about .contactpagemaindiv .secondpart .first {
  margin-bottom: 4.2995839112vw;
  margin-left: 13.1719833564vw;
  margin-top: 0;
  font-size: 2.8432732316vw;
  font-family: Avenir bold;
}
#about .singledetails {
  margin-left: 7.1040221914vw;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.0221914008vw;
}
#about .singledetails .icondiv {
  width: 6.3800277393vw;
  height: 5.3398058252vw;
  margin-right: 1.4216366158vw;
}
#about .singledetails .icondiv img {
  width: auto;
  height: auto;
  max-width: 6.3800277393vw;
  max-height: 5.3398058252vw;
}
#about .singledetails .icondetails {
  width: 15.1178918169vw;
}
#about .singledetails .icondetails .firsttitle {
  margin-top: 0.8321775312vw;
  margin-bottom: 0;
  font-size: 1.4563106796vw;
  font-family: Avenir Medium;
}
#about .singledetails .icondetails .seconddetails {
  margin: 0;
  font-size: 1.2482662968vw;
  opacity: 0.5;
  font-family: Avenir Book;
}
#about
  .contactpagecontainmaindiv
  .singledetails:nth-child(3)
  .icondetails
  .firsttitle {
  margin-top: 0;
}
#about .contactpagecontainmaindiv .singledetails:nth-child(3) {
  align-items: center;
  margin-bottom: 3.120665742vw;
}
#about .productdetailspagemaindiv .twopartmaindiv {
  display: flex;
  flex-wrap: wrap;
}
#about .productdetailspagemaindiv .twopartmaindiv .firstpart {
  width: 52.014vw;
}
#about .productdetailspagemaindiv .twopartmaindiv .firstpart .imagePreview {
  width: 52.014vw;
  height: 52.014vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#about .productdetailspagemaindiv .twopartmaindiv .firstpart .imagePreview img {
  width: auto;
  height: auto;
  max-width: 52.014vw;
  max-height: 52.014vw;
}
#about .productdetailspagemaindiv .twopartmaindiv .secondpart {
  width: calc(100% - 52.014vw);
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart {
  padding: 2.569vw 4.583vw 0 4.306vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .productname {
  font-size: 3.056vw;
  color: #000;
  line-height: 3.333vw;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.764vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .productprice {
  font-size: 2.5vw;
  line-height: 2.778vw;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1.806vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .sizeoptionlistmaindiv {
  margin-bottom: 1.875vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .sizeoptionlistmaindiv
  .titlefordiv {
  font-size: 1.944vw;
  font-weight: 500;
  line-height: 2.153vw;
  margin-bottom: 1.181vw;
  margin-top: 0;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .sizeoptionlistmaindiv
  .sizeoptionlist {
  display: flex;
  flex-wrap: wrap;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .sizeoptionlistmaindiv
  .sizeoptionlist
  p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.667vw;
  line-height: 1.806vw;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 1.389vw;
  font-weight: 500;
  cursor: pointer;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .sizeoptionlistmaindiv
  .sizeoptionlist
  p.selectsize {
  color: #000;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv {
  margin-bottom: 1.389vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv
  .titlefordiv {
  font-size: 1.944vw;
  font-weight: 500;
  line-height: 2.153vw;
  margin-bottom: 1.389vw;
  margin-top: 0;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv
  .coloroptionlist {
  display: flex;
  flex-wrap: wrap;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv
  .coloroptionlist
  .colorcircle {
  margin-top: 0;
  font-size: 1.667vw;
  line-height: 1.806vw;
  width: 3.333vw;
  height: 3.333vw;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 1.9vw;
  border: 0.208vw solid #979797;
  margin-bottom: 1.389vw;
  border-radius: 51px;
  cursor: pointer;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv
  .coloroptionlist
  .colorcircle:nth-child(7n) {
  margin-right: 0;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .coloroptionlistmaindiv
  .coloroptionlist
  .colorcircle.selected {
  border: 0.208vw solid #000;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .titlefordivquantity {
  font-size: 1.944vw;
  font-weight: 500;
  line-height: 2.153vw;
  margin-bottom: 1.389vw;
  margin-top: 0;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .qtyplusminusmaindiv {
  display: flex;
  align-items: center;
  height: 2.083vw;
  width: 7.708vw;
  position: relative;
  margin-bottom: 1.806vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .qtyplusminusmaindiv
  .qtyinput {
  width: 7.708vw;
  padding: 0;
  height: 100%;
  border: 0;
  outline: 0;
  box-shadow: none;
  text-align: center;
  font-size: 2.083vw;
  font-weight: 500;
  line-height: 2.292vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .qtyplusminusmaindiv
  .btnqtyaction {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .qtyplusminusmaindiv
  .btnqtyaction.minusbtn {
  left: 0;
  font-size: 1.25vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .qtyplusminusmaindiv
  .btnqtyaction.plusbtn {
  right: 0;
  font-size: 1.25vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .addtocartbutton {
  width: 13.889vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .addtocartbutton
  button {
  width: 100%;
  height: 3.268vw;
  border-radius: 100px;
  background: #000 !important;
  border: none !important;
  font-size: 0.976vw;
  color: #fff !important;
  margin-bottom: 1.806vw;
  font-weight: 600;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .productdescripton {
  margin-bottom: 2.083vw;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .productdescripton
  * {
  font-size: 1.25vw;
  line-height: 1.458vw;
  color: #4e4e4e;
  font-weight: 300;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .productdescripton
  .titlefordiv {
  font-size: 1.597vw;
  font-weight: 500;
  line-height: 1.736vw;
  margin-bottom: 0;
  margin-top: 0;
  color: #000;
}
#about
  .productdetailspagemaindiv
  .twopartmaindiv
  .secondpart
  .mainforsecondpart
  .error {
  font-size: 1vw;
  color: red;
}
#about .cartdrower {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
#about .cartdrower .overlaycart {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
}
#about .cartdrower .mainboxcart {
  position: relative;
  z-index: 2;
  background: #fff;
  width: 30.303vw;
  height: 100%;
}
#about .cartdrower .mainboxcart .headertitle {
  font-size: 0.97vw;
  padding: 0.909vw;
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #c3c3c3;
}
#about .cartdrower .mainboxcart .cartheader {
  position: relative;
}
#about .cartdrower .mainboxcart .cartheader i {
  position: absolute;
  right: 0.788vw;
  top: 0.788vw;
  font-size: 1.212vw;
  cursor: pointer;
}
#about .cartdrower .mainboxcart .headertitle span {
  margin-left: 0.606vw;
}
#about .cartdrower .mainboxcart .itemlistincart {
  width: 100%;
  height: calc(100vh - 15.455vw);
  overflow: auto;
}
#about .cartdrower .mainboxcart .itemlistincart .singleitmecart {
  width: calc(100% - 1.818vw);
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #c3c3c3;
  padding: 0.909vw;
}
#about .cartdrower .mainboxcart .itemlistincart .singleitmecart:first-child {
  border: 0;
}
#about .cartdrower .mainboxcart .itemlistincart .singleitmecart .imageboxmain {
  width: 9.091vw;
  height: 9.091vw;
  margin-right: 0.606vw;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .imageboxmain
  img {
  width: auto;
  height: auto;
  max-width: 9.091vw;
  max-height: 9.091vw;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails {
  width: calc(100% - 9.697vw);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails {
  width: 60%;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemname {
  width: 100%;
  font-size: 1.212vw;
  margin-bottom: 0.606vw;
  margin-top: 0;
  font-weight: 500;
  word-break: break-all;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemselect {
  width: 100%;
  font-size: 0.97vw;
  margin-bottom: 0.606vw;
  margin-top: 0;
  font-weight: 300;
  text-transform: capitalize;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemprice {
  width: 100%;
  font-size: 0.97vw;
  margin-bottom: 0.606vw;
  margin-top: 0;
  font-weight: 300;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemqtycounter {
  width: 3.636vw;
  height: 1.818vw;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemqtycounter
  .itemqtyinput {
  width: 100%;
  height: 100%;
  font-size: 1.212vw;
  text-align: center;
  border: 0;
  box-shadow: none;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemqtycounter
  .itemqtyaction {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemqtycounter
  .itemqtyaction.itemqtyminus {
  left: 0;
  font-size: 0.727vw;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemdetails
  .itemqtycounter
  .itemqtyaction.itemqtyplus {
  right: 0;
  font-size: 0.727vw;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .itemqtycountprice {
  width: 30%;
  text-align: right;
  font-size: 0.97vw;
  line-height: 0.97vw;
  font-weight: 500;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .removeitemcart {
  width: 10%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
#about
  .cartdrower
  .mainboxcart
  .itemlistincart
  .singleitmecart
  .itemcartdetails
  .removeitemcart
  i {
  font-size: 0.97vw;
  line-height: 0.97vw;
}
#about .cartdrower .mainboxcart .totalandcheckoutsec {
  border-top: 1px solid #c3c3c3;
  text-align: center;
  justify-content: center;
  padding-top: 1.818vw;
  display: flex;
  flex-wrap: wrap;
}
#about .cartdrower .mainboxcart .totalandcheckoutsec .carttotalcount {
  width: 100%;
  font-size: 1.091vw;
  font-weight: 500;
  margin-bottom: 1.818vw;
}
#about .cartdrower .mainboxcart .totalandcheckoutsec button {
  width: 50%;
  height: 3.268vw;
  border-radius: 100px;
  background: #000 !important;
  border: none !important;
  font-size: 0.976vw;
  color: #fff !important;
  margin-bottom: 1.818vw;
  font-weight: 600;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
#about .cartdrower .mainboxcart .totalandcheckoutsec p {
  width: 100%;
  font-size: 0.97vw;
  margin-bottom: 1.818vw;
  margin-top: 0;
}
#about .checkoutpagemaindiv {
  margin-top: 2.083vw;
}
#about .checkoutpagemaindiv .itemandtotalbar {
  display: flex;
  flex-wrap: wrap;
  width: 69.444vw;
  margin: 0 auto;
}
#about .checkoutpagemaindiv .itemandtotalbar .checkoutitemlistmaindiv {
  width: 63%;
}
#about .checkoutpagemaindiv .itemandtotalbar .itemtotalbox {
  width: 37%;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.042vw;
  margin-bottom: 1.042vw;
  border-bottom: 1px solid #c3c3c3;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout
  .itemimagemainbox {
  width: 10.417vw;
  height: 10.417vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: 1.042vw;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout
  .itemimagemainbox
  img {
  width: auto;
  height: auto;
  max-width: 10.417vw;
  max-height: 10.417vw;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout
  .itemdetailsdiv {
  width: calc(100% - 11.458vw);
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout
  .itemdetailsdiv
  p {
  font-size: 1.111vw;
  margin: 0 0 0.694vw;
  opacity: 0.5;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .checkoutitemlistmaindiv
  .singleitemcheckout
  .itemdetailsdiv
  .productname {
  font-size: 1.389vw;
  opacity: 1;
  font-weight: 500;
}
#about .checkoutpagemaindiv .itemandtotalbar .itemtotalbox .ordersummarybox {
  margin-left: auto;
  width: 20.833vw;
  padding: 1.389vw;
  background: #dedede;
  border-radius: 5px;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .itemtotalbox
  .ordersummarybox
  .ordersummarytitle {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.389vw;
  border-bottom: 1px solid #c3c3c3;
  font-size: 1.111vw;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .itemtotalbox
  .ordersummarybox
  .orderlabelfortotal {
  padding: 1.042vw 0;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .itemtotalbox
  .ordersummarybox
  .orderlabelfortotal
  p {
  position: relative;
  margin-top: 0;
  margin-bottom: 1.042vw;
  font-size: 1.111vw;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .itemtotalbox
  .ordersummarybox
  .orderlabelfortotal
  p
  span {
  position: absolute;
  right: 0;
}
#about
  .checkoutpagemaindiv
  .itemandtotalbar
  .itemtotalbox
  .ordersummarybox
  .orderlabelfortotal
  .grandtotal {
  padding-top: 2.083vw;
  border-top: 1px solid #c3c3c3;
  margin-bottom: 0;
  font-size: 1.111vw;
}
#about .checkoutpagemaindiv .formcheckoutmaindiv .formmaindivforcheckout {
  display: flex;
  flex-wrap: wrap;
  width: 69.444vw;
  margin: 2.083vw auto;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart {
  width: calc(100% - 29.861vw);
  margin-right: 2.083vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #dedede;
  padding: 2.083vw;
  border-radius: 5px;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .paymentpart {
  width: 19.444vw;
  background: #dedede;
  padding: 2.083vw;
  position: relative;
  border-radius: 5px;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv {
  width: 48%;
  margin-bottom: 1.042vw;
  display: flex;
  flex-wrap: wrap;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  label {
  font-size: 1.111vw;
  margin-left: 1.042vw;
  margin-bottom: 0.347vw;
  width: 100%;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  input,
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  select {
  width: 100%;
  height: 2.778vw;
  border: 0;
  border-radius: 50px;
  outline: 0;
  box-shadow: none;
  padding: 0 1.389vw;
  font-size: 0.972vw;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: relative;
  background: rgba(0, 0, 0, 0);
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  select
  option {
  color: #000;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  .selectdownarrow {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 50px;
  height: 2.778vw;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .commoninputdiv
  .selectdownarrow:after {
  content: "";
  position: absolute;
  right: 0.694vw;
  top: calc(50% - 0.278vw);
  font-family: FontAwesome;
  font-size: 1.389vw;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.042vw;
  height: 0.556vw;
  line-height: 1;
  z-index: 1;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .addresspart
  .addressfild {
  width: 100%;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .paymentpart
  .commoninputdiv {
  width: 100%;
  margin-bottom: 1.042vw;
  display: flex;
  flex-wrap: wrap;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .paymentpart
  .commoninputdiv
  label {
  font-size: 1.111vw;
  margin-left: 1.042vw;
  margin-bottom: 0.347vw;
  width: 100%;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .paymentpart
  .commoninputdiv
  input {
  width: 100%;
  height: 2.778vw;
  border: 0;
  border-radius: 50px;
  outline: 0;
  box-shadow: none;
  padding: 0 1.389vw;
  font-size: 0.972vw;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .paymentpart
  .commoninputdiv
  button {
  width: calc(100% - 4.167vw);
  height: 2.778vw;
  border: 0;
  border-radius: 50px;
  outline: 0;
  box-shadow: none;
  padding: 0 1.389vw;
  font-size: 0.972vw;
  background: #000;
  color: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 2.083vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .mobilecountrycodeselect {
  border-radius: 50px;
  width: 100%;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .mobilecountrycodeselect
  .iti {
  width: 100%;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .mobilecountrycodeselect
  .iti--separate-dial-code
  .iti__selected-flag {
  background: rgba(0, 0, 0, 0) !important;
}
#about
  .checkoutpagemaindiv
  .formcheckoutmaindiv
  .formmaindivforcheckout
  .mobilecountrycodeselect
  .iti--separate-dial-code
  .iti__selected-dial-code {
  font-size: 0.972vw;
}
@media (max-width: 767px) {
  #about .banner-sec {
    height: auto;
    min-height: 100vh;
    padding: 0;
  }
  #about .banner-sec .mainbox-banner .bannertitle {
    font-size: 50px;
    line-height: 1;
  }
  #about .banner-sec .mainbox-banner .bannertitle span {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  #about .banner-sec .mainbox-banner .bannersubtitle {
    font-size: 18px;
    line-height: 1;
    padding: 15px;
  }
  #about .banner-sec .mainbox-banner .downloadicon {
    width: 230px;
    height: auto;
    margin: 23px auto 27px;
    font-size: 68px;
  }
  #about .banner-sec .mainbox-banner .downloadicon p {
    font-size: 16px;
    margin-bottom: 16px;
    margin-top: 0;
  }
  #about .banner-sec .mainbox-banner .downloadicon a:first-child {
    margin-right: 15px;
  }
  #about .banner-sec .mainbox-banner .downloadicon a img {
    height: 30px;
  }
  #about .banner-sec .mainbox-banner .downloadicon div {
    font-size: 0;
  }
  #about .banner-sec .mainbox-banner .downloadinfo {
    font-size: 16px;
    line-height: 1;
    margin-top: 50px;
  }
  #about .banner-sec .mainbox-banner .downloadinfo a:first-child {
    margin-right: 15px;
  }
  #about .banner-sec .mainbox-banner .downloadinfo a:last-child:before {
    font-size: 16px;
    line-height: 1;
    left: -12px;
    top: 0;
  }
  #about .videobackground {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    z-index: 8;
  }
  #about .video-sec {
    height: 400px;
  }
  #about .video-sec img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen {
    padding: 0 15px;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .mobilescreentitle {
    margin-top: 96px;
    margin-bottom: 84px;
    font-size: 40px;
  }
  #about
    .mobilescreen-sec
    .mainbox-mobilescreen
    .mobilescreentitle
    .shadowtext {
    -webkit-text-stroke: 7px rgba(0, 0, 0, 0);
    top: -10px;
    transform: rotate(0deg);
    opacity: 0.5;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .threemobile .singlemobile {
    width: 32%;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .threemobile .singlemobile p {
    font-size: 30px;
    margin-bottom: 15px;
  }
  #about
    .mobilescreen-sec
    .mainbox-mobilescreen
    .threemobile
    .singlemobile
    p
    .shadowtext {
    -webkit-text-stroke: 5px rgba(0, 0, 0, 0);
    top: -22px;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .lastshareinfo {
    font-size: 30px;
    margin: 30px 0;
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .lastshareinfo .shadowtext {
    -webkit-text-stroke: 5px rgba(0, 0, 0, 0);
    top: -10px;
    transform: rotate(0deg);
  }
  #about .mobilescreen-sec .mainbox-mobilescreen .threemobile {
    justify-content: space-between;
    margin-bottom: 30px;
  }
  #about .yourdigitalidtext {
    width: 100%;
    max-width: 850px;
    margin: 65px auto 25px;
  }
  #about .meettext {
    width: 50px;
    max-width: 50px;
    margin: 0 auto 15px;
  }
  #about
    .mobilescreen-sec
    .mainbox-mobilescreen
    .threemobile
    .singlemobile
    img {
    height: 15px;
  }
  #about .linktext img,
  #about .meettext img,
  #about .shouttext img {
    height: 32px;
    width: auto !important;
  }
  #about .linktext,
  #about .shouttext {
    width: 100%;
    max-width: 50px;
    margin: 0 auto 15px;
  }
  #about .whatyoucantext {
    width: 100%;
    max-width: 484px;
    margin: 0 auto 30px;
  }
  #about .allfutcheimg {
    max-width: 487px;
    width: 90%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 30px;
  }
  #about
    .mobilescreen-sec
    .mainbox-mobilescreen
    .threemobile
    .singlemobile
    img {
    width: 90%;
    margin: 0 auto;
    display: flex;
  }
  #about .mobileimg {
    height: auto !important;
    width: 100% !important;
  }
  #about .whatyoucantext,
  #about .yourdigitalidtext {
    text-align: center;
    margin-top: 30px;
  }
  #about .whatyoucantext img,
  #about .yourdigitalidtext img {
    width: 70%;
  }
  #about .futcher-sec {
    height: auto;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
  }
  #about .futcher-sec .textfutcher {
    position: relative;
    left: 0;
    top: 0;
    max-width: 489px;
    width: 100%;
    padding: 65px 15px 0;
  }
  #about .futcher-sec .textfutcher p {
    font-size: 40px;
  }
  #about .futcher-sec .textfutcher p .shadowtext {
    -webkit-text-stroke: 5px rgba(0, 0, 0, 0);
    top: -10px;
    transform: rotate(0deg);
  }
  #about .futcher-sec .textfutcher p.second {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: right;
  }
  #about .futcher-sec .textfutcher p.fourth,
  #about .futcher-sec .textfutcher p.sixth {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    text-align: right;
  }
  #about .firstimg {
    max-width: 349px;
  }
  #about .firstimg,
  #about .secondimg {
    position: relative;
    right: 0;
    top: 0;
    width: 90%;
    height: auto;
  }
  #about .secondimg {
    max-width: 428px;
  }
  #about .logoscroll {
    padding: 0;
    height: 25vw;
    animation: marquee 30s linear infinite;
  }
  @keyframes marquee {
    to {
      background-position-x: -260.6923076923vw;
    }
  }
  #about .socialimg {
    width: 100%;
  }
  #about .logoscroll .owl-carousel.owl-drag .owl-item {
    display: flex;
    align-items: center;
    height: 30px;
  }
  #about .logoscroll .owl-carousel.owl-drag .owl-item .item {
    height: 30px;
  }
  #about .businesspagemaindiv .firstpart {
    order: 2;
    width: 100%;
    height: 300px;
  }
  #about .businesspagemaindiv .secondpart {
    order: 1;
    width: 100%;
  }
  #about .businesspagecontainmaindiv {
    padding: 30px 15px;
  }
  #about .businesspagecontainmaindiv .first {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #about .businesspagecontainmaindiv .second {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
  }
  #about .businesspagecontainmaindiv .third {
    width: 100%;
    font-size: 16px;
    margin-bottom: 0;
  }
  #about .missionpagemaindiv .firstpart {
    order: 2;
    width: 100%;
    height: 300px;
  }
  #about .missionpagemaindiv .secondpart {
    order: 1;
    width: 100%;
  }
  #about .missionpagecontainmaindiv {
    padding: 30px 15px;
  }
  #about .missionpagecontainmaindiv .first {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #about .missionpagecontainmaindiv .second {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
  }
  #about .missionpagecontainmaindiv .third {
    width: 100%;
    font-size: 16px;
    margin-bottom: 0;
  }
  #about .contactpagemaindiv .firstpart {
    order: 2;
    width: 100%;
    height: 300px;
  }
  #about .contactpagemaindiv .secondpart {
    order: 1;
    width: 100%;
    padding: 30px;
  }
  #about .contactpagemaindiv .secondpart .first {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    margin-left: 0;
  }
  #about .singledetails {
    margin-left: 0;
    margin-bottom: 30px;
  }
  #about .singledetails .icondiv {
    width: 55px;
    height: auto;
    margin-right: 15px;
  }
  #about .singledetails .icondiv img {
    width: 100%;
    height: auto;
    max-width: 100px;
    max-height: 100%;
  }
  #about .singledetails .icondetails {
    width: 190px;
  }
  #about .singledetails .icondetails .firsttitle {
    margin-top: 0;
    font-size: 16px;
  }
  #about .singledetails .icondetails .seconddetails {
    font-size: 16px;
  }
  #about .productdetailspagemaindiv .twopartmaindiv {
    display: flex;
    flex-wrap: wrap;
  }
  #about .productdetailspagemaindiv .twopartmaindiv .firstpart {
    width: 749px;
  }
  #about .productdetailspagemaindiv .twopartmaindiv .firstpart .imagePreview {
    width: 100%;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .firstpart
    .imagePreview
    img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 300px;
  }
  #about .productdetailspagemaindiv .twopartmaindiv .secondpart {
    width: 100%;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart {
    padding: 15px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .productname {
    font-size: 24px;
    color: #000;
    line-height: 32px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .productprice {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .sizeoptionlistmaindiv {
    margin-bottom: 27px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .sizeoptionlistmaindiv
    .titlefordiv {
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .sizeoptionlistmaindiv
    .sizeoptionlist {
    display: flex;
    flex-wrap: wrap;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .sizeoptionlistmaindiv
    .sizeoptionlist
    p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.4);
    margin-right: 20px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .sizeoptionlistmaindiv
    .sizeoptionlist
    p.selectsize {
    color: #000;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv {
    margin-bottom: 0;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv
    .titlefordiv {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv
    .coloroptionlist {
    display: flex;
    flex-wrap: wrap;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv
    .coloroptionlist
    .colorcircle {
    margin-top: 0;
    font-size: 24px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    color: rgba(0, 0, 0, 0.4);
    margin-right: 15px;
    border: 3px solid #979797;
    margin-bottom: 15px;
    border-radius: 51px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv
    .coloroptionlist
    .colorcircle.selected {
    border: 3px solid #000;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .coloroptionlistmaindiv
    .coloroptionlist
    .colorcircle:nth-child(7n) {
    margin-right: 15px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .titlefordivquantity {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv {
    display: flex;
    align-items: center;
    height: 30px;
    width: 90px;
    position: relative;
    margin-bottom: 15px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv
    .qtyinput {
    width: 90px;
    padding: 0;
    height: 100%;
    border: 0;
    outline: 0;
    box-shadow: none;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv
    .btnqtyaction {
    position: absolute;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv
    .btnqtyaction.minusbtn {
    left: 0;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv
    .btnqtyaction.minusbtn
    i {
    font-size: 16px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .qtyplusminusmaindiv
    .btnqtyaction.plusbtn {
    right: 0;
    font-size: 16px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .addtocartbutton {
    width: 200px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .addtocartbutton
    button {
    width: 200px;
    height: 55px;
    border-radius: 100px;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .productdescripton {
    margin-bottom: 30px;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .productdescripton
    * {
    font-size: 16px;
    line-height: 21px;
    color: #4e4e4e;
    font-weight: 300;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .productdescripton
    .titlefordiv {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
  }
  #about
    .productdetailspagemaindiv
    .twopartmaindiv
    .secondpart
    .mainforsecondpart
    .error {
    font-size: 14px;
  }
  #about .cartdrower {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
  #about .cartdrower .overlaycart {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  #about .cartdrower .mainboxcart {
    position: relative;
    z-index: 2;
    background: #fff;
    height: 100%;
    max-width: 400px;
    width: 100%;
  }
  #about .cartdrower .mainboxcart .headertitle {
    font-size: 16px;
    padding: 15px;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 1px solid #c3c3c3;
  }
  #about .cartdrower .mainboxcart .cartheader {
    position: relative;
  }
  #about .cartdrower .mainboxcart .cartheader i {
    position: absolute;
    right: 13px;
    top: 13px;
    font-size: 20px;
  }
  #about .cartdrower .mainboxcart .headertitle span {
    margin-left: 10px;
  }
  #about .cartdrower .mainboxcart .itemlistincart {
    width: 100%;
    height: calc(100vh - 200px);
    overflow: auto;
  }
  #about .cartdrower .mainboxcart .itemlistincart .singleitmecart {
    width: calc(100% - 30px);
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #c3c3c3;
    padding: 24px 15px 15px;
    position: relative;
  }
  #about .cartdrower .mainboxcart .itemlistincart .singleitmecart:first-child {
    border: 0;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .imageboxmain {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .imageboxmain
    img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails {
    width: calc(100% - 110px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails {
    width: 100%;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemname {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 500;
    word-break: break-all;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemprice,
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemselect {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 300;
    line-height: 1.5;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemqtycounter {
    width: 60px;
    height: 22px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemqtycounter
    .itemqtyinput {
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border: 0;
    box-shadow: none;
    outline: 0;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemqtycounter
    .itemqtyaction {
    position: absolute;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemqtycounter
    .itemqtyaction.itemqtyminus {
    left: 0;
    font-size: 12px;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemdetails
    .itemqtycounter
    .itemqtyaction.itemqtyplus {
    right: 0;
    font-size: 16px;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .itemqtycountprice {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    margin-top: 15px;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .removeitemcart {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 12px;
    top: 3px;
  }
  #about .cartdrower .mainboxcart .totalandcheckoutsec {
    border-top: 1px solid #c3c3c3;
    text-align: center;
    justify-content: center;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  #about .cartdrower .mainboxcart .totalandcheckoutsec .carttotalcount {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  #about .cartdrower .mainboxcart .totalandcheckoutsec button {
    width: 70%;
    height: 50px;
    font-size: 15px;
    margin-bottom: 15px;
  }
  #about .cartdrower .mainboxcart .totalandcheckoutsec p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0;
  }
  #about
    .cartdrower
    .mainboxcart
    .itemlistincart
    .singleitmecart
    .itemcartdetails
    .removeitemcart
    i {
    font-size: 20px;
    line-height: 1;
  }
  #about .checkoutpagemaindiv .itemandtotalbar {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  #about .checkoutpagemaindiv .itemandtotalbar .checkoutitemlistmaindiv {
    width: 100%;
    padding-right: 0;
  }
  #about .checkoutpagemaindiv .itemandtotalbar .itemtotalbox {
    width: 100%;
    padding-left: 0;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    border-bottom: 1px solid #c3c3c3;
    padding: 0;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout
    .itemimagemainbox {
    width: 100%;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout
    .itemimagemainbox
    img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 150px;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout
    .itemdetailsdiv {
    width: 100%;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout
    .itemdetailsdiv
    p {
    font-size: 16px;
    margin: 0 0 10px;
    opacity: 0.5;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .checkoutitemlistmaindiv
    .singleitemcheckout
    .itemdetailsdiv
    .productname {
    font-size: 20px;
    opacity: 1;
    font-weight: 500;
  }
  #about .checkoutpagemaindiv .itemandtotalbar .itemtotalbox .ordersummarybox {
    margin-left: auto;
    width: calc(100% - 40px);
    padding: 20px;
    background: #dedede;
    border-radius: 5px;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .itemtotalbox
    .ordersummarybox
    .ordersummarytitle {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .itemtotalbox
    .ordersummarybox
    .orderlabelfortotal {
    padding: 15px 0;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .itemtotalbox
    .ordersummarybox
    .orderlabelfortotal
    p {
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .itemtotalbox
    .ordersummarybox
    .orderlabelfortotal
    p
    span {
    position: absolute;
    right: 0;
  }
  #about
    .checkoutpagemaindiv
    .itemandtotalbar
    .itemtotalbox
    .ordersummarybox
    .orderlabelfortotal
    .grandtotal {
    padding-top: 30px;
    border-top: 1px solid #c3c3c3;
    margin-bottom: 0;
    font-size: 14px;
  }
  #about .checkoutpagemaindiv .formcheckoutmaindiv .formmaindivforcheckout {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px auto 30px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #dedede;
    padding: 20px;
    border-radius: 5px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .paymentpart {
    width: 100%;
    background: #dedede;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    margin-top: 15px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    label {
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 5px;
    width: 100%;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    input {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 50px;
    outline: 0;
    box-shadow: none;
    padding: 0 20px;
    font-size: 14px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    select {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 50px;
    outline: 0;
    box-shadow: none;
    padding: 0 20px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    position: relative;
    background: rgba(0, 0, 0, 0);
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    select
    option {
    color: #000;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    .selectdownarrow {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 50px;
    height: 40px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .commoninputdiv
    .selectdownarrow:after {
    content: "";
    position: absolute;
    right: 10px;
    top: calc(50% - 4px);
    font-family: FontAwesome;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 8px;
    line-height: 1;
    z-index: 1;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .addresspart
    .addressfild {
    width: 100%;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .paymentpart
    .commoninputdiv {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .paymentpart
    .commoninputdiv
    label {
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 5px;
    width: 100%;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .paymentpart
    .commoninputdiv
    input {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 50px;
    outline: 0;
    box-shadow: none;
    padding: 0 20px;
    font-size: 14px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .paymentpart
    .commoninputdiv
    button {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 50px;
    outline: 0;
    box-shadow: none;
    padding: 0 20px;
    font-size: 14px;
    background: #000;
    color: #fff;
    cursor: pointer;
    position: relative;
    bottom: 0;
    margin-top: 10px;
  }
  #about .checkoutpagemaindiv {
    margin-top: 15px;
    padding: 0 15px;
  }
  #about
    .checkoutpagemaindiv
    .formcheckoutmaindiv
    .formmaindivforcheckout
    .mobilecountrycodeselect
    .iti--separate-dial-code
    .iti__selected-dial-code {
    font-size: 14px;
  }
}
@supports (-webkit-touch-callout: none) {
  #about .cartdrower .mainboxcart .itemlistincart {
    height: calc(100vh - 320px);
  }
}
body#aboutBody2 {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  color: hsla(0, 0%, 100%, 0.8);
}
body#aboutBody2 * {
  box-sizing: border-box;
}
#about2 {
  position: relative;
  background: #230623;
  background: linear-gradient(
    255.06deg,
    #230623 -85.09%,
    #1f1a35 30.73%,
    #060d12 109.05%
  );
  margin: 0;
}
#about2 .policymaindiv {
  width: 900px;
  margin: 90px auto;
}
#about2 p {
  color: var(--colorOnPrimary);
}
@media (max-width: 767px) {
  #about2 .policymaindiv {
    padding: 15px;
    width: calc(100% - 30px);
  }
}
@media (max-width: 991px) {
  #about2 .policymaindiv {
    margin: 0 auto;
  }
}
@media (pointer: coarse) {
  #about2 .policymaindiv {
    margin: 0 auto;
  }
}
#about2 .policy-content {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
  background: #230623;
  background: linear-gradient(
    255.06deg,
    #230623 -85.09%,
    #1f1a35 30.73%,
    #060d12 109.05%
  );
  padding: 0 15px;
}
#about2 a {
  font-weight: 700;
  text-decoration: none;
}
#about2 a,
#about2 b,
#about2 h1 {
  color: #fff;
}
#about2 h3 {
  font-size: 24px;
  color: #ffc588;
  padding-bottom: 2px;
  position: relative;
  display: inline-block;
}
@supports (
    ((-webkit-background-clip: text) or (background-clip: text)) or
      (-webkit-background-clip: text)
  )
  and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  #about2 h3 {
    background-image: linear-gradient(
      244.83deg,
      #dd548a -67.32%,
      #ffc588 177.77%
    );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-fill-color: rgba(0, 0, 0, 0);
  }
}
#about2 p {
  margin-top: 0;
}
#about2 h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #ffc588;
  background: linear-gradient(244.83deg, #dd548a -67.32%, #ffc588 177.77%);
}
#about2 h5 {
  font-size: 18px;
  color: #13e2da;
  font-weight: 700;
}
@supports (
    ((-webkit-background-clip: text) or (background-clip: text)) or
      (-webkit-background-clip: text)
  )
  and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  #about2 h5 {
    background-image: linear-gradient(
      181.04deg,
      #9055ff 11.73%,
      #13e2da 143.17%
    );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-fill-color: rgba(0, 0, 0, 0);
  }
}
#about2 .level-one {
  padding-left: 30px;
}
#about2 h4 {
  color: #4f81bd;
  font-size: 20px;
}
#about2 h6 {
  color: #4f81bd;
  font-size: 16px;
}
#about2 li {
  margin-bottom: 10px;
}
#about2 li,
#about2 p {
  word-break: break-word;
}
#about2 .policy-text-center {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 20px;
}
#about2 .policy-content {
  display: inline-block;
  text-align: left;
}
@media (max-width: 767px) {
  #about2 .policy-text-center {
    padding-top: 11vw;
  }
}
body#ambassadorBody {
  background: #1f1a35;
  margin: 0;
}
body#ambassadorBody * {
  box-sizing: border-box;
}
#ambassador {
  position: relative;
  background: #1f1a35;
}
#ambassador h1,
#ambassador h2,
#ambassador h3,
#ambassador h4,
#ambassador h5,
#ambassador h6 {
  margin: 0.694vw 0;
}
#ambassador a:focus,
#ambassador a:hover {
  outline: none !important;
  box-shadow: none;
  text-decoration: none;
}
#ambassador p {
  margin-top: 0;
}
@media (max-width: 767px) {
  #ambassador .bannerformmaindiv .appstorebtn a img {
    width: 33.333vw;
    height: 11.467vw;
    margin-right: 2.5vw;
  }
  #ambassador .bannerformmaindiv .playstorebtn a img {
    width: 38.133vw;
    height: 11.3vw;
  }
}
#ambassador .bannersection {
  height: 62.5vw;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 52.639vw;
}
#ambassador .bannersection .maindivbanner .leftpart {
  padding-top: 15.069vw;
  padding-left: 7.431vw;
  max-width: 40.625vw;
}
#ambassador .bannersection .maindivbanner .leftpart .first {
  font-weight: 950;
  font-size: 3.472vw;
  color: #fff;
  margin-bottom: 1.389vw;
}
#ambassador .bannersection .maindivbanner .leftpart .first span {
  background: linear-gradient(
    245.1deg,
    #ec008c 15.81%,
    #fc8b67 56.45%,
    #ffd46d 74.04%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  display: inline-block;
  line-height: 1.05;
}
#ambassador .bannersection .maindivbanner .leftpart .second {
  font-weight: 400;
  font-size: 1.528vw;
  line-height: 2.222vw;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 2.431vw;
}
#ambassador .bannersection .bannerformmaindiv {
  display: flex;
  align-items: center;
}
#ambassador .bannersection .bannerformmaindiv input {
  width: 20.486vw;
  height: 2.5vw;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 1.597vw;
  border: none;
  padding: 0.694vw 1.25vw;
  font-weight: 400;
  font-size: 0.972vw;
  line-height: 1.042vw;
  margin-right: 0.694vw;
  color: #fff;
}
#ambassador .bannersection .bannerformmaindiv button {
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  border-radius: 2.361vw;
  width: 8.125vw;
  height: 2.292vw;
  border: none;
  font-weight: 600;
  font-size: 0.972vw;
  line-height: 0vw;
  text-align: center;
  letter-spacing: 0.43 0.403vw;
  color: #fff;
  cursor: pointer;
}
#ambassador .bannersection .imagecelebration {
  margin-top: 2.917vw;
  margin-left: 8.819vw;
  width: 15.625vw;
  height: 15.625vw;
}
#ambassador .bannersection .imagecelebration img {
  width: 15.625vw;
  height: 15.625vw;
  -o-object-fit: cover;
  object-fit: cover;
}
#ambassador .trustedbysection {
  height: 61.111vw;
  position: relative;
  overflow: hidden;
}
#ambassador .trustedbysection:after {
  right: 0;
  z-index: 1;
}
#ambassador .trustedbysection:after,
#ambassador .trustedbysection:before {
  content: "";
  background: linear-gradient(270deg, #1f1a35 50%, rgba(31, 26, 53, 0));
  width: 34.722vw;
  height: 55.556vw;
  position: absolute;
  top: calc(50% - 17.361vw);
}
#ambassador .trustedbysection:before {
  transform: rotate(180deg);
  left: 0;
  z-index: 2;
}
#ambassador .trustedbysection .titlediv p {
  width: 49.931vw;
  font-weight: 950;
  font-size: 3.889vw;
  text-align: center;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  margin: 5.347vw auto 0;
}
#ambassador .listoftrustedby .listContainer {
  overflow-x: hidden;
}
#ambassador .listoftrustedby .listContainer .list {
  display: flex;
  flex-direction: row;
  transition: all 0.25s ease 0s;
}
#ambassador .listoftrustedby .listContainer .list .itemContainer {
  flex-basis: 31%;
  flex-shrink: 0;
  flex-grow: 0;
}
#ambassador .listoftrustedby .listContainer .list .itemContainer.active {
  flex-basis: 38%;
}
@media (max-width: 767px) {
  #ambassador .listoftrustedby .listContainer .list .itemContainer,
  #ambassador .listoftrustedby .listContainer .list .itemContainer.active {
    flex-basis: 86%;
  }
}
#ambassador .listoftrustedby .listContainer .list .itemContainer .item {
  margin: 0 15px;
}
@media (max-width: 767px) {
  #ambassador .listoftrustedby .listContainer .list .itemContainer .item {
    margin: 0 7.5px;
  }
}
#ambassador .listoftrustedby .singleboxtrustedby {
  background: #2e2848;
  border-radius: 3.264vw;
  padding: 3.264vw 4.236vw;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  margin: 6.597vw 0 10.417vw;
}
#ambassador .listoftrustedby .itemContainer.active .item .singleboxtrustedby {
  filter: drop-shadow(0 0.833vw 4vw rgba(245, 73, 121, 0.2));
  border: 1px solid #fc8b67;
  background: linear-gradient(#2e2848, #2e2848) padding-box,
    linear-gradient(
        to left bottom,
        rgba(236, 0, 140, 0.4),
        rgba(255, 212, 109, 0.4)
      )
      border-box;
  border-radius: 3.264vw;
  border: 1px solid rgba(0, 0, 0, 0);
}
#ambassador .listoftrustedby .singleboxtrustedby .starlist {
  width: 13.194vw;
  height: 1.806vw;
  margin-bottom: 1.042vw;
}
#ambassador .listoftrustedby .singleboxtrustedby .starlist img {
  width: 13.194vw;
  height: 1.806vw;
  -o-object-fit: cover;
  object-fit: cover;
}
#ambassador .listoftrustedby .singleboxtrustedby .details {
  height: 10.417vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#ambassador .listoftrustedby .singleboxtrustedby .details p {
  font-weight: 400;
  font-size: 1.667vw;
  line-height: 2.083vw;
  align-items: flex-end;
  letter-spacing: 0.43 0.403vw;
  color: #f6f6f7;
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
#ambassador .listoftrustedby .singleboxtrustedby .userdetailsmaindiv {
  display: flex;
  align-items: center;
}
#ambassador
  .listoftrustedby
  .singleboxtrustedby
  .userdetailsmaindiv
  .userimagemaindiv {
  width: 5.139vw;
  height: 5.139vw;
  border-radius: 5.139vw;
  overflow: hidden;
  margin-right: 1.042vw;
}
#ambassador
  .listoftrustedby
  .singleboxtrustedby
  .userdetailsmaindiv
  .userimagemaindiv
  img {
  width: 5.139vw;
  height: 5.139vw;
}
#ambassador
  .listoftrustedby
  .singleboxtrustedby
  .userdetailsmaindiv
  .userdetails {
  width: calc(100% - 6.875vw);
}
#ambassador
  .listoftrustedby
  .singleboxtrustedby
  .userdetailsmaindiv
  .userdetails
  .first {
  font-weight: 600;
  font-size: 1.389vw;
  line-height: 1.528vw;
  color: #fff;
  margin-bottom: 0.5vw;
}
#ambassador
  .listoftrustedby
  .singleboxtrustedby
  .userdetailsmaindiv
  .userdetails
  .second {
  font-weight: 600;
  font-size: 0.972vw;
  line-height: 1.042vw;
  color: hsla(0, 0%, 100%, 0.6);
  margin-bottom: 0;
}

#ambassador .gainaccesssection {
  overflow: hidden;
  position: relative;
}
#ambassador .gainaccesssection:after {
  content: "";
  background: radial-gradient(
    38.06% 40.81% at 67.02% 45.75%,
    #6867f3 0,
    rgba(31, 26, 53, 0) 100%
  );
  width: 62.5vw;
  height: 55.556vw;
  position: absolute;
  top: calc(50% - 27.778vw);
  left: calc(50% - 41.667vw);
  z-index: -1;
  opacity: 0.2;
}
#ambassador .gainaccesssection .gainaccessmainsec {
  position: relative;
}
#ambassador .gainaccesssection .gainaccessmainsec .leftpart {
  margin-left: 10.556vw;
  max-width: 47.222vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .leftpart .first {
  font-weight: 950;
  font-size: 3.889vw;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  margin-bottom: 1.736vw;
  padding-top: 21.528vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .leftpart .second {
  font-weight: 400;
  font-size: 1.667vw;
  line-height: 2.222vw;
  color: #fff;
  margin-bottom: 14.444vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .leftpart .imagecelebration {
  width: 18.194vw;
  height: 18.194vw;
  margin-left: 5.972vw;
  margin-bottom: 11.944vw;
}
#ambassador
  .gainaccesssection
  .gainaccessmainsec
  .leftpart
  .imagecelebration
  img {
  width: 18.194vw;
  height: 18.194vw;
  -o-object-fit: cover;
  object-fit: cover;
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .firstimg {
  position: absolute;
  top: 5.417vw;
  right: 15.347vw;
  width: 21.319vw;
  height: 21.319vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .firstimg img {
  width: 21.319vw;
  height: 21.319vw;
  -o-object-fit: cover;
  object-fit: cover;
  filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .secondimg {
  position: absolute;
  top: 24.514vw;
  right: -1.944vw;
  width: 31.944vw;
  height: 31.944vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .secondimg img {
  width: 31.944vw;
  height: 31.944vw;
  -o-object-fit: cover;
  object-fit: cover;
  filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .thirdimg {
  position: absolute;
  top: 45.417vw;
  right: 25.278vw;
  width: 27.153vw;
  height: 27.153vw;
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .thirdimg img {
  width: 27.153vw;
  height: 27.153vw;
  text-align: center;
  -o-object-fit: cover;
  object-fit: cover;
  filter: drop-shadow(1.875vw 1.597vw 4.792vw rgba(0, 0, 0, 0.4));
}
#ambassador .gainaccesssection .gainaccessmainsec .rightpart .thirdimg button {
  width: 13.264vw;
  height: 3.542vw;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  box-shadow: 0 0.417vw 1.042vw rgba(241, 149, 138, 0.6);
  border-radius: 2.986vw;
  border: none;
  font-weight: 600;
  font-size: 1.111vw;
  line-height: 1.111vw;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  margin-left: calc(50% - 6.667vw);
  z-index: 1;
  position: relative;
  top: -2.153vw;
  cursor: pointer;
}
#ambassador .aboutlinkemesection {
  margin-bottom: 2.361vw;
}
#ambassador .aboutlinkemesection .title {
  width: 51.597vw;
  margin: 0 auto;
}
#ambassador .aboutlinkemesection .title .first {
  font-weight: 950;
  font-size: 3.889vw;
  text-align: center;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  margin-bottom: 2.014vw;
}
#ambassador .aboutlinkemesection .title .second {
  width: 42.361vw;
  font-weight: 400;
  font-size: 1.667vw;
  text-align: center;
  color: #fff;
  margin: 0 auto 10.903vw;
  opacity: 0.8;
}
#ambassador .listofabouts {
  display: flex;
  flex-wrap: wrap;
  max-width: 82.222vw;
  margin: 0 auto;
}
#ambassador .listofabouts .singleaboutmaindiv {
  width: 39.02vw;
  background: #2e2848;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  border-radius: 3.264vw;
  padding: 6.806vw 4.5vw 3.333vw;
  position: relative;
  text-align: center;
  margin-bottom: 8.333vw;
  margin-right: 4.167vw;
}
#ambassador .listofabouts .singleaboutmaindiv:nth-child(2n) {
  margin-right: 0;
}
#ambassador .listofabouts .singleaboutmaindiv img {
  position: absolute;
  top: -4.861vw;
  left: calc(50% - 4.375vw);
  width: 8.75vw;
  height: 8.75vw;
}
#ambassador .listofabouts .singleaboutmaindiv .first {
  font-weight: 700;
  font-size: 2.5vw;
  text-align: center;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  margin-bottom: 1.806vw;
}
#ambassador .listofabouts .singleaboutmaindiv .second {
  font-weight: 400;
  font-size: 1.667vw;
  text-align: center;
  color: #f6f6f7;
  margin-bottom: 0;
}
#ambassador .faqsection .title .first {
  font-weight: 950;
  font-size: 3.889vw;
  text-align: center;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  margin-bottom: 1.458vw;
}
#ambassador .faqsection .title .second {
  font-weight: 400;
  font-size: 1.667vw;
  text-align: center;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 4.306vw;
}
#ambassador .listoffaq .singlefaq {
  width: 71.944vw;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 1.319vw;
  padding: 2.153vw 3.056vw 1.667vw;
  margin: 0 auto 1.389vw;
}
#ambassador .listoffaq .singlefaq .title {
  display: flex;
}
#ambassador .listoffaq .singlefaq .title .first {
  font-weight: 700;
  font-size: 2.222vw;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  text-align: left;
  width: calc(100% - 3.194vw);
  margin-bottom: 0;
  cursor: pointer;
}
#ambassador .listoffaq .singlefaq .title .iconfaq {
  width: 1.806vw;
  height: 1.806vw;
  margin-left: 1.389vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ambassador .listoffaq .singlefaq .title .iconfaq img {
  width: 1.806vw;
  height: 1.806vw;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}
#ambassador .listoffaq .singlefaq .title .iconfaq .minus {
  height: auto;
  display: none;
}
#ambassador .listoffaq .singlefaq .details {
  font-weight: 400;
  font-size: 1.389vw;
  line-height: 124.5%;
  letter-spacing: 0.43 0.403vw;
  color: #f6f6f7;
  margin-top: 1.667vw;
  display: none;
}
#ambassador .listoffaq .singlefaq.active .iconfaq .plus {
  display: none;
}
#ambassador .listoffaq .singlefaq.active .details,
#ambassador .listoffaq .singlefaq.active .iconfaq .minus {
  display: flex;
}
#ambassador .readytojoinsection {
  margin-top: 8.333vw;
  margin-bottom: 7.361vw;
}
#ambassador .readytojoinmainsec {
  width: 84.861vw;
  height: 41.111vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 2.5vw;
  overflow: hidden;
  margin: 0 auto;
}
#ambassador .readytojoinmainsec .leftpart {
  width: 50%;
  display: flex;
  align-items: center;
  padding-left: 6.389vw;
}
#ambassador .readytojoinmainsec .leftpart .first {
  font-weight: 950;
  font-size: 3.889vw;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.43 0.403vw;
  text-transform: capitalize;
  color: #f6f6f7;
  width: 31.25vw;
  margin-bottom: 1.597vw;
}
#ambassador .readytojoinmainsec .leftpart button {
  width: 14.653vw;
  height: 4.236vw;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  border-radius: 2.361vw;
  border: none;
  font-style: normal;
  font-weight: 600;
  font-size: 1.667vw;
  letter-spacing: 0.43 0.403vw;
  color: #fff;
  cursor: pointer;
}
#ambassador .readytojoinmainsec .rightpart {
  width: 50%;
  height: 41.111vw;
}
#ambassador .readytojoinmainsec .rightpart img {
  width: 100%;
  height: 41.111vw;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1440px) and (min-width: 768px) {
  #ambassador .bannerformmaindiv .appstorebtn a img {
    width: 13.958vw;
    margin-right: 1.3vw;
  }
  #ambassador .bannerformmaindiv .playstorebtn a img {
    width: 15.764vw;
  }
}
@media (min-width: 1441px) {
  #ambassador .bannerformmaindiv .appstorebtn a img {
    width: 201px;
    margin-right: 15px;
  }
  #ambassador .bannerformmaindiv .playstorebtn a img {
    width: 227px;
  }
}
@media (max-width: 767px) {
  #ambassador .bannersection {
    height: 259.375vw;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 93.75vw;
  }
  #ambassador .bannersection .maindivbanner .leftpart {
    padding: 4.688vw;
    max-width: 182.813vw;
  }
  #ambassador .bannersection .maindivbanner .leftpart .first {
    font-weight: 950;
    font-size: 7.375vw;
    color: #fff;
    margin-bottom: 6.25vw;
    padding-top: 31.25vw;
  }
  #ambassador .bannersection .maindivbanner .leftpart .first span {
    background: linear-gradient(
      245.1deg,
      #ec008c 15.81%,
      #fc8b67 56.45%,
      #ffd46d 74.04%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: 1.05;
  }
  #ambassador .bannersection .maindivbanner .leftpart .second {
    font-weight: 400;
    font-size: 5vw;
    line-height: 7.5vw;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 10.938vw;
  }
  #ambassador .bannersection .bannerformmaindiv {
    display: flex;
    align-items: center;
  }
  #ambassador .bannersection .bannerformmaindiv input {
    width: 92.188vw;
    height: 11.25vw;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 7.188vw;
    border: none;
    padding: 3.125vw 5.625vw;
    font-weight: 400;
    font-size: 4.375vw;
    line-height: 4.688vw;
    margin-right: 3.125vw;
    color: #fff;
  }
  #ambassador .bannersection .bannerformmaindiv button {
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    border-radius: 10.625vw;
    width: 36.563vw;
    height: 10.313vw;
    border: none;
    font-weight: 600;
    font-size: 3vw;
    line-height: 0vw;
    text-align: center;
    letter-spacing: 0.625px;
    color: #fff;
    cursor: pointer;
  }
  #ambassador .bannersection .imagecelebration {
    margin-top: 0;
    margin-left: 0;
    width: 39.063vw;
    height: 39.063vw;
  }
  #ambassador .bannersection .imagecelebration img {
    width: 39.063vw;
    height: 39.063vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #ambassador .trustedbysection {
    height: auto;
    position: relative;
    overflow: hidden;
  }
  #ambassador .trustedbysection:after {
    right: 0;
    z-index: 1;
  }
  #ambassador .trustedbysection:after,
  #ambassador .trustedbysection:before {
    display: none;
    content: "";
    background: linear-gradient(270deg, #1f1a35 50%, rgba(31, 26, 53, 0));
    width: 156.25vw;
    height: 250vw;
    position: absolute;
    top: calc(50% - 78.125vw);
  }
  #ambassador .trustedbysection:before {
    transform: rotate(180deg);
    left: 0;
    z-index: 2;
  }
  #ambassador .trustedbysection .titlediv p {
    width: 100%;
    font-weight: 950;
    font-size: 7.375vw;
    text-align: center;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    margin: 6.25vw auto 0;
    padding: 4.688vw;
  }
  #ambassador .listoftrustedby .singleboxtrustedby {
    background: #2e2848;
    border-radius: 4.688vw;
    padding: 4.688vw;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    margin: 6.25vw 0;
  }
  #ambassador .listoftrustedby .owl-item.active.center .singleboxtrustedby {
    filter: drop-shadow(0 0.833vw 4vw rgba(245, 73, 121, 0.2));
    border: 1px solid #fc8b67;
    background: linear-gradient(#2e2848, #2e2848) padding-box,
      linear-gradient(
          to left bottom,
          rgba(236, 0, 140, 0.4),
          rgba(255, 212, 109, 0.4)
        )
        border-box;
    border-radius: 4.688vw;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  #ambassador .listoftrustedby .singleboxtrustedby .starlist {
    width: 25vw;
    height: auto;
    margin-bottom: 4.688vw;
  }
  #ambassador .listoftrustedby .singleboxtrustedby .starlist img {
    width: 25vw;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #ambassador .listoftrustedby .singleboxtrustedby .details {
    height: 36.417vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #ambassador .listoftrustedby .singleboxtrustedby .details p {
    font-weight: 400;
    font-size: 4.375vw;
    line-height: 7.5vw;
    align-items: flex-end;
    letter-spacing: 0.625px;
    color: #f6f6f7;
    margin-bottom: 4.688vw;
  }
  #ambassador .listoftrustedby .singleboxtrustedby .userdetailsmaindiv {
    display: flex;
    align-items: center;
  }
  #ambassador
    .listoftrustedby
    .singleboxtrustedby
    .userdetailsmaindiv
    .userimagemaindiv {
    width: 9.375vw;
    height: 9.375vw;
    border-radius: 9.375vw;
    overflow: hidden;
    margin-right: 4.688vw;
  }
  #ambassador
    .listoftrustedby
    .singleboxtrustedby
    .userdetailsmaindiv
    .userimagemaindiv
    img {
    width: 9.375vw;
    height: 9.375vw;
  }
  #ambassador
    .listoftrustedby
    .singleboxtrustedby
    .userdetailsmaindiv
    .userdetails {
    width: calc(100% - 14.063vw);
  }
  #ambassador
    .listoftrustedby
    .singleboxtrustedby
    .userdetailsmaindiv
    .userdetails
    .first {
    font-weight: 600;
    font-size: 4.375vw;
    line-height: 6.25vw;
    color: #fff;
    margin-bottom: 1.563vw;
  }
  #ambassador
    .listoftrustedby
    .singleboxtrustedby
    .userdetailsmaindiv
    .userdetails
    .second {
    font-weight: 600;
    font-size: 3.75vw;
    line-height: 4.688vw;
    color: hsla(0, 0%, 100%, 0.6);
    margin-bottom: 0;
  }
  
  #ambassador .gainaccesssection {
    overflow: hidden;
    position: relative;
  }
  #ambassador .gainaccesssection:after {
    display: none;
    content: "";
    background: radial-gradient(
      38.06% 40.81% at 67.02% 45.75%,
      #6867f3 0,
      rgba(31, 26, 53, 0) 100%
    );
    width: 281.25vw;
    height: 250vw;
    position: absolute;
    top: calc(50% - 125vw);
    left: calc(50% - 187.5vw);
    z-index: -1;
    opacity: 0.2;
  }
  #ambassador .gainaccesssection .gainaccessmainsec {
    position: relative;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .leftpart {
    margin-left: 0;
    max-width: 100vw;
    padding: 4.688vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .leftpart .first {
    font-weight: 950;
    font-size: 7.375vw;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    margin-bottom: 4.688vw;
    padding-top: 15.625vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .leftpart .second {
    font-weight: 400;
    font-size: 5vw;
    line-height: 7.5vw;
    color: #fff;
    margin-bottom: 4.688vw;
  }
  #ambassador
    .gainaccesssection
    .gainaccessmainsec
    .leftpart
    .imagecelebration {
    width: 46.875vw;
    height: 46.875vw;
    margin-left: 0;
    margin-bottom: 0;
  }
  #ambassador
    .gainaccesssection
    .gainaccessmainsec
    .leftpart
    .imagecelebration
    img {
    width: 46.875vw;
    height: 46.875vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart {
    position: relative;
    height: 201.563vw;
    padding: 4.688vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .firstimg {
    position: absolute;
    top: 4.688vw;
    right: 46.875vw;
    width: 46.875vw;
    height: 46.875vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .firstimg img {
    width: 46.875vw;
    height: 46.875vw;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(8.438vw 7.188vw 21.563vw rgba(0, 0, 0, 0.4));
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .secondimg {
    position: absolute;
    top: 45.313vw;
    right: 4.688vw;
    width: 78.125vw;
    height: 78.125vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .secondimg img {
    width: 78.125vw;
    height: 78.125vw;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(8.438vw 7.188vw 21.563vw rgba(0, 0, 0, 0.4));
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .thirdimg {
    position: absolute;
    top: 117.188vw;
    right: unset;
    left: 4.688vw;
    width: 62.5vw;
    height: 62.5vw;
  }
  #ambassador .gainaccesssection .gainaccessmainsec .rightpart .thirdimg img {
    width: 62.5vw;
    height: 62.5vw;
    text-align: center;
    -o-object-fit: cover;
    object-fit: cover;
    filter: drop-shadow(8.438vw 7.188vw 21.563vw rgba(0, 0, 0, 0.1));
  }
  #ambassador
    .gainaccesssection
    .gainaccessmainsec
    .rightpart
    .thirdimg
    button {
    width: 37.5vw;
    height: 12.5vw;
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    box-shadow: 0 1.875vw 4.688vw rgba(241, 149, 138, 0.6);
    border-radius: 13.438vw;
    border: none;
    font-weight: 600;
    font-size: 4.375vw;
    line-height: 5vw;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    margin-left: calc(50% - 18.75vw);
    z-index: 1;
    position: relative;
    top: -6.25vw;
  }
  #ambassador .aboutlinkemesection {
    margin-bottom: 10.625vw;
  }
  #ambassador .aboutlinkemesection .title {
    width: 100vw;
    margin: 0 auto;
    padding: 4.688vw;
  }
  #ambassador .aboutlinkemesection .title .first {
    font-weight: 950;
    font-size: 7.375vw;
    text-align: center;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    margin-bottom: 9.063vw;
  }
  #ambassador .aboutlinkemesection .title .second {
    width: 100%;
    font-weight: 400;
    font-size: 5vw;
    text-align: center;
    color: #fff;
    margin: 0 auto 15.625vw;
    opacity: 0.8;
  }
  #ambassador .listofabouts {
    display: flex;
    flex-wrap: wrap;
    max-width: 370vw;
    margin: 0 auto;
    padding: 4.688vw;
  }
  #ambassador .listofabouts .singleaboutmaindiv {
    width: 100%;
    background: #2e2848;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 4.688vw;
    padding: 12.5vw 5.688vw 4.688vw;
    position: relative;
    text-align: center;
    margin-bottom: 12.5vw;
    margin-right: 0;
  }
  #ambassador .listofabouts .singleaboutmaindiv:nth-child(2n) {
    margin-right: 0;
  }
  #ambassador .listofabouts .singleaboutmaindiv img {
    position: absolute;
    top: -9.375vw;
    left: calc(50% - 9.375vw);
    width: 18.75vw;
    height: 18.75vw;
  }
  #ambassador .listofabouts .singleaboutmaindiv .first {
    font-weight: 700;
    font-size: 5.625vw;
    text-align: center;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    margin-bottom: 4.688vw;
  }
  #ambassador .listofabouts .singleaboutmaindiv .second {
    font-weight: 400;
    font-size: 4.375vw;
    text-align: center;
    color: #f6f6f7;
    margin-bottom: 0;
  }
  #ambassador .faqsection .title .first {
    font-weight: 950;
    font-size: 7.375vw;
    text-align: center;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    margin-bottom: 6.563vw;
  }
  #ambassador .faqsection .title .second {
    font-weight: 400;
    font-size: 5vw;
    text-align: center;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 9.375vw;
  }
  #ambassador .listoffaq {
    padding: 4.688vw;
  }
  #ambassador .listoffaq .singlefaq {
    width: 100%;
    background: hsla(0, 0%, 100%, 0.05);
    border-radius: 3.125vw;
    padding: 4.688vw;
    margin: 0 auto 6.25vw;
  }
  #ambassador .listoffaq .singlefaq .title {
    display: flex;
    align-items: center;
  }
  #ambassador .listoffaq .singlefaq .title .first {
    font-weight: 700;
    font-size: 4.375vw;
    line-height: 6.25vw;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    text-align: left;
    width: calc(100% - 14.375vw);
    margin-bottom: 0;
    cursor: pointer;
  }
  #ambassador .listoffaq .singlefaq .title .iconfaq {
    width: 4.688vw;
    height: 4.688vw;
    margin-left: 6.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #ambassador .listoffaq .singlefaq .title .iconfaq img {
    width: 4.688vw;
    height: 4.688vw;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
  }
  #ambassador .listoffaq .singlefaq .title .iconfaq .minus {
    height: auto;
    display: none;
  }
  #ambassador .listoffaq .singlefaq .details {
    font-weight: 400;
    font-size: 4.375vw;
    line-height: 5.625vw;
    letter-spacing: 0.625px;
    color: #f6f6f7;
    margin-top: 7.5vw;
    display: none;
  }
  #ambassador .listoffaq .singlefaq.active .iconfaq .plus {
    display: none;
  }
  #ambassador .listoffaq .singlefaq.active .details,
  #ambassador .listoffaq .singlefaq.active .iconfaq .minus {
    display: flex;
  }
  #ambassador .listoffaq .singlefaq.active .details p {
    margin-bottom: 0;
  }
  #ambassador .readytojoinsection {
    margin-top: 0;
    margin-bottom: 9.375vw;
    padding: 4.688vw;
  }
  #ambassador .readytojoinmainsec {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: hsla(0, 0%, 100%, 0.05);
    border-radius: 5vw;
    overflow: hidden;
    margin: 0 auto;
  }
  #ambassador .readytojoinmainsec .leftpart {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 9.375vw 4.688vw;
    text-align: center;
  }
  #ambassador .readytojoinmainsec .leftpart .first {
    font-weight: 700;
    font-size: 7.375vw;
    display: flex;
    align-items: flex-end;
    letter-spacing: 0.625px;
    text-transform: capitalize;
    color: #f6f6f7;
    width: 100%;
    margin-bottom: 7.188vw;
  }
  #ambassador .readytojoinmainsec .leftpart button {
    width: 46.875vw;
    height: 12.5vw;
    background: linear-gradient(
      227.1deg,
      #ec008c 3.4%,
      #fc8b67 69.33%,
      #ffd46d 97.87%
    );
    border-radius: 10.625vw;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 5.625vw;
    letter-spacing: 0.625px;
    color: #fff;
  }
  #ambassador .readytojoinmainsec .rightpart {
    width: 100%;
    height: 93.75vw;
  }
  #ambassador .readytojoinmainsec .rightpart img {
    width: 100%;
    height: 93.75vw;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.maintenance-heading-text {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .maintenance-heading-text {
    font-size: 24px;
    margin-top: 5px;
  }
}
.maintenance-main-text {
  color: var(--colorOnPrimaryLight);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .maintenance-main-text {
    padding-inline: 35px;
  }
}
.lottie {
  height: 280px;
}
.error-heading-text {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .error-heading-text {
    font-size: 24px;
    margin-top: 15px;
  }
}
.error-main-text {
  color: var(--colorOnPrimaryLight);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .error-main-text {
    padding-inline: 35px;
  }
}
.reload-button {
  height: 45px;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  width: 50%;
  align-self: center;
}
.analytics-page {
  background-color: var(--colorAnalyticsMainBg);
}
.text-primary {
  color: var(--colorAnalyticsTextPrimary);
}
.text-secondary {
  color: var(--colorAnalyticsTextSecondary);
}
.bottom-sheet-close-button {
  height: 45px;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  width: 168px;
}
.info-bottom-sheet {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  z-index: 999;
  background-color: var(--infoBottomSheetBg);
}
.info-bottom-sheet .overlaybg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.info-bottom-sheet .mainbodypartsocialpop {
  z-index: 2;
  width: 546px;
  border-radius: 18px 18px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 55%;
  background-color: var(--colorStatModalBg);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922);
  position: relative;
}
.info-bottom-sheet-header {
  margin: 0 auto;
  width: 49px;
  height: 4px;
  background-color: var(--colorStatModalHeader);
  border-radius: 16px;
  position: absolute;
  top: 10px;
}
.analytics-page .container {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
}
.analytics-page .container .arrow-up {
  transform: rotateX(180deg);
}
.analytics-page .container .recharts-default-legend {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  flex-wrap: wrap;
}
.analytics-page .container .recharts-legend-item {
  margin-right: 0 !important;
}
.analytics-page .container .dark-mode-background {
  background-color: var(--colorCardBackground);
}
.analytics-page .container .overview-loading-box {
  height: 10px;
  margin-top: 10px;
}
.analytics-page .container .analytics-shimmer-bg {
  background-color: rgba(211, 211, 211, 0.1);
}
.analytics-page .container .range-selection-container {
  z-index: 2;
}
.analytics-page .container .date-range-button {
  height: 40px;
  background-color: var(--colorButtonBackground);
  box-shadow: 0 6px 23px 0 rgba(13, 14, 54, 0.0588235294);
  border-radius: 23px;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
  padding-inline: 20px;
  color: var(--colorButtonText);
  width: -moz-fit-content;
  width: fit-content;
}
.analytics-page .container .range-selection {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.analytics-page .container .date-range-button-inactive {
  background-color: #fff;
}
.analytics-page .container .count-card,
.analytics-page .container .count-loading-box {
  border-radius: 15px;
  width: 47%;
  min-height: 134px;
}
.analytics-page .container .count-card {
  box-shadow: 0 6px 23px 0 var(--colorShadow);
  padding: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: var(--colorCountBackground);
  position: relative;
}
.analytics-page .container .count-card .increment-decrement-container {
  background-color: rgba(86, 207, 102, 0.1019607843);
  height: 20px;
  color: #56cf66;
  border-radius: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 8px;
  min-width: 66px;
}
.analytics-page .container .count-card .decrement {
  background-color: rgba(247, 90, 117, 0.1019607843);
  color: #f75a75;
}
.analytics-page .container .count-card .i-button {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.analytics-page .container .individual-link-locations-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--colorLocationOverlayBg);
  height: 330px;
}
.analytics-page .container .locations-wrapper {
  box-shadow: 0 6px 23px 0 rgba(13, 14, 54, 0.0588235294);
  flex: 1;
  border-radius: 15px;
  position: relative;
  z-index: 2;
}
.analytics-page
  .container
  .locations-wrapper
  > div:not(.map-container)
  > div.flex {
  padding: 12px 0;
  align-items: center;
}
.analytics-page
  .container
  .locations-wrapper
  > div:not(.map-container)
  > div.flex
  > div {
  display: flex;
  align-items: center;
  flex: 1;
}
.analytics-page
  .container
  .locations-wrapper
  > div:not(.map-container)
  > div.flex
  > div
  > div {
  flex: 1;
}
.analytics-page .container .locations-wrapper .location-icon-loading {
  border-radius: 100%;
  width: 28px;
  height: 28px;
  margin-right: 12px;
}
.analytics-page .container .locations-wrapper .location-text-loading {
  height: 10px;
}
.analytics-page .container .locations-wrapper .tab-button-active {
  border-radius: 20px;
  background-color: var(--colorTabButtonActiveBg);
  color: #fff;
  height: 34px;
  color: var(--colorTabButtonActiveText);
  border: none;
}
.analytics-page .container .locations-wrapper .tab-button,
.analytics-page .container .locations-wrapper .tab-button-active {
  padding: 0 20px;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.analytics-page .container .locations-wrapper .tab-button {
  border-radius: 20px;
  color: var(--colorTabButtonInActiveText);
  border: 1px solid var(--colorTabButtonInActiveBorder);
}
.analytics-page .container .locations-wrapper .horizontal-line {
  height: 0.5px;
  width: 100%;
  background-color: var(--colorTabButtonInActiveBorder);
  margin-block: 15px;
}
.analytics-page .container .locations-wrapper .zoom-search-button {
  width: 28px;
  height: 28px;
  box-shadow: -2px 4px 15px 0 rgba(31, 26, 53, 0.1019607843);
  background: var(--colorAnalyticsIconBg);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.analytics-page .container .links-wrapper {
  flex: 1;
  border-radius: 15px;
}
.analytics-page .container .top-link-icon-loading {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.analytics-page .container .top-link-text-loading {
  height: 10px;
}
.analytics-page .container .top-link-container {
  box-shadow: 0 6px 23px 0 rgba(13, 14, 54, 0.0588235294);
  border-radius: 15px;
  min-height: 58px;
  padding-inline: 14px;
  width: 100%;
  cursor: pointer;
  background: var(--colorCardSocialBackground);
}
.analytics-page .container .country-icon {
  border-radius: 4px;
  width: 32px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 16px;
  flex-shrink: 0;
}
.analytics-page .container .social-image {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.analytics-page .container .gender-chart-wrapper {
  box-shadow: 0 6px 23px 0 rgba(13, 14, 54, 0.0588235294);
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.analytics-page .container .gender-chart-wrapper .inner-chart-icon-wrapper {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  box-shadow: -2px 4px 15px 0 rgba(31, 26, 53, 0.1019607843);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colorAnalyticsIconBg);
}
.other-link-container {
  border-radius: 15px;
  width: 50%;
  height: 97px;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: cover;
  object-fit: cover;
  background: hsla(0, 0%, 100%, 0.6);
  border: 0.5px solid hsla(0, 0%, 100%, 0.1019607843);
  cursor: pointer;
}
.profilelink-shimmer {
  border-radius: 15px;
  width: 50%;
  height: 97px;
}
.other-link-container-long {
  border-radius: 15px;
  width: 100%;
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 20px;
  cursor: pointer;
}
.link-overview-loading {
  height: 10px;
  width: 60%;
}
.other-link-count {
  background: rgba(31, 26, 53, 0.6);
  font-weight: 500;
  font-size: 12px;
  line-height: 13.2px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  border-radius: 15px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
}
.map-container {
  height: 400px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.other-link-container {
  height: 152px;
}
@media (max-width: 767px) {
  html {
    overflow: scroll;
    overflow-x: hidden;
  }
  ::-webkit-scrollbar {
    width: 0;
    background: rgba(0, 0, 0, 0);
  }
  body,
  html {
    overflow-x: unset;
  }
  body {
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 100vh;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
  }
  p {
    margin-top: 0;
  }
  .analytics-page .container {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
  .info-bottom-sheet .mainbodypartsocialpop {
    z-index: 2;
    width: 100vw;
    border-radius: 4.8vw 4.8vw 0 0;
    background-color: var(--colorStatModalBg);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922);
  }
  .map-container {
    height: 280px;
    max-width: 100%;
  }
  .other-link-container {
    height: 97px;
  }
}
.duration-tabs-container {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.5s;
  will-change: transform;
  cursor: pointer;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 10px;
  padding-inline: 14px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .duration-tabs-container {
    gap: 0;
    display: flex;
    justify-content: space-between;
  }
}
.duration-tabs-container::-webkit-scrollbar {
  display: none;
}
.duration-tab {
  border: 1px solid rgba(31, 26, 53, 0.1019607843);
  font-size: 12px;
  font-weight: 500;
  line-height: 13.2px;
  color: var(--colorTabButtonInActiveText);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  height: 33px;
  padding-inline: 20px;
  cursor: pointer;
  border: 1px solid var(--colorTabButtonInActiveBorder);
}
@media screen and (max-width: 767px) {
  .duration-tab {
    padding-inline: 12px;
  }
}
.duration-active {
  background-color: var(--colorTabButtonActiveBg);
  color: var(--colorTabButtonActiveText);
}
.calendar-save-button {
  height: 45px;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  width: 60%;
  align-self: center;
}
.react-calendar {
  width: auto !important;
  border: none !important;
  background: rgba(0, 0, 0, 0) !important;
}
.react-calendar__navigation__label__labelText {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--colorCalendarText);
}
.react-calendar__decade-view__years__year,
.react-calendar__navigation button:enabled:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
.react-calendar__navigation button:disabled {
  visibility: hidden;
}
.react-calendar__navigation__label {
  background-color: rgba(0, 0, 0, 0) !important;
}
.react-calendar__navigation__arrow {
  color: var(--colorCalendarText);
}
.react-calendar__navigation__arrow:focus {
  background-color: rgba(0, 0, 0, 0) !important;
}
.react-calendar__tile {
  width: 49px;
  height: 60px;
  font-weight: 500;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-size: 18px;
  color: var(--colorCalendarText) !important;
}
.react-calendar__month-view__days__day.react-calendar__tile--hasActive {
  background-color: var(--colorCalendarTileBgPrimary) !important;
  border-radius: 8px;
  height: 60px;
  width: 49px;
  color: #fff !important;
  font-weight: 500;
  font-size: 18px;
  position: relative;
}
.react-calendar__month-view__days__day--neighboringMonth {
  visibility: hidden;
}
.react-calendar__month-view__days__day.react-calendar__tile--active {
  background-color: var(--colorCalendarText) !important;
  color: var(--colorCalendarText) !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.react-calendar__month-view__weekdays__weekday {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  color: var(--colorCalendarText) !important;
  text-transform: capitalize !important;
}
.react-calendar__month-view__weekdays__weekday abbr {
  text-decoration: none !important;
}
.react-calendar__tile--now {
  background: none !important;
}
.react-calendar__month-view__days__day:enabled:focus,
.react-calendar__month-view__days__day:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: var(--colorCalendarTileBgPrimary) !important;
  border-radius: 8px;
  height: 60px;
  width: 49px;
  color: #fff !important;
  font-weight: 500;
  font-size: 18px;
}
.react-calendar__tile:disabled,
.react-calendar__year-view__months__month {
  background-color: rgba(0, 0, 0, 0) !important;
}
.react-calendar__tile:disabled abbr {
  color: var(--colorCalendarTextDisabled);
}
.react-calendar__month-view__days__day.highlight-now-date {
  background-color: var(--colorCalendarTileBgSecondary) !important;
  color: var(--colorCalendarText) !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}
.react-calendar__month-view__days__day.highlight-date {
  background-color: var(--colorCalendarTileBgPrimary) !important;
  border-radius: 8px;
  height: 60px;
  width: 49px;
  color: #fff !important;
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 767px) {
  .react-calendar {
    width: 350px !important;
  }
  .react-calendar__month-view__days__day.highlight-date,
  .react-calendar__month-view__days__day.react-calendar__tile--hasActive,
  .react-calendar__month-view__days__day:enabled:focus,
  .react-calendar__month-view__days__day:enabled:hover,
  .react-calendar__tile,
  .react-calendar__tile:enabled:focus {
    width: 49px;
    height: 49px;
  }
  .calendar-save-button {
    width: 100%;
  }
}
.signup-page {
  background-color: #fff;
  padding-bottom: env(safe-area-inset-bottom);
}
.signup-page,
.signup-page input,
.signup-page select,
.signup-page textarea {
  color-scheme: light;
}
.signup-page .container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  height: 100%;
}
.signup-page .signup-pagination-active {
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  width: 44px;
  height: 5px;
  border-radius: 5px;
}
.signup-page .signup-pagination {
  width: 44px;
  height: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.0509803922);
}
.signup-page .tabs-container {
  margin-top: 30px;
  height: 36px;
  background-color: #f2f2f2;
  border-radius: 35px;
  align-items: center;
  overflow: hidden;
}
.signup-page .tabs,
.signup-page .tabs-container {
  position: relative;
  width: 100%;
  display: flex;
}
.signup-page .tab {
  flex: 1;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  z-index: 1;
  color: #000;
  transition: color 0.3s ease;
  opacity: 0.5;
  font-size: 14px;
}
.signup-page .tab.active {
  color: #000;
  opacity: 1;
}
.signup-page .slider-wrapper {
  position: absolute;
  width: 50%;
  height: 100%;
  padding: 2px;
  transition: left 0.3s ease;
}
.signup-page .slider-wrapper .slider {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 35px;
}
.signup-page .signup-button-active {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  color: #fff;
}
.signup-page .signup-button-active,
.signup-page .signup-button-disabled {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  width: 220px;
  height: 45px;
  border: none;
}
.signup-page .signup-button-disabled {
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  cursor: not-allowed;
}
.signup-page .otp-input::-moz-placeholder {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}
.signup-page .otp-input::placeholder {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}
.signup-page .otp-input {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: #000;
  caret-color: #ec008c;
}
@media (max-width: 767px) {
  .signup-page .container {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
}
.forgot-password-page {
  background-color: #fff;
  height: 100vh;
  color-scheme: light;
}
.forgot-password-page input,
.forgot-password-page select,
.forgot-password-page textarea,
.login-page {
  color-scheme: light;
}
.login-page {
  background-color: #fff;
  padding-bottom: env(safe-area-inset-bottom);
  height: 100vh;
}
.login-page input,
.login-page select,
.login-page textarea {
  color-scheme: light;
}
.login-page .container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
}
.login-page .login-pagination-active {
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  width: 44px;
  height: 5px;
  border-radius: 5px;
}
.login-page .login-pagination {
  width: 44px;
  height: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.0509803922);
}
.login-page .tabs-container {
  margin-top: 30px;
  height: 36px;
  background-color: #f2f2f2;
  border-radius: 35px;
  align-items: center;
  overflow: hidden;
}
.login-page .tabs,
.login-page .tabs-container {
  position: relative;
  width: 100%;
  display: flex;
}
.login-page .tab {
  flex: 1;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  z-index: 1;
  color: #000;
  transition: color 0.3s ease;
  opacity: 0.5;
  font-size: 14px;
}
.login-page .tab.active {
  color: #000;
  opacity: 1;
}
.login-page .slider-wrapper {
  position: absolute;
  width: 50%;
  height: 100%;
  padding: 2px;
  transition: left 0.3s ease;
}
.login-page .slider-wrapper .slider {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 35px;
}
.login-page .login-button-active {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  border-radius: 30px;
  background: linear-gradient(
    227.1deg,
    #ec008c 3.4%,
    #fc8b67 69.33%,
    #ffd46d 97.87%
  );
  color: #fff;
}
.login-page .login-button-active,
.login-page .login-button-disabled {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  width: 220px;
  height: 45px;
  border: none;
}
.login-page .login-button-disabled {
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  cursor: not-allowed;
}
.login-page .login-field::-moz-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.login-page .login-field::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.login-page .login-field {
  font-size: 16px;
}
.login-page .otp-input::-moz-placeholder {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}
.login-page .otp-input::placeholder {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}
.login-page .otp-input {
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  text-align: center;
  color: #000;
  caret-color: #ec008c;
}
@media (max-width: 767px) {
  .login-page .container {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.shareYourInfo .viewContainer .profileImage {
  width: 90px;
  height: 90px;
}
.shareYourInfo .viewContainer .profileImage img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .profileImage {
    width: 24vw;
    height: 24vw;
  }
}
.shareYourInfo .viewContainer .content {
  margin: -45px 38px 0;
  padding-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content {
    margin: -12vw 10.1333333333vw 0;
    padding-bottom: 8.5333333333vw;
  }
}
.shareYourInfo .viewContainer .content .close {
  width: 18px;
  height: 18px;
  padding: 3px;
  margin: 19px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .close {
    width: 4.8vw;
    height: 4.8vw;
    padding: 0.8vw;
    margin: 5.0666666667vw;
  }
}
.shareYourInfo .viewContainer .content .item {
  margin: 15px 28px 0;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .item {
    margin: 4vw 7.4666666667vw 0;
  }
}
.shareYourInfo .viewContainer .content .title {
  font-size: 20px;
  line-height: 22px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .title {
    font-size: 5.3333333333vw;
    line-height: 5.8666666667vw;
    margin-top: 4vw;
  }
}
.shareYourInfo .viewContainer .content .success-title {
  font-size: 24px;
  line-height: normal;
  margin: 11px 22px 0;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .success-title {
    font-size: 6.4vw;
    margin: 2.9333333333vw 5.8666666667vw 0;
  }
}
.shareYourInfo .viewContainer .content .success-subtitle {
  font-size: 16px;
  line-height: 20px;
  margin: 16px 22px 0;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .success-subtitle {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
    margin: 4.2666666667vw 5.8666666667vw 0;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.shareYourInfo .viewContainer .content .field-wrapper .field {
  font-size: 14px;
  line-height: 15.4px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .field {
    font-size: 3.7333333333vw;
    line-height: 4.1066666667vw;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper .field-spacing-x {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .field-spacing-x {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper .field-spacing-y {
  padding-top: 10px;
  padding-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .field-spacing-y {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.9333333333vw;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper .field-spacing {
  padding: 10px 15px 11px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .field-spacing {
    padding: 2.6666666667vw 4vw 2.9333333333vw;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper .error {
  padding: 3px 7px 0;
  font-size: 11px;
  line-height: 12px;
  color: red;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .error {
    padding: 0.8vw 1.8666666667vw 0;
    font-size: 2.9333333333vw;
    line-height: 3.2vw;
  }
}
.shareYourInfo .viewContainer .content .field-wrapper .attachment-wrapper {
  margin-top: 4px;
  padding-bottom: 4px;
  min-height: 28px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .field-wrapper .attachment-wrapper {
    margin-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
    min-height: 7.4666666667vw;
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .icon-attachment {
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .icon-attachment {
    height: 4.8vw;
    width: 4.8vw;
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .icon-camera {
  height: 20px;
  width: 20px;
  margin-left: 16px;
  margin-right: 4px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .icon-camera {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-left: 4.2666666667vw;
    margin-right: 1.0666666667vw;
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .preview-wrapper {
  margin-left: 3.5px;
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .preview-wrapper:first-child {
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .preview-wrapper {
    margin-left: 0.9333333333vw;
  }
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .preview-wrapper:first-child {
    margin-left: 1.0666666667vw;
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .preview-wrapper
  .preview {
  height: 24px;
  width: 24px;
  border-radius: 6px;
  overflow: hidden;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .preview-wrapper
    .preview {
    height: 6.4vw;
    width: 6.4vw;
    border-radius: 1.6vw;
    border: 0.1333333333vw solid rgba(0, 0, 0, 0.1);
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .preview-wrapper
  .remove {
  height: 6px;
  width: 6px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .preview-wrapper
    .remove {
    height: 1.6vw;
    width: 1.6vw;
  }
}
.shareYourInfo
  .viewContainer
  .content
  .field-wrapper
  .attachment-wrapper
  .attachment-more {
  font-size: 13px;
  margin-left: 6.5px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo
    .viewContainer
    .content
    .field-wrapper
    .attachment-wrapper
    .attachment-more {
    font-size: 3.4666666667vw;
    margin-left: 1.7333333333vw;
  }
}
.shareYourInfo .viewContainer .content .connect {
  padding: 15px 0 14px;
  margin: 27px 40px 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 5%;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .connect {
    padding: 4vw 0 3.7333333333vw;
    margin: 7.2vw 10.6666666667vw 0;
    font-size: 3.7333333333vw;
    line-height: 4.2666666667vw;
  }
}
.shareYourInfo .viewContainer .content .closeBtn {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .closeBtn {
    margin-top: 10.6666666667vw;
  }
}
.shareYourInfo .viewContainer .content .closeBtn.success {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .closeBtn.success {
    margin-bottom: 2.6666666667vw;
  }
}
.shareYourInfo .viewContainer .content .footer {
  margin: 12px 18px 0;
  font-size: 9px;
  line-height: 11px;
}
@media screen and (max-width: 767px) {
  .shareYourInfo .viewContainer .content .footer {
    margin: 3.2vw 4.8vw 0;
    font-size: 2.4vw;
    line-height: 2.9333333333vw;
  }
}
.createProfile .viewContainer .profileImage {
  width: 90px;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .profileImage {
    width: 24vw;
    height: 24vw;
  }
}
.createProfile .viewContainer .content {
  margin: -45px 38px 0;
  padding-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content {
    margin: -12vw 10.1333333333vw 0;
    padding-bottom: 8.5333333333vw;
  }
}
.createProfile .viewContainer .content .close {
  width: 18px;
  height: 18px;
  padding: 3px;
  margin: 16px 19px 0 0;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .close {
    width: 4.8vw;
    height: 4.8vw;
    padding: 0.8vw;
    margin: 4.2666666667vw 5.0666666667vw 0 0;
  }
}
.createProfile .viewContainer .content .item {
  margin: 15px 28px 0;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .item {
    margin: 4vw 7.4666666667vw 0;
  }
}
.createProfile .viewContainer .content .title {
  font-size: 24px;
  line-height: 26.4px;
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .title {
    font-size: 6.4vw;
    line-height: 7.04vw;
    margin-top: 4.8vw;
  }
}
.createProfile .viewContainer .content .subtitle {
  font-size: 16px;
  line-height: 20px;
  margin-top: 7px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .subtitle {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
    margin-top: 1.8666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}
.createProfile .viewContainer .content .field {
  padding: 10px 15px 11px;
  font-size: 14px;
  line-height: 15.4px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .field {
    padding: 2.6666666667vw 4vw 2.9333333333vw;
    font-size: 3.7333333333vw;
    line-height: 4.1066666667vw;
  }
}
.createProfile .viewContainer .content .join {
  padding: 15px 0 14px;
  margin: 40px 40px 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 5%;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .join {
    padding: 4vw 0 3.7333333333vw;
    margin: 10.6666666667vw 10.6666666667vw 0;
    font-size: 3.7333333333vw;
    line-height: 4.2666666667vw;
  }
}
.createProfile .viewContainer .content .footer {
  margin: 11px 18px 0;
  font-size: 9px;
  line-height: 11px;
}
@media screen and (max-width: 767px) {
  .createProfile .viewContainer .content .footer {
    margin: 2.9333333333vw 4.8vw 0;
    font-size: 2.4vw;
    line-height: 2.9333333333vw;
  }
}
:root {
  --rsbs-overlay-rounded: 18px;
}
.creators-page {
  overflow-x: hidden;
}
.text-primary {
  color: var(--colorCreatorsTextPrimary);
}
.text-secondary {
  color: var(--colorCreatorsTextSecondary);
}
.creators-page .container {
  max-width: 546px;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
}
.creators-page .container .recharts-default-legend {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  flex-wrap: wrap;
}
.creators-page .container .recharts-legend-item {
  margin-right: 0 !important;
}
.creators-page .container .dark-mode-background {
  background-color: var(--colorCardBackground);
}
.creators-page .container .overview-loading-box {
  height: 48px;
  width: 220px;
}
.creators-page .container .custom-scrollbar::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.creators-page .container .custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.creators-page .container .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #56cf66;
  border-radius: 4px;
}
.creators-page .container .custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #56cf66 rgba(0, 0, 0, 0);
}
.custom-tip-button {
  background: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
}
.message-container {
  box-shadow: 0 0 20.07px 0 rgba(0, 0, 0, 0.2);
}
.custom-tip-gradient {
  background: linear-gradient(225deg, #09b0c7 -28.75%, #baf242 161.25%);
  box-shadow: 0 0 51.72px 0 rgba(53, 193, 165, 0.6);
}
.react-calendar {
  width: 350px;
  background-color: var(--colorStatModalBg) !important;
  border: 1px solid var(--colorTabButtonInActiveBorder) !important;
  border-radius: 8px;
  padding: 16px;
  font-family: inherit;
  color: var(--colorCalendarText) !important;
}
.react-calendar,
.react-calendar *,
.react-calendar :after,
.react-calendar :before {
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
  background-color: var(--colorTabButtonInActiveBg) !important;
}
.react-calendar .react-calendar__navigation {
  display: flex;
  margin-bottom: 16px;
}
.react-calendar .react-calendar__navigation button {
  min-width: 44px;
  background: none !important;
  color: var(--colorCalendarText) !important;
  font-size: 16px;
}
.react-calendar .react-calendar__navigation button:disabled {
  color: var(--colorCalendarTextDisabled) !important;
}
.react-calendar .react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: var(--colorCalendarText) !important;
}
.react-calendar .react-calendar__month-view__weekdays abbr {
  text-decoration: none;
  color: var(--colorCalendarText) !important;
}
.react-calendar .react-calendar__tile {
  max-width: 100%;
  padding: 10px 6px;
  background: none;
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  color: var(--colorCalendarText) !important;
}
.react-calendar .react-calendar__tile:disabled {
  color: var(--colorCalendarTextDisabled) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.react-calendar .react-calendar__tile--active,
.react-calendar .react-calendar__tile--rangeEnd,
.react-calendar .react-calendar__tile--rangeStart {
  background-color: var(--colorCalendarTileBgPrimary) !important;
  color: #fff !important;
}
.react-calendar .react-calendar__tile--inRange {
  background-color: var(--colorCalendarTileBgSecondary) !important;
  color: var(--colorCalendarText) !important;
}
.react-calendar .react-calendar__tile--now {
  position: relative;
}
.react-calendar .react-calendar__tile--now:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--colorCalendarTileBgPrimary);
}
@media (max-width: 767px) {
  html {
    overflow: scroll;
    overflow-x: hidden;
  }
  ::-webkit-scrollbar {
    width: 0;
    background: rgba(0, 0, 0, 0);
  }
  body,
  html {
    overflow-x: unset;
  }
  body {
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 100dvh;
    font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
      "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-style: normal;
  }
  p {
    margin-top: 0;
  }
  .creators-page .container {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
}
.settings-static-page {
  background: rgba(0, 0, 0, 0) !important;
}
.settings-static-page a,
.settings-static-page b {
  color: #000 !important;
}
.settings-static-page.dark a,
.settings-static-page.dark b {
  color: #fff !important;
}
.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  animation: slideUp 0.5s forwards;
}
.cookie-consent__container {
  max-width: 586px;
  margin: 0 auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .cookie-consent__container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
.cookie-consent__content {
  flex: 1;
  width: 100%;
  margin-bottom: 0.5rem;
}
.cookie-consent__content h3 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #fff;
}
.cookie-consent__content p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: hsla(0, 0%, 100%, 0.8);
  max-width: 100%;
}
.cookie-consent__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .cookie-consent__actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.cookie-consent__actions button {
  font-weight: 500;
  white-space: nowrap;
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}
.cookie-consent__actions button.btn-primary {
  background: linear-gradient(135deg, #3a7bd5, #00d2ff);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 210, 255, 0.3);
}
.cookie-consent__actions button.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 210, 255, 0.4);
}
.cookie-consent__actions button.btn-danger {
  background-color: rgba(255, 59, 48, 0.2);
  color: #fff;
}
.cookie-consent__actions button.btn-danger:hover {
  background-color: rgba(255, 59, 48, 0.3);
}
.cookie-consent__actions button.btn-outline {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  color: #fff;
}
.cookie-consent__actions button.btn-outline:hover {
  border-color: hsla(0, 0%, 100%, 0.5);
  background-color: hsla(0, 0%, 100%, 0.05);
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.main-wrapper-agencies {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.section-hero-agencies {
  position: relative;
  background: url(/home/images/bgAgenciesGradient.png) 50% / cover no-repeat;
  min-height: 900px;
  color: #fff;
}
.padding-hero-agencies {
  padding-top: 100px;
  padding-bottom: 80px;
}
.hero-agencies-wrap {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}
.h1-agencies {
  font-weight: 700;
  font-size: 72px;
  line-height: 84px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .h1-agencies {
    font-size: 48px;
    line-height: 56px;
  }
}
.h2-agencies-subtitle {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #fff;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .h2-agencies-subtitle {
    font-size: 32px;
    line-height: 40px;
  }
}
.hero-agencies-text {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  max-width: 800px;
  margin: 0 auto 40px;
}
@media (max-width: 767px) {
  .hero-agencies-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.button-agencies-primary {
  display: inline-block;
  padding: 16px 40px;
  background: #1f2937;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button-agencies-primary:hover {
  background: #374151;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.section-agencies-features {
  background: #fff;
  margin-top: -400px;
  padding: 80px 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0) 400px,
    #ffffff 401px
  );
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .section-agencies-features {
    margin-top: -250px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0) 250px,
      #ffffff 251px
    );
  }
}
.features-header {
  text-align: center;
  margin-bottom: 60px;
}
.features-header .h2-features {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}
.features-header .features-subtitle {
  font-size: 20px;
  color: #fff;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.feature-card {
  background: #f9fafb;
  border-radius: 16px;
  padding: 32px 24px;
  transition: all 0.3s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}
.feature-card .feature-icon {
  font-size: 48px;
  margin-bottom: 16px;
}
.feature-card .feature-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 12px;
}
.feature-card .feature-description {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.5;
}
.section-agencies-pricing {
  background: #f9fafb;
  padding: 80px 0;
}
.pricing-header {
  text-align: center;
  margin-bottom: 60px;
}
.pricing-header .h2-pricing {
  font-size: 48px;
  font-weight: 700;
  color: #1f2937;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  max-width: 800px;
  margin: 0 auto;
}
.pricing-card {
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 24px;
  padding: 48px 32px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}
.pricing-card.pricing-annual {
  border-color: #6366f1;
  transform: scale(1.05);
}
.pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.pricing-card .pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #6366f1;
  color: #fff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}
.pricing-card .pricing-amount {
  margin-bottom: 8px;
}
.pricing-card .pricing-amount .pricing-currency {
  font-size: 24px;
  color: #6b7280;
  vertical-align: top;
}
.pricing-card .pricing-amount .pricing-value {
  font-size: 48px;
  font-weight: 700;
  color: #1f2937;
}
.pricing-card .pricing-amount .pricing-period {
  font-size: 18px;
  color: #6b7280;
  margin-left: 8px;
}
.pricing-card .pricing-original {
  color: #9ca3af;
  font-size: 18px;
  margin-bottom: 24px;
}
.pricing-card .pricing-seats {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 32px;
}
.pricing-card .pricing-button {
  width: 100%;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.pricing-card .pricing-button.pricing-button-primary {
  background: #1f2937;
  color: #fff;
}
.pricing-card .pricing-button.pricing-button-primary:hover {
  background: #374151;
}
.pricing-card .pricing-button.pricing-button-secondary {
  background: rgba(0, 0, 0, 0);
  color: #1f2937;
  border: 2px solid #1f2937;
}
.pricing-card .pricing-button.pricing-button-secondary:hover {
  background: #1f2937;
  color: #fff;
}
.pricing-footer {
  text-align: center;
  margin-top: 40px;
}
.pricing-footer p {
  color: #6b7280;
  font-size: 16px;
}
.section-agencies-analytics {
  background: #fff;
  padding: 80px 0 120px;
}
.analytics-preview-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.analytics-preview-card {
  background: #f9fafb;
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  padding: 40px;
}
.analytics-preview-card .analytics-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.analytics-preview-card .analytics-header .analytics-title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
}
.analytics-preview-card .analytics-header .analytics-tab {
  padding: 8px 24px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #e5e7eb;
  color: #6b7280;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.analytics-preview-card .analytics-header .analytics-tab.active {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}
.analytics-preview-card .analytics-filters {
  margin-bottom: 32px;
}
.analytics-preview-card .analytics-filters label {
  font-size: 14px;
  color: #6b7280;
  display: block;
  margin-bottom: 8px;
}
.analytics-preview-card .analytics-filters .filter-dropdown {
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #1f2937;
  margin-right: 12px;
  cursor: pointer;
}
.analytics-preview-card .analytics-filters .filter-dropdown:hover {
  border-color: #6366f1;
}
.analytics-preview-card .analytics-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .analytics-preview-card .analytics-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.analytics-preview-card .analytics-stat-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
}
.analytics-preview-card .analytics-stat-card .stat-value {
  font-size: 36px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 4px;
}
.analytics-preview-card .analytics-stat-card .stat-label {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 8px;
}
.analytics-preview-card .analytics-stat-card .stat-change {
  font-size: 14px;
  font-weight: 600;
}
.analytics-preview-card .analytics-stat-card .stat-change.positive {
  color: #10b981;
}
.analytics-preview-card .analytics-bottom-section {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .analytics-preview-card .analytics-bottom-section {
    grid-template-columns: 1fr;
  }
}
.analytics-preview-card .analytics-followers h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 16px;
}
.analytics-preview-card .analytics-followers .followers-value {
  font-size: 48px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
}
.analytics-preview-card .analytics-followers .followers-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.analytics-preview-card .analytics-followers .followers-icons .follower-icon {
  font-size: 24px;
}
.analytics-preview-card .analytics-followers .followers-icons .follower-badge {
  font-size: 14px;
  color: #6b7280;
  margin-right: 16px;
}
.analytics-preview-card .analytics-chart h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 16px;
}
.analytics-preview-card .analytics-chart .chart-placeholder {
  height: 200px;
  background: #fff;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.analytics-preview-card .analytics-chart .chart-placeholder .chart-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(135deg, #6366f1, #ec4899);
  opacity: 0.2;
  border-radius: 100px 100px 0 0;
}
.analytics-preview-card .analytics-chart .chart-legend {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.analytics-preview-card .analytics-chart .chart-legend .legend-item {
  font-size: 14px;
  color: #6b7280;
}
.analytics-preview-card .analytics-user-info {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}
.analytics-preview-card .analytics-user-info .avatar-placeholder {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #ec4899);
}
.analytics-preview-card .analytics-user-info .user-name {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-\[14px\]::file-selector-button {
  font-size: 14px;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-\[\#8B95A6\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(139 149 166 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#8B95A6\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(139 149 166 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: var(--muted-foreground);
}
.placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}
.placeholder\:text-neutral-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.placeholder\:text-neutral-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.placeholder\:text-foreground\/40::-moz-placeholder {
  color: color-mix(in srgb, var(--foreground) 40%, transparent);
}
.placeholder\:text-foreground\/40::placeholder {
  color: color-mix(in srgb, var(--foreground) 40%, transparent);
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:inset-\[1px\]:before {
  content: var(--tw-content);
  inset: 1px;
}
.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:rounded-\[inherit\]:before {
  content: var(--tw-content);
  border-radius: inherit;
}
.before\:rounded-xl:before {
  content: var(--tw-content);
  border-radius: 0.75rem;
}
.before\:bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-\[\#4062FF\]:before {
  content: var(--tw-content);
  --tw-gradient-from: #4062ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 98 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-\[\#C29AFF\]:before {
  content: var(--tw-content);
  --tw-gradient-from: #c29aff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 154 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:via-\[\#EC008C\]:before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(236 0 140/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #ec008c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.before\:to-\[\#4062FF\]:before {
  content: var(--tw-content);
  --tw-gradient-to: #4062ff var(--tw-gradient-to-position);
}
.before\:to-\[\#FFD46D\]:before {
  content: var(--tw-content);
  --tw-gradient-to: #ffd46d var(--tw-gradient-to-position);
}
.before\:p-\[1px\]:before {
  content: var(--tw-content);
  padding: 1px;
}
.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.before\:duration-200:before {
  transition-duration: 0.2s;
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:duration-200:before {
  content: var(--tw-content);
  animation-duration: 0.2s;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-inset-2:after {
  content: var(--tw-content);
  inset: -0.5rem;
}
.after\:inset-\[1px\]:after {
  content: var(--tw-content);
  inset: 1px;
}
.after\:inset-y-0:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:-z-10:after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:w-1:after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-\[2px\]:after {
  content: var(--tw-content);
  width: 2px;
}
.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-xl:after {
  content: var(--tw-content);
  border-radius: 0.75rem;
}
.after\:bg-\[\#111111\]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.first\:rounded-l-md:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.first\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.first\:rounded-t-xl:first-child {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.first\:border-l:first-child {
  border-left-width: 1px;
}
.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.last\:rounded-b-xl:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.last\:rounded-r-md:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0;
}
.checked\:border-blue-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.checked\:bg-blue-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.focus-within\:border-transparent:focus-within {
  border-color: transparent;
}
.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring-2:focus-within {
  --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-within\:ring-ring:focus-within {
  --tw-ring-color: var(--ring);
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
}
.hover\:-translate-y-0\.5:hover,
.hover\:-translate-y-1: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-y-1:hover {
  --tw-translate-y: -0.25rem;
}
.hover\:translate-y-\[-2px\]:hover {
  --tw-translate-y: -2px;
}
.hover\:scale-105:hover,
.hover\:translate-y-\[-2px\]: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-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.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\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
}
.hover\:scale-\[1\.02\]:hover,
.hover\:transform: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\:border-\[\#333333\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#4062FF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#9BC935\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(155 201 53 / var(--tw-border-opacity, 1));
}
.hover\:border-\[var\(--colorAnalyticsTextPrimary\)\]:hover {
  border-color: var(--colorAnalyticsTextPrimary);
}
.hover\:border-accent-overlay:hover {
  border-color: var(--accent-overlay);
}
.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.hover\:border-neutral-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.hover\:border-teal-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#0000000D\]:hover {
  background-color: #0000000d;
}
.hover\:bg-\[\#111111\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1C2230\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 34 48 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1a1a1a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1f2937\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#222\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#2f4df5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 77 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#333333\]:hover,
.hover\:bg-\[\#333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#444\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E7ECF3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 243 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ECF0FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 240 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F1F4F9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 244 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F5F5F5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F8FAFC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d7dee8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 222 232 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f7f7f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent:hover {
  background-color: var(--accent);
}
.hover\:bg-accent-overlay:hover {
  background-color: var(--accent-overlay);
}
.hover\:bg-amber-100\/50:hover {
  background-color: rgb(254 243 199/0.5);
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800\/40:hover {
  background-color: rgb(146 64 14/0.4);
}
.hover\:bg-amber-900\/30:hover {
  background-color: rgb(120 53 15/0.3);
}
.hover\:bg-background:hover {
  background-color: var(--background);
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0/0.1);
}
.hover\:bg-black\/30:hover {
  background-color: rgb(0 0 0/0.3);
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0/0.05);
}
.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0/0.7);
}
.hover\:bg-black\/80:hover {
  background-color: rgb(0 0 0/0.8);
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 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-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / 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-50\/50:hover {
  background-color: rgb(249 250 251/0.5);
}
.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / 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-muted:hover {
  background-color: var(--muted);
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 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:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 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-sidebar-accent:hover {
  background-color: var(--sidebar-accent);
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255/0.1);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255/0.2);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255/0.05);
}
.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255/0.5);
}
.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}
.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:from-blue-500:hover {
  --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);
}
.hover\:from-blue-500\/20:hover {
  --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);
}
.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-emerald-600:hover {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-600:hover {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-600:hover {
  --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);
}
.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-teal-600:hover {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:via-purple-700:hover {
  --tw-gradient-to: rgb(126 34 206/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.hover\:to-blue-400:hover {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.hover\:to-blue-500:hover {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.hover\:to-green-600:hover {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.hover\:to-indigo-700:hover {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.hover\:to-purple-700:hover {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.hover\:to-purple-800:hover {
  --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position);
}
.hover\:to-red-700:hover {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.hover\:to-teal-500\/20:hover {
  --tw-gradient-to: rgb(20 184 166/0.2) var(--tw-gradient-to-position);
}
.hover\:to-teal-600:hover {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.hover\:to-teal-700:hover {
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
}
.hover\:text-\[\#FFFFFF99\]:hover {
  color: #ffffff99;
}
.hover\:text-\[var\(--colorAnalyticsTextPrimary\)\]:hover {
  color: var(--colorAnalyticsTextPrimary);
}
.hover\:text-accent:hover {
  color: var(--accent);
}
.hover\:text-accent-foreground:hover {
  color: var(--accent-foreground);
}
.hover\:text-accent-overlay:hover {
  color: var(--accent-overlay);
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 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-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  color: var(--foreground);
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / 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-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.hover\:text-muted-foreground:hover {
  color: var(--muted-foreground);
}
.hover\:text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-pink-400:hover {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  color: var(--primary);
}
.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / 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-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-sidebar-accent-foreground:hover {
  color: var(--sidebar-accent-foreground);
}
.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 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-yellow-700:hover {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-70:hover {
  opacity: 0.7;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow:hover {
  --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);
}
.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 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_0_15px_rgba\(59\2c 130\2c 246\2c 0\.1\)\]:hover {
  --tw-shadow: 0 0 15px rgba(59, 130, 246, 0.1);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
}
.hover\:shadow-\[0_0_15px_rgba\(59\2c 130\2c 246\2c 0\.1\)\]:hover,
.hover\:shadow-lg:hover {
  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);
}
.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);
}
.hover\:shadow-md:hover,
.hover\:shadow-sm:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.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-blue-500\/20:hover {
  --tw-shadow-color: rgb(59 130 246/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-green-500\/20:hover {
  --tw-shadow-color: rgb(34 197 94/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-purple-500\/20:hover {
  --tw-shadow-color: rgb(168 85 247/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-red-500\/20:hover {
  --tw-shadow-color: rgb(239 68 68/0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:ring-black:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.hover\:bg-muted\/50:hover {
  background-color: color-mix(in srgb, var(--muted) 50%, transparent);
}
.hover\:bg-primary\/80:hover {
  background-color: color-mix(in srgb, var(--primary) 80%, transparent);
}
.hover\:bg-secondary\/80:hover {
  background-color: color-mix(in srgb, var(--secondary) 80%, transparent);
}
.hover\:bg-destructive\/80:hover {
  background-color: color-mix(in srgb, var(--destructive) 80%, transparent);
}
.hover\:after\:bg-sidebar-border:hover:after {
  content: var(--tw-content);
  background-color: var(--sidebar-border);
}
.focus\:border-2:focus {
  border-width: 2px;
}
.focus\:border-\[\#333333\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#4062FF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(64 98 255 / var(--tw-border-opacity, 1));
}
.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / 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\:border-emerald-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.focus\:border-neutral-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.focus\:border-neutral-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.focus\:border-red-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:bg-accent:focus {
  background-color: var(--accent);
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:text-accent-foreground:focus {
  color: var(--accent-foreground);
}
.focus\:shadow-\[0_6px_20px_-6px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:focus {
  --tw-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0 6px 20px -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);
}
.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);
}
.focus\:ring-0:focus,
.focus\:ring-1:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.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);
}
.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-\[\#09B0C7\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(9 176 199 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#333333\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 51 51 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#35C1A5\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 193 165 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#4062FF\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 98 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#4062FF\]\/30:focus {
  --tw-ring-color: rgb(64 98 255/0.3);
}
.focus\:ring-amber-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black\/10:focus {
  --tw-ring-color: rgb(0 0 0/0.1);
}
.focus\:ring-black\/20:focus {
  --tw-ring-color: rgb(0 0 0/0.2);
}
.focus\:ring-black\/50:focus {
  --tw-ring-color: rgb(0 0 0/0.5);
}
.focus\:ring-blue-300\/40:focus {
  --tw-ring-color: rgb(147 197 253/0.4);
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: rgb(59 130 246/0.2);
}
.focus\:ring-blue-500\/30:focus {
  --tw-ring-color: rgb(59 130 246/0.3);
}
.focus\:ring-blue-500\/40:focus {
  --tw-ring-color: rgb(59 130 246/0.4);
}
.focus\:ring-blue-500\/50:focus {
  --tw-ring-color: rgb(59 130 246/0.5);
}
.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-neutral-900\/10:focus {
  --tw-ring-color: rgb(23 23 23/0.1);
}
.focus\:ring-orange-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 237 213 / 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-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / 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-ring:focus {
  --tw-ring-color: var(--ring);
}
.focus\:ring-violet-500\/40:focus {
  --tw-ring-color: rgb(139 92 246/0.4);
}
.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.focus\:ring-opacity-50:focus {
  --tw-ring-opacity: 0.5;
}
.focus\:ring-offset-1:focus {
  --tw-ring-offset-width: 1px;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-0:focus-visible {
  border-width: 0;
}
.focus-visible\:bg-sidebar-accent:focus-visible {
  background-color: var(--sidebar-accent);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-gray-400:focus-visible {
  outline-color: #9ca3af;
}
.focus-visible\:outline-gray-500:focus-visible {
  outline-color: #6b7280;
}
.focus-visible\:ring-1: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(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-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-\[\#4062FF66\]:focus-visible {
  --tw-ring-color: #4062ff66;
}
.focus-visible\:ring-\[\#8351DD\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(131 81 221 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-destructive-ring:focus-visible {
  --tw-ring-color: var(--destructive-ring);
}
.focus-visible\:ring-gray-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-input-border:focus-visible {
  --tw-ring-color: var(--input-border);
}
.focus-visible\:ring-red-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: var(--ring);
}
.focus-visible\:ring-success-ring:focus-visible {
  --tw-ring-color: var(--success-ring);
}
.focus-visible\:ring-white:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-transparent:focus-visible {
  --tw-ring-offset-color: transparent;
}
.focus-visible\:ring-offset-white:focus-visible {
  --tw-ring-offset-color: #fff;
}
.active\:translate-y-\[1px\]:active {
  --tw-translate-y: 1px;
}
.active\:scale-95:active,
.active\:translate-y-\[1px\]:active {
  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));
}
.active\:scale-95:active {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-gray-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.active\:bg-sidebar-accent:active {
  background-color: var(--sidebar-accent);
}
.active\:text-secondary:active {
  color: var(--secondary);
}
.active\:text-sidebar-accent-foreground:active {
  color: var(--sidebar-accent-foreground);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-input-border:disabled {
  border-color: var(--input-border);
}
.disabled\:border-secondary:disabled {
  border-color: var(--secondary);
}
.disabled\:bg-\[\#8d9cf9\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(141 156 249 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-accent-foreground:disabled {
  background-color: var(--accent-foreground);
}
.disabled\:bg-secondary:disabled {
  background-color: var(--secondary);
}
.disabled\:text-secondary:disabled {
  color: var(--secondary);
}
.disabled\:text-secondary-foreground:disabled {
  color: var(--secondary-foreground);
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:placeholder\:text-secondary:disabled::-moz-placeholder {
  color: var(--secondary);
}
.disabled\:placeholder\:text-secondary:disabled::placeholder {
  color: var(--secondary);
}
.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-black:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-blue-500:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-neutral-100:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.disabled\:hover\:bg-white:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:text-gray-500:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:focus-within .group-focus-within\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:inline-flex {
  display: inline-flex;
}
.group:hover .group-hover\:-translate-x-1 {
  --tw-translate-x: -0.25rem;
}
.group:hover .group-hover\:-translate-x-1,
.group:hover .group-hover\:translate-x-0\.5 {
  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-0\.5 {
  --tw-translate-x: 0.125rem;
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
}
.group:hover .group-hover\:rotate-90,
.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\:rotate-90 {
  --tw-rotate: 90deg;
}
.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\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-black\/40 {
  background-color: rgb(0 0 0/0.4);
}
.group:hover .group-hover\:bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / 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:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100,
.group\/icon:hover .group-hover\/icon\:opacity-100,
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
.peer\/menu-button:hover
  ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: var(--sidebar-accent-foreground);
}
.peer:focus ~ .peer-focus\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
  background-color: var(--sidebar);
}
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
  opacity: 0.5;
}
.group\/menu-item:has([data-sidebar="menu-action"])
  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: var(--muted-foreground);
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"],
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"],
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  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));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side="right"],
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  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));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] {
  --tw-translate-x: 18px;
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"],
.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
  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));
}
.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
  --tw-translate-x: 2px;
}
@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 0.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 0.2s ease-out;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: 0.375rem;
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0;
}
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: 0.375rem;
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0;
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: var(--sidebar-accent);
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: var(--primary);
}
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  background-color: var(--accent);
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"],
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: var(--primary);
}
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
  background-color: var(--accent);
}
.data-\[state\=active\]\:bg-card[data-state="active"] {
  background-color: var(--card);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: var(--primary);
}
.data-\[state\=checked\]\:bg-white[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=checked\]\:bg-white\/80[data-state="checked"] {
  background-color: rgb(255 255 255/0.8);
}
.data-\[state\=inactive\]\:bg-transparent[data-state="inactive"] {
  background-color: transparent;
}
.data-\[state\=on\]\:bg-accent[data-state="on"],
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: var(--accent);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: var(--secondary);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: var(--muted);
}
.data-\[state\=unchecked\]\:bg-white[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.data-\[state\=unchecked\]\:bg-white\/70[data-state="unchecked"] {
  background-color: rgb(255 255 255/0.7);
}
.data-\[state\=unchecked\]\:bg-white\/90[data-state="unchecked"] {
  background-color: rgb(255 255 255/0.9);
}
.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: var(--sidebar-accent-foreground);
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: var(--muted-foreground);
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  color: var(--primary-foreground);
}
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  color: var(--accent-foreground);
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"],
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  color: var(--primary-foreground);
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
  color: var(--accent-foreground);
}
.data-\[state\=active\]\:text-card-foreground[data-state="active"] {
  color: var(--card-foreground);
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: var(--primary-foreground);
}
.data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"] {
  color: var(--muted-foreground);
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"],
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: var(--accent-foreground);
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: var(--muted-foreground);
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"],
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --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);
}
.data-\[state\=checked\]\:shadow-none[data-state="checked"] {
  --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);
}
.data-\[state\=unchecked\]\:shadow-\[0_2px_6px_rgba\(0\2c
  0\2c
  0\2c
  0\.45\)\][data-state="unchecked"] {
  --tw-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
  --tw-shadow-colored: 0 2px 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);
}
.data-\[state\=unchecked\]\:shadow-\[0_2px_6px_rgba\(15\2c
  23\2c
  42\2c
  0\.25\)\][data-state="unchecked"] {
  --tw-shadow: 0 2px 6px rgba(15, 23, 42, 0.25);
  --tw-shadow-colored: 0 2px 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);
}
.data-\[state\=unchecked\]\:shadow-none[data-state="unchecked"] {
  --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);
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 0.5s;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"],
.data-\[state\=open\]\:animate-in[data-state="open"],
.data-\[state\=visible\]\:animate-in[data-state="visible"] {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"],
.data-\[state\=closed\]\:animate-out[data-state="closed"],
.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
  animation-name: exit;
  animation-duration: 0.15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"],
.data-\[state\=closed\]\:fade-out-0[data-state="closed"],
.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"],
.data-\[state\=visible\]\:fade-in[data-state="visible"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
  --tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.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: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 0.5s;
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: color-mix(in srgb, var(--accent) 50%, transparent);
}
.data-\[state\=checked\]\:before\:opacity-100[data-state="checked"]:before {
  content: var(--tw-content);
  opacity: 1;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  left: 0;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --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));
}
.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --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));
}
.data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
  background-color: var(--accent);
}
.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: var(--sidebar-accent);
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: var(--sidebar-accent-foreground);
}
.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
  background-color: var(--accent);
}
.disabled\:data-\[state\=checked\]\:before\:from-\[\#B6B8FF\][data-state="checked"]:disabled:before {
  content: var(--tw-content);
  --tw-gradient-from: #b6b8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(182 184 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:data-\[state\=checked\]\:before\:to-\[\#7A8AFF\][data-state="checked"]:disabled:before {
  content: var(--tw-content);
  --tw-gradient-to: #7a8aff var(--tw-gradient-to-position);
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
  position: relative;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}
.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}
.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
  z-index: 10;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
  width: 0;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\: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));
}
.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180,
.group[data-state="open"] .group-data-\[state\=open\]\: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));
}
.group[data-collapsible="icon"]
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: 0.5rem;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}
.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
  border-right-width: 1px;
}
.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
  border-left-width: 1px;
}
.group\/day[data-focused="true"]
  .group-data-\[focused\=true\]\/day\:border-ring {
  border-color: var(--ring);
}
.group[data-variant="floating"]
  .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: var(--sidebar-border);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0 !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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);
}
.group\/day[data-focused="true"]
  .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  --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);
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
  content: var(--tw-content);
  left: 100%;
}
.group[data-collapsible="offcanvas"]
  .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: var(--sidebar);
}
.peer\/menu-button[data-size="default"]
  ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}
.peer\/menu-button[data-size="lg"]
  ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}
.peer\/menu-button[data-size="sm"]
  ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}
.peer\/menu-button[data-active="true"]
  ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: var(--sidebar-accent-foreground);
}
@supports (backdrop-filter: var(--tw)) {
  .supports-\[backdrop-filter\]\:bg-black\/60 {
    background-color: rgb(0 0 0/0.6);
  }
  .supports-\[backdrop-filter\]\: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);
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
.dark\:divide-\[\#222\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-800\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(31 41 55/0.5);
}
.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255/0.1);
}
.dark\:border-4:is(.dark *) {
  border-width: 4px;
}
.dark\:border-\[\#1E293B\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#1F2937\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#1a1a1a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#222222AD\]:is(.dark *) {
  border-color: #222222ad;
}
.dark\:border-\[\#222222\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#222\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#23232a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(35 35 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#27272A\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#27272a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#293548\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(41 53 72 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#2a2a2a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#333\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#8a8a8a\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(138 138 138 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#FFFFFF1A\]:is(.dark *) {
  border-color: #ffffff1a;
}
.dark\:border-\[\#FFFFFF22\]:is(.dark *) {
  border-color: #ffffff22;
}
.dark\:border-\[\#FFFFFF33\]:is(.dark *) {
  border-color: #ffffff33;
}
.dark\:border-\[\#FFFFFF99\]:is(.dark *) {
  border-color: #ffffff99;
}
.dark\:border-\[\#fff\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#ffffff1A\]:is(.dark *) {
  border-color: #ffffff1a;
}
.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]:is(.dark *) {
  border-color: rgba(255, 255, 255, 0.2);
}
.dark\:border-amber-700\/30:is(.dark *) {
  border-color: rgb(180 83 9/0.3);
}
.dark\:border-amber-900\/40:is(.dark *) {
  border-color: rgb(120 53 15/0.4);
}
.dark\:border-black:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-500\/20:is(.dark *) {
  border-color: rgb(59 130 246/0.2);
}
.dark\:border-blue-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-700\/50:is(.dark *) {
  border-color: rgb(29 78 216/0.5);
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800\/30:is(.dark *) {
  border-color: rgb(30 64 175/0.3);
}
.dark\:border-blue-800\/50:is(.dark *) {
  border-color: rgb(30 64 175/0.5);
}
.dark\:border-blue-900\/30:is(.dark *) {
  border-color: rgb(30 58 138/0.3);
}
.dark\:border-blue-900\/50:is(.dark *) {
  border-color: rgb(30 58 138/0.5);
}
.dark\:border-destructive:is(.dark *) {
  border-color: var(--destructive);
}
.dark\:border-emerald-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-800\/30:is(.dark *) {
  border-color: rgb(6 95 70/0.3);
}
.dark\:border-emerald-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-200\/50:is(.dark *) {
  border-color: rgb(229 231 235/0.5);
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700\/20:is(.dark *) {
  border-color: rgb(55 65 81/0.2);
}
.dark\:border-gray-700\/30:is(.dark *) {
  border-color: rgb(55 65 81/0.3);
}
.dark\:border-gray-700\/50:is(.dark *) {
  border-color: rgb(55 65 81/0.5);
}
.dark\:border-gray-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-800\/50:is(.dark *) {
  border-color: rgb(31 41 55/0.5);
}
.dark\:border-gray-800\/70:is(.dark *) {
  border-color: rgb(31 41 55/0.7);
}
.dark\:border-green-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.dark\:border-green-500\/20:is(.dark *) {
  border-color: rgb(34 197 94/0.2);
}
.dark\:border-green-500\/30:is(.dark *) {
  border-color: rgb(34 197 94/0.3);
}
.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.dark\:border-green-900\/40:is(.dark *) {
  border-color: rgb(20 83 45/0.4);
}
.dark\:border-indigo-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.dark\:border-pink-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-500\/20:is(.dark *) {
  border-color: rgb(168 85 247/0.2);
}
.dark\:border-purple-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}
.dark\:border-red-400\/40:is(.dark *) {
  border-color: rgb(248 113 113/0.4);
}
.dark\:border-red-500\/20:is(.dark *) {
  border-color: rgb(239 68 68/0.2);
}
.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900\/30:is(.dark *) {
  border-color: rgb(127 29 29/0.3);
}
.dark\:border-red-900\/40:is(.dark *) {
  border-color: rgb(127 29 29/0.4);
}
.dark\:border-red-900\/50:is(.dark *) {
  border-color: rgb(127 29 29/0.5);
}
.dark\:border-teal-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}
.dark\:border-transparent:is(.dark *) {
  border-color: transparent;
}
.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:border-white\/10:is(.dark *) {
  border-color: rgb(255 255 255/0.1);
}
.dark\:border-white\/15:is(.dark *) {
  border-color: rgb(255 255 255/0.15);
}
.dark\:border-white\/20:is(.dark *) {
  border-color: rgb(255 255 255/0.2);
}
.dark\:border-white\/30:is(.dark *) {
  border-color: rgb(255 255 255/0.3);
}
.dark\:border-white\/70:is(.dark *) {
  border-color: rgb(255 255 255/0.7);
}
.dark\:border-white\/80:is(.dark *) {
  border-color: rgb(255 255 255/0.8);
}
.dark\:border-yellow-500\/20:is(.dark *) {
  border-color: rgb(234 179 8/0.2);
}
.dark\:border-yellow-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}
.dark\:border-b-gray-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.dark\:border-l-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-r-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-right-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-t-emerald-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:border-t-gray-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.dark\:border-t-green-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.dark\:border-t-transparent:is(.dark *) {
  border-top-color: transparent;
}
.dark\:border-t-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:bg-\[\#000\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#09090B\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0A0A0A\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0a0a0a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f0f0f\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f0f0f\]\/50:is(.dark *) {
  background-color: rgb(15 15 15/0.5);
}
.dark\:bg-\[\#101010\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#111111\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#121212\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#131313\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#171717\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#18181b\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1A1A1A\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1E1E1E\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1a1a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1a1a\]\/50:is(.dark *) {
  background-color: rgb(26 26 26/0.5);
}
.dark\:bg-\[\#1a1a1a\]\/80:is(.dark *) {
  background-color: rgb(26 26 26/0.8);
}
.dark\:bg-\[\#222222\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#222\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#23232a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#232b36\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#252525\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#262626\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2a2a2a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2a2a2d\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#333\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#FFFFFF0D\]:is(.dark *) {
  background-color: #ffffff0d;
}
.dark\:bg-\[\#FFFFFF12\]:is(.dark *) {
  background-color: #ffffff12;
}
.dark\:bg-\[\#FFFFFF1A\]:is(.dark *) {
  background-color: #ffffff1a;
}
.dark\:bg-\[\#FFFFFF99\]:is(.dark *) {
  background-color: #ffffff99;
}
.dark\:bg-\[\#FFFFFF\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#FFF\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#fff\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:is(.dark *) {
  background-color: rgba(255, 255, 255, 0.02);
}
.dark\:bg-\[transparent\]:is(.dark *) {
  background-color: transparent;
}
.dark\:bg-amber-800\/40:is(.dark *) {
  background-color: rgb(146 64 14/0.4);
}
.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: rgb(120 53 15/0.3);
}
.dark\:bg-amber-950\/10:is(.dark *) {
  background-color: rgb(69 26 3/0.1);
}
.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-black\/50:is(.dark *) {
  background-color: rgb(0 0 0/0.5);
}
.dark\:bg-black\/60:is(.dark *) {
  background-color: rgb(0 0 0/0.6);
}
.dark\:bg-black\/80:is(.dark *) {
  background-color: rgb(0 0 0/0.8);
}
.dark\:bg-black\/90:is(.dark *) {
  background-color: rgb(0 0 0/0.9);
}
.dark\:bg-blue-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-800\/40:is(.dark *) {
  background-color: rgb(30 64 175/0.4);
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138/0.2);
}
.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138/0.3);
}
.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: rgb(30 58 138/0.4);
}
.dark\:bg-blue-900\/50:is(.dark *) {
  background-color: rgb(30 58 138/0.5);
}
.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: rgb(23 37 84/0.3);
}
.dark\:bg-cyan-900\/30:is(.dark *) {
  background-color: rgb(22 78 99/0.3);
}
.dark\:bg-emerald-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-900\/20:is(.dark *) {
  background-color: rgb(6 78 59/0.2);
}
.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: rgb(6 78 59/0.3);
}
.dark\:bg-gray-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-200:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/70:is(.dark *) {
  background-color: rgb(55 65 81/0.7);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/30:is(.dark *) {
  background-color: rgb(31 41 55/0.3);
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: rgb(31 41 55/0.5);
}
.dark\:bg-gray-800\/80:is(.dark *) {
  background-color: rgb(31 41 55/0.8);
}
.dark\:bg-gray-800\/90:is(.dark *) {
  background-color: rgb(31 41 55/0.9);
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/20:is(.dark *) {
  background-color: rgb(17 24 39/0.2);
}
.dark\:bg-gray-900\/30:is(.dark *) {
  background-color: rgb(17 24 39/0.3);
}
.dark\:bg-gray-900\/50:is(.dark *) {
  background-color: rgb(17 24 39/0.5);
}
.dark\:bg-gray-900\/60:is(.dark *) {
  background-color: rgb(17 24 39/0.6);
}
.dark\:bg-gray-900\/90:is(.dark *) {
  background-color: rgb(17 24 39/0.9);
}
.dark\:bg-gray-900\/95:is(.dark *) {
  background-color: rgb(17 24 39/0.95);
}
.dark\:bg-gray-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-700\/20:is(.dark *) {
  background-color: rgb(21 128 61/0.2);
}
.dark\:bg-green-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-800\/50:is(.dark *) {
  background-color: rgb(22 101 52/0.5);
}
.dark\:bg-green-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900\/10:is(.dark *) {
  background-color: rgb(20 83 45/0.1);
}
.dark\:bg-green-900\/20:is(.dark *) {
  background-color: rgb(20 83 45/0.2);
}
.dark\:bg-green-900\/30:is(.dark *) {
  background-color: rgb(20 83 45/0.3);
}
.dark\:bg-green-900\/40:is(.dark *) {
  background-color: rgb(20 83 45/0.4);
}
.dark\:bg-green-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-950\/10:is(.dark *) {
  background-color: rgb(5 46 22/0.1);
}
.dark\:bg-green-950\/30:is(.dark *) {
  background-color: rgb(5 46 22/0.3);
}
.dark\:bg-orange-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18/0.2);
}
.dark\:bg-purple-800\/50:is(.dark *) {
  background-color: rgb(107 33 168/0.5);
}
.dark\:bg-purple-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}
.dark\:bg-purple-900\/20:is(.dark *) {
  background-color: rgb(88 28 135/0.2);
}
.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: rgb(88 28 135/0.3);
}
.dark\:bg-red-500\/10:is(.dark *) {
  background-color: rgb(239 68 68/0.1);
}
.dark\:bg-red-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900\/20:is(.dark *) {
  background-color: rgb(127 29 29/0.2);
}
.dark\:bg-red-900\/30:is(.dark *) {
  background-color: rgb(127 29 29/0.3);
}
.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-950\/10:is(.dark *) {
  background-color: rgb(69 10 10/0.1);
}
.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10/0.3);
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-white\/10:is(.dark *) {
  background-color: rgb(255 255 255/0.1);
}
.dark\:bg-white\/20:is(.dark *) {
  background-color: rgb(255 255 255/0.2);
}
.dark\:bg-white\/5:is(.dark *) {
  background-color: rgb(255 255 255/0.05);
}
.dark\:bg-white\/95:is(.dark *) {
  background-color: rgb(255 255 255/0.95);
}
.dark\:bg-white\/\[0\.06\]:is(.dark *) {
  background-color: rgb(255 255 255/0.06);
}
.dark\:bg-yellow-500\/10:is(.dark *) {
  background-color: rgb(234 179 8/0.1);
}
.dark\:bg-yellow-900\/20:is(.dark *) {
  background-color: rgb(113 63 18/0.2);
}
.dark\:bg-yellow-900\/30:is(.dark *) {
  background-color: rgb(113 63 18/0.3);
}
.dark\:bg-yellow-950\/30:is(.dark *) {
  background-color: rgb(66 32 6/0.3);
}
.dark\:bg-\[linear-gradient\(45deg\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)\)\2c
  linear-gradient\(45deg\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_25\%\2c
  transparent_25\%\2c
  transparent_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)_75\%\2c
  rgba\(240\2c
  240\2c
  240\2c
  0\.2\)\)\]:is(.dark *) {
  background-image: linear-gradient(
      45deg,
      rgba(240, 240, 240, 0.2) 25%,
      transparent 0,
      transparent 75%,
      rgba(240, 240, 240, 0.2) 0,
      rgba(240, 240, 240, 0.2)
    ),
    linear-gradient(
      45deg,
      rgba(240, 240, 240, 0.2) 25%,
      transparent 0,
      transparent 75%,
      rgba(240, 240, 240, 0.2) 0,
      rgba(240, 240, 240, 0.2)
    );
}
.dark\:bg-none:is(.dark *) {
  background-image: none;
}
.dark\:from-\[\#0a0a0a\]:is(.dark *) {
  --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);
}
.dark\:from-amber-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(69 26 3/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 26 3/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/10:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.1) 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);
}
.dark\:from-blue-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.2) 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);
}
.dark\:from-blue-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(30 58 138/0.3) 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);
}
.dark\:from-blue-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(23 37 84/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 37 84/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(6 78 59/0.2) 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);
}
.dark\:from-emerald-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(2 44 34/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 44 34/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-300:is(.dark *) {
  --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 213 219/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-800:is(.dark *) {
  --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);
}
.dark\:from-gray-900:is(.dark *) {
  --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);
}
.dark\:from-gray-900\/0:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0) 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);
}
.dark\:from-gray-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0.3) 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);
}
.dark\:from-gray-900\/50:is(.dark *) {
  --tw-gradient-from: rgb(17 24 39/0.5) 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);
}
.dark\:from-green-800\/30:is(.dark *) {
  --tw-gradient-from: rgb(22 101 52/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(20 83 45/0.2) 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);
}
.dark\:from-pink-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(131 24 67/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(131 24 67/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(88 28 135/0.2) 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);
}
.dark\:from-red-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(127 29 29/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/80:is(.dark *) {
  --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);
}
.dark\:from-teal-900\/20:is(.dark *) {
  --tw-gradient-from: rgb(19 78 74/0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 78 74/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:to-\[\#0f0f0f\]:is(.dark *) {
  --tw-gradient-to: #0f0f0f var(--tw-gradient-to-position);
}
.dark\:to-\[\#121212\]:is(.dark *) {
  --tw-gradient-to: #121212 var(--tw-gradient-to-position);
}
.dark\:to-black\/10:is(.dark *) {
  --tw-gradient-to: rgb(0 0 0/0.1) var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(30 64 175/0.2) var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(30 58 138/0.3) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(6 95 70/0.2) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/30:is(.dark *) {
  --tw-gradient-to: rgb(6 95 70/0.3) var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(6 78 59/0.2) var(--tw-gradient-to-position);
}
.dark\:to-gray-100:is(.dark *) {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.dark\:to-gray-700:is(.dark *) {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.dark\:to-gray-800:is(.dark *) {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.dark\:to-gray-900:is(.dark *) {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/5:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.05) var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/50:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.5) var(--tw-gradient-to-position);
}
.dark\:to-gray-900\/80:is(.dark *) {
  --tw-gradient-to: rgb(17 24 39/0.8) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(20 83 45/0.2) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(20 83 45/0.3) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/10:is(.dark *) {
  --tw-gradient-to: rgb(49 46 129/0.1) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(49 46 129/0.2) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(124 45 18/0.2) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(124 45 18/0.3) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(107 33 168/0.2) var(--tw-gradient-to-position);
}
.dark\:to-red-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(153 27 27/0.2) var(--tw-gradient-to-position);
}
.dark\:to-slate-800\/20:is(.dark *) {
  --tw-gradient-to: rgb(30 41 59/0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(19 78 74/0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/30:is(.dark *) {
  --tw-gradient-to: rgb(19 78 74/0.3) var(--tw-gradient-to-position);
}
.dark\:fill-\[\#18181b\]:is(.dark *) {
  fill: #18181b;
}
.dark\:fill-\[\#2a2a2e\]:is(.dark *) {
  fill: #2a2a2e;
}
.dark\:fill-\[\#fff\]:is(.dark *) {
  fill: #fff;
}
.dark\:fill-gray-300:is(.dark *) {
  fill: #d1d5db;
}
.dark\:fill-gray-400:is(.dark *) {
  fill: #9ca3af;
}
.dark\:fill-gray-800:is(.dark *) {
  fill: #1f2937;
}
.dark\:stroke-\[\#fff\]:is(.dark *) {
  stroke: #fff;
}
.dark\:stroke-gray-300:is(.dark *) {
  stroke: #d1d5db;
}
.dark\:stroke-gray-400:is(.dark *) {
  stroke: #9ca3af;
}
.dark\:stroke-gray-600:is(.dark *) {
  stroke: #4b5563;
}
.dark\:stroke-gray-700:is(.dark *) {
  stroke: #374151;
}
.dark\:stroke-white\/10:is(.dark *) {
  stroke: rgb(255 255 255/0.1);
}
.dark\:text-\[\#000\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#0B0D0F\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(11 13 15 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#111\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#666\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#888\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#8a8a8a\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#94A3B8\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#999\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#CBD5F5\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 245 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#E2E8F0\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#FFFFFF99\]:is(.dark *) {
  color: #ffffff99;
}
.dark\:text-\[\#FFF\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#aaa\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#e0e0e0\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#fff\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#fff\]\/80:is(.dark *) {
  color: rgb(255 255 255/0.8);
}
.dark\:text-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\]:is(.dark *) {
  color: rgba(255, 255, 255, 0.8);
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-700:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-900:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.dark\:text-green-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white\/40:is(.dark *) {
  color: rgb(255 255 255/0.4);
}
.dark\:text-white\/60:is(.dark *) {
  color: rgb(255 255 255/0.6);
}
.dark\:text-white\/70:is(.dark *) {
  color: rgb(255 255 255/0.7);
}
.dark\:text-white\/80:is(.dark *) {
  color: rgb(255 255 255/0.8);
}
.dark\:text-yellow-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-\[\#666\]:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(102 102 102 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#666\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(102 102 102 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#777\]:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(119 119 119 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#777\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(119 119 119 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#8a8a8a\]:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#8a8a8a\]:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-\[\#FFFFFF99\]:is(.dark *)::-moz-placeholder {
  color: #ffffff99;
}
.dark\:placeholder-\[\#FFFFFF99\]:is(.dark *)::placeholder {
  color: #ffffff99;
}
.dark\:placeholder-\[\#fff\]\/60:is(.dark *)::-moz-placeholder {
  color: rgb(255 255 255/0.6);
}
.dark\:placeholder-\[\#fff\]\/60:is(.dark *)::placeholder {
  color: rgb(255 255 255/0.6);
}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-white:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-white:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity, 1));
}
.dark\:opacity-20:is(.dark *) {
  opacity: 0.2;
}
.dark\:opacity-\[0\.02\]:is(.dark *) {
  opacity: 0.02;
}
.dark\:shadow-2xl:is(.dark *) {
  --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);
}
.dark\:ring-\[\#1E293B\]:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-100\/20:is(.dark *) {
  --tw-ring-color: rgb(243 244 246/0.2);
}
.dark\:ring-gray-900:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.dark\:ring-offset-gray-800:is(.dark *) {
  --tw-ring-offset-color: #1f2937;
}
.dark\:placeholder\:text-white\/40:is(.dark *)::-moz-placeholder {
  color: rgb(255 255 255/0.4);
}
.dark\:placeholder\:text-white\/40:is(.dark *)::placeholder {
  color: rgb(255 255 255/0.4);
}
.dark\:hover\:border-\[\#2a2a2a\]:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-800:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-100:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-700:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-purple-400:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-red-500\/20:hover:is(.dark *) {
  border-color: rgb(239 68 68/0.2);
}
.dark\:hover\:border-teal-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-white:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-white\/30:hover:is(.dark *) {
  border-color: rgb(255 255 255/0.3);
}
.dark\:hover\:bg-\[\#111111\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#141414\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1a1a1a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#1b1b1b\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#222222\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#222\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#23232a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#262626\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2A2A2A\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2a2a2a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#333\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#3a3a3a\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#E2E8F0\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#FFFFFF1A\]:hover:is(.dark *) {
  background-color: #ffffff1a;
}
.dark\:hover\:bg-\[\#f3f4f6\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
  background-color: rgb(30 58 138/0.2);
}
.dark\:hover\:bg-gray-100:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-200:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700\/50:hover:is(.dark *) {
  background-color: rgb(55 65 81/0.5);
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
  background-color: rgb(31 41 55/0.5);
}
.dark\:hover\:bg-gray-900:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-900\/30:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.3);
}
.dark\:hover\:bg-gray-900\/50:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.5);
}
.dark\:hover\:bg-gray-900\/70:hover:is(.dark *) {
  background-color: rgb(17 24 39/0.7);
}
.dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
  background-color: rgb(239 68 68/0.1);
}
.dark\:hover\:bg-red-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-900\/10:hover:is(.dark *) {
  background-color: rgb(127 29 29/0.1);
}
.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.1);
}
.dark\:hover\:bg-white\/20:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.2);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255/0.05);
}
.dark\:hover\:text-\[\#8a8a8a\]:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-\[\#e0e0e0\]:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-100:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-900:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-yellow-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:hover\:ring-white:hover:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:border-blue-500:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-emerald-400:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-gray-500:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-gray-700:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-white:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:focus\:bg-\[\#2a2a2a\]:focus:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:ring-blue-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-emerald-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-emerald-600:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-100:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-600:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-700:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-white:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-white\/10:focus:is(.dark *) {
  --tw-ring-color: rgb(255 255 255/0.1);
}
.dark\:focus\:ring-offset-black:focus:is(.dark *) {
  --tw-ring-offset-color: #000;
}
.dark\:active\:bg-gray-700:active:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *) {
  background-color: rgb(30 58 138/0.5);
}
.group:hover .dark\:group-hover\:bg-purple-800\/70:is(.dark *) {
  background-color: rgb(107 33 168/0.7);
}
.group:hover .dark\:group-hover\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .dark\:group-hover\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 640px) {
  .max-sm\:max-w-md {
    max-width: 28rem;
  }
}
@media (max-width: 480px) {
  .max-\[480px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .max-\[420px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 420px) {
  .min-\[420px\]\:bottom-3\.5 {
    bottom: 0.875rem;
  }
  .min-\[420px\]\:right-3\.5 {
    right: 0.875rem;
  }
  .min-\[420px\]\:mt-\[-30px\] {
    margin-top: -30px;
  }
  .min-\[420px\]\:mt-\[-70px\] {
    margin-top: -70px;
  }
  .min-\[420px\]\:h-\[13px\] {
    height: 13px;
  }
  .min-\[420px\]\:h-\[18px\] {
    height: 18px;
  }
  .min-\[420px\]\:h-\[22px\] {
    height: 22px;
  }
  .min-\[420px\]\:h-\[30px\] {
    height: 30px;
  }
  .min-\[420px\]\:h-\[32px\] {
    height: 32px;
  }
  .min-\[420px\]\:w-\[101px\] {
    width: 101px;
  }
  .min-\[420px\]\:w-\[22px\] {
    width: 22px;
  }
  .min-\[420px\]\:w-\[30px\] {
    width: 30px;
  }
  .min-\[420px\]\:w-\[53px\] {
    width: 53px;
  }
  .min-\[420px\]\:min-w-\[320px\] {
    min-width: 320px;
  }
  .min-\[420px\]\:max-w-\[320px\] {
    max-width: 320px;
  }
  .min-\[420px\]\:max-w-\[360px\] {
    max-width: 360px;
  }
  .min-\[420px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[420px\]\:items-center {
    align-items: center;
  }
  .min-\[420px\]\:gap-4 {
    gap: 1rem;
  }
  .min-\[420px\]\:gap-5 {
    gap: 1.25rem;
  }
  .min-\[420px\]\:p-5 {
    padding: 1.25rem;
  }
  .min-\[420px\]\:text-\[11px\] {
    font-size: 11px;
  }
  .min-\[420px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .min-\[420px\]\:text-\[15px\] {
    font-size: 15px;
  }
  .min-\[420px\]\:text-\[25px\] {
    font-size: 25px;
  }
  .min-\[420px\]\:text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .min-\[420px\]\:leading-\[17px\] {
    line-height: 17px;
  }
}
@media (min-width: 640px) {
  .sm\:bottom-3 {
    bottom: 0.75rem;
  }
  .sm\:bottom-4 {
    bottom: 1rem;
  }
  .sm\:left-4 {
    left: 1rem;
  }
  .sm\:left-6 {
    left: 1.5rem;
  }
  .sm\:left-8 {
    left: 2rem;
  }
  .sm\:right-3 {
    right: 0.75rem;
  }
  .sm\:right-4 {
    right: 1rem;
  }
  .sm\:right-8 {
    right: 2rem;
  }
  .sm\:top-16 {
    top: 4rem;
  }
  .sm\:top-3 {
    top: 0.75rem;
  }
  .sm\:top-4 {
    top: 1rem;
  }
  .sm\:top-7 {
    top: 1.75rem;
  }
  .sm\:top-8 {
    top: 2rem;
  }
  .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .sm\:-mt-10 {
    margin-top: -2.5rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:mt-\[-60px\] {
    margin-top: -60px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:contents {
    display: contents;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:size-8 {
    width: 2rem;
    height: 2rem;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:h-14 {
    height: 3.5rem;
  }
  .sm\:h-16 {
    height: 4rem;
  }
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:h-28 {
    height: 7rem;
  }
  .sm\:h-3\.5 {
    height: 0.875rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-5 {
    height: 1.25rem;
  }
  .sm\:h-6 {
    height: 1.5rem;
  }
  .sm\:h-64 {
    height: 16rem;
  }
  .sm\:h-7 {
    height: 1.75rem;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:h-\[14px\] {
    height: 14px;
  }
  .sm\:h-\[20px\] {
    height: 20px;
  }
  .sm\:h-\[350px\] {
    height: 350px;
  }
  .sm\:h-\[36px\] {
    height: 36px;
  }
  .sm\:h-\[400px\] {
    height: 400px;
  }
  .sm\:max-h-none {
    max-height: none;
  }
  .sm\:min-h-0 {
    min-height: 0;
  }
  .sm\:min-h-\[160px\] {
    min-height: 160px;
  }
  .sm\:w-1\/3 {
    width: 33.333333%;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-12 {
    width: 3rem;
  }
  .sm\:w-14 {
    width: 3.5rem;
  }
  .sm\:w-16 {
    width: 4rem;
  }
  .sm\:w-2\/3 {
    width: 66.666667%;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-3\.5 {
    width: 0.875rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-5 {
    width: 1.25rem;
  }
  .sm\:w-6 {
    width: 1.5rem;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-7 {
    width: 1.75rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:w-\[114px\] {
    width: 114px;
  }
  .sm\:w-\[400px\] {
    width: 400px;
  }
  .sm\:w-\[57px\] {
    width: 57px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-\[340px\] {
    min-width: 340px;
  }
  .sm\:min-w-\[400px\] {
    min-width: 400px;
  }
  .sm\:min-w-\[calc\(33\.33\%-8px\)\] {
    min-width: calc(33.33% - 8px);
  }
  .sm\:max-w-6xl {
    max-width: 72rem;
  }
  .sm\:max-w-\[340px\] {
    max-width: 340px;
  }
  .sm\:max-w-\[375px\] {
    max-width: 375px;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:translate-x-6 {
    --tw-translate-x: 1.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));
  }
  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-\[14px\] {
    gap: 14px;
  }
  .sm\: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)));
  }
  .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\: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));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\: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));
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:rounded-2xl {
    border-radius: 1rem;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }
  .sm\:border-4 {
    border-width: 4px;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-2\.5 {
    padding: 0.625rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-12 {
    padding-left: 3rem;
  }
  .sm\:pl-\[30\%\] {
    padding-left: 30%;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:pt-8 {
    padding-top: 2rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-\[10px\] {
    font-size: 10px;
  }
  .sm\:text-\[16px\] {
    font-size: 16px;
  }
  .sm\:text-\[20px\] {
    font-size: 20px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:leading-\[18px\] {
    line-height: 18px;
  }
  .sm\: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);
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:bottom-4 {
    bottom: 1rem;
  }
  .md\:left-1\/2 {
    left: 50%;
  }
  .md\:left-4 {
    left: 1rem;
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:right-4 {
    right: 1rem;
  }
  .md\:right-auto {
    right: auto;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:top-10 {
    top: 2.5rem;
  }
  .md\:top-4 {
    top: 1rem;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:-mt-16 {
    margin-top: -4rem;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-14 {
    margin-top: 3.5rem;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mt-\[-50px\] {
    margin-top: -50px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:size-4 {
    width: 1rem;
    height: 1rem;
  }
  .md\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-80 {
    height: 20rem;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[450px\] {
    height: 450px;
  }
  .md\:h-\[46px\] {
    height: 46px;
  }
  .md\:h-\[500px\] {
    height: 500px;
  }
  .md\:h-\[80vh\] {
    height: 80vh;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:max-h-none {
    max-height: none;
  }
  .md\:min-h-0 {
    min-height: 0;
  }
  .md\:min-h-\[100vh\] {
    min-height: 100vh;
  }
  .md\:min-h-\[150px\] {
    min-height: 150px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-14 {
    width: 3.5rem;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-64 {
    width: 16rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[375px\] {
    width: 375px;
  }
  .md\:w-\[380px\] {
    width: 380px;
  }
  .md\:w-\[40\%\] {
    width: 40%;
  }
  .md\:w-\[440px\] {
    width: 440px;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-\[60\%\] {
    width: 60%;
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-\[var\(--rightSidebarWidth\)\] {
    width: var(--rightSidebarWidth);
  }
  .md\:w-\[var\(--widthContent\)\] {
    width: var(--widthContent);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[160px\] {
    min-width: 160px;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  .md\:-translate-x-1\/2,
  .md\: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));
  }
  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .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\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-9 {
    gap: 2.25rem;
  }
  .md\: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));
  }
  .md\: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));
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:whitespace-normal {
    white-space: normal;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:rounded-lg {
    border-radius: 0.5rem;
  }
  .md\:rounded-b-\[30px\] {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md\:border {
    border-width: 1px;
  }
  .md\:border-r,
  .md\:border-r-\[1px\] {
    border-right-width: 1px;
  }
  .md\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .md\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
  .md\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  }
  .md\:bg-\[\#0000000D\] {
    background-color: #0000000d;
  }
  .md\:bg-\[\#FFFFFF0D\] {
    background-color: #ffffff0d;
  }
  .md\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .md\:bg-white\/80 {
    background-color: rgb(255 255 255/0.8);
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:p-2\.5 {
    padding: 0.625rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[1\.25dvw\] {
    padding-left: 1.25dvw;
    padding-right: 1.25dvw;
  }
  .md\:px-\[unset\] {
    padding-left: unset;
    padding-right: unset;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-\[108px\] {
    padding-top: 108px;
    padding-bottom: 108px;
  }
  .md\:py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-4 {
    padding-bottom: 1rem;
  }
  .md\:pb-9 {
    padding-bottom: 2.25rem;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pl-3 {
    padding-left: 0.75rem;
  }
  .md\:pl-\[20\%\] {
    padding-left: 20%;
  }
  .md\:pr-12 {
    padding-right: 3rem;
  }
  .md\:pr-4 {
    padding-right: 1rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pt-9 {
    padding-top: 2.25rem;
  }
  .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-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-\[12px\] {
    font-size: 12px;
  }
  .md\:text-\[14px\] {
    font-size: 14px;
  }
  .md\:text-\[15px\] {
    font-size: 15px;
  }
  .md\:text-\[16px\] {
    font-size: 16px;
  }
  .md\:text-\[17px\] {
    font-size: 17px;
  }
  .md\:text-\[18px\] {
    font-size: 18px;
  }
  .md\:text-\[1rem\] {
    font-size: 1rem;
  }
  .md\:text-\[22px\] {
    font-size: 22px;
  }
  .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-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .after\:md\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }
  .peer[data-state="collapsed"][data-variant="inset"]
    ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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);
  }
  .dark\:md\:border-white\/10:is(.dark *) {
    border-color: rgb(255 255 255/0.1);
  }
  .dark\:md\:border-white\/20:is(.dark *) {
    border-color: rgb(255 255 255/0.2);
  }
  .dark\:md\:bg-\[\#FFFFFF0D\]:is(.dark *) {
    background-color: #ffffff0d;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:right-4 {
    right: 1rem;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:top-3 {
    top: 0.75rem;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:h-8 {
    height: 2rem;
  }
  .lg\:h-96 {
    height: 24rem;
  }
  .lg\:h-\[450px\] {
    height: 450px;
  }
  .lg\:h-\[550px\] {
    height: 550px;
  }
  .lg\:h-\[600px\] {
    height: 600px;
  }
  .lg\:h-screen {
    height: 100vh;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:w-16 {
    width: 4rem;
  }
  .lg\:w-8 {
    width: 2rem;
  }
  .lg\:w-\[36\%\] {
    width: 36%;
  }
  .lg\:w-\[600px\] {
    width: 600px;
  }
  .lg\:w-\[calc\(100dvw-var\(--sidebarWidth\)\)\] {
    width: calc(100dvw - var(--sidebarWidth));
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .lg\:max-w-\[64\%\] {
    max-width: 64%;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-\[4\] {
    flex: 4;
  }
  .lg\:flex-\[6\] {
    flex: 6;
  }
  .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\:grid-cols-\[300px_1fr\] {
    grid-template-columns: 300px 1fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-\[0\.5\] {
    gap: 0.5;
  }
  .lg\: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));
  }
  .lg\:self-end {
    align-self: flex-end;
  }
  .lg\:overflow-auto {
    overflow: auto;
  }
  .lg\:rounded-2xl {
    border-radius: 1rem;
  }
  .lg\:rounded-\[15px\] {
    border-radius: 15px;
  }
  .lg\:border {
    border-width: 1px;
  }
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-r {
    border-right-width: 1px;
  }
  .lg\:border-border {
    border-color: var(--border);
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .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-\[16px\] {
    font-size: 16px;
  }
  .lg\:text-\[20px\] {
    font-size: 20px;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:left-\[2\.75\%\] {
    left: 2.75%;
  }
  .xl\:right-\[2\%\] {
    right: 2%;
  }
  .xl\:top-\[2\.75\%\] {
    top: 2.75%;
  }
  .xl\:top-\[3\%\] {
    top: 3%;
  }
  .xl\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .xl\:h-\[650px\] {
    height: 650px;
  }
  .xl\:h-\[700px\] {
    height: 700px;
  }
  .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\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:gap-3 {
    gap: 0.75rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:text-\[14px\] {
    font-size: 14px;
  }
}
@media (min-width: 1536px) {
  .\32xl\:gap-3 {
    gap: 0.75rem;
  }
  .\32xl\:gap-4 {
    gap: 1rem;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
  button {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
  padding-right: 0;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
  button {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
  --tw-translate-y: 2px;
  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\]\:hidden > button {
  display: none;
}
.\[\&\>span\:last-child\]\:truncate > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\[\&\>span\]\:line-clamp-1 > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:text-xs > span {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&\>span\]\:opacity-70 > span {
  opacity: 0.7;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
  --tw-translate-y: -3px;
  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));
}
.\[\&\>svg\]\:absolute > svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4 > svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4 > svg {
  top: 1rem;
}
.\[\&\>svg\]\:size-3\.5 > svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4 > svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5 > svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3 > svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:h-3\.5 > svg {
  height: 0.875rem;
}
.\[\&\>svg\]\:w-2\.5 > svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3 > svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:w-3\.5 > svg {
  width: 0.875rem;
}
.\[\&\>svg\]\:shrink-0 > svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive > svg {
  color: var(--destructive);
}
.\[\&\>svg\]\:text-foreground > svg {
  color: var(--foreground);
}
.\[\&\>svg\]\:text-muted-foreground > svg {
  color: var(--muted-foreground);
}
.\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
  color: var(--sidebar-accent-foreground);
}
.\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child > tr {
  border-bottom-width: 0;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
  > div {
  --tw-rotate: 90deg;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
  > div,
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  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));
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  --tw-rotate: 180deg;
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground
  .recharts-cartesian-axis-tick
  text {
  fill: var(--muted-foreground);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
  .recharts-curve.recharts-tooltip-cursor {
  stroke: var(--border);
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-dot[stroke="#fff"] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-polar-grid
  [stroke="#ccc"] {
  stroke: var(--border);
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
  .recharts-radial-bar-background-sector,
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
  .recharts-rectangle.recharts-tooltip-cursor {
  fill: var(--muted);
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
  .recharts-reference-line
  [stroke="#ccc"] {
  stroke: var(--border);
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
  .recharts-sector[stroke="#fff"] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: var(--muted-foreground);
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
  [cmdk-group]:not([hidden])
  ~ [cmdk-group] {
  padding-top: 0;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:size-\[18px\] svg {
  width: 18px;
  height: 18px;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-side="left"][data-collapsible="offcanvas"]
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}
[data-side="left"][data-state="collapsed"]
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"][data-collapsible="offcanvas"]
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}
[data-side="right"][data-state="collapsed"]
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}
[data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}
[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
[data-slot="popover-content"]
  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: Inter Fallback;
  src: local("Arial");
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0%;
  size-adjust: 107.12%;
}
.__className_b9c7ce {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}
.__variable_b9c7ce {
  --font-inter: "Inter", "Inter Fallback";
}