.animated-delay-on-mount-fade {
   animation: fade-in-keyframe 300ms ease-in;
}

.animated-delay-on-unmount-fade {
   animation: fade-out-keyframe 300ms ease-in;
}

/* #region - auto scrolling (Common theme) */

.auto-scrolling-container {
   scrollbar-gutter: stable;
   overflow: auto;
}

.auto-scrolling-container::-webkit-scrollbar {
   height: 2px;
   width: 2px;
}

.auto-scrolling-container::-webkit-scrollbar-track {
   -webkit-box-shadow: none;

   background-color: transparent;
}

.auto-scrolling-container::-webkit-scrollbar-thumb {
   border-radius: 24px;
   background-color: transparent;
}

.auto-scrolling {
   -ms-overflow-style: none;
}

.auto-scrolling::-webkit-scrollbar {
   background-color: transparent;
}

.auto-scrolling::-webkit-scrollbar-track {
   -webkit-box-shadow: none;

   background-color: transparent;
}

.auto-scrolling::-webkit-scrollbar-thumb {
   background-color: var(--background-neutral-default-l2);
}

/* #endregion */

/* #region - auto scrolling (Custom Themes) */

.game-auto-scrolling::-webkit-scrollbar-thumb {
   background-color: #8c3823;
}

/* #endregion */

/* Custom Scroll styles */

.hidden-scrolling::-webkit-scrollbar {
   display: none;
}

/* #endregion */

/* #region Tablet Ancient Styles*/

@media (min-width: 700px) {
   .game-auto-scrolling::-webkit-scrollbar-thumb {
      border-radius: var(--radius-common-lg);
      background-color: var(--utility-yellow-700);
   }

   .auto-scrolling-container::-webkit-scrollbar {
      width: 8px;
      height: 80px;
   }
}

/* #endregion*/

/* Common Ancient scrolling bar styles*/

.ancient-theme-scrollbar::-webkit-scrollbar {
   width: 8px;
   height: 80px;
}

.ancient-theme-scrollbar::-webkit-scrollbar-track {
   -webkit-box-shadow: none;
   background-color: transparent;
}

.ancient-theme-scrollbar::-webkit-scrollbar-thumb {
   border-radius: var(--radius-common-lg);
   background-color: var(--utility-yellow-700);
}

/* #endregion */

/* #region - Common StarsBG */

.common-stars-bg {
   background-color: var(--background-neutral-default-l3);

   background-image: url('https://cdn.alllq.in/AQ/shop/bg@1x.png');
   background-size: cover;
   background-position: right;
}

/* NOTE: Tablet BG */

@media (min-width: 700px) {
   .common-stars-bg {
      background-image: url('https://cdn.alllq.in/AQ/common/stars_bg_tablet.png');
   }
}

/* NOTE: Desktop BG */

@media (min-width: 1024px) {
   .common-stars-bg {
      background-image: url('https://cdn.alllq.in/AQ/common/desktop_stars_bg.png');
   }
}

/* #endregion */

.vertical-bw-gradient-bg {
   /* TODO: replace with design tokens */
   background: linear-gradient(180deg, #000 25%, rgba(0, 0, 0, 0) 100%);
}

.bottom-sheet-overlay-styles {
   background-color: var(--alpha-dark-neutral-70);
}

.close-bottom-sheet-animation {
   animation: slide-up-out-keyframe 0.3s;
}

.open-bottom-sheet-animation {
   animation: slide-up-in-keyframe 0.3s;
}

/* #region - Game */

.game-bottom-sheet-child-styles {
   background-position: top;
   background-size: cover;
}

/* #endregion */

:root {
   --font-family: Figtree;
}

html,
body,
#root {
   font-family: var(--font-family), FigTree, Mandali;

   height: 100%;
   width: 100%;
}

body {
   background-color: var(--background-neutral-default-l3);
}

#root {
   position: relative;
}

/* disable click on svg for analytics */

svg {
   pointer-events: none;
}

.disable-children-pointer-events * {
   pointer-events: none;
}

/* #region - Fade Keyframes */

@keyframes fade-in-keyframe {
   from {
      opacity: 0;
   }

   to {
   }
}

@keyframes fade-out-keyframe {
   from {
   }

   to {
      opacity: 0;
   }
}

/* #endregion */

/* #region - Slide Keyframes */

@keyframes slide-right-in-keyframe {
   0% {
      transform: translateX(100%);
   }
   100% {
      transform: translateX(0);
   }
}

@keyframes slide-right-out-keyframe {
   0% {
      transform: translateX(0%);
   }
   100% {
      transform: translateX(100%);
   }
}

@keyframes slide-up-in-keyframe {
   0% {
      transform: translateY(100%);
   }
   100% {
      transform: translateY(0);
   }
}

@keyframes slide-up-out-keyframe {
   0% {
      transform: translateY(0%);
   }
   100% {
      transform: translateY(100%);
   }
}

/* #endregion */

.truncate-2-line {
   display: -webkit-box;
   max-width: 100%;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-word;
}

.aq-markdown-body.shared-markdown-body {
   font-family: var(--font-family);
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
   width: 100%;
}

.aq-markdown-body.shared-markdown-body h1 {
   font-size: var(--font-heading-4xl-size-4xl);
   line-height: var(--font-heading-4xl-line-height);
   letter-spacing: var(--font-heading-4xl-letter-spacing);
   font-weight: var(--font-heading-4xl-weight-bold);
}

.aq-markdown-body.shared-markdown-body h2 {
   font-size: var(--font-heading-3xl-size-3xl);
   line-height: var(--font-heading-3xl-line-height);
   letter-spacing: var(--font-heading-3xl-letter-spacing);
   font-weight: var(--font-heading-3xl-weight-bold);
}

.aq-markdown-body.shared-markdown-body h3 {
   font-size: var(--font-heading-2xl-size-2xl);
   line-height: var(--font-heading-2xl-line-height);
   letter-spacing: var(--font-heading-2xl-letter-spacing);
   font-weight: var(--font-heading-2xl-weight-semibold);
}

.aq-markdown-body.shared-markdown-body h4 {
   font-size: var(--font-heading-xl-size-xl);
   line-height: var(--font-heading-xl-line-height);
   letter-spacing: var(--font-heading-xl-letter-spacing);
   font-weight: var(--font-heading-xl-weight-semibold);
}

.aq-markdown-body.shared-markdown-body h5,
.aq-markdown-body.shared-markdown-body h6 {
   font-size: var(--font-heading-sm-size-sm);
   line-height: var(--font-heading-sm-line-height);
   letter-spacing: var(--font-heading-sm-letter-spacing);
   font-weight: var(--font-heading-sm-weight-semibold);
}

.aq-markdown-body.shared-markdown-body h1,
.aq-markdown-body.shared-markdown-body h2,
.aq-markdown-body.shared-markdown-body h3,
.aq-markdown-body.shared-markdown-body h4,
.aq-markdown-body.shared-markdown-body h5,
.aq-markdown-body.shared-markdown-body h6 {
   font-family: var(--font-family);
   color: var(--text-primary);
   border: 0 !important;
   margin: 0;
   padding: 0;
}

.aq-markdown-body.shared-markdown-body h1,
.aq-markdown-body.shared-markdown-body h2,
.aq-markdown-body.shared-markdown-body h3,
.aq-markdown-body.shared-markdown-body h4,
.aq-markdown-body.shared-markdown-body h5,
.aq-markdown-body.shared-markdown-body h6,
.aq-markdown-body.shared-markdown-body p,
.aq-markdown-body.shared-markdown-body ul,
.aq-markdown-body.shared-markdown-body ol,
.aq-markdown-body.shared-markdown-body table,
.aq-markdown-body.shared-markdown-body img,
.aq-markdown-body.shared-markdown-body audio,
.aq-markdown-body.shared-markdown-body video,
.aq-markdown-body.shared-markdown-body [data-testid='markdown-subsection'] {
   margin-bottom: var(--spacing-common-sm-8);
}

.aq-markdown-body.shared-markdown-body hr {
   background-color: var(--text-primary);
}

.markdown-hyper-link-text .markdown-p-tag.markdown-p-tag {
   display: inline;
   color: var(--utility-blue-500) !important;
   font-family: var(--font-family);
   font-weight: var(--text-weight-normal);
}

.aq-markdown-body.shared-markdown-body span,
.aq-markdown-body.shared-markdown-body ul,
.aq-markdown-body.shared-markdown-body li,
.aq-markdown-body.shared-markdown-body p {
   font-size: var(--font-body-md-size-md);
   line-height: var(--font-body-md-line-height);
   letter-spacing: var(--font-body-md-letter-spacing);
   font-weight: var(--font-body-md-weight-normal);
   font-family: var(--font-family-regular);
   color: var(--text-primary);
}

.aq-markdown-body.shared-markdown-body ul {
   list-style-type: disc;
}

.aq-markdown-body.shared-markdown-body ol {
   list-style-type: decimal;
}

.aq-markdown-body.shared-markdown-body b {
   letter-spacing: 0px;
   color: var(--text-primary);
   font-family: var(--font-family);
}

/* TODO: check and remove if not needed (or) applied */

.cleanCodeMarkdownEditor .ace_content,
.uglyCodeMarkdownEditor .ace_content,
.highlightedMarkdownCodeEditor .ace_content,
.markdownEditor .ace_content {
   font-family: var(--font-family), Monaco, Menlo, 'Ubuntu Mono', Consolas,
      source-code-pro, monospace;
}

.aq-markdown-body.shared-markdown-body
   [data-testid='markdown-highlighted-code'] {
   border-radius: var(--radius-common-xs);
   background: var(--utility-yellow-200);
   margin: 0px;
   padding: 2px 4px;
}

.aq-markdown-body.shared-markdown-body [data-testid='markdown-hyper-link'] {
   color: var(--utility-blue-600);
   text-decoration: underline;
   font-size: var(--font-body-md-size-md);
   font-weight: var(--font-body-md-weight-normal);
   line-height: var(--font-body-md-line-height);
   letter-spacing: var(--font-body-md-letter-spacing);
}

.aq-markdown-body.shared-markdown-body [data-testid='markdown-subsection'] {
   background-color: var(--background-neutral-default-l2);
   border-radius: var(--radius-common-md);
}

.aq-markdown-body.shared-markdown-body [data-testid='markdown-strong-tag'] {
   font-weight: var(--font-label-sm-weight-bold);
   font-size: var(--font-body-lg-size-lg);
}

.aq-markdown-body.shared-markdown-body img {
   display: flex;
   flex: 1;

   border: 1px solid var(--border-neutral-primary-on-l2);
   border-radius: var(--radius-common-md);

   width: 100%;
}

.aq-markdown-body.shared-markdown-body audio {
   width: 100%;
}

.aq-markdown-body.shared-markdown-body table {
   border-collapse: separate !important;
   width: -moz-fit-content !important;
   width: fit-content !important;

   border: 1px solid var(--border-neutral-primary-on-l1) !important;
   border-radius: var(--radius-common-md) !important;
}

.aq-markdown-body.shared-markdown-body table tr {
   background-color: var(--background-neutral-default-l1) !important;
}

/* border to the right of all but the last column */

.aq-markdown-body.shared-markdown-body table th:not(:last-child),
.aq-markdown-body.shared-markdown-body table td:not(:last-child) {
   border-right: 1px solid var(--border-neutral-primary-on-l1);
}

/* border to the bottom of all but the last row */

.aq-markdown-body.shared-markdown-body table > thead > tr:not(:last-child) > th,
.aq-markdown-body.shared-markdown-body table > thead > tr:not(:last-child) > td,
.aq-markdown-body.shared-markdown-body table > tbody > tr:not(:last-child) > th,
.aq-markdown-body.shared-markdown-body table > tbody > tr:not(:last-child) > td,
.aq-markdown-body.shared-markdown-body table > tfoot > tr:not(:last-child) > th,
.aq-markdown-body.shared-markdown-body table > tfoot > tr:not(:last-child) > td,
.aq-markdown-body.shared-markdown-body table > tr:not(:last-child) > td,
.aq-markdown-body.shared-markdown-body table > tr:not(:last-child) > th,
.aq-markdown-body.shared-markdown-body table > thead:not(:last-child),
.aq-markdown-body.shared-markdown-body table > tbody:not(:last-child),
.aq-markdown-body.shared-markdown-body table > tfoot:not(:last-child) {
   border-bottom: 1px solid var(--border-neutral-primary-on-l1);
}

.aq-markdown-body.shared-markdown-body table td {
   color: var(--text-primary);
}

.aq-markdown-body.shared-markdown-body table th,
.aq-markdown-body.shared-markdown-body table th * {
   color: var(--text-tertiary);
}

.aq-markdown-body.shared-markdown-body table td,
.aq-markdown-body.shared-markdown-body table th {
   font-size: var(--font-body-sm-size-sm);
   font-weight: var(--font-body-sm-weight-normal);
   line-height: var(--font-body-sm-line-height);
   letter-spacing: var(--font-body-sm-letter-spacing);
}

.aq-markdown-body.shared-markdown-body table td[rowspan] {
   border-bottom: none !important;
}

/* TODO: check and remove if not needed (or) applied */

.multiFormatTextWebCodePlaygroundContainer.multiFormatTextWebCodePlaygroundContainer {
   position: relative;
   width: 100%;
}

/* TODO: check and remove if not needed (or) applied */

.multiFormatTextWebCodeEditor.multiFormatTextWebCodeEditor {
   .ace_editor {
      font-size: var(--font-body-sm-size-sm) !important;
   }
}

@media (min-width: 700px) {
   .aq-markdown-body.shared-markdown-body h1,
   .aq-markdown-body.shared-markdown-body h2,
   .aq-markdown-body.shared-markdown-body h3,
   .aq-markdown-body.shared-markdown-body h4,
   .aq-markdown-body.shared-markdown-body h5,
   .aq-markdown-body.shared-markdown-body h6,
   .aq-markdown-body.shared-markdown-body p,
   .aq-markdown-body.shared-markdown-body ul,
   .aq-markdown-body.shared-markdown-body ol,
   .aq-markdown-body.shared-markdown-body table,
   .aq-markdown-body.shared-markdown-body img,
   .aq-markdown-body.shared-markdown-body audio,
   .aq-markdown-body.shared-markdown-body video,
   .aq-markdown-body.shared-markdown-body [data-testid='markdown-subsection'] {
      margin-bottom: var(--spacing-common-lg-16);
   }
}

/* #region - Default Modal Styles */

/* NOTE: External implementations should implement maxHeight, maxWidth based on their use cases */

.default-react-modal {
   position: absolute;

   display: flex;
   flex-direction: column;

   border-radius: 24px;

   max-height: 85%;
   max-width: 85%;
   min-height: 200px;
   min-width: 400px;

   outline: none;
}

/* NOTE: External implementations should implement zIndex based on their use cases */

.default-react-modal-overlay {
   position: absolute;
   inset: 0;
   /* NOTE: Navbar is at l1 and l2 at collapsed and expanded states respectively */
   z-index: var(--z-l3);

   display: flex;
   align-items: center;
   justify-content: center;

   background-color: var(--alpha-dark-neutral-70);

   overflow: hidden;
}

.body-no-scroll {
   position: fixed;
   width: 100%;
}

.modal-animation-properties {
   animation: none 300ms ease-in;
}

/* #endregion */

/* #region -  Desktop ModalContent Animations */

@keyframes open-modal-with-zoom-kf {
   from {
      transform: scale(0.75);
   }
   to {
   }
}

.open-modal-with-zoom {
   animation-name: open-modal-with-zoom-kf;
}

@keyframes close-modal-with-zoom-kf {
   from {
   }
   to {
      transform: scale(0.4);
   }
}

.close-modal-with-zoom {
   animation-name: close-modal-with-zoom-kf;
}

@keyframes open-modal-with-right-to-left-slide-kf {
   from {
      transform: translateX(100%);
   }
   to {
      transform: translateX(0);
   }
}

.open-modal-with-right-to-left-slide {
   animation-name: open-modal-with-right-to-left-slide-kf;
}

@keyframes close-modal-with-right-to-left-slide-kf {
   from {
      transform: translateX(0);
   }
   to {
      transform: translateX(100%);
   }
}

.close-modal-with-right-to-left-slide {
   animation-name: close-modal-with-right-to-left-slide-kf;
}

/* #endregion */

/* #region -  Mobile ModalContent Animations */

@keyframes open-modal-with-slide-kf {
   from {
      transform: translateY(25%);
      opacity: 0.2;
   }
   to {
   }
}

.open-modal-with-slide {
   animation-name: open-modal-with-slide-kf;
}

@keyframes close-modal-with-slide-kf {
   from {
   }
   to {
      transform: translateY(100%);
   }
}

.close-modal-with-slide {
   animation-name: close-modal-with-slide-kf;
}

/* #endregion */

/* #region -  ModalOverlay Animations */

@keyframes open-modal-overlay-kf {
   from {
      opacity: 0.2;
   }
   to {
   }
}

.open-modal-overlay-with-animation {
   animation-name: open-modal-overlay-kf;
}

@keyframes close-modal-overlay-kf {
   from {
   }
   to {
      opacity: 0.2;
   }
}

.close-modal-overlay-with-animation {
   animation-name: close-modal-overlay-kf;
}

/* #endregion */

:root {
   --alpha-light-70: rgba(241, 245, 249, 0.7);
   --alpha-light-gray-0: rgba(244, 247, 250, 0);
   --alpha-light-gray-100: #f4f7fa;
   --alpha-light-blue-0: rgba(89, 162, 252, 0);
   --alpha-light-blue-100: #59a2fc;
   --alpha-light-neutral: #f1f5f9;
   --alpha-light-neutral-0: rgba(241, 245, 249, 0);
   --alpha-dark-70: rgba(2, 6, 23, 0.7);
   --alpha-dark-gray-0: rgba(30, 41, 59, 0);
   --alpha-dark-gray-100: #1e293b;
   --alpha-dark-white-0: rgba(255, 255, 255, 0);
   --alpha-dark-white-30: rgba(255, 255, 255, 0.3);
   --alpha-dark-black: #000000;
   --alpha-dark-black-0: rgba(0, 0, 0, 0);
   --alpha-ancient-white-0: rgba(255, 255, 255, 0);
   --alpha-ancient-white-30: rgba(255, 255, 255, 0.3);
   --alpha-ancient-ancient-0: rgba(130, 75, 28, 0);
   --alpha-ancient-ancient-100: #824b1c;
   --amber-50: #fffbeb;
   --amber-100: #fef3c7;
   --amber-200: #fde68a;
   --amber-300: #fcd34d;
   --amber-400: #fbbf24;
   --amber-500: #f59e0b;
   --amber-600: #d97706;
   --amber-700: #b45309;
   --amber-800: #92400e;
   --amber-900: #78350f;
   --amber-950: #451a03;
   --base-black: #000000;
   --base-white: #ffffff;
   --blue-50: #eff6ff;
   --blue-100: #dbeafe;
   --blue-200: #bfdbfe;
   --blue-300: #93c5fd;
   --blue-400: #60a5fa;
   --blue-500: #3b82f6;
   --blue-600: #2563eb;
   --blue-700: #1d4ed8;
   --blue-800: #1e40af;
   --blue-900: #1e3a8a;
   --blue-950: #172554;
   --cyan-50: #ecfeff;
   --cyan-100: #cffafe;
   --cyan-200: #a5f3fc;
   --cyan-300: #67e8f9;
   --cyan-400: #22d3ee;
   --cyan-500: #06b6d4;
   --cyan-600: #0891b2;
   --cyan-700: #0e7490;
   --cyan-800: #155e75;
   --cyan-900: #164e63;
   --cyan-950: #083344;
   --emerald-50: #ecfdf5;
   --emerald-100: #d1fae5;
   --emerald-200: #a7f3d0;
   --emerald-300: #6ee7b7;
   --emerald-400: #34d399;
   --emerald-500: #10b981;
   --emerald-600: #059669;
   --emerald-700: #047857;
   --emerald-800: #065f46;
   --emerald-900: #064e3b;
   --emerald-950: #022c22;
   --fuchsia-50: #fdf4ff;
   --fuchsia-100: #fae8ff;
   --fuchsia-200: #f5d0fe;
   --fuchsia-300: #f0abfc;
   --fuchsia-400: #e879f9;
   --fuchsia-500: #d946ef;
   --fuchsia-600: #c026d3;
   --fuchsia-700: #a21caf;
   --fuchsia-800: #86198f;
   --fuchsia-900: #701a75;
   --fuchsia-950: #4a044e;
   --gray-50: #f9fafb;
   --gray-100: #f3f4f6;
   --gray-200: #e5e7eb;
   --gray-300: #d1d5db;
   --gray-400: #9ca3af;
   --gray-500: #6b7280;
   --gray-600: #4b5563;
   --gray-700: #374151;
   --gray-800: #1f2937;
   --gray-900: #111827;
   --gray-950: #030712;
   --green-50: #f0fdf4;
   --green-100: #dcfce7;
   --green-200: #bbf7d0;
   --green-300: #86efac;
   --green-400: #4ade80;
   --green-500: #22c55e;
   --green-600: #16a34a;
   --green-700: #15803d;
   --green-800: #166534;
   --green-900: #14532d;
   --green-950: #052e16;
   --indigo-50: #eef2ff;
   --indigo-100: #e0e7ff;
   --indigo-200: #c7d2fe;
   --indigo-300: #a5b4fc;
   --indigo-400: #818cf8;
   --indigo-500: #6366f1;
   --indigo-600: #4f46e5;
   --indigo-700: #4338ca;
   --indigo-800: #3730a3;
   --indigo-900: #312e81;
   --indigo-950: #1e1b4b;
   --lime-50: #f7fee7;
   --lime-100: #ecfccb;
   --lime-200: #d9f99d;
   --lime-300: #bef264;
   --lime-400: #a3e635;
   --lime-500: #84cc16;
   --lime-600: #65a30d;
   --lime-700: #4d7c0f;
   --lime-800: #3f6212;
   --lime-900: #365314;
   --lime-950: #1a2e05;
   --neutral-50: #fafafa;
   --neutral-100: #f5f5f5;
   --neutral-200: #e5e5e5;
   --neutral-300: #d4d4d4;
   --neutral-400: #a3a3a3;
   --neutral-500: #737373;
   --neutral-600: #525252;
   --neutral-700: #404040;
   --neutral-800: #262626;
   --neutral-900: #171717;
   --neutral-950: #0a0a0a;
   --orange-50: #fff7ed;
   --orange-100: #ffedd5;
   --orange-200: #fed7aa;
   --orange-300: #fdba74;
   --orange-400: #fb923c;
   --orange-500: #f97316;
   --orange-600: #ea580c;
   --orange-700: #c2410c;
   --orange-800: #9a3412;
   --orange-900: #7c2d12;
   --orange-950: #431407;
   --pink-50: #fdf2f8;
   --pink-100: #fce7f3;
   --pink-200: #fbcfe8;
   --pink-300: #f9a8d4;
   --pink-400: #f472b6;
   --pink-500: #ec4899;
   --pink-600: #db2777;
   --pink-700: #be185d;
   --pink-800: #9d174d;
   --pink-900: #831843;
   --pink-950: #500724;
   --purple-50: #faf5ff;
   --purple-100: #f3e8ff;
   --purple-200: #e9d5ff;
   --purple-300: #d8b4fe;
   --purple-400: #c084fc;
   --purple-500: #a855f7;
   --purple-600: #9333ea;
   --purple-700: #7e22ce;
   --purple-800: #6b21a8;
   --purple-900: #581c87;
   --purple-950: #3b0764;
   --red-50: #fef2f2;
   --red-100: #fee2e2;
   --red-200: #fecaca;
   --red-300: #fca5a5;
   --red-400: #f87171;
   --red-500: #ef4444;
   --red-600: #dc2626;
   --red-700: #b91c1c;
   --red-800: #991b1b;
   --red-900: #7f1d1d;
   --red-950: #450a0a;
   --rose-50: #fff1f2;
   --rose-100: #ffe4e6;
   --rose-200: #fecdd3;
   --rose-300: #fda4af;
   --rose-400: #fb7185;
   --rose-500: #f43f5e;
   --rose-600: #e11d48;
   --rose-700: #be123c;
   --rose-800: #9f1239;
   --rose-900: #881337;
   --rose-950: #4c0519;
   --sky-50: #f0f9ff;
   --sky-100: #e0f2fe;
   --sky-200: #bae6fd;
   --sky-300: #7dd3fc;
   --sky-400: #38bdf8;
   --sky-500: #0ea5e9;
   --sky-600: #0284c7;
   --sky-700: #0369a1;
   --sky-800: #075985;
   --sky-900: #0c4a6e;
   --sky-950: #082f49;
   --slate-50: #f8fafc;
   --slate-100: #f1f5f9;
   --slate-200: #e2e8f0;
   --slate-300: #cbd5e1;
   --slate-400: #94a3b8;
   --slate-500: #64748b;
   --slate-600: #475569;
   --slate-700: #334155;
   --slate-800: #1e293b;
   --slate-900: #0f172a;
   --slate-950: #020617;
   --stone-50: #fafaf9;
   --stone-100: #f5f5f4;
   --stone-200: #e7e5e4;
   --stone-300: #d6d3d1;
   --stone-400: #a8a29e;
   --stone-500: #78716c;
   --stone-600: #57534e;
   --stone-700: #44403c;
   --stone-800: #292524;
   --stone-900: #1c1a17;
   --stone-950: #0c0a09;
   --teal-50: #f0fdfa;
   --teal-100: #ccfbf1;
   --teal-200: #99f6e4;
   --teal-300: #5eead4;
   --teal-400: #2dd4bf;
   --teal-500: #14b8a6;
   --teal-600: #0d9488;
   --teal-700: #0f766e;
   --teal-800: #115e59;
   --teal-900: #134e4a;
   --teal-950: #042f2e;
   --violet-50: #f5f3ff;
   --violet-100: #ede9fe;
   --violet-200: #ddd6fe;
   --violet-300: #c4b5fd;
   --violet-400: #a78bfa;
   --violet-500: #8b5cf6;
   --violet-600: #7c3aed;
   --violet-700: #6d28d9;
   --violet-800: #5b21b6;
   --violet-900: #4c1d95;
   --violet-950: #2e1065;
   --yellow-50: #fefce8;
   --yellow-100: #fef9c3;
   --yellow-200: #fef08a;
   --yellow-300: #fde047;
   --yellow-400: #facc15;
   --yellow-500: #eab308;
   --yellow-600: #ca8a04;
   --yellow-700: #a16207;
   --yellow-800: #854d0e;
   --yellow-900: #713f12;
   --yellow-950: #422006;
   --zinc-50: #fafafa;
   --zinc-100: #f4f4f5;
   --zinc-200: #e4e4e7;
   --zinc-300: #d4d4d8;
   --zinc-400: #a1a1aa;
   --zinc-500: #71717a;
   --zinc-600: #52525b;
   --zinc-700: #3f3f46;
   --zinc-800: #27272a;
   --zinc-900: #18181b;
   --zinc-950: #09090b;
}
:root {
   --radius-0: 0px;
   --radius-050-2: 2px;
   --radius-100-4: 4px;
   --radius-150-6: 6px;
   --radius-200-8: 8px;
   --radius-300-12: 12px;
   --radius-400-16: 16px;
   --radius-500-24: 24px;
   --radius-750: 32px;
   --radius-full: 9999px;
   --border-width-1: 1px;
   --border-width-2: 2px;
   --border-width-3: 3px;
   --border-width-4: 4px;
}
:root {
   --spacing-0: 0px;
   --spacing-50-4: 4px;
   --spacing-100-8: 8px;
   --spacing-150-12: 12px;
   --spacing-200-16: 16px;
   --spacing-250-20: 20px;
   --spacing-300-24: 24px;
   --spacing-400-32: 32px;
   --spacing-500-40: 40px;
   --spacing-600-48: 48px;
   --spacing-800-64: 64px;
   --spacing-1000-80: 80px;
   --spacing-1200-96: 96px;
   --spacing-1600-128: 128px;
   --dimension-100-8: 8;
   --dimension-150-12: 12;
   --dimension-200-16: 16;
   --dimension-225-18: 18;
   --dimension-250-20: 20;
   --dimension-300-24: 24;
   --dimension-400-32: 32;
   --dimension-500-40: 40;
   --dimension-600-48: 48;
   --dimension-700-56: 56;
   --dimension-800-64: 64;
   --dimension-1000-80: 80;
   --dimension-1200-96: 96;
}
:root {
   --text-weight-normal: 400;
   --text-weight-medium: 500;
   --text-weight-semibold: 600;
   --text-weight-bold: 700;
   --text-size-xs-12: 12px;
   --text-size-sm-14: 14px;
   --text-size-md-16: 16px;
   --text-size-lg-18: 18px;
   --text-size-xl-20: 20px;
   --text-size-2xl-24: 24px;
   --text-size-3xl-30: 30px;
   --text-size-4xl-36: 36px;
   --text-size-5xl-48: 48px;
   --text-size-6xl-60: 60px;
   --text-size-7xl: 72px;
   --text-line-height-xs-16: 16px;
   --text-line-height-sm-20: 20px;
   --text-line-height-md-24: 24px;
   --text-line-height-lg-28: 28px;
   --text-line-height-2xl-32: 32px;
   --text-line-height-3xl-36: 36px;
   --text-line-height-4xl-40: 40px;
   --text-line-height-5xl-48: 48px;
   --text-line-height-6xl-60: 60px;
   --text-line-height-7xl-72: 72px;
   --text-letter-spacing-default: 0px;
   --text-letter-spacing-loose: 0.4000000059604645px;
}
/* thematic-colors imports */
.violet {
   --base-white-thematic: var(--base-white);
   --base-black-thematic: var(--base-black);
   --brand-50: var(--violet-50);
   --brand-100: var(--violet-100);
   --brand-200: var(--violet-200);
   --brand-300: var(--violet-300);
   --brand-400: var(--violet-400);
   --brand-500: var(--violet-500);
   --brand-600: var(--violet-600);
   --brand-700: var(--violet-700);
   --brand-800: var(--violet-800);
   --brand-900: var(--violet-900);
   --brand-950: var(--violet-950);
   --error-50: var(--red-50);
   --error-100: var(--red-100);
   --error-200: var(--red-200);
   --error-300: var(--red-300);
   --error-400: var(--red-400);
   --error-500: var(--red-500);
   --error-600: var(--red-600);
   --error-700: var(--red-700);
   --error-800: var(--red-800);
   --error-900: var(--red-900);
   --error-950: var(--red-950);
   --info-50: var(--sky-50);
   --info-100: var(--sky-100);
   --info-200: var(--sky-200);
   --info-300: var(--sky-300);
   --info-400: var(--sky-400);
   --info-500: var(--sky-500);
   --info-600: var(--sky-600);
   --info-700: var(--sky-700);
   --info-800: var(--sky-800);
   --info-900: var(--sky-900);
   --info-950: var(--sky-950);
   --neutral-50: var(--slate-50);
   --neutral-100: var(--slate-100);
   --neutral-200: var(--slate-200);
   --neutral-300: var(--slate-300);
   --neutral-400: var(--slate-400);
   --neutral-500: var(--slate-500);
   --neutral-600: var(--slate-600);
   --neutral-700: var(--slate-700);
   --neutral-800: var(--slate-800);
   --neutral-900: var(--slate-900);
   --neutral-950: var(--slate-950);
   --success-50: var(--green-50);
   --success-100: var(--green-100);
   --success-200: var(--green-200);
   --success-300: var(--green-300);
   --success-400: var(--green-400);
   --success-500: var(--green-500);
   --success-600: var(--green-600);
   --success-700: var(--green-700);
   --success-800: var(--green-800);
   --success-900: var(--green-900);
   --success-950: var(--green-950);
   --warning-50: var(--amber-50);
   --warning-100: var(--amber-100);
   --warning-200: var(--amber-200);
   --warning-300: var(--amber-300);
   --warning-400: var(--amber-400);
   --warning-500: var(--amber-500);
   --warning-600: var(--amber-600);
   --warning-700: var(--amber-700);
   --warning-800: var(--amber-800);
   --warning-900: var(--amber-900);
   --warning-950: var(--amber-950);
   --alpha-dark-neutral-70: var(--alpha-dark-70);
   --alpha-light-neutral-70: var(--alpha-light-70);
}
.cyan {
   --base-white-thematic: var(--base-white);
   --base-black-thematic: var(--base-black);
   --brand-50: var(--cyan-50);
   --brand-100: var(--cyan-100);
   --brand-200: var(--cyan-200);
   --brand-300: var(--cyan-300);
   --brand-400: var(--cyan-400);
   --brand-500: var(--cyan-500);
   --brand-600: var(--cyan-600);
   --brand-700: var(--cyan-700);
   --brand-800: var(--cyan-800);
   --brand-900: var(--cyan-900);
   --brand-950: var(--cyan-950);
   --error-50: var(--red-50);
   --error-100: var(--red-100);
   --error-200: var(--red-200);
   --error-300: var(--red-300);
   --error-400: var(--red-400);
   --error-500: var(--red-500);
   --error-600: var(--red-600);
   --error-700: var(--red-700);
   --error-800: var(--red-800);
   --error-900: var(--red-900);
   --error-950: var(--red-950);
   --info-50: var(--blue-50);
   --info-100: var(--blue-100);
   --info-200: var(--blue-200);
   --info-300: var(--blue-300);
   --info-400: var(--blue-400);
   --info-500: var(--blue-500);
   --info-600: var(--blue-600);
   --info-700: var(--blue-700);
   --info-800: var(--blue-800);
   --info-900: var(--blue-900);
   --info-950: var(--blue-950);
   --neutral-50: var(--stone-50);
   --neutral-100: var(--stone-100);
   --neutral-200: var(--stone-200);
   --neutral-300: var(--stone-300);
   --neutral-400: var(--stone-400);
   --neutral-500: var(--stone-500);
   --neutral-600: var(--stone-600);
   --neutral-700: var(--stone-700);
   --neutral-800: var(--stone-800);
   --neutral-900: var(--stone-900);
   --neutral-950: var(--stone-950);
   --success-50: var(--green-50);
   --success-100: var(--green-100);
   --success-200: var(--green-200);
   --success-300: var(--green-300);
   --success-400: var(--green-400);
   --success-500: var(--green-500);
   --success-600: var(--green-600);
   --success-700: var(--green-700);
   --success-800: var(--green-800);
   --success-900: var(--green-900);
   --success-950: var(--green-950);
   --warning-50: var(--amber-50);
   --warning-100: var(--amber-100);
   --warning-200: var(--amber-200);
   --warning-300: var(--amber-300);
   --warning-400: var(--amber-400);
   --warning-500: var(--amber-500);
   --warning-600: var(--amber-600);
   --warning-700: var(--amber-700);
   --warning-800: var(--amber-800);
   --warning-900: var(--amber-900);
   --warning-950: var(--amber-950);
   --alpha-dark-neutral-70: var(--alpha-dark-70);
   --alpha-light-neutral-70: var(--alpha-light-70);
}
.blue {
   --base-white-thematic: var(--base-white);
   --base-black-thematic: var(--base-black);
   --brand-50: var(--blue-50);
   --brand-100: var(--blue-100);
   --brand-200: var(--blue-200);
   --brand-300: var(--blue-300);
   --brand-400: var(--blue-400);
   --brand-500: var(--blue-500);
   --brand-600: var(--blue-600);
   --brand-700: var(--blue-700);
   --brand-800: var(--blue-800);
   --brand-900: var(--blue-900);
   --brand-950: var(--blue-950);
   --error-50: var(--red-50);
   --error-100: var(--red-100);
   --error-200: var(--red-200);
   --error-300: var(--red-300);
   --error-400: var(--red-400);
   --error-500: var(--red-500);
   --error-600: var(--red-600);
   --error-700: var(--red-700);
   --error-800: var(--red-800);
   --error-900: var(--red-900);
   --error-950: var(--red-950);
   --info-50: var(--blue-50);
   --info-100: var(--blue-100);
   --info-200: var(--blue-200);
   --info-300: var(--blue-300);
   --info-400: var(--blue-400);
   --info-500: var(--blue-500);
   --info-600: var(--blue-600);
   --info-700: var(--blue-700);
   --info-800: var(--blue-800);
   --info-900: var(--blue-900);
   --info-950: var(--blue-950);
   --neutral-50: var(--slate-50);
   --neutral-100: var(--slate-100);
   --neutral-200: var(--slate-200);
   --neutral-300: var(--slate-300);
   --neutral-400: var(--slate-400);
   --neutral-500: var(--slate-500);
   --neutral-600: var(--slate-600);
   --neutral-700: var(--slate-700);
   --neutral-800: var(--slate-800);
   --neutral-900: var(--slate-900);
   --neutral-950: var(--slate-950);
   --success-50: var(--green-50);
   --success-100: var(--green-100);
   --success-200: var(--green-200);
   --success-300: var(--green-300);
   --success-400: var(--green-400);
   --success-500: var(--green-500);
   --success-600: var(--green-600);
   --success-700: var(--green-700);
   --success-800: var(--green-800);
   --success-900: var(--green-900);
   --success-950: var(--green-950);
   --warning-50: var(--amber-50);
   --warning-100: var(--amber-100);
   --warning-200: var(--amber-200);
   --warning-300: var(--amber-300);
   --warning-400: var(--amber-400);
   --warning-500: var(--amber-500);
   --warning-600: var(--amber-600);
   --warning-700: var(--amber-700);
   --warning-800: var(--amber-800);
   --warning-900: var(--amber-900);
   --warning-950: var(--amber-950);
   --alpha-dark-neutral-70: var(--alpha-dark-70);
   --alpha-light-neutral-70: var(--alpha-light-70);
}
.dark {
   --text-primary: var(--neutral-50);
   --text-primary_on-brand: var(--base-white-thematic);
   --text-primary_on-ancient: var(--utility-yellow-100);
   --text-secondary: var(--neutral-300);
   --text-secondary_on-brand: var(--neutral-300);
   --text-secondary_on-ancient: var(--utility-yellow-500);
   --text-tertiary: var(--neutral-400);
   --text-tertiary_on-brand: var(--neutral-400);
   --text-quarterary: var(--neutral-400);
   --text-quarterary_on-brand: var(--neutral-400);
   --text-white: var(--base-white-thematic);
   --text-disabled: var(--neutral-600);
   --text-placeholder: var(--neutral-600);
   --text-brand-primary: var(--neutral-50);
   --text-brand-secondary: var(--neutral-300);
   --text-brand-tertiary: var(--neutral-400);
   --text-error-primary: var(--error-500);
   --text-warning-primary: var(--warning-500);
   --text-success-primary: var(--success-500);
   --border-neutral-primary-on-l1: var(--neutral-600);
   --border-neutral-primary-on-l2: var(--neutral-700);
   --border-neutral-primary-on-l3: var(--neutral-700);
   --border-neutral-secondary-on-l1: var(--neutral-700);
   --border-neutral-secondary-on-l2: var(--neutral-800);
   --border-neutral-secondary-on-l3: var(--neutral-800);
   --border-neutral-disabled-on-l1: var(--neutral-600);
   --border-neutral-disabled-on-l2: var(--neutral-800);
   --border-neutral-disabled-on-l3: var(--neutral-800);
   --border-brand-primary: var(--brand-500);
   --border-brand-subtle: var(--brand-700);
   --border-ancient-primary: var(--utility-yellow-300);
   --border-ancient-secondary: var(--utility-yellow-100);
   --border-info-primary: var(--info-400);
   --border-info-subtle: var(--info-700);
   --border-success-primary: var(--success-500);
   --border-success-subtle: var(--success-700);
   --border-error-primary: var(--error-500);
   --border-error-subtle: var(--error-700);
   --border-warning-primary: var(--warning-400);
   --border-warning-subtle: var(--warning-800);
   --background-brand-primary: var(--brand-500);
   --background-brand-primary_alt: var(--neutral-900);
   --background-brand-subtle: var(--brand-950);
   --background-brand-primary_hover: var(--brand-900);
   --background-neutral-overlay: var(--neutral-800);
   --background-neutral-default-l1: var(--neutral-800);
   --background-neutral-default-l2: var(--neutral-900);
   --background-neutral-default-l3: var(--neutral-950);
   --background-neutral-disabled-on-l1: var(--neutral-700);
   --background-neutral-disabled-on-l2: var(--neutral-700);
   --background-neutral-disabled-on-l3: var(--neutral-900);
   --background-info-primary: var(--info-500);
   --background-info-subtle: var(--info-950);
   --background-info-sky_hover: var(--info-900);
   --background-success-primary: var(--success-500);
   --background-success-subtle: var(--success-950);
   --background-warning-primary: var(--warning-500);
   --background-warning-subtle: var(--warning-950);
   --background-error-primary: var(--error-500);
   --background-error-subtle: var(--error-950);
   --background-ancient-primary: var(--utility-yellow-200);
   --foreground-neutral-primary: var(--base-white-thematic);
   --foreground-neutral-secondary: var(--neutral-300);
   --foreground-neutral-tertiary: var(--neutral-400);
   --foreground-neutral-quarterary: var(--neutral-500);
   --foreground-brand-primary: var(--brand-500);
   --foreground-brand-primary-alt: var(--neutral-300);
   --foreground-brand-secondary: var(--brand-500);
   --foreground-ancient-primary: var(--utility-yellow-300);
   --foreground-ancient-secondary: var(--utility-yellow-100);
   --foreground-info-primary: var(--info-400);
   --foreground-info-secondary: var(--info-400);
   --foreground-error-primary: var(--error-500);
   --foreground-error-secondary: var(--error-400);
   --foreground-success-primary: var(--success-500);
   --foreground-success-secondary: var(--success-400);
   --foreground-warning-primary: var(--warning-500);
   --foreground-warning-secondary: var(--warning-400);
   --button-bg_disabled: var(--neutral-700);
   --button-fg_disabled: var(--neutral-600);
   --button-primary-bg: var(--brand-500);
   --button-primary-bg_hover: var(--brand-600);
   --button-primary-bg_pressed: var(--brand-500);
   --button-primary-border-shadow: var(--brand-700);
   --button-primary-fg: var(--base-white-thematic);
   --button-primary-fg_hover: var(--brand-100);
   --button-primary-fg_pressed: var(--base-white-thematic);
   --button-primary-border: var(--brand-500);
   --button-primary-border_hover: var(--brand-700);
   --button-primary-border_pressed: var(--brand-500);
   --button-primary-fg_outline: var(--brand-500);
   --button-primary-fg_outline_hover: var(--brand-700);
   --button-primary-fg_pressed_outline: var(--brand-500);
   --button-neutral-bg: var(--neutral-600);
   --button-neutral-bg_hover: var(--neutral-700);
   --button-neutral-bg_pressed: var(--neutral-600);
   --button-neutral-border-shadow_primary: var(--neutral-700);
   --button-neutral-border-shadow_primary_hover: var(--neutral-800);
   --button-neutral-fg: var(--base-white-thematic);
   --button-neutral-fg_hover: var(--neutral-100);
   --button-neutral-fg_pressed: var(--base-white-thematic);
   --button-neutral-border: var(--neutral-700);
   --button-neutral-border_hover: var(--neutral-800);
   --button-neutral-border_pressed: var(--neutral-700);
   --button-neutral-fg_outline: var(--base-white-thematic);
   --button-neutral-fg_hover_outline: var(--neutral-400);
   --button-neutral-fg_pressed_outline: var(--base-white-thematic);
   --button-secondary-bg: var(--neutral-200);
   --button-secondary-bg_pressed: var(--neutral-200);
   --button-secondary-bg_hover: var(--neutral-300);
   --button-secondary-border-shadow: var(--neutral-400);
   --button-secondary-fg: var(--neutral-700);
   --button-secondary-fg_hover: var(--neutral-700);
   --button-secondary-fg_pressed: var(--neutral-700);
   --button-tertiary-bg: var(--neutral-600);
   --button-tertiary-bg_pressed: var(--neutral-600);
   --button-tertiary-bg_hover: var(--neutral-600);
   --button-tertiary-border-shadow: var(--neutral-700);
   --button-tertiary-fg: var(--base-white-thematic);
   --button-tertiary-fg_hover: var(--base-white-thematic);
   --button-tertiary-fg_pressed: var(--base-white-thematic);
   --button-error-bg: var(--error-500);
   --button-error-bg_pressed: var(--error-500);
   --button-error-bg_hover: var(--error-600);
   --button-error-border-shadow_primary: var(--error-700);
   --button-error-fg: var(--base-white-thematic);
   --button-error-fg_hover: var(--error-100);
   --button-error-fg_pressed: var(--base-white-thematic);
   --button-error-border: var(--error-500);
   --button-error-border_hover: var(--error-600);
   --button-error-border_pressed: var(--error-500);
   --button-error-fg_outline: var(--error-600);
   --button-error-fg_hover_outline: var(--error-600);
   --button-error-fg_pressed_outline: var(--error-500);
   --button-success-bg: var(--success-500);
   --button-success-bg_pressed: var(--success-500);
   --button-success-bg_hover: var(--success-600);
   --button-success-border-shadow_primary: var(--success-700);
   --button-success-fg: var(--base-white-thematic);
   --button-success-fg_pressed: var(--base-white-thematic);
   --button-success-fg_hover: var(--success-100);
   --button-success-border: var(--success-500);
   --button-success-border_hover: var(--success-600);
   --button-success-border_pressed: var(--success-500);
   --button-success-fg_outline: var(--success-500);
   --button-success-fg_ouline_hover: var(--success-600);
   --button-success-fg_pressed_outline: var(--success-500);
   --button-warning-bg: var(--warning-400);
   --button-warning-bg_hover: var(--warning-500);
   --button-warning-bg_pressed: var(--warning-400);
   --button-warning-border-shadow_primary: var(--warning-700);
   --button-warning-fg: var(--warning-900);
   --button-warning-fg_pressed: var(--warning-900);
   --button-warning-border: var(--warning-400);
   --button-warning-border_hover: var(--warning-500);
   --button-warning-border_pressed: var(--warning-400);
   --button-warning-fg_outline: var(--warning-400);
   --button-warning-fg_hover_outline: var(--warning-500);
   --button-warning-fg_pressed_outline: var(--warning-400);
   --button-sky-bg: var(--info-500);
   --button-sky-bg_pressed: var(--info-500);
   --button-sky-bg_hover: var(--info-600);
   --button-sky-border-shadow_primary: var(--info-700);
   --button-sky-fg: var(--base-white-thematic);
   --button-sky-fg_pressed: var(--base-white-thematic);
   --button-sky-fg_hover: var(--info-100);
   --button-sky-border: var(--info-500);
   --button-sky-border_hover: var(--info-600);
   --button-sky-border_pressed: var(--info-600);
   --button-sky-fg_outline: var(--info-500);
   --button-sky-fg_hover_outline: var(--info-600);
   --button-sky-fg_pressed_outline: var(--info-500);
   --button-indigo-bg: var(--indigo-500);
   --button-indigo-bg_pressed: var(--indigo-500);
   --button-indigo-bg_hover: var(--indigo-600);
   --button-indigo-border-shadow_primary: var(--indigo-700);
   --button-indigo-fg: var(--base-white-thematic);
   --button-indigo-fg_pressed: var(--base-white-thematic);
   --button-indigo-fg_hover: var(--indigo-100);
   --button-indigo-border: var(--indigo-500);
   --button-indigo-border_hover: var(--indigo-600);
   --button-indigo-border_pressed: var(--indigo-500);
   --button-indigo-fg_outline: var(--indigo-500);
   --button-indigo-fg_hover_outline: var(--indigo-600);
   --button-indigo-fg_pressed_outline: var(--indigo-500);
   --button-plain-fg_default: var(--brand-500);
   --button-plain-fg_hover_default: var(--brand-700);
   --button-plain-fg_pressed_default: var(--brand-600);
   --button-plain-fg_sky: var(--info-500);
   --button-plain-fg_hover_sky: var(--info-700);
   --button-plain-fg_pressed_sky: var(--info-600);
   --button-plain-fg_indigo: var(--indigo-500);
   --button-plain-fg_hover_indigo: var(--indigo-700);
   --button-plain-fg_pressed_indigo: var(--indigo-600);
   --button-plain-fg_success: var(--success-500);
   --button-plain-fg_hover_success: var(--success-700);
   --button-plain-fg_pressed_success: var(--success-600);
   --button-plain-fg_warning: var(--warning-500);
   --button-plain-fg_hover_warning: var(--warning-700);
   --button-plain-fg_pressed_warning: var(--warning-600);
   --button-plain-fg_error: var(--error-500);
   --button-plain-fg_hover_error: var(--error-700);
   --button-plain-fg_pressed_error: var(--error-600);
   --button-plain-fg_neutral: var(--base-white-thematic);
   --button-plain-fg_neutral_hover: var(--neutral-400);
   --button-plain-fg_neutral_pressed: var(--base-white-thematic);
   --button-ancient-border-shadow: var(--warning-900);
   --button-ancient-fg: var(--utility-yellow-100);
   --button-ancient-bg_disabled: var(--utility-yellow-100);
   --button-ancient-fg_disabled: var(--utility-yellow-50);
   --progress-bar-bg-on-l1: var(--neutral-700);
   --progress-bar-bg-on-l2: var(--neutral-800);
   --progress-bar-neutral-indicator: var(--neutral-300);
   --progress-bar-bg-on-l3: var(--neutral-800);
   --progress-bar-brand-indicator: var(--brand-500);
   --progress-bar-brand-complete-border: var(--brand-400);
   --progress-bar-brand-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-brand-circular-controller: var(--neutral-50);
   --progress-bar-milestone-text-default: var(--text-primary);
   --progress-bar-milestone-text-completed: var(--text-primary_on-brand);
   --progress-bar-sky-indicator: var(--info-400);
   --progress-bar-sky-complete-border: var(--brand-400);
   --progress-bar-sky-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-sky-circular-controller: var(--neutral-50);
   --progress-bar-indigo-indicator: var(--indigo-500);
   --progress-bar-indigo-complete-border: var(--brand-400);
   --progress-bar-indigo-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-indigo-circular-controller: var(--neutral-50);
   --progress-bar-ancient-indicator: var(--utility-yellow-500);
   --progress-bar-ancient-complete-border: var(--utility-yellow-600);
   --progress-bar-ancient-incomplete-border: var(--utility-yellow-900);
   --progress-bar-ancient-circular-controller: var(--utility-yellow-600);
   --lesson-tag-learning-primary-fg: var(--brand-500);
   --lesson-tag-learning-primary-bg: var(--brand-950);
   --lesson-tag-practice-primary-fg: var(--info-500);
   --lesson-tag-practice-primary-bg: var(--info-950);
   --lesson-tag-assessment-primary-fg: var(--utility-indigo-500);
   --lesson-tag-assessment-primary-bg: var(--utility-indigo-50);
   --tab-bar-bg: var(--alpha-dark-neutral-70);
   --tab-bar-fg: var(--info-500);
   --tab-bar-border: var(--neutral-700);
   --tab-bar-text-active: var(--text-primary);
   --tab-bar-text-passive: var(--text-quarterary);
   --icon-ui_icon-brand-fg: var(--neutral-300);
   --icon-ui_icon-brand-fg-on-brand: var(--neutral-300);
   --icon-ui_icon-neutral-primary: var(--neutral-100);
   --icon-ui_icon-neutral-secondary: var(--neutral-400);
   --icon-ui_icon-neutral-disabled: var(--neutral-600);
   --icon-ui_icon-info-fg: var(--info-400);
   --icon-ui_icon-indigo-fg: var(--indigo-500);
   --icon-ui_icon-success-fg: var(--success-400);
   --icon-ui_icon-error-fg: var(--error-400);
   --icon-ui_icon-warning-fg: var(--warning-400);
   --callouts-bg: var(--neutral-900);
   --callouts-border: var(--neutral-800);
   --callouts-shadow: var(--neutral-600);
   --bottom-sheets-bg: var(--neutral-950);
   --bottom-sheets-border: var(--neutral-700);
   --forms-bg_disabled: var(--neutral-900);
   --forms-bg_ancient_disabled: var(--utility-yellow-950);
   --forms-fg_disabled: var(--neutral-600);
   --forms-fg_ancient_disabled: var(--neutral-700);
   --forms-border_disabled: var(--neutral-800);
   --forms-default-bg: var(--neutral-800);
   --forms-default-bg-ancient: var(--utility-yellow-950);
   --forms-default-bg-ancient_hover: var(--utility-yellow-900);
   --forms-default-fg: var(--base-white-thematic);
   --forms-default-fg-secondary: var(--neutral-300);
   --forms-default-fg-teritiary: var(--neutral-500);
   --forms-default-border: var(--neutral-600);
   --forms-default-border-ancient: var(--utility-yellow-300);
   --forms-default-bg-hover: var(--neutral-700);
   --forms-selected-bg: var(--info-950);
   --forms-selected-bg-ancient: var(--utility-yellow-950);
   --forms-selected-bg-ancient_hover: var(--utility-yellow-900);
   --forms-selected-fg: var(--base-white-thematic);
   --forms-selected-fg_secondary: var(--info-400);
   --forms-selected-border: var(--info-400);
   --forms-selected-border-ancient: var(--utility-cyan-600);
   --forms-selected-bg_hover: var(--info-900);
   --forms-success-bg: var(--neutral-800);
   --forms-success-bg_2: var(--success-950);
   --forms-success-bg-ancient-2: var(--utility-yellow-950);
   --forms-success-bg-ancient_hover: var(--utility-yellow-900);
   --forms-success-fg: var(--base-white-thematic);
   --forms-success-fg-secondary: var(--success-500);
   --forms-success-border: var(--success-500);
   --forms-success-bg_hover: var(--neutral-700);
   --forms-success-bg_hover-2: var(--success-900);
   --forms-error-bg: var(--neutral-800);
   --forms-error-bg_2: var(--error-950);
   --forms-error-bg-ancient: var(--utility-yellow-950);
   --forms-error-bg-ancient_hover: var(--utility-yellow-900);
   --forms-error-fg: var(--base-white-thematic);
   --forms-error-fg-secondary: var(--error-500);
   --forms-error-border: var(--error-500);
   --forms-error-bg_hover: var(--neutral-700);
   --forms-error-bg_hover-2: var(--error-900);
   --forms-disable-border-ancient: var(--utility-yellow-300);
   --title-banner-bg-0: var(--alpha-dark-gray-0);
   --title-banner-bg-100: var(--alpha-dark-gray-100);
   --title-banner-ancient-bg-0: var(--alpha-ancient-ancient-0);
   --title-banner-ancient-bg-100: var(--alpha-ancient-ancient-100);
   --title-banner-border-0: var(--alpha-dark-white-0);
   --title-banner-border-100: var(--alpha-dark-white-30);
   --title-banner-ancient-border-0: var(--alpha-ancient-white-0);
   --title-banner-ancient-border-30: var(--alpha-ancient-white-30);
   --video-player-overlay-100: var(--alpha-dark-black);
   --video-player-overlay-0: var(--alpha-dark-black-0);
   --navigation-menu-bg_default: var(--neutral-900);
   --navigation-menu-bg_selected: var(--info-950);
   --navigation-menu-bg_hover: var(--neutral-800);
   --navigation-menu-border: var(--info-500);
   --navigation-menu-fg: var(--base-white-thematic);
   --navigation-menu-fg_secondary: var(--info-500);
   --utility-neutral-50: var(--neutral-900);
   --utility-green-400: var(--green-400);
   --utility-lime-50: var(--lime-950);
   --utility-lime-100: var(--lime-900);
   --utility-lime-200: var(--lime-800);
   --utility-lime-300: var(--lime-700);
   --utility-lime-400: var(--lime-600);
   --utility-lime-500: var(--lime-500);
   --utility-lime-600: var(--lime-400);
   --utility-lime-700: var(--lime-300);
   --utility-lime-800: var(--lime-200);
   --utility-lime-900: var(--lime-100);
   --utility-lime-950: var(--lime-50);
   --utility-emerald-50: var(--emerald-950);
   --utility-emerald-100: var(--emerald-900);
   --utility-emerald-200: var(--emerald-800);
   --utility-emerald-300: var(--emerald-700);
   --utility-emerald-400: var(--emerald-600);
   --utility-emerald-500: var(--emerald-500);
   --utility-emerald-600: var(--emerald-400);
   --utility-emerald-700: var(--emerald-300);
   --utility-emerald-800: var(--emerald-200);
   --utility-emerald-900: var(--emerald-100);
   --utility-emerald-950: var(--emerald-50);
   --utility-teal-50: var(--teal-950);
   --utility-teal-100: var(--teal-900);
   --utility-teal-200: var(--teal-800);
   --utility-teal-300: var(--teal-700);
   --utility-teal-400: var(--teal-600);
   --utility-teal-500: var(--teal-500);
   --utility-teal-600: var(--teal-400);
   --utility-teal-700: var(--teal-300);
   --utility-teal-800: var(--teal-200);
   --utility-teal-900: var(--teal-100);
   --utility-teal-950: var(--teal-50);
   --utility-cyan-50: var(--cyan-950);
   --utility-cyan-100: var(--cyan-900);
   --utility-cyan-200: var(--cyan-800);
   --utility-cyan-300: var(--cyan-700);
   --utility-cyan-400: var(--cyan-600);
   --utility-cyan-500: var(--cyan-500);
   --utility-cyan-600: var(--cyan-400);
   --utility-cyan-700: var(--cyan-300);
   --utility-cyan-800: var(--cyan-200);
   --utility-cyan-900: var(--cyan-100);
   --utility-cyan-950: var(--cyan-50);
   --utility-info-50: var(--sky-950);
   --utility-info-100: var(--sky-900);
   --utility-info-200: var(--sky-800);
   --utility-info-300: var(--sky-700);
   --utility-info-400: var(--sky-600);
   --utility-info-500: var(--sky-500);
   --utility-info-600: var(--sky-400);
   --utility-info-700: var(--sky-300);
   --utility-info-800: var(--sky-200);
   --utility-info-900: var(--sky-100);
   --utility-info-950: var(--sky-50);
   --utility-blue-50: var(--blue-950);
   --utility-blue-100: var(--blue-900);
   --utility-blue-200: var(--blue-800);
   --utility-blue-300: var(--blue-700);
   --utility-blue-400: var(--blue-600);
   --utility-blue-500: var(--blue-500);
   --utility-blue-600: var(--blue-400);
   --utility-blue-700: var(--blue-300);
   --utility-blue-800: var(--blue-200);
   --utility-blue-900: var(--blue-100);
   --utility-blue-950: var(--blue-50);
   --utility-indigo-50: var(--indigo-950);
   --utility-indigo-100: var(--indigo-900);
   --utility-indigo-200: var(--indigo-800);
   --utility-indigo-300: var(--indigo-700);
   --utility-indigo-400: var(--indigo-600);
   --utility-indigo-500: var(--indigo-500);
   --utility-indigo-600: var(--indigo-400);
   --utility-indigo-700: var(--indigo-300);
   --utility-indigo-800: var(--indigo-200);
   --utility-indigo-900: var(--indigo-100);
   --utility-indigo-950: var(--indigo-50);
   --utility-purple-50: var(--purple-950);
   --utility-purple-100: var(--purple-900);
   --utility-purple-200: var(--purple-800);
   --utility-purple-300: var(--purple-700);
   --utility-purple-400: var(--purple-600);
   --utility-purple-500: var(--purple-500);
   --utility-purple-600: var(--purple-400);
   --utility-purple-700: var(--purple-300);
   --utility-purple-800: var(--purple-200);
   --utility-purple-900: var(--purple-100);
   --utility-purple-950: var(--purple-50);
   --utility-fuchsia-50: var(--fuchsia-950);
   --utility-fuchsia-100: var(--fuchsia-900);
   --utility-fuchsia-200: var(--fuchsia-800);
   --utility-fuchsia-300: var(--fuchsia-700);
   --utility-fuchsia-400: var(--fuchsia-600);
   --utility-fuchsia-500: var(--fuchsia-500);
   --utility-fuchsia-600: var(--fuchsia-400);
   --utility-fuchsia-700: var(--fuchsia-300);
   --utility-fuchsia-800: var(--fuchsia-200);
   --utility-fuchsia-900: var(--fuchsia-100);
   --utility-fuchsia-950: var(--fuchsia-50);
   --utility-pink-50: var(--pink-950);
   --utility-pink-100: var(--pink-900);
   --utility-pink-200: var(--pink-800);
   --utility-pink-300: var(--pink-700);
   --utility-pink-400: var(--pink-600);
   --utility-pink-500: var(--pink-500);
   --utility-pink-600: var(--pink-400);
   --utility-pink-700: var(--pink-300);
   --utility-pink-800: var(--pink-200);
   --utility-pink-900: var(--pink-100);
   --utility-pink-950: var(--pink-50);
   --utility-rose-50: var(--rose-950);
   --utility-rose-100: var(--rose-900);
   --utility-rose-200: var(--rose-800);
   --utility-rose-300: var(--rose-700);
   --utility-rose-400: var(--rose-600);
   --utility-rose-500: var(--rose-500);
   --utility-rose-600: var(--rose-400);
   --utility-rose-700: var(--rose-300);
   --utility-rose-800: var(--rose-200);
   --utility-rose-900: var(--rose-100);
   --utility-rose-950: var(--rose-50);
   --utility-orange-50: var(--orange-950);
   --utility-orange-100: var(--orange-900);
   --utility-orange-200: var(--orange-800);
   --utility-orange-300: var(--orange-700);
   --utility-orange-400: var(--orange-600);
   --utility-orange-500: var(--orange-500);
   --utility-orange-600: var(--orange-400);
   --utility-orange-700: var(--orange-300);
   --utility-orange-800: var(--orange-200);
   --utility-orange-900: var(--orange-100);
   --utility-orange-950: var(--orange-50);
   --utility-yellow-50: var(--yellow-950);
   --utility-yellow-100: var(--yellow-900);
   --utility-yellow-200: var(--yellow-800);
   --utility-yellow-300: var(--yellow-700);
   --utility-yellow-400: var(--yellow-600);
   --utility-yellow-500: var(--yellow-500);
   --utility-yellow-600: var(--yellow-400);
   --utility-yellow-700: var(--yellow-300);
   --utility-yellow-800: var(--yellow-200);
   --utility-yellow-900: var(--yellow-100);
   --utility-yellow-950: var(--yellow-50);
   --light: var(--base-black-thematic);
   --dark: var(--base-white-thematic);
   --divider-primary-on-l1: var(--border-neutral-primary-on-l1);
   --divider-primary-on-l2: var(--border-neutral-primary-on-l2);
   --divider-primary-on-l3: var(--border-neutral-primary-on-l3);
   --scrollbar-primary-on-l1: var(--border-neutral-primary-on-l1);
   --scrollbar-primary-on-l2: var(--border-neutral-primary-on-l2);
   --scrollbar-primary-on-l3: var(--border-neutral-primary-on-l3);
   --skelton-loader-primary-on-l1: var(--neutral-700);
}
.light {
   --text-primary: var(--neutral-900);
   --text-primary_on-brand: var(--base-white-thematic);
   --text-primary_on-ancient: var(--utility-yellow-900);
   --text-secondary: var(--neutral-700);
   --text-secondary_on-brand: var(--brand-200);
   --text-secondary_on-ancient: var(--utility-yellow-500);
   --text-tertiary: var(--neutral-600);
   --text-tertiary_on-brand: var(--brand-200);
   --text-quarterary: var(--neutral-500);
   --text-quarterary_on-brand: var(--brand-200);
   --text-white: var(--base-white-thematic);
   --text-disabled: var(--neutral-400);
   --text-placeholder: var(--neutral-500);
   --text-brand-primary: var(--brand-900);
   --text-brand-secondary: var(--brand-700);
   --text-brand-tertiary: var(--brand-600);
   --text-error-primary: var(--error-600);
   --text-warning-primary: var(--warning-600);
   --text-success-primary: var(--success-600);
   --border-neutral-primary-on-l1: var(--neutral-300);
   --border-neutral-primary-on-l2: var(--neutral-400);
   --border-neutral-primary-on-l3: var(--neutral-400);
   --border-neutral-secondary-on-l1: var(--neutral-200);
   --border-neutral-secondary-on-l2: var(--neutral-300);
   --border-neutral-secondary-on-l3: var(--neutral-300);
   --border-neutral-disabled-on-l1: var(--neutral-400);
   --border-neutral-disabled-on-l2: var(--neutral-300);
   --border-neutral-disabled-on-l3: var(--neutral-300);
   --border-brand-primary: var(--brand-500);
   --border-brand-subtle: var(--brand-300);
   --border-ancient-primary: var(--utility-yellow-700);
   --border-ancient-secondary: var(--utility-yellow-900);
   --border-info-primary: var(--info-400);
   --border-info-subtle: var(--info-300);
   --border-success-primary: var(--success-500);
   --border-success-subtle: var(--success-300);
   --border-error-primary: var(--error-500);
   --border-error-subtle: var(--error-300);
   --border-warning-primary: var(--warning-500);
   --border-warning-subtle: var(--warning-300);
   --background-brand-primary: var(--brand-50);
   --background-brand-primary_alt: var(--brand-50);
   --background-brand-subtle: var(--brand-100);
   --background-brand-primary_hover: var(--brand-200);
   --background-neutral-overlay: var(--neutral-950);
   --background-neutral-default-l1: var(--base-white-thematic);
   --background-neutral-default-l2: var(--neutral-50);
   --background-neutral-default-l3: var(--neutral-100);
   --background-neutral-disabled-on-l1: var(--neutral-50);
   --background-neutral-disabled-on-l2: var(--neutral-100);
   --background-neutral-disabled-on-l3: var(--neutral-200);
   --background-info-primary: var(--info-500);
   --background-info-subtle: var(--info-100);
   --background-info-sky_hover: var(--info-200);
   --background-success-primary: var(--success-500);
   --background-success-subtle: var(--success-200);
   --background-warning-primary: var(--warning-500);
   --background-warning-subtle: var(--warning-100);
   --background-error-primary: var(--error-500);
   --background-error-subtle: var(--error-100);
   --background-ancient-primary: var(--utility-yellow-800);
   --foreground-neutral-primary: var(--neutral-900);
   --foreground-neutral-secondary: var(--neutral-700);
   --foreground-neutral-tertiary: var(--neutral-600);
   --foreground-neutral-quarterary: var(--neutral-500);
   --foreground-brand-primary: var(--brand-600);
   --foreground-brand-primary-alt: var(--brand-600);
   --foreground-brand-secondary: var(--brand-500);
   --foreground-ancient-primary: var(--utility-yellow-700);
   --foreground-ancient-secondary: var(--utility-yellow-900);
   --foreground-info-primary: var(--info-600);
   --foreground-info-secondary: var(--info-500);
   --foreground-error-primary: var(--error-600);
   --foreground-error-secondary: var(--error-500);
   --foreground-success-primary: var(--success-600);
   --foreground-success-secondary: var(--success-500);
   --foreground-warning-primary: var(--warning-600);
   --foreground-warning-secondary: var(--warning-500);
   --button-bg_disabled: var(--neutral-400);
   --button-fg_disabled: var(--neutral-300);
   --button-primary-bg: var(--brand-600);
   --button-primary-bg_hover: var(--brand-700);
   --button-primary-bg_pressed: var(--brand-600);
   --button-primary-border-shadow: var(--brand-800);
   --button-primary-fg: var(--base-white-thematic);
   --button-primary-fg_hover: var(--brand-100);
   --button-primary-fg_pressed: var(--base-white-thematic);
   --button-primary-border: var(--brand-600);
   --button-primary-border_hover: var(--brand-800);
   --button-primary-border_pressed: var(--brand-600);
   --button-primary-fg_outline: var(--brand-600);
   --button-primary-fg_outline_hover: var(--brand-800);
   --button-primary-fg_pressed_outline: var(--brand-600);
   --button-neutral-bg: var(--neutral-500);
   --button-neutral-bg_hover: var(--neutral-600);
   --button-neutral-bg_pressed: var(--neutral-500);
   --button-neutral-border-shadow_primary: var(--neutral-600);
   --button-neutral-border-shadow_primary_hover: var(--neutral-700);
   --button-neutral-fg: var(--base-white-thematic);
   --button-neutral-fg_hover: var(--neutral-100);
   --button-neutral-fg_pressed: var(--base-white-thematic);
   --button-neutral-border: var(--neutral-600);
   --button-neutral-border_hover: var(--neutral-700);
   --button-neutral-border_pressed: var(--neutral-600);
   --button-neutral-fg_outline: var(--neutral-600);
   --button-neutral-fg_hover_outline: var(--neutral-700);
   --button-neutral-fg_pressed_outline: var(--neutral-600);
   --button-secondary-bg: var(--neutral-300);
   --button-secondary-bg_pressed: var(--neutral-300);
   --button-secondary-bg_hover: var(--neutral-400);
   --button-secondary-border-shadow: var(--neutral-400);
   --button-secondary-fg: var(--neutral-700);
   --button-secondary-fg_hover: var(--neutral-700);
   --button-secondary-fg_pressed: var(--neutral-700);
   --button-tertiary-bg: var(--neutral-500);
   --button-tertiary-bg_pressed: var(--neutral-500);
   --button-tertiary-bg_hover: var(--neutral-300);
   --button-tertiary-border-shadow: var(--neutral-600);
   --button-tertiary-fg: var(--base-white-thematic);
   --button-tertiary-fg_hover: var(--base-white-thematic);
   --button-tertiary-fg_pressed: var(--base-white-thematic);
   --button-error-bg: var(--error-500);
   --button-error-bg_pressed: var(--error-500);
   --button-error-bg_hover: var(--error-600);
   --button-error-border-shadow_primary: var(--error-700);
   --button-error-fg: var(--base-white-thematic);
   --button-error-fg_hover: var(--error-100);
   --button-error-fg_pressed: var(--base-white-thematic);
   --button-error-border: var(--error-600);
   --button-error-border_hover: var(--error-700);
   --button-error-border_pressed: var(--error-600);
   --button-error-fg_outline: var(--error-600);
   --button-error-fg_hover_outline: var(--error-700);
   --button-error-fg_pressed_outline: var(--error-600);
   --button-success-bg: var(--success-500);
   --button-success-bg_pressed: var(--success-500);
   --button-success-bg_hover: var(--success-600);
   --button-success-border-shadow_primary: var(--success-700);
   --button-success-fg: var(--base-white-thematic);
   --button-success-fg_pressed: var(--base-white-thematic);
   --button-success-fg_hover: var(--success-100);
   --button-success-border: var(--success-600);
   --button-success-border_hover: var(--success-700);
   --button-success-border_pressed: var(--success-600);
   --button-success-fg_outline: var(--success-600);
   --button-success-fg_ouline_hover: var(--success-700);
   --button-success-fg_pressed_outline: var(--success-600);
   --button-warning-bg: var(--warning-500);
   --button-warning-bg_hover: var(--warning-600);
   --button-warning-bg_pressed: var(--warning-500);
   --button-warning-border-shadow_primary: var(--warning-700);
   --button-warning-fg: var(--warning-900);
   --button-warning-fg_pressed: var(--warning-900);
   --button-warning-border: var(--warning-500);
   --button-warning-border_hover: var(--warning-600);
   --button-warning-border_pressed: var(--warning-500);
   --button-warning-fg_outline: var(--warning-500);
   --button-warning-fg_hover_outline: var(--warning-600);
   --button-warning-fg_pressed_outline: var(--warning-500);
   --button-sky-bg: var(--info-500);
   --button-sky-bg_pressed: var(--info-500);
   --button-sky-bg_hover: var(--info-600);
   --button-sky-border-shadow_primary: var(--info-700);
   --button-sky-fg: var(--base-white-thematic);
   --button-sky-fg_pressed: var(--base-white-thematic);
   --button-sky-fg_hover: var(--info-100);
   --button-sky-border: var(--info-500);
   --button-sky-border_hover: var(--info-600);
   --button-sky-border_pressed: var(--info-600);
   --button-sky-fg_outline: var(--info-500);
   --button-sky-fg_hover_outline: var(--info-600);
   --button-sky-fg_pressed_outline: var(--info-500);
   --button-indigo-bg: var(--indigo-600);
   --button-indigo-bg_pressed: var(--indigo-600);
   --button-indigo-bg_hover: var(--indigo-700);
   --button-indigo-border-shadow_primary: var(--indigo-800);
   --button-indigo-fg: var(--base-white-thematic);
   --button-indigo-fg_pressed: var(--base-white-thematic);
   --button-indigo-fg_hover: var(--indigo-100);
   --button-indigo-border: var(--indigo-600);
   --button-indigo-border_hover: var(--indigo-700);
   --button-indigo-border_pressed: var(--indigo-600);
   --button-indigo-fg_outline: var(--indigo-600);
   --button-indigo-fg_hover_outline: var(--indigo-700);
   --button-indigo-fg_pressed_outline: var(--indigo-600);
   --button-plain-fg_default: var(--brand-600);
   --button-plain-fg_hover_default: var(--brand-800);
   --button-plain-fg_pressed_default: var(--brand-700);
   --button-plain-fg_sky: var(--info-600);
   --button-plain-fg_hover_sky: var(--info-800);
   --button-plain-fg_pressed_sky: var(--info-700);
   --button-plain-fg_indigo: var(--indigo-600);
   --button-plain-fg_hover_indigo: var(--indigo-800);
   --button-plain-fg_pressed_indigo: var(--indigo-700);
   --button-plain-fg_success: var(--success-600);
   --button-plain-fg_hover_success: var(--success-700);
   --button-plain-fg_pressed_success: var(--success-600);
   --button-plain-fg_warning: var(--warning-500);
   --button-plain-fg_hover_warning: var(--warning-700);
   --button-plain-fg_pressed_warning: var(--warning-600);
   --button-plain-fg_error: var(--error-600);
   --button-plain-fg_hover_error: var(--error-700);
   --button-plain-fg_pressed_error: var(--error-600);
   --button-plain-fg_neutral: var(--neutral-600);
   --button-plain-fg_neutral_hover: var(--neutral-700);
   --button-plain-fg_neutral_pressed: var(--neutral-600);
   --button-ancient-border-shadow: var(--warning-900);
   --button-ancient-fg: var(--utility-yellow-900);
   --button-ancient-bg_disabled: var(--utility-yellow-900);
   --button-ancient-fg_disabled: var(--utility-yellow-950);
   --progress-bar-bg-on-l1: var(--neutral-200);
   --progress-bar-bg-on-l2: var(--neutral-300);
   --progress-bar-neutral-indicator: var(--brand-600);
   --progress-bar-bg-on-l3: var(--neutral-300);
   --progress-bar-brand-indicator: var(--brand-600);
   --progress-bar-brand-complete-border: var(--brand-700);
   --progress-bar-brand-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-brand-circular-controller: var(--brand-600);
   --progress-bar-milestone-text-default: var(--text-tertiary);
   --progress-bar-milestone-text-completed: var(--text-primary_on-brand);
   --progress-bar-sky-indicator: var(--info-500);
   --progress-bar-sky-complete-border: var(--brand-700);
   --progress-bar-sky-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-sky-circular-controller: var(--info-500);
   --progress-bar-indigo-indicator: var(--indigo-600);
   --progress-bar-indigo-complete-border: var(--brand-700);
   --progress-bar-indigo-incomplete-border: var(--progress-bar-brand-indicator);
   --progress-bar-indigo-circular-controller: var(--indigo-600);
   --progress-bar-ancient-indicator: var(--utility-yellow-600);
   --progress-bar-ancient-complete-border: var(--utility-yellow-600);
   --progress-bar-ancient-incomplete-border: var(--utility-yellow-900);
   --progress-bar-ancient-circular-controller: var(--utility-yellow-600);
   --lesson-tag-learning-primary-fg: var(--brand-600);
   --lesson-tag-learning-primary-bg: var(--brand-50);
   --lesson-tag-practice-primary-fg: var(--info-500);
   --lesson-tag-practice-primary-bg: var(--info-50);
   --lesson-tag-assessment-primary-fg: var(--utility-indigo-600);
   --lesson-tag-assessment-primary-bg: var(--utility-indigo-50);
   --tab-bar-bg: var(--alpha-light-neutral-70);
   --tab-bar-fg: var(--info-500);
   --tab-bar-border: var(--neutral-300);
   --tab-bar-text-active: var(--text-primary);
   --tab-bar-text-passive: var(--text-quarterary);
   --icon-ui_icon-brand-fg: var(--brand-600);
   --icon-ui_icon-brand-fg-on-brand: var(--brand-200);
   --icon-ui_icon-neutral-primary: var(--neutral-700);
   --icon-ui_icon-neutral-secondary: var(--neutral-500);
   --icon-ui_icon-neutral-disabled: var(--neutral-300);
   --icon-ui_icon-info-fg: var(--info-600);
   --icon-ui_icon-indigo-fg: var(--indigo-600);
   --icon-ui_icon-success-fg: var(--success-600);
   --icon-ui_icon-error-fg: var(--error-600);
   --icon-ui_icon-warning-fg: var(--warning-600);
   --callouts-bg: var(--base-white-thematic);
   --callouts-border: var(--neutral-200);
   --callouts-shadow: var(--neutral-300);
   --bottom-sheets-bg: var(--base-white-thematic);
   --bottom-sheets-border: var(--neutral-200);
   --forms-bg_disabled: var(--neutral-200);
   --forms-bg_ancient_disabled: var(--utility-yellow-50);
   --forms-fg_disabled: var(--neutral-400);
   --forms-fg_ancient_disabled: var(--neutral-300);
   --forms-border_disabled: var(--neutral-300);
   --forms-default-bg: var(--base-white-thematic);
   --forms-default-bg-ancient: var(--utility-yellow-50);
   --forms-default-bg-ancient_hover: var(--utility-yellow-100);
   --forms-default-fg: var(--neutral-900);
   --forms-default-fg-secondary: var(--neutral-700);
   --forms-default-fg-teritiary: var(--neutral-500);
   --forms-default-border: var(--neutral-300);
   --forms-default-border-ancient: var(--utility-yellow-700);
   --forms-default-bg-hover: var(--neutral-100);
   --forms-selected-bg: var(--info-100);
   --forms-selected-bg-ancient: var(--utility-yellow-50);
   --forms-selected-bg-ancient_hover: var(--utility-yellow-100);
   --forms-selected-fg: var(--neutral-900);
   --forms-selected-fg_secondary: var(--info-500);
   --forms-selected-border: var(--info-400);
   --forms-selected-border-ancient: var(--utility-cyan-600);
   --forms-selected-bg_hover: var(--info-200);
   --forms-success-bg: var(--base-white-thematic);
   --forms-success-bg_2: var(--success-100);
   --forms-success-bg-ancient-2: var(--utility-yellow-50);
   --forms-success-bg-ancient_hover: var(--utility-yellow-100);
   --forms-success-fg: var(--neutral-900);
   --forms-success-fg-secondary: var(--success-600);
   --forms-success-border: var(--success-500);
   --forms-success-bg_hover: var(--neutral-100);
   --forms-success-bg_hover-2: var(--success-200);
   --forms-error-bg: var(--base-white-thematic);
   --forms-error-bg_2: var(--error-100);
   --forms-error-bg-ancient: var(--utility-yellow-50);
   --forms-error-bg-ancient_hover: var(--utility-yellow-100);
   --forms-error-fg: var(--neutral-900);
   --forms-error-fg-secondary: var(--error-600);
   --forms-error-border: var(--error-500);
   --forms-error-bg_hover: var(--neutral-100);
   --forms-error-bg_hover-2: var(--error-200);
   --forms-disable-border-ancient: var(--#94a3b8);
   --title-banner-bg-0: var(--alpha-light-gray-0);
   --title-banner-bg-100: var(--alpha-light-gray-100);
   --title-banner-ancient-bg-0: var(--alpha-ancient-ancient-0);
   --title-banner-ancient-bg-100: var(--alpha-ancient-ancient-100);
   --title-banner-border-0: var(--alpha-light-blue-0);
   --title-banner-border-100: var(--alpha-light-blue-100);
   --title-banner-ancient-border-0: var(--alpha-ancient-white-0);
   --title-banner-ancient-border-30: var(--alpha-ancient-white-30);
   --video-player-overlay-100: var(--alpha-light-neutral);
   --video-player-overlay-0: var(--alpha-light-neutral-0);
   --navigation-menu-bg_default: var(--neutral-50);
   --navigation-menu-bg_selected: var(--info-100);
   --navigation-menu-bg_hover: var(--neutral-200);
   --navigation-menu-border: var(--info-500);
   --navigation-menu-fg: var(--neutral-900);
   --navigation-menu-fg_secondary: var(--info-500);
   --utility-neutral-50: var(--brand-50);
   --utility-green-400: var(--green-400);
   --utility-lime-50: var(--lime-50);
   --utility-lime-100: var(--lime-100);
   --utility-lime-200: var(--lime-200);
   --utility-lime-300: var(--lime-300);
   --utility-lime-400: var(--lime-400);
   --utility-lime-500: var(--lime-500);
   --utility-lime-600: var(--lime-600);
   --utility-lime-700: var(--lime-700);
   --utility-lime-800: var(--lime-800);
   --utility-lime-900: var(--lime-900);
   --utility-lime-950: var(--lime-950);
   --utility-emerald-50: var(--emerald-50);
   --utility-emerald-100: var(--emerald-100);
   --utility-emerald-200: var(--emerald-200);
   --utility-emerald-300: var(--emerald-300);
   --utility-emerald-400: var(--emerald-400);
   --utility-emerald-500: var(--emerald-500);
   --utility-emerald-600: var(--emerald-600);
   --utility-emerald-700: var(--emerald-700);
   --utility-emerald-800: var(--emerald-800);
   --utility-emerald-900: var(--emerald-900);
   --utility-emerald-950: var(--emerald-950);
   --utility-teal-50: var(--teal-50);
   --utility-teal-100: var(--teal-100);
   --utility-teal-200: var(--teal-200);
   --utility-teal-300: var(--teal-300);
   --utility-teal-400: var(--teal-400);
   --utility-teal-500: var(--teal-500);
   --utility-teal-600: var(--teal-600);
   --utility-teal-700: var(--teal-700);
   --utility-teal-800: var(--teal-800);
   --utility-teal-900: var(--teal-900);
   --utility-teal-950: var(--teal-950);
   --utility-cyan-50: var(--cyan-50);
   --utility-cyan-100: var(--cyan-100);
   --utility-cyan-200: var(--cyan-200);
   --utility-cyan-300: var(--cyan-300);
   --utility-cyan-400: var(--cyan-400);
   --utility-cyan-500: var(--cyan-500);
   --utility-cyan-600: var(--cyan-600);
   --utility-cyan-700: var(--cyan-700);
   --utility-cyan-800: var(--cyan-800);
   --utility-cyan-900: var(--cyan-900);
   --utility-cyan-950: var(--cyan-950);
   --utility-info-50: var(--sky-50);
   --utility-info-100: var(--sky-100);
   --utility-info-200: var(--sky-200);
   --utility-info-300: var(--sky-300);
   --utility-info-400: var(--sky-400);
   --utility-info-500: var(--sky-500);
   --utility-info-600: var(--sky-600);
   --utility-info-700: var(--sky-700);
   --utility-info-800: var(--sky-800);
   --utility-info-900: var(--sky-900);
   --utility-info-950: var(--sky-950);
   --utility-blue-50: var(--blue-50);
   --utility-blue-100: var(--blue-100);
   --utility-blue-200: var(--blue-200);
   --utility-blue-300: var(--blue-300);
   --utility-blue-400: var(--blue-400);
   --utility-blue-500: var(--blue-500);
   --utility-blue-600: var(--blue-600);
   --utility-blue-700: var(--blue-700);
   --utility-blue-800: var(--blue-800);
   --utility-blue-900: var(--blue-900);
   --utility-blue-950: var(--blue-950);
   --utility-indigo-50: var(--indigo-50);
   --utility-indigo-100: var(--indigo-100);
   --utility-indigo-200: var(--indigo-200);
   --utility-indigo-300: var(--indigo-300);
   --utility-indigo-400: var(--indigo-400);
   --utility-indigo-500: var(--indigo-500);
   --utility-indigo-600: var(--indigo-600);
   --utility-indigo-700: var(--indigo-700);
   --utility-indigo-800: var(--indigo-800);
   --utility-indigo-900: var(--indigo-900);
   --utility-indigo-950: var(--indigo-950);
   --utility-purple-50: var(--purple-50);
   --utility-purple-100: var(--purple-100);
   --utility-purple-200: var(--purple-200);
   --utility-purple-300: var(--purple-300);
   --utility-purple-400: var(--purple-400);
   --utility-purple-500: var(--purple-500);
   --utility-purple-600: var(--purple-600);
   --utility-purple-700: var(--purple-700);
   --utility-purple-800: var(--purple-800);
   --utility-purple-900: var(--purple-900);
   --utility-purple-950: var(--purple-950);
   --utility-fuchsia-50: var(--fuchsia-50);
   --utility-fuchsia-100: var(--fuchsia-100);
   --utility-fuchsia-200: var(--fuchsia-200);
   --utility-fuchsia-300: var(--fuchsia-300);
   --utility-fuchsia-400: var(--fuchsia-400);
   --utility-fuchsia-500: var(--fuchsia-500);
   --utility-fuchsia-600: var(--fuchsia-600);
   --utility-fuchsia-700: var(--fuchsia-700);
   --utility-fuchsia-800: var(--fuchsia-800);
   --utility-fuchsia-900: var(--fuchsia-900);
   --utility-fuchsia-950: var(--fuchsia-950);
   --utility-pink-50: var(--pink-50);
   --utility-pink-100: var(--pink-100);
   --utility-pink-200: var(--pink-200);
   --utility-pink-300: var(--pink-300);
   --utility-pink-400: var(--pink-400);
   --utility-pink-500: var(--pink-500);
   --utility-pink-600: var(--pink-600);
   --utility-pink-700: var(--pink-700);
   --utility-pink-800: var(--pink-800);
   --utility-pink-900: var(--pink-900);
   --utility-pink-950: var(--pink-950);
   --utility-rose-50: var(--rose-50);
   --utility-rose-100: var(--rose-100);
   --utility-rose-200: var(--rose-200);
   --utility-rose-300: var(--rose-300);
   --utility-rose-400: var(--rose-400);
   --utility-rose-500: var(--rose-500);
   --utility-rose-600: var(--rose-600);
   --utility-rose-700: var(--rose-700);
   --utility-rose-800: var(--rose-800);
   --utility-rose-900: var(--rose-900);
   --utility-rose-950: var(--rose-950);
   --utility-orange-50: var(--orange-50);
   --utility-orange-100: var(--orange-100);
   --utility-orange-200: var(--orange-200);
   --utility-orange-300: var(--orange-300);
   --utility-orange-400: var(--orange-400);
   --utility-orange-500: var(--orange-500);
   --utility-orange-600: var(--orange-600);
   --utility-orange-700: var(--orange-700);
   --utility-orange-800: var(--orange-800);
   --utility-orange-900: var(--orange-900);
   --utility-orange-950: var(--orange-950);
   --utility-yellow-50: var(--yellow-50);
   --utility-yellow-100: var(--yellow-100);
   --utility-yellow-200: var(--yellow-200);
   --utility-yellow-300: var(--yellow-300);
   --utility-yellow-400: var(--yellow-400);
   --utility-yellow-500: var(--yellow-500);
   --utility-yellow-600: var(--yellow-600);
   --utility-yellow-700: var(--yellow-700);
   --utility-yellow-800: var(--yellow-800);
   --utility-yellow-900: var(--yellow-900);
   --utility-yellow-950: var(--yellow-950);
   --light: var(--base-white-thematic);
   --dark: var(--base-black-thematic);
   --divider-primary-on-l1: var(--border-neutral-primary-on-l1);
   --divider-primary-on-l2: var(--border-neutral-secondary-on-l2);
   --divider-primary-on-l3: var(--border-neutral-secondary-on-l3);
   --scrollbar-primary-on-l1: var(--border-neutral-primary-on-l1);
   --scrollbar-primary-on-l2: var(--border-neutral-secondary-on-l2);
   --scrollbar-primary-on-l3: var(--border-neutral-secondary-on-l3);
   --skelton-loader-primary-on-l1: var(--neutral-50);
}
:root {
   --spacing-card-xs-4: var(--spacing-50-4);
   --spacing-card-sm-8: var(--spacing-100-8);
   --spacing-card-md-12: var(--spacing-150-12);
   --spacing-card-lg-16: var(--spacing-200-16);
   --spacing-common-xs-4: var(--spacing-50-4);
   --spacing-common-sm-8: var(--spacing-100-8);
   --spacing-common-md-12: var(--spacing-150-12);
   --spacing-common-lg-16: var(--spacing-200-16);
   --spacing-common-xl-20: var(--spacing-250-20);
   --spacing-common-2xl-24: var(--spacing-300-24);
   --spacing-common-3xl-32: var(--spacing-400-32);
   --spacing-common-4xl-40: var(--spacing-500-40);
   --spacing-common-5xl-48: var(--spacing-600-48);
   --spacing-common-6xl-64: var(--spacing-800-64);
   --spacing-mobile-padding: var(--spacing-200-16);
   --spacing-button-horizontal-sm-16: var(--spacing-300-24);
   --spacing-button-vertical-sm-8: var(--spacing-100-8);
   --spacing-button-vertical-md-12: var(--spacing-150-12);
   --spacing-button-vertical-lg-16: var(--spacing-200-16);
   --spacing-tab-bar-sm-8: var(--spacing-100-8);
   --spacing-table-cell-sm-8: var(--spacing-100-8);
   --spacing-selectable-xs-4: var(--spacing-50-4);
   --spacing-selectable-sm-8: var(--spacing-100-8);
   --spacing-selectable-md-12: var(--spacing-150-12);
   --spacing-selectable-lg-16: var(--spacing-200-16);
   --spacing-selectable-xl-24: var(--spacing-300-24);
   --spacing-input-sm-8: var(--spacing-100-8);
   --spacing-input-md-12: var(--spacing-150-12);
   --radius-bottom-sheet: var(--radius-500-24);
   --radius-common-xs: var(--radius-100-4);
   --radius-common-default: var(--radius-200-8);
   --radius-common-sm: var(--radius-300-12);
   --radius-common-md: var(--radius-400-16);
   --radius-common-lg: var(--radius-500-24);
   --radius-common-xl: var(--radius-750);
   --radius-common-full: var(--radius-full);
   --radius-card-default: var(--radius-400-16);
   --radius-input-default: var(--radius-300-12);
   --radius-callout: var(--radius-500-24);
   --dimension-iconsize-xs: var(--dimension-150-12);
   --dimension-iconsize-sm: var(--dimension-225-18);
   --dimension-iconsize-md: var(--dimension-250-20);
   --dimension-iconsize-lg: var(--dimension-300-24);
   --dimension-iconsize-max: var(--dimension-400-32);
   --border-width-card: var(--border-width-1);
   --border-width-lg: var(--border-width-2);
   --border-width-input: var(--border-width-2);
   --border-width-divider: var(--border-width-1);
   --border-width-button-shadow: var(--border-width-4);
   --border-width-button-normal: var(--border-width-2);
   --border-width-selectable-shadow: var(--border-width-4);
   --border-width-selectable-normal: var(--border-width-2);
   --font-heading-6xl-size-6xl: var(--text-size-6xl-60);
   --font-heading-6xl-weight-bold: var(--text-weight-bold);
   --font-heading-6xl-line-height: var(--text-line-height-6xl-60);
   --font-heading-6xl-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-4xl-size-4xl: var(--text-size-4xl-36);
   --font-heading-4xl-weight-bold: var(--text-weight-bold);
   --font-heading-4xl-line-height: var(--text-line-height-4xl-40);
   --font-heading-4xl-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-3xl-size-3xl: var(--text-size-3xl-30);
   --font-heading-3xl-weight-bold: var(--text-weight-bold);
   --font-heading-3xl-line-height: var(--text-line-height-3xl-36);
   --font-heading-3xl-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-2xl-size-2xl: var(--text-size-2xl-24);
   --font-heading-2xl-weight-bold: var(--text-weight-bold);
   --font-heading-2xl-weight-semibold: var(--text-weight-semibold);
   --font-heading-2xl-line-height: var(--text-line-height-2xl-32);
   --font-heading-2xl-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-xl-size-xl: var(--text-size-xl-20);
   --font-heading-xl-weight-semibold: var(--text-weight-semibold);
   --font-heading-xl-line-height: var(--text-line-height-lg-28);
   --font-heading-xl-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-md-size-md: var(--text-size-md-16);
   --font-heading-md-weight-medium: var(--text-weight-medium);
   --font-heading-md-weight-bold: var(--text-weight-bold);
   --font-heading-md-line-height: var(--text-line-height-md-24);
   --font-heading-md-letter-spacing: var(--text-letter-spacing-default);
   --font-heading-sm-size-sm: var(--text-size-sm-14);
   --font-heading-sm-weight-semibold: var(--text-weight-semibold);
   --font-heading-sm-line-height: var(--text-line-height-sm-20);
   --font-heading-sm-letter-spacing: var(--text-letter-spacing-default);
   --font-body-xs-weight-normal: var(--text-weight-normal);
   --font-body-xs-weight-medium: var(--text-weight-medium);
   --font-body-xs-weight-semi-bold: var(--text-weight-semibold);
   --font-body-xs-weight-bold: var(--text-weight-bold);
   --font-body-xs-size-xs: var(--text-size-xs-12);
   --font-body-xs-line-height: var(--text-line-height-xs-16);
   --font-body-xs-letter-spacing: var(--text-letter-spacing-default);
   --font-body-sm-weight-normal: var(--text-weight-normal);
   --font-body-sm-weight-medium: var(--text-weight-medium);
   --font-body-sm-weight-semi-bold: var(--text-weight-semibold);
   --font-body-sm-weight-bold: var(--text-weight-bold);
   --font-body-sm-size-sm: var(--text-size-sm-14);
   --font-body-sm-line-height: var(--text-line-height-sm-20);
   --font-body-sm-letter-spacing: var(--text-letter-spacing-default);
   --font-body-md-weight-normal: var(--text-weight-normal);
   --font-body-md-weight-medium: var(--text-weight-medium);
   --font-body-md-weight-semi-bold: var(--text-weight-semibold);
   --font-body-md-weight-bold: var(--text-weight-bold);
   --font-body-md-size-md: var(--text-size-md-16);
   --font-body-md-line-height: var(--text-line-height-md-24);
   --font-body-md-letter-spacing: var(--text-letter-spacing-default);
   --font-body-lg-weight-normal: var(--text-weight-normal);
   --font-body-lg-weight-medium: var(--text-weight-medium);
   --font-body-lg-weight-semi-bold: var(--text-weight-semibold);
   --font-body-lg-weight-bold: var(--text-weight-bold);
   --font-body-lg-size-lg: var(--text-size-lg-18);
   --font-body-lg-line-height: var(--text-line-height-lg-28);
   --font-body-lg-letter-spacing: var(--text-letter-spacing-default);
   --font-label-xs-weight-normal: var(--text-weight-normal);
   --font-label-xs-weight-bold: var(--text-weight-bold);
   --font-label-xs-size-xs: var(--text-size-xs-12);
   --font-label-xs-line-height: var(--text-line-height-xs-16);
   --font-label-xs-letter-spacing: var(--text-letter-spacing-loose);
   --font-label-sm-weight-normal: var(--text-weight-normal);
   --font-label-sm-weight-bold: var(--text-weight-bold);
   --font-label-sm-size-sm: var(--text-size-sm-14);
   --font-label-sm-line-height: var(--text-line-height-sm-20);
   --font-label-sm-letter-spacing: var(--text-letter-spacing-loose);
   --font-button-text-md-weight-semibold: var(--text-weight-semibold);
   --font-button-text-md-size-md: var(--text-size-md-16);
   --font-button-text-md-line-height: var(--text-line-height-md-24);
   --font-button-text-md-letter-spacing: var(--text-letter-spacing-default);
   --font-button-text-sm-weight-semibold: var(--text-weight-semibold);
   --font-button-text-sm-size-sm: var(--text-size-sm-14);
   --font-button-text-sm-line-height: var(--text-line-height-sm-20);
   --font-button-text-sm-letter-spacing: var(--text-letter-spacing-default);
}
/* ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
   --tw-contain-size:  ;
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
}
::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
   --tw-contain-size:  ;
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
}
.\!container {
   width: 100% !important;
}
.container {
   width: 100%;
}
@media (min-width: 0px) {
   .\!container {
      max-width: 0px !important;
   }
   .container {
      max-width: 0px;
   }
}
@media (min-width: 700px) {
   .\!container {
      max-width: 700px !important;
   }
   .container {
      max-width: 700px;
   }
}
@media (min-width: 1024px) {
   .\!container {
      max-width: 1024px !important;
   }
   .container {
      max-width: 1024px;
   }
}
.heading-4xl {
   font-size: var(--font-heading-4xl-size-4xl);
   line-height: var(--font-heading-4xl-line-height);
   letter-spacing: var(--font-heading-4xl-letter-spacing);
}
.\!heading-3xl {
   font-size: var(--font-heading-3xl-size-3xl) !important;
   line-height: var(--font-heading-3xl-line-height) !important;
   letter-spacing: var(--font-heading-3xl-letter-spacing) !important;
}
.heading-3xl {
   font-size: var(--font-heading-3xl-size-3xl);
   line-height: var(--font-heading-3xl-line-height);
   letter-spacing: var(--font-heading-3xl-letter-spacing);
}
.heading-2xl {
   font-size: var(--font-heading-2xl-size-2xl);
   line-height: var(--font-heading-2xl-line-height);
   letter-spacing: var(--font-heading-2xl-letter-spacing);
}
.heading-xl {
   font-size: var(--font-heading-xl-size-xl);
   line-height: var(--font-heading-xl-line-height);
   letter-spacing: var(--font-heading-xl-letter-spacing);
}
.\!heading-md {
   font-size: var(--font-heading-md-size-md) !important;
   line-height: var(--font-heading-md-line-height) !important;
   letter-spacing: var(--font-heading-md-letter-spacing) !important;
}
.heading-md {
   font-size: var(--font-heading-md-size-md);
   line-height: var(--font-heading-md-line-height);
   letter-spacing: var(--font-heading-md-letter-spacing);
}
.heading-sm {
   font-size: var(--font-heading-sm-size-sm);
   line-height: var(--font-heading-sm-line-height);
   letter-spacing: var(--font-heading-sm-letter-spacing);
}
.body-xs {
   font-size: var(--font-body-xs-size-xs);
   line-height: var(--font-body-xs-line-height);
   letter-spacing: var(--font-body-xs-letter-spacing);
}
.\!body-sm {
   font-size: var(--font-body-sm-size-sm) !important;
   line-height: var(--font-body-sm-line-height) !important;
   letter-spacing: var(--font-body-sm-letter-spacing) !important;
}
.body-sm {
   font-size: var(--font-body-sm-size-sm);
   line-height: var(--font-body-sm-line-height);
   letter-spacing: var(--font-body-sm-letter-spacing);
}
.\!body-md {
   font-size: var(--font-body-md-size-md) !important;
   line-height: var(--font-body-md-line-height) !important;
   letter-spacing: var(--font-body-md-letter-spacing) !important;
}
.body-md {
   font-size: var(--font-body-md-size-md);
   line-height: var(--font-body-md-line-height);
   letter-spacing: var(--font-body-md-letter-spacing);
}
.\!body-lg {
   font-size: var(--font-body-lg-size-lg) !important;
   line-height: var(--font-body-lg-line-height) !important;
   letter-spacing: var(--font-body-lg-letter-spacing) !important;
}
.body-lg {
   font-size: var(--font-body-lg-size-lg);
   line-height: var(--font-body-lg-line-height);
   letter-spacing: var(--font-body-lg-letter-spacing);
}
.\!label-xs {
   font-size: var(--font-label-xs-size-xs) !important;
   line-height: var(--font-label-xs-line-height) !important;
   letter-spacing: var(--font-label-xs-letter-spacing) !important;
}
.label-xs {
   font-size: var(--font-label-xs-size-xs);
   line-height: var(--font-label-xs-line-height);
   letter-spacing: var(--font-label-xs-letter-spacing);
}
.label-sm {
   font-size: var(--font-label-sm-size-sm);
   line-height: var(--font-label-sm-line-height);
   letter-spacing: var(--font-label-sm-letter-spacing);
}
.button-text-md {
   font-size: var(--font-button-text-md-size-md);
   line-height: var(--font-button-text-md-line-height);
   letter-spacing: var(--font-button-text-md-letter-spacing);
}
.button-text-sm {
   font-size: var(--font-button-text-sm-size-sm);
   line-height: var(--font-button-text-sm-line-height);
   letter-spacing: var(--font-button-text-sm-letter-spacing);
}
.pointer-events-none {
   pointer-events: none;
}
.\!pointer-events-auto {
   pointer-events: auto !important;
}
.pointer-events-auto {
   pointer-events: auto;
}
.visible {
   visibility: visible;
}
.\!invisible {
   visibility: hidden !important;
}
.invisible {
   visibility: hidden;
}
.collapse {
   visibility: collapse;
}
.static {
   position: static;
}
.fixed {
   position: fixed;
}
.absolute {
   position: absolute;
}
.\!relative {
   position: relative !important;
}
.relative {
   position: relative;
}
.sticky {
   position: sticky;
}
.inset-0 {
   inset: var(--spacing-0);
}
.inset-x-0 {
   left: var(--spacing-0);
   right: var(--spacing-0);
}
.inset-y-0 {
   top: var(--spacing-0);
   bottom: var(--spacing-0);
}
.\!-top-\[9px\] {
   top: -9px !important;
}
.-bottom-\[2px\] {
   bottom: -2px;
}
.-bottom-\[6px\] {
   bottom: -6px;
}
.-left-\[32px\] {
   left: -32px;
}
.-left-\[42px\] {
   left: -42px;
}
.-right-\[36px\] {
   right: -36px;
}
.-right-\[42px\] {
   right: -42px;
}
.-right-\[6px\] {
   right: -6px;
}
.-top-3 {
   top: -0.75rem;
}
.-top-\[10px\] {
   top: -10px;
}
.-top-\[18px\] {
   top: -18px;
}
.-top-\[20px\] {
   top: -20px;
}
.-top-\[6px\] {
   top: -6px;
}
.bottom-0 {
   bottom: var(--spacing-0);
}
.bottom-1\/2 {
   bottom: 50%;
}
.bottom-\[126px\] {
   bottom: 126px;
}
.bottom-\[142px\] {
   bottom: 142px;
}
.bottom-\[16\%\] {
   bottom: 16%;
}
.bottom-\[160px\] {
   bottom: 160px;
}
.bottom-\[16px\] {
   bottom: 16px;
}
.bottom-\[40px\] {
   bottom: 40px;
}
.bottom-\[4px\] {
   bottom: 4px;
}
.left-0 {
   left: var(--spacing-0);
}
.left-1\/2 {
   left: 50%;
}
.left-4 {
   left: 1rem;
}
.left-\[-1px\] {
   left: -1px;
}
.left-\[-22px\] {
   left: -22px;
}
.left-\[16px\] {
   left: 16px;
}
.left-\[20px\] {
   left: 20px;
}
.left-\[4\%\] {
   left: 4%;
}
.left-\[40\%\] {
   left: 40%;
}
.left-\[40px\] {
   left: 40px;
}
.left-\[50\%\] {
   left: 50%;
}
.left-\[5px\] {
   left: 5px;
}
.left-\[8px\] {
   left: 8px;
}
.right-0 {
   right: var(--spacing-0);
}
.right-4 {
   right: 1rem;
}
.right-6 {
   right: 1.5rem;
}
.right-8 {
   right: 2rem;
}
.right-\[-32px\] {
   right: -32px;
}
.right-\[10px\] {
   right: 10px;
}
.right-\[12px\] {
   right: 12px;
}
.right-\[16px\] {
   right: 16px;
}
.right-\[1px\] {
   right: 1px;
}
.right-\[24px\] {
   right: 24px;
}
.right-\[4\%\] {
   right: 4%;
}
.top-0 {
   top: var(--spacing-0);
}
.top-1\/2 {
   top: 50%;
}
.top-4 {
   top: 1rem;
}
.top-5 {
   top: 1.25rem;
}
.top-6 {
   top: 1.5rem;
}
.top-8 {
   top: 2rem;
}
.top-\[-16px\] {
   top: -16px;
}
.top-\[-21px\] {
   top: -21px;
}
.top-\[-44px\] {
   top: -44px;
}
.top-\[-54px\] {
   top: -54px;
}
.top-\[-60\%\] {
   top: -60%;
}
.top-\[-75px\] {
   top: -75px;
}
.top-\[-8px\] {
   top: -8px;
}
.top-\[124px\] {
   top: 124px;
}
.top-\[12px\] {
   top: 12px;
}
.top-\[16\%\] {
   top: 16%;
}
.top-\[16px\] {
   top: 16px;
}
.top-\[22px\] {
   top: 22px;
}
.top-\[24px\] {
   top: 24px;
}
.top-\[26px\] {
   top: 26px;
}
.top-\[28px\] {
   top: 28px;
}
.top-\[2px\] {
   top: 2px;
}
.top-\[32px\] {
   top: 32px;
}
.top-\[38px\] {
   top: 38px;
}
.top-\[40\%\] {
   top: 40%;
}
.top-\[40px\] {
   top: 40px;
}
.top-\[4px\] {
   top: 4px;
}
.top-\[50\%\] {
   top: 50%;
}
.top-\[64px\] {
   top: 64px;
}
.top-\[68px\] {
   top: 68px;
}
.top-\[70px\] {
   top: 70px;
}
.top-\[88px\] {
   top: 88px;
}
.top-common-3xl-32 {
   top: var(--spacing-common-3xl-32);
}
.top-common-lg-16 {
   top: var(--spacing-common-lg-16);
}
.top-common-xl-20 {
   top: var(--spacing-common-xl-20);
}
.top-common-xs-4 {
   top: var(--spacing-common-xs-4);
}
.\!z-l10 {
   z-index: var(--z-l10) !important;
}
.\!z-l11 {
   z-index: var(--z-l11) !important;
}
.\!z-l4 {
   z-index: var(--z-l4) !important;
}
.-z-l1 {
   z-index: calc(var(--z-l1) * -1);
}
.z-0 {
   z-index: 0;
}
.z-10 {
   z-index: 10;
}
.z-20 {
   z-index: 20;
}
.z-\[-1\] {
   z-index: -1;
}
.z-\[1\] {
   z-index: 1;
}
.z-l0 {
   z-index: var(--z-l0);
}
.z-l1 {
   z-index: var(--z-l1);
}
.z-l11 {
   z-index: var(--z-l11);
}
.z-l2 {
   z-index: var(--z-l2);
}
.z-l4 {
   z-index: var(--z-l4);
}
.-order-1 {
   order: -1;
}
.\!m-0 {
   margin: var(--spacing-0) !important;
}
.m-0 {
   margin: var(--spacing-0);
}
.m-4 {
   margin: 1rem;
}
.m-auto {
   margin: auto;
}
.m-common-lg-16 {
   margin: var(--spacing-common-lg-16);
}
.\!mx-0 {
   margin-left: var(--spacing-0) !important;
   margin-right: var(--spacing-0) !important;
}
.\!my-0 {
   margin-top: var(--spacing-0) !important;
   margin-bottom: var(--spacing-0) !important;
}
.-my-\[12px\] {
   margin-top: -12px;
   margin-bottom: -12px;
}
.mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
}
.mx-\[28px\] {
   margin-left: 28px;
   margin-right: 28px;
}
.mx-\[8px\] {
   margin-left: 8px;
   margin-right: 8px;
}
.mx-auto {
   margin-left: auto;
   margin-right: auto;
}
.mx-common-2xl-24 {
   margin-left: var(--spacing-common-2xl-24);
   margin-right: var(--spacing-common-2xl-24);
}
.mx-common-lg-16 {
   margin-left: var(--spacing-common-lg-16);
   margin-right: var(--spacing-common-lg-16);
}
.mx-common-sm-8 {
   margin-left: var(--spacing-common-sm-8);
   margin-right: var(--spacing-common-sm-8);
}
.mx-common-xs-4 {
   margin-left: var(--spacing-common-xs-4);
   margin-right: var(--spacing-common-xs-4);
}
.my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
}
.my-8 {
   margin-top: 2rem;
   margin-bottom: 2rem;
}
.my-\[-60px\] {
   margin-top: -60px;
   margin-bottom: -60px;
}
.my-\[2px\] {
   margin-top: 2px;
   margin-bottom: 2px;
}
.my-\[6px\] {
   margin-top: 6px;
   margin-bottom: 6px;
}
.my-card-md-12 {
   margin-top: var(--spacing-card-md-12);
   margin-bottom: var(--spacing-card-md-12);
}
.my-common-2xl-24 {
   margin-top: var(--spacing-common-2xl-24);
   margin-bottom: var(--spacing-common-2xl-24);
}
.my-common-3xl-32 {
   margin-top: var(--spacing-common-3xl-32);
   margin-bottom: var(--spacing-common-3xl-32);
}
.my-common-lg-16 {
   margin-top: var(--spacing-common-lg-16);
   margin-bottom: var(--spacing-common-lg-16);
}
.my-common-md-12 {
   margin-top: var(--spacing-common-md-12);
   margin-bottom: var(--spacing-common-md-12);
}
.my-common-sm-8 {
   margin-top: var(--spacing-common-sm-8);
   margin-bottom: var(--spacing-common-sm-8);
}
.my-common-xl-20 {
   margin-top: var(--spacing-common-xl-20);
   margin-bottom: var(--spacing-common-xl-20);
}
.\!-mb-\[3px\] {
   margin-bottom: -3px !important;
}
.\!mb-0 {
   margin-bottom: var(--spacing-0) !important;
}
.\!mb-\[-10px\] {
   margin-bottom: -10px !important;
}
.\!mb-\[0px\] {
   margin-bottom: 0px !important;
}
.\!mb-\[3px\] {
   margin-bottom: 3px !important;
}
.\!mb-common-lg-16 {
   margin-bottom: var(--spacing-common-lg-16) !important;
}
.\!ml-card-xs-4 {
   margin-left: var(--spacing-card-xs-4) !important;
}
.\!ml-common-sm-8 {
   margin-left: var(--spacing-common-sm-8) !important;
}
.\!ml-common-xs-4 {
   margin-left: var(--spacing-common-xs-4) !important;
}
.\!mt-0 {
   margin-top: var(--spacing-0) !important;
}
.\!mt-\[0px\] {
   margin-top: 0px !important;
}
.\!mt-\[12px\] {
   margin-top: 12px !important;
}
.\!mt-common-2xl-24 {
   margin-top: var(--spacing-common-2xl-24) !important;
}
.\!mt-common-lg-16 {
   margin-top: var(--spacing-common-lg-16) !important;
}
.-mb-\[1px\] {
   margin-bottom: -1px;
}
.-mb-\[48px\] {
   margin-bottom: -48px;
}
.-mb-common-md-12 {
   margin-bottom: calc(var(--spacing-common-md-12) * -1);
}
.-ml-\[10px\] {
   margin-left: -10px;
}
.-ml-\[22px\] {
   margin-left: -22px;
}
.-ml-\[26px\] {
   margin-left: -26px;
}
.-ml-card-lg-16 {
   margin-left: calc(var(--spacing-card-lg-16) * -1);
}
.-ml-card-sm-8 {
   margin-left: calc(var(--spacing-card-sm-8) * -1);
}
.-ml-common-md-12 {
   margin-left: calc(var(--spacing-common-md-12) * -1);
}
.-mt-\[18px\] {
   margin-top: -18px;
}
.-mt-\[32px\] {
   margin-top: -32px;
}
.-mt-\[35px\] {
   margin-top: -35px;
}
.-mt-\[3px\] {
   margin-top: -3px;
}
.-mt-\[40px\] {
   margin-top: -40px;
}
.-mt-common-2xl-24 {
   margin-top: calc(var(--spacing-common-2xl-24) * -1);
}
.-mt-common-4xl-40 {
   margin-top: calc(var(--spacing-common-4xl-40) * -1);
}
.mb-0 {
   margin-bottom: var(--spacing-0);
}
.mb-1 {
   margin-bottom: 0.25rem;
}
.mb-2 {
   margin-bottom: 0.5rem;
}
.mb-4 {
   margin-bottom: 1rem;
}
.mb-5 {
   margin-bottom: 1.25rem;
}
.mb-8 {
   margin-bottom: 2rem;
}
.mb-\[-10px\] {
   margin-bottom: -10px;
}
.mb-\[-42px\] {
   margin-bottom: -42px;
}
.mb-\[14px\] {
   margin-bottom: 14px;
}
.mb-\[18px\] {
   margin-bottom: 18px;
}
.mb-\[24px\] {
   margin-bottom: 24px;
}
.mb-\[2px\] {
   margin-bottom: 2px;
}
.mb-\[38px\] {
   margin-bottom: 38px;
}
.mb-\[3px\] {
   margin-bottom: 3px;
}
.mb-\[4px\] {
   margin-bottom: 4px;
}
.mb-\[8px\] {
   margin-bottom: 8px;
}
.mb-card-lg-16 {
   margin-bottom: var(--spacing-card-lg-16);
}
.mb-common-2xl-24 {
   margin-bottom: var(--spacing-common-2xl-24);
}
.mb-common-3xl-32 {
   margin-bottom: var(--spacing-common-3xl-32);
}
.mb-common-4xl-40 {
   margin-bottom: var(--spacing-common-4xl-40);
}
.mb-common-5xl-48 {
   margin-bottom: var(--spacing-common-5xl-48);
}
.mb-common-6xl-64 {
   margin-bottom: var(--spacing-common-6xl-64);
}
.mb-common-lg-16 {
   margin-bottom: var(--spacing-common-lg-16);
}
.mb-common-md-12 {
   margin-bottom: var(--spacing-common-md-12);
}
.mb-common-sm-8 {
   margin-bottom: var(--spacing-common-sm-8);
}
.mb-common-xl-20 {
   margin-bottom: var(--spacing-common-xl-20);
}
.mb-common-xs-4 {
   margin-bottom: var(--spacing-common-xs-4);
}
.ml-1 {
   margin-left: 0.25rem;
}
.ml-2 {
   margin-left: 0.5rem;
}
.ml-\[11px\] {
   margin-left: 11px;
}
.ml-\[128px\] {
   margin-left: 128px;
}
.ml-\[1px\] {
   margin-left: 1px;
}
.ml-\[5px\] {
   margin-left: 5px;
}
.ml-auto {
   margin-left: auto;
}
.ml-button-vertical-sm-8 {
   margin-left: var(--spacing-button-vertical-sm-8);
}
.ml-card-lg-16 {
   margin-left: var(--spacing-card-lg-16);
}
.ml-card-sm-8 {
   margin-left: var(--spacing-card-sm-8);
}
.ml-card-xs-4 {
   margin-left: var(--spacing-card-xs-4);
}
.ml-common-2xl-24 {
   margin-left: var(--spacing-common-2xl-24);
}
.ml-common-3xl-32 {
   margin-left: var(--spacing-common-3xl-32);
}
.ml-common-lg-16 {
   margin-left: var(--spacing-common-lg-16);
}
.ml-common-md-12 {
   margin-left: var(--spacing-common-md-12);
}
.ml-common-sm-8 {
   margin-left: var(--spacing-common-sm-8);
}
.ml-common-xl-20 {
   margin-left: var(--spacing-common-xl-20);
}
.ml-common-xs-4 {
   margin-left: var(--spacing-common-xs-4);
}
.ml-selectable-sm-8 {
   margin-left: var(--spacing-selectable-sm-8);
}
.mr-1 {
   margin-right: 0.25rem;
}
.mr-2 {
   margin-right: 0.5rem;
}
.mr-3 {
   margin-right: 0.75rem;
}
.mr-4 {
   margin-right: 1rem;
}
.mr-\[112px\] {
   margin-right: 112px;
}
.mr-\[2px\] {
   margin-right: 2px;
}
.mr-\[5px\] {
   margin-right: 5px;
}
.mr-button-vertical-sm-8 {
   margin-right: var(--spacing-button-vertical-sm-8);
}
.mr-common-2xl-24 {
   margin-right: var(--spacing-common-2xl-24);
}
.mr-common-6xl-64 {
   margin-right: var(--spacing-common-6xl-64);
}
.mr-common-lg-16 {
   margin-right: var(--spacing-common-lg-16);
}
.mr-common-md-12 {
   margin-right: var(--spacing-common-md-12);
}
.mr-common-sm-8 {
   margin-right: var(--spacing-common-sm-8);
}
.mr-common-xl-20 {
   margin-right: var(--spacing-common-xl-20);
}
.mr-common-xs-4 {
   margin-right: var(--spacing-common-xs-4);
}
.mr-selectable-sm-8 {
   margin-right: var(--spacing-selectable-sm-8);
}
.mt-2 {
   margin-top: 0.5rem;
}
.mt-4 {
   margin-top: 1rem;
}
.mt-5 {
   margin-top: 1.25rem;
}
.mt-6 {
   margin-top: 1.5rem;
}
.mt-8 {
   margin-top: 2rem;
}
.mt-\[-135px\] {
   margin-top: -135px;
}
.mt-\[-136px\] {
   margin-top: -136px;
}
.mt-\[-33px\] {
   margin-top: -33px;
}
.mt-\[-35px\] {
   margin-top: -35px;
}
.mt-\[-40px\] {
   margin-top: -40px;
}
.mt-\[-65px\] {
   margin-top: -65px;
}
.mt-\[-8px\] {
   margin-top: -8px;
}
.mt-\[16\] {
   margin-top: 16;
}
.mt-\[1px\] {
   margin-top: 1px;
}
.mt-\[20px\] {
   margin-top: 20px;
}
.mt-\[2px\] {
   margin-top: 2px;
}
.mt-\[36px\] {
   margin-top: 36px;
}
.mt-\[40px\] {
   margin-top: 40px;
}
.mt-\[42px\] {
   margin-top: 42px;
}
.mt-\[44px\] {
   margin-top: 44px;
}
.mt-\[52px\] {
   margin-top: 52px;
}
.mt-\[60px\] {
   margin-top: 60px;
}
.mt-\[6px\] {
   margin-top: 6px;
}
.mt-auto {
   margin-top: auto;
}
.mt-common-2xl-24 {
   margin-top: var(--spacing-common-2xl-24);
}
.mt-common-3xl-32 {
   margin-top: var(--spacing-common-3xl-32);
}
.mt-common-4xl-40 {
   margin-top: var(--spacing-common-4xl-40);
}
.mt-common-5xl-48 {
   margin-top: var(--spacing-common-5xl-48);
}
.mt-common-6xl-64 {
   margin-top: var(--spacing-common-6xl-64);
}
.mt-common-lg-16 {
   margin-top: var(--spacing-common-lg-16);
}
.mt-common-md-12 {
   margin-top: var(--spacing-common-md-12);
}
.mt-common-sm-8 {
   margin-top: var(--spacing-common-sm-8);
}
.mt-common-xl-20 {
   margin-top: var(--spacing-common-xl-20);
}
.mt-common-xs-4 {
   margin-top: var(--spacing-common-xs-4);
}
.mt-selectable-xs-4 {
   margin-top: var(--spacing-selectable-xs-4);
}
.box-border {
   box-sizing: border-box;
}
.box-content {
   box-sizing: content-box;
}
.line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.block {
   display: block;
}
.\!inline-block {
   display: inline-block !important;
}
.inline-block {
   display: inline-block;
}
.inline {
   display: inline;
}
.flex {
   display: flex;
}
.inline-flex {
   display: inline-flex;
}
.grid {
   display: grid;
}
.contents {
   display: contents;
}
.\!hidden {
   display: none !important;
}
.hidden {
   display: none;
}
.aspect-\[9\/16\] {
   aspect-ratio: 9/16;
}
.\!h-0 {
   height: var(--spacing-0) !important;
}
.\!h-\[100\%\] {
   height: 100% !important;
}
.\!h-\[140px\] {
   height: 140px !important;
}
.\!h-\[16px\] {
   height: 16px !important;
}
.\!h-\[1px\] {
   height: 1px !important;
}
.\!h-\[210px\] {
   height: 210px !important;
}
.\!h-\[24px\] {
   height: 24px !important;
}
.\!h-\[32px\] {
   height: 32px !important;
}
.\!h-\[37px\] {
   height: 37px !important;
}
.\!h-\[42px\] {
   height: 42px !important;
}
.\!h-\[75\%\] {
   height: 75% !important;
}
.\!h-\[80px\] {
   height: 80px !important;
}
.\!h-\[96px\] {
   height: 96px !important;
}
.\!h-auto {
   height: auto !important;
}
.\!h-full {
   height: 100% !important;
}
.h-1 {
   height: 0.25rem;
}
.h-10 {
   height: 2.5rem;
}
.h-12 {
   height: 3rem;
}
.h-14 {
   height: 3.5rem;
}
.h-16 {
   height: 4rem;
}
.h-2 {
   height: 0.5rem;
}
.h-3 {
   height: 0.75rem;
}
.h-4 {
   height: 1rem;
}
.h-6 {
   height: 1.5rem;
}
.h-8 {
   height: 2rem;
}
.h-\[0px\] {
   height: 0px;
}
.h-\[100vh\] {
   height: 100vh;
}
.h-\[104px\] {
   height: 104px;
}
.h-\[10px\] {
   height: 10px;
}
.h-\[120px\] {
   height: 120px;
}
.h-\[123px\] {
   height: 123px;
}
.h-\[128px\] {
   height: 128px;
}
.h-\[12px\] {
   height: 12px;
}
.h-\[136px\] {
   height: 136px;
}
.h-\[140px\] {
   height: 140px;
}
.h-\[142px\] {
   height: 142px;
}
.h-\[14px\] {
   height: 14px;
}
.h-\[155px\] {
   height: 155px;
}
.h-\[161px\] {
   height: 161px;
}
.h-\[164px\] {
   height: 164px;
}
.h-\[16px\] {
   height: 16px;
}
.h-\[180px\] {
   height: 180px;
}
.h-\[18px\] {
   height: 18px;
}
.h-\[1px\] {
   height: 1px;
}
.h-\[200px\] {
   height: 200px;
}
.h-\[203px\] {
   height: 203px;
}
.h-\[20px\] {
   height: 20px;
}
.h-\[220px\] {
   height: 220px;
}
.h-\[230px\] {
   height: 230px;
}
.h-\[240px\] {
   height: 240px;
}
.h-\[24px\] {
   height: 24px;
}
.h-\[318px\] {
   height: 318px;
}
.h-\[320px\] {
   height: 320px;
}
.h-\[32px\] {
   height: 32px;
}
.h-\[36px\] {
   height: 36px;
}
.h-\[40px\] {
   height: 40px;
}
.h-\[42px\] {
   height: 42px;
}
.h-\[44px\] {
   height: 44px;
}
.h-\[45px\] {
   height: 45px;
}
.h-\[48px\] {
   height: 48px;
}
.h-\[4px\] {
   height: 4px;
}
.h-\[54px\] {
   height: 54px;
}
.h-\[56px\] {
   height: 56px;
}
.h-\[600px\] {
   height: 600px;
}
.h-\[64px\] {
   height: 64px;
}
.h-\[680px\] {
   height: 680px;
}
.h-\[69px\] {
   height: 69px;
}
.h-\[6px\] {
   height: 6px;
}
.h-\[70px\] {
   height: 70px;
}
.h-\[75vh\] {
   height: 75vh;
}
.h-\[78px\] {
   height: 78px;
}
.h-\[80\%\] {
   height: 80%;
}
.h-\[80px\] {
   height: 80px;
}
.h-\[83px\] {
   height: 83px;
}
.h-\[8px\] {
   height: 8px;
}
.h-\[90\%\] {
   height: 90%;
}
.h-\[94vh\] {
   height: 94vh;
}
.h-\[95vh\] {
   height: 95vh;
}
.h-\[96px\] {
   height: 96px;
}
.h-auto {
   height: auto;
}
.h-common-lg-16 {
   height: var(--spacing-common-lg-16);
}
.h-common-xs-4 {
   height: var(--spacing-common-xs-4);
}
.h-fit {
   height: -moz-fit-content;
   height: fit-content;
}
.h-fit-content {
   height: -moz-fit-content;
   height: fit-content;
}
.h-full {
   height: 100%;
}
.h-screen {
   height: 100vh;
}
.\!max-h-\[80\%\] {
   max-height: 80% !important;
}
.\!max-h-\[90\%\] {
   max-height: 90% !important;
}
.\!max-h-full {
   max-height: 100% !important;
}
.max-h-\[100px\] {
   max-height: 100px;
}
.max-h-\[222px\] {
   max-height: 222px;
}
.max-h-\[249px\] {
   max-height: 249px;
}
.max-h-\[48px\] {
   max-height: 48px;
}
.max-h-\[500px\] {
   max-height: 500px;
}
.max-h-\[70px\] {
   max-height: 70px;
}
.max-h-\[86\%\] {
   max-height: 86%;
}
.max-h-\[90\%\] {
   max-height: 90%;
}
.max-h-full {
   max-height: 100%;
}
.\!min-h-\[133px\] {
   min-height: 133px !important;
}
.\!min-h-\[578px\] {
   min-height: 578px !important;
}
.\!min-h-full {
   min-height: 100% !important;
}
.min-h-0 {
   min-height: var(--spacing-0);
}
.min-h-\[100\%\] {
   min-height: 100%;
}
.min-h-\[100px\] {
   min-height: 100px;
}
.min-h-\[104px\] {
   min-height: 104px;
}
.min-h-\[12px\] {
   min-height: 12px;
}
.min-h-\[133px\] {
   min-height: 133px;
}
.min-h-\[16px\] {
   min-height: 16px;
}
.min-h-\[216px\] {
   min-height: 216px;
}
.min-h-\[24px\] {
   min-height: 24px;
}
.min-h-\[250px\] {
   min-height: 250px;
}
.min-h-\[28px\] {
   min-height: 28px;
}
.min-h-\[34px\] {
   min-height: 34px;
}
.min-h-\[37px\] {
   min-height: 37px;
}
.min-h-\[400px\] {
   min-height: 400px;
}
.min-h-\[40px\] {
   min-height: 40px;
}
.min-h-\[50\%\] {
   min-height: 50%;
}
.min-h-\[56px\] {
   min-height: 56px;
}
.min-h-\[60px\] {
   min-height: 60px;
}
.min-h-\[66px\] {
   min-height: 66px;
}
.min-h-\[70px\] {
   min-height: 70px;
}
.min-h-\[74px\] {
   min-height: 74px;
}
.min-h-\[84px\] {
   min-height: 84px;
}
.min-h-\[88px\] {
   min-height: 88px;
}
.min-h-\[95vh\] {
   min-height: 95vh;
}
.min-h-\[96px\] {
   min-height: 96px;
}
.\!w-\[120px\] {
   width: 120px !important;
}
.\!w-\[140px\] {
   width: 140px !important;
}
.\!w-\[16px\] {
   width: 16px !important;
}
.\!w-\[237px\] {
   width: 237px !important;
}
.\!w-\[301px\] {
   width: 301px !important;
}
.\!w-\[32px\] {
   width: 32px !important;
}
.\!w-\[34\%\] {
   width: 34% !important;
}
.\!w-\[388px\] {
   width: 388px !important;
}
.\!w-\[400px\] {
   width: 400px !important;
}
.\!w-\[48px\] {
   width: 48px !important;
}
.\!w-\[556px\] {
   width: 556px !important;
}
.\!w-\[61\%\] {
   width: 61% !important;
}
.\!w-\[64px\] {
   width: 64px !important;
}
.\!w-\[67px\] {
   width: 67px !important;
}
.\!w-\[68px\] {
   width: 68px !important;
}
.\!w-\[80px\] {
   width: 80px !important;
}
.\!w-\[96px\] {
   width: 96px !important;
}
.\!w-\[full\] {
   width: full !important;
}
.\!w-auto {
   width: auto !important;
}
.\!w-fit {
   width: -moz-fit-content !important;
   width: fit-content !important;
}
.\!w-fit-content {
   width: -moz-fit-content !important;
   width: fit-content !important;
}
.\!w-full {
   width: 100% !important;
}
.w-1\/3 {
   width: 33.333333%;
}
.w-10 {
   width: 2.5rem;
}
.w-12 {
   width: 3rem;
}
.w-14 {
   width: 3.5rem;
}
.w-16 {
   width: 4rem;
}
.w-2 {
   width: 0.5rem;
}
.w-2\/3 {
   width: 66.666667%;
}
.w-3 {
   width: 0.75rem;
}
.w-4 {
   width: 1rem;
}
.w-6 {
   width: 1.5rem;
}
.w-8 {
   width: 2rem;
}
.w-\[0px\] {
   width: 0px;
}
.w-\[100vw\] {
   width: 100vw;
}
.w-\[104px\] {
   width: 104px;
}
.w-\[109px\] {
   width: 109px;
}
.w-\[10px\] {
   width: 10px;
}
.w-\[110px\] {
   width: 110px;
}
.w-\[112px\] {
   width: 112px;
}
.w-\[120px\] {
   width: 120px;
}
.w-\[124px\] {
   width: 124px;
}
.w-\[125px\] {
   width: 125px;
}
.w-\[128px\] {
   width: 128px;
}
.w-\[12px\] {
   width: 12px;
}
.w-\[135px\] {
   width: 135px;
}
.w-\[136px\] {
   width: 136px;
}
.w-\[140px\] {
   width: 140px;
}
.w-\[146px\] {
   width: 146px;
}
.w-\[14px\] {
   width: 14px;
}
.w-\[150px\] {
   width: 150px;
}
.w-\[160px\] {
   width: 160px;
}
.w-\[164px\] {
   width: 164px;
}
.w-\[168px\] {
   width: 168px;
}
.w-\[179px\] {
   width: 179px;
}
.w-\[18\.75\%\] {
   width: 18.75%;
}
.w-\[18px\] {
   width: 18px;
}
.w-\[1px\] {
   width: 1px;
}
.w-\[200px\] {
   width: 200px;
}
.w-\[20px\] {
   width: 20px;
}
.w-\[210px\] {
   width: 210px;
}
.w-\[215px\] {
   width: 215px;
}
.w-\[224px\] {
   width: 224px;
}
.w-\[225px\] {
   width: 225px;
}
.w-\[228px\] {
   width: 228px;
}
.w-\[230px\] {
   width: 230px;
}
.w-\[240px\] {
   width: 240px;
}
.w-\[244px\] {
   width: 244px;
}
.w-\[24px\] {
   width: 24px;
}
.w-\[250px\] {
   width: 250px;
}
.w-\[252px\] {
   width: 252px;
}
.w-\[256px\] {
   width: 256px;
}
.w-\[264px\] {
   width: 264px;
}
.w-\[270px\] {
   width: 270px;
}
.w-\[276px\] {
   width: 276px;
}
.w-\[296px\] {
   width: 296px;
}
.w-\[2px\] {
   width: 2px;
}
.w-\[30\%\] {
   width: 30%;
}
.w-\[300px\] {
   width: 300px;
}
.w-\[316px\] {
   width: 316px;
}
.w-\[318px\] {
   width: 318px;
}
.w-\[320px\] {
   width: 320px;
}
.w-\[328px\] {
   width: 328px;
}
.w-\[32px\] {
   width: 32px;
}
.w-\[360px\] {
   width: 360px;
}
.w-\[372px\] {
   width: 372px;
}
.w-\[38px\] {
   width: 38px;
}
.w-\[40\%\] {
   width: 40%;
}
.w-\[40px\] {
   width: 40px;
}
.w-\[416px\] {
   width: 416px;
}
.w-\[464px\] {
   width: 464px;
}
.w-\[48px\] {
   width: 48px;
}
.w-\[4px\] {
   width: 4px;
}
.w-\[50\%\] {
   width: 50%;
}
.w-\[500px\] {
   width: 500px;
}
.w-\[50px\] {
   width: 50px;
}
.w-\[56px\] {
   width: 56px;
}
.w-\[58\%\] {
   width: 58%;
}
.w-\[60\%\] {
   width: 60%;
}
.w-\[64px\] {
   width: 64px;
}
.w-\[6px\] {
   width: 6px;
}
.w-\[704px\] {
   width: 704px;
}
.w-\[70px\] {
   width: 70px;
}
.w-\[77px\] {
   width: 77px;
}
.w-\[78px\] {
   width: 78px;
}
.w-\[80\%\] {
   width: 80%;
}
.w-\[80px\] {
   width: 80px;
}
.w-\[82\%\] {
   width: 82%;
}
.w-\[85\%\] {
   width: 85%;
}
.w-\[92px\] {
   width: 92px;
}
.w-\[94\%\] {
   width: 94%;
}
.w-\[95vw\] {
   width: 95vw;
}
.w-\[96\%\] {
   width: 96%;
}
.w-\[96px\] {
   width: 96px;
}
.w-\[98vw\] {
   width: 98vw;
}
.w-fit {
   width: -moz-fit-content;
   width: fit-content;
}
.w-fit-content {
   width: -moz-fit-content;
   width: fit-content;
}
.w-full {
   width: 100%;
}
.w-min {
   width: -moz-min-content;
   width: min-content;
}
.\!min-w-\[128px\] {
   min-width: 128px !important;
}
.\!min-w-\[98px\] {
   min-width: 98px !important;
}
.min-w-0 {
   min-width: var(--spacing-0);
}
.min-w-\[100px\] {
   min-width: 100px;
}
.min-w-\[120px\] {
   min-width: 120px;
}
.min-w-\[136px\] {
   min-width: 136px;
}
.min-w-\[200px\] {
   min-width: 200px;
}
.min-w-\[20px\] {
   min-width: 20px;
}
.min-w-\[217px\] {
   min-width: 217px;
}
.min-w-\[221px\] {
   min-width: 221px;
}
.min-w-\[248px\] {
   min-width: 248px;
}
.min-w-\[261px\] {
   min-width: 261px;
}
.min-w-\[28px\] {
   min-width: 28px;
}
.min-w-\[296px\] {
   min-width: 296px;
}
.min-w-\[324px\] {
   min-width: 324px;
}
.min-w-\[328px\] {
   min-width: 328px;
}
.min-w-\[47\%\] {
   min-width: 47%;
}
.min-w-\[50px\] {
   min-width: 50px;
}
.min-w-\[650px\] {
   min-width: 650px;
}
.min-w-\[70px\] {
   min-width: 70px;
}
.min-w-\[72px\] {
   min-width: 72px;
}
.min-w-\[95px\] {
   min-width: 95px;
}
.min-w-\[98px\] {
   min-width: 98px;
}
.min-w-full {
   min-width: 100%;
}
.\!max-w-full {
   max-width: 100% !important;
}
.max-w-\[246px\] {
   max-width: 246px;
}
.max-w-\[250px\] {
   max-width: 250px;
}
.max-w-\[256px\] {
   max-width: 256px;
}
.max-w-\[300px\] {
   max-width: 300px;
}
.max-w-\[310px\] {
   max-width: 310px;
}
.max-w-\[328px\] {
   max-width: 328px;
}
.max-w-\[35\%\] {
   max-width: 35%;
}
.max-w-\[350px\] {
   max-width: 350px;
}
.max-w-\[360px\] {
   max-width: 360px;
}
.max-w-\[40\%\] {
   max-width: 40%;
}
.max-w-\[420px\] {
   max-width: 420px;
}
.max-w-\[450px\] {
   max-width: 450px;
}
.max-w-\[480px\] {
   max-width: 480px;
}
.max-w-\[48px\] {
   max-width: 48px;
}
.max-w-\[500px\] {
   max-width: 500px;
}
.max-w-\[508px\] {
   max-width: 508px;
}
.max-w-\[584px\] {
   max-width: 584px;
}
.max-w-\[600px\] {
   max-width: 600px;
}
.max-w-\[650px\] {
   max-width: 650px;
}
.max-w-\[700px\] {
   max-width: 700px;
}
.max-w-\[80\%\] {
   max-width: 80%;
}
.max-w-\[81px\] {
   max-width: 81px;
}
.max-w-\[90\%\] {
   max-width: 90%;
}
.max-w-full {
   max-width: 100%;
}
.\!flex-none {
   flex: none !important;
}
.flex-1 {
   flex: 1 1 0%;
}
.flex-\[1\] {
   flex: 1;
}
.flex-none {
   flex: none;
}
.\!flex-shrink {
   flex-shrink: 1 !important;
}
.flex-shrink-0 {
   flex-shrink: 0;
}
.shrink {
   flex-shrink: 1;
}
.shrink-0 {
   flex-shrink: 0;
}
.flex-grow {
   flex-grow: 1;
}
.flex-grow-0 {
   flex-grow: 0;
}
.grow {
   flex-grow: 1;
}
.grow-0 {
   flex-grow: 0;
}
.basis-0 {
   flex-basis: var(--spacing-0);
}
.-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/4 {
   --tw-translate-x: -25%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!animate-none {
   animation: none !important;
}
@keyframes spin {
   to {
      transform: rotate(360deg);
   }
}
.animate-spin {
   animation: spin 1s linear infinite;
}
.\!cursor-not-allowed {
   cursor: not-allowed !important;
}
.cursor-default {
   cursor: default;
}
.cursor-grab {
   cursor: grab;
}
.cursor-grabbing {
   cursor: grabbing;
}
.cursor-not-allowed {
   cursor: not-allowed;
}
.cursor-pointer {
   cursor: pointer;
}
.select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
}
.resize-none {
   resize: none;
}
.resize {
   resize: both;
}
.\!list-decimal {
   list-style-type: decimal !important;
}
.\!grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.\!grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto\] {
   grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
   grid-template-columns: 1fr auto 1fr;
}
.\!flex-row {
   flex-direction: row !important;
}
.flex-row {
   flex-direction: row;
}
.flex-col {
   flex-direction: column;
}
.flex-wrap {
   flex-wrap: wrap;
}
.\!items-start {
   align-items: flex-start !important;
}
.items-start {
   align-items: flex-start;
}
.\!items-end {
   align-items: flex-end !important;
}
.items-end {
   align-items: flex-end;
}
.\!items-center {
   align-items: center !important;
}
.items-center {
   align-items: center;
}
.items-baseline {
   align-items: baseline;
}
.\!justify-start {
   justify-content: flex-start !important;
}
.justify-start {
   justify-content: flex-start;
}
.justify-end {
   justify-content: flex-end;
}
.\!justify-center {
   justify-content: center !important;
}
.justify-center {
   justify-content: center;
}
.justify-between {
   justify-content: space-between;
}
.justify-around {
   justify-content: space-around;
}
.\!gap-common-2xl-24 {
   gap: var(--spacing-common-2xl-24) !important;
}
.\!gap-common-4xl-40 {
   gap: var(--spacing-common-4xl-40) !important;
}
.\!gap-common-md-12 {
   gap: var(--spacing-common-md-12) !important;
}
.gap-1 {
   gap: 0.25rem;
}
.gap-2 {
   gap: 0.5rem;
}
.gap-\[10px\] {
   gap: 10px;
}
.gap-\[12px\] {
   gap: 12px;
}
.gap-\[16px\] {
   gap: 16px;
}
.gap-\[30px\] {
   gap: 30px;
}
.gap-\[4px\] {
   gap: 4px;
}
.gap-card-md-12 {
   gap: var(--spacing-card-md-12);
}
.gap-card-sm-8 {
   gap: var(--spacing-card-sm-8);
}
.gap-card-xs-4 {
   gap: var(--spacing-card-xs-4);
}
.gap-common-2xl-24 {
   gap: var(--spacing-common-2xl-24);
}
.gap-common-3xl-32 {
   gap: var(--spacing-common-3xl-32);
}
.gap-common-4xl-40 {
   gap: var(--spacing-common-4xl-40);
}
.gap-common-5xl-48 {
   gap: var(--spacing-common-5xl-48);
}
.gap-common-lg-16 {
   gap: var(--spacing-common-lg-16);
}
.gap-common-md-12 {
   gap: var(--spacing-common-md-12);
}
.gap-common-sm-8 {
   gap: var(--spacing-common-sm-8);
}
.gap-common-xl-20 {
   gap: var(--spacing-common-xl-20);
}
.gap-common-xs-4 {
   gap: var(--spacing-common-xs-4);
}
.gap-selectable-md-12 {
   gap: var(--spacing-selectable-md-12);
}
.gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
}
.gap-x-common-2xl-24 {
   -moz-column-gap: var(--spacing-common-2xl-24);
        column-gap: var(--spacing-common-2xl-24);
}
.gap-x-common-4xl-40 {
   -moz-column-gap: var(--spacing-common-4xl-40);
        column-gap: var(--spacing-common-4xl-40);
}
.gap-x-common-lg-16 {
   -moz-column-gap: var(--spacing-common-lg-16);
        column-gap: var(--spacing-common-lg-16);
}
.gap-x-common-xs-4 {
   -moz-column-gap: var(--spacing-common-xs-4);
        column-gap: var(--spacing-common-xs-4);
}
.gap-y-4 {
   row-gap: 1rem;
}
.gap-y-\[10px\] {
   row-gap: 10px;
}
.gap-y-common-2xl-24 {
   row-gap: var(--spacing-common-2xl-24);
}
.gap-y-common-lg-16 {
   row-gap: var(--spacing-common-lg-16);
}
.self-start {
   align-self: flex-start;
}
.self-end {
   align-self: flex-end;
}
.self-center {
   align-self: center;
}
.self-stretch {
   align-self: stretch;
}
.justify-self-center {
   justify-self: center;
}
.overflow-auto {
   overflow: auto;
}
.\!overflow-hidden {
   overflow: hidden !important;
}
.overflow-hidden {
   overflow: hidden;
}
.overflow-x-auto {
   overflow-x: auto;
}
.overflow-y-auto {
   overflow-y: auto;
}
.overflow-x-hidden {
   overflow-x: hidden;
}
.overflow-y-hidden {
   overflow-y: hidden;
}
.overscroll-none {
   overscroll-behavior: none;
}
.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.overflow-ellipsis {
   text-overflow: ellipsis;
}
.\!whitespace-normal {
   white-space: normal !important;
}
.whitespace-nowrap {
   white-space: nowrap;
}
.whitespace-pre {
   white-space: pre;
}
.whitespace-pre-wrap {
   white-space: pre-wrap;
}
.whitespace-break-spaces {
   white-space: break-spaces;
}
.text-wrap {
   text-wrap: wrap;
}
.text-nowrap {
   text-wrap: nowrap;
}
.break-words {
   overflow-wrap: break-word;
}
.break-all {
   word-break: break-all;
}
.\!rounded-0 {
   border-radius: var(--radius-0) !important;
}
.\!rounded-\[16px\] {
   border-radius: 16px !important;
}
.\!rounded-callout {
   border-radius: var(--radius-callout) !important;
}
.\!rounded-card-default {
   border-radius: var(--radius-card-default) !important;
}
.\!rounded-common-default {
   border-radius: var(--radius-common-default) !important;
}
.\!rounded-common-lg {
   border-radius: var(--radius-common-lg) !important;
}
.\!rounded-common-sm {
   border-radius: var(--radius-common-sm) !important;
}
.\!rounded-input-default {
   border-radius: var(--radius-input-default) !important;
}
.\!rounded-none {
   border-radius: 0px !important;
}
.rounded-2xl {
   border-radius: 1rem;
}
.rounded-3xl {
   border-radius: 1.5rem;
}
.rounded-\[12px\] {
   border-radius: 12px;
}
.rounded-\[24px\] {
   border-radius: 24px;
}
.rounded-\[2px\] {
   border-radius: 2px;
}
.rounded-\[4px\] {
   border-radius: 4px;
}
.rounded-\[6px\] {
   border-radius: 6px;
}
.rounded-\[8px\] {
   border-radius: 8px;
}
.rounded-bottom-sheet {
   border-radius: var(--radius-bottom-sheet);
}
.rounded-callout {
   border-radius: var(--radius-callout);
}
.rounded-card-default {
   border-radius: var(--radius-card-default);
}
.rounded-common-default {
   border-radius: var(--radius-common-default);
}
.rounded-common-full {
   border-radius: var(--radius-common-full);
}
.rounded-common-lg {
   border-radius: var(--radius-common-lg);
}
.rounded-common-md {
   border-radius: var(--radius-common-md);
}
.rounded-common-sm {
   border-radius: var(--radius-common-sm);
}
.rounded-common-xs {
   border-radius: var(--radius-common-xs);
}
.rounded-full {
   border-radius: var(--radius-full);
}
.rounded-input-default {
   border-radius: var(--radius-input-default);
}
.rounded-lg {
   border-radius: 0.5rem;
}
.rounded-md {
   border-radius: 0.375rem;
}
.rounded-none {
   border-radius: 0px;
}
.rounded-xl {
   border-radius: 0.75rem;
}
.\!rounded-b-\[16px\] {
   border-bottom-right-radius: 16px !important;
   border-bottom-left-radius: 16px !important;
}
.\!rounded-t-0 {
   border-top-left-radius: var(--radius-0) !important;
   border-top-right-radius: var(--radius-0) !important;
}
.rounded-b-common-md {
   border-bottom-right-radius: var(--radius-common-md);
   border-bottom-left-radius: var(--radius-common-md);
}
.rounded-l-common-md {
   border-top-left-radius: var(--radius-common-md);
   border-bottom-left-radius: var(--radius-common-md);
}
.rounded-l-lg {
   border-top-left-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
}
.rounded-r-common-xl {
   border-top-right-radius: var(--radius-common-xl);
   border-bottom-right-radius: var(--radius-common-xl);
}
.rounded-t-bottom-sheet {
   border-top-left-radius: var(--radius-bottom-sheet);
   border-top-right-radius: var(--radius-bottom-sheet);
}
.rounded-t-common-lg {
   border-top-left-radius: var(--radius-common-lg);
   border-top-right-radius: var(--radius-common-lg);
}
.\!rounded-tl-\[6px\] {
   border-top-left-radius: 6px !important;
}
.rounded-tl-2xl {
   border-top-left-radius: 1rem;
}
.rounded-tr-2xl {
   border-top-right-radius: 1rem;
}
.\!border {
   border-width: 1px !important;
}
.\!border-0 {
   border-width: 0px !important;
}
.\!border-2 {
   border-width: var(--border-width-2) !important;
}
.border {
   border-width: 1px;
}
.border-1 {
   border-width: var(--border-width-1);
}
.border-2 {
   border-width: var(--border-width-2);
}
.border-4 {
   border-width: var(--border-width-4);
}
.border-\[1px\] {
   border-width: 1px;
}
.border-\[2px\] {
   border-width: 2px;
}
.border-\[4px\] {
   border-width: 4px;
}
.border-button-normal {
   border-width: var(--border-width-button-normal);
}
.border-input {
   border-width: var(--border-width-input);
}
.border-selectable-normal {
   border-width: var(--border-width-selectable-normal);
}
.\!border-x-0 {
   border-left-width: 0px !important;
   border-right-width: 0px !important;
}
.\!border-b-2 {
   border-bottom-width: var(--border-width-2) !important;
}
.\!border-t-0 {
   border-top-width: 0px !important;
}
.border-b {
   border-bottom-width: 1px;
}
.border-b-1 {
   border-bottom-width: var(--border-width-1);
}
.border-b-4 {
   border-bottom-width: var(--border-width-4);
}
.border-b-\[4px\] {
   border-bottom-width: 4px;
}
.border-b-button-shadow {
   border-bottom-width: var(--border-width-button-shadow);
}
.border-b-selectable-normal {
   border-bottom-width: var(--border-width-selectable-normal);
}
.border-b-selectable-shadow {
   border-bottom-width: var(--border-width-selectable-shadow);
}
.border-l {
   border-left-width: 1px;
}
.border-l-selectable-normal {
   border-left-width: var(--border-width-selectable-normal);
}
.border-r {
   border-right-width: 1px;
}
.border-r-1 {
   border-right-width: var(--border-width-1);
}
.border-r-selectable-normal {
   border-right-width: var(--border-width-selectable-normal);
}
.border-t {
   border-top-width: 1px;
}
.border-t-1 {
   border-top-width: var(--border-width-1);
}
.border-t-4 {
   border-top-width: var(--border-width-4);
}
.border-t-\[3px\] {
   border-top-width: 3px;
}
.border-t-\[4px\] {
   border-top-width: 4px;
}
.border-t-button-normal {
   border-top-width: var(--border-width-button-normal);
}
.border-solid {
   border-style: solid;
}
.\!border-none {
   border-style: none !important;
}
.border-none {
   border-style: none;
}
.\!border-ancient-secondary {
   border-color: var(--border-ancient-secondary) !important;
}
.\!border-brand-primary {
   border-color: var(--border-brand-primary) !important;
}
.\!border-error-primary {
   border-color: var(--border-error-primary) !important;
}
.\!border-forms-selected-border {
   border-color: var(--forms-selected-border) !important;
}
.\!border-info-primary {
   border-color: var(--border-info-primary) !important;
}
.\!border-neutral-primary-on-l1 {
   border-color: var(--border-neutral-primary-on-l1) !important;
}
.border-\[\#0EA5E9\] {
   --tw-border-opacity: 1;
   border-color: rgb(14 165 233 / var(--tw-border-opacity));
}
.border-\[\'\#E2E8F0\'\] {
   border-color: '#E2E8F0';
}
.border-ancient-primary {
   border-color: var(--border-ancient-primary);
}
.border-ancient-secondary {
   border-color: var(--border-ancient-secondary);
}
.border-base-white {
   border-color: var(--base-white);
}
.border-bottom-sheets-border {
   border-color: var(--bottom-sheets-border);
}
.border-brand-primary {
   border-color: var(--border-brand-primary);
}
.border-brand-subtle {
   border-color: var(--border-brand-subtle);
}
.border-button-error-border {
   border-color: var(--button-error-border);
}
.border-button-error-border-shadow_primary {
   border-color: var(--button-error-border-shadow_primary);
}
.border-button-error-fg_pressed_outline {
   border-color: var(--button-error-fg_pressed_outline);
}
.border-button-indigo-border-shadow_primary {
   border-color: var(--button-indigo-border-shadow_primary);
}
.border-button-neutral-border {
   border-color: var(--button-neutral-border);
}
.border-button-neutral-border-shadow_primary {
   border-color: var(--button-neutral-border-shadow_primary);
}
.border-button-primary-bg {
   border-color: var(--button-primary-bg);
}
.border-button-primary-border {
   border-color: var(--button-primary-border);
}
.border-button-primary-border-shadow {
   border-color: var(--button-primary-border-shadow);
}
.border-button-primary-border_pressed {
   border-color: var(--button-primary-border_pressed);
}
.border-button-primary-fg {
   border-color: var(--button-primary-fg);
}
.border-button-sky-border-shadow_primary {
   border-color: var(--button-sky-border-shadow_primary);
}
.border-button-success-border {
   border-color: var(--button-success-border);
}
.border-button-success-border-shadow_primary {
   border-color: var(--button-success-border-shadow_primary);
}
.border-button-success-border_pressed {
   border-color: var(--button-success-border_pressed);
}
.border-button-warning-border {
   border-color: var(--button-warning-border);
}
.border-button-warning-border-shadow_primary {
   border-color: var(--button-warning-border-shadow_primary);
}
.border-button-warning-border_pressed {
   border-color: var(--button-warning-border_pressed);
}
.border-callouts-border {
   border-color: var(--callouts-border);
}
.border-cyan-600 {
   border-color: var(--cyan-600);
}
.border-divider-primary-on-l2 {
   border-color: var(--divider-primary-on-l2);
}
.border-error-primary {
   border-color: var(--border-error-primary);
}
.border-forms-border_disabled {
   border-color: var(--forms-border_disabled);
}
.border-forms-default-border {
   border-color: var(--forms-default-border);
}
.border-forms-default-border-ancient {
   border-color: var(--forms-default-border-ancient);
}
.border-forms-error-border {
   border-color: var(--forms-error-border);
}
.border-forms-selected-border {
   border-color: var(--forms-selected-border);
}
.border-forms-selected-border-ancient {
   border-color: var(--forms-selected-border-ancient);
}
.border-forms-success-border {
   border-color: var(--forms-success-border);
}
.border-game-option-border {
   --tw-border-opacity: 1;
   border-color: rgb(161 98 7 / var(--tw-border-opacity));
}
.border-green-200 {
   border-color: var(--green-200);
}
.border-indigo-500 {
   border-color: var(--indigo-500);
}
.border-info-primary {
   border-color: var(--border-info-primary);
}
.border-info-subtle {
   border-color: var(--border-info-subtle);
}
.border-key-clips-border {
   --tw-border-opacity: 1;
   border-color: rgb(204 112 51 / var(--tw-border-opacity));
}
.border-learning-completed-divider-line-color {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 100 / var(--tw-border-opacity));
}
.border-neutral-400 {
   border-color: var(--neutral-400);
}
.border-neutral-50 {
   border-color: var(--neutral-50);
}
.border-neutral-disabled-on-l1 {
   border-color: var(--border-neutral-disabled-on-l1);
}
.border-neutral-disabled-on-l2 {
   border-color: var(--border-neutral-disabled-on-l2);
}
.border-neutral-disabled-on-l3 {
   border-color: var(--border-neutral-disabled-on-l3);
}
.border-neutral-primary-on-l1 {
   border-color: var(--border-neutral-primary-on-l1);
}
.border-neutral-primary-on-l2 {
   border-color: var(--border-neutral-primary-on-l2);
}
.border-neutral-primary-on-l3 {
   border-color: var(--border-neutral-primary-on-l3);
}
.border-neutral-secondary-on-l1 {
   border-color: var(--border-neutral-secondary-on-l1);
}
.border-neutral-secondary-on-l2 {
   border-color: var(--border-neutral-secondary-on-l2);
}
.border-pink-500 {
   border-color: var(--pink-500);
}
.border-rewards-border_default {
   --tw-border-opacity: 1;
   border-color: rgb(184 119 63 / var(--tw-border-opacity));
}
.border-rose-600 {
   border-color: var(--rose-600);
}
.border-slate-500 {
   border-color: var(--slate-500);
}
.border-transparent {
   border-color: transparent;
}
.border-utility-yellow-500 {
   border-color: var(--utility-yellow-500);
}
.border-video-closure-default {
   --tw-border-opacity: 1;
   border-color: rgb(161 98 7 / var(--tw-border-opacity));
}
.border-warning-primary {
   border-color: var(--border-warning-primary);
}
.border-yellow-400 {
   border-color: var(--yellow-400);
}
.border-yellow-600 {
   border-color: var(--yellow-600);
}
.border-b-learning-completed-divider-line-color {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(245 158 100 / var(--tw-border-opacity));
}
.border-t-divider-primary-on-l1 {
   border-top-color: var(--divider-primary-on-l1);
}
.border-t-foreground-neutral-quarterary {
   border-top-color: var(--foreground-neutral-quarterary);
}
.\!bg-fib-with-options-blank-bg {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity)) !important;
}
.\!bg-neutral-default-l1 {
   background-color: var(--background-neutral-default-l1) !important;
}
.\!bg-neutral-default-l2 {
   background-color: var(--background-neutral-default-l2) !important;
}
.\!bg-neutral-default-l3 {
   background-color: var(--background-neutral-default-l3) !important;
}
.\!bg-transparent {
   background-color: transparent !important;
}
.bg-\[\#00b140\] {
   --tw-bg-opacity: 1;
   background-color: rgb(0 177 64 / var(--tw-bg-opacity));
}
.bg-\[\#020617\] {
   --tw-bg-opacity: 1;
   background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-\[\#082F49\] {
   --tw-bg-opacity: 1;
   background-color: rgb(8 47 73 / var(--tw-bg-opacity));
}
.bg-\[\#1E1B4B\] {
   --tw-bg-opacity: 1;
   background-color: rgb(30 27 75 / var(--tw-bg-opacity));
}
.bg-\[\#2E1065\] {
   --tw-bg-opacity: 1;
   background-color: rgb(46 16 101 / var(--tw-bg-opacity));
}
.bg-\[\#7C3AED\] {
   --tw-bg-opacity: 1;
   background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
   background-color: rgba(0,0,0,0.5);
}
.bg-ancient-primary {
   background-color: var(--background-ancient-primary);
}
.bg-base-black {
   background-color: var(--base-black);
}
.bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-500 {
   background-color: var(--blue-500);
}
.bg-bottom-sheets-bg {
   background-color: var(--bottom-sheets-bg);
}
.bg-brand-subtle {
   background-color: var(--background-brand-subtle);
}
.bg-button-bg_disabled {
   background-color: var(--button-bg_disabled);
}
.bg-button-error-bg {
   background-color: var(--button-error-bg);
}
.bg-button-error-bg_pressed {
   background-color: var(--button-error-bg_pressed);
}
.bg-button-indigo-bg {
   background-color: var(--button-indigo-bg);
}
.bg-button-indigo-bg_pressed {
   background-color: var(--button-indigo-bg_pressed);
}
.bg-button-neutral-bg {
   background-color: var(--button-neutral-bg);
}
.bg-button-neutral-bg_pressed {
   background-color: var(--button-neutral-bg_pressed);
}
.bg-button-primary-bg {
   background-color: var(--button-primary-bg);
}
.bg-button-primary-bg_pressed {
   background-color: var(--button-primary-bg_pressed);
}
.bg-button-sky-bg {
   background-color: var(--button-sky-bg);
}
.bg-button-sky-bg_pressed {
   background-color: var(--button-sky-bg_pressed);
}
.bg-button-success-bg {
   background-color: var(--button-success-bg);
}
.bg-button-success-bg_pressed {
   background-color: var(--button-success-bg_pressed);
}
.bg-button-warning-bg {
   background-color: var(--button-warning-bg);
}
.bg-button-warning-bg_pressed {
   background-color: var(--button-warning-bg_pressed);
}
.bg-callouts-bg {
   background-color: var(--callouts-bg);
}
.bg-dark {
   background-color: var(--dark);
}
.bg-divider-primary-on-l1 {
   background-color: var(--divider-primary-on-l1);
}
.bg-divider-primary-on-l2 {
   background-color: var(--divider-primary-on-l2);
}
.bg-error-subtle {
   background-color: var(--background-error-subtle);
}
.bg-foreground-error-primary {
   background-color: var(--foreground-error-primary);
}
.bg-foreground-neutral-quarterary {
   background-color: var(--foreground-neutral-quarterary);
}
.bg-foreground-neutral-secondary {
   background-color: var(--foreground-neutral-secondary);
}
.bg-forms-bg_ancient_disabled {
   background-color: var(--forms-bg_ancient_disabled);
}
.bg-forms-bg_disabled {
   background-color: var(--forms-bg_disabled);
}
.bg-forms-default-bg {
   background-color: var(--forms-default-bg);
}
.bg-forms-default-bg-ancient {
   background-color: var(--forms-default-bg-ancient);
}
.bg-forms-selected-bg {
   background-color: var(--forms-selected-bg);
}
.bg-forms-selected-bg-ancient {
   background-color: var(--forms-selected-bg-ancient);
}
.bg-info-subtle {
   background-color: var(--background-info-subtle);
}
.bg-learning-completed-divider-line-color {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 100 / var(--tw-bg-opacity));
}
.bg-navigation-menu-bg_hover {
   background-color: var(--navigation-menu-bg_hover);
}
.bg-neutral-default-l1 {
   background-color: var(--background-neutral-default-l1);
}
.bg-neutral-default-l2 {
   background-color: var(--background-neutral-default-l2);
}
.bg-neutral-default-l3 {
   background-color: var(--background-neutral-default-l3);
}
.bg-neutral-disabled-on-l3 {
   background-color: var(--background-neutral-disabled-on-l3);
}
.bg-neutral-overlay {
   background-color: var(--background-neutral-overlay);
}
.bg-pink-400 {
   background-color: var(--pink-400);
}
.bg-progress-bar-bg-on-l1 {
   background-color: var(--progress-bar-bg-on-l1);
}
.bg-progress-bar-bg-on-l3 {
   background-color: var(--progress-bar-bg-on-l3);
}
.bg-progress-bar-brand-indicator {
   background-color: var(--progress-bar-brand-indicator);
}
.bg-progress-bar-sky-indicator {
   background-color: var(--progress-bar-sky-indicator);
}
.bg-rewards-bg_default {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.bg-rewards-border_primary {
   --tw-bg-opacity: 1;
   background-color: rgb(156 101 54 / var(--tw-bg-opacity));
}
.bg-slate-700 {
   background-color: var(--slate-700);
}
.bg-streak-progress-bar-color {
   --tw-bg-opacity: 1;
   background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-streak-vertical-divider_bg {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.bg-success-subtle {
   background-color: var(--background-success-subtle);
}
.bg-tab-bar-bg {
   background-color: var(--tab-bar-bg);
}
.bg-tab-bar-fg {
   background-color: var(--tab-bar-fg);
}
.bg-title-with-description-input-question-divider-bg-color {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.bg-transparent {
   background-color: transparent;
}
.bg-utility-green-400 {
   background-color: var(--utility-green-400);
}
.bg-utility-neutral-50 {
   background-color: var(--utility-neutral-50);
}
.bg-utility-teal-500 {
   background-color: var(--utility-teal-500);
}
.bg-utility-teal-800 {
   background-color: var(--utility-teal-800);
}
.bg-utility-yellow-200 {
   background-color: var(--utility-yellow-200);
}
.bg-utility-yellow-50 {
   background-color: var(--utility-yellow-50);
}
.bg-video-closure-default-bg {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.bg-violet-500 {
   background-color: var(--violet-500);
}
.bg-warning-subtle {
   background-color: var(--background-warning-subtle);
}
.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-900 {
   background-color: var(--yellow-900);
}
.\!bg-none {
   background-image: none !important;
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/Leaderboard\/leaderboard-position-1-v1\.svg\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/Leaderboard/leaderboard-position-1-v1.svg');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/Leaderboard\/leaderboard-position-2-v1\.svg\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/Leaderboard/leaderboard-position-2-v1.svg');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/Leaderboard\/leaderboard-position-3-v1\.svg\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/Leaderboard/leaderboard-position-3-v1.svg');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/common\/ribbon_mobile\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/common/ribbon_mobile.png');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/modules\/modules-course-name-wood-bg\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/modules/modules-course-name-wood-bg.png');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/shop\/bg\@1x\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/shop/bg@1x.png');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/units\/map_item_bg_body_v1\@2x\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/units/map_item_bg_body_v1@2x.png');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/units\/map_item_bg_footer_v1\@2x\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/units/map_item_bg_footer_v1@2x.png');
}
.bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/units\/map_item_bg_header_v1\@2x\.png\'\)\] {
   background-image: url('https://cdn.alllq.in/AQ/units/map_item_bg_header_v1@2x.png');
}
.\!bg-contain {
   background-size: contain !important;
}
.bg-contain {
   background-size: contain;
}
.bg-cover {
   background-size: cover;
}
.bg-bottom {
   background-position: bottom;
}
.bg-center {
   background-position: center;
}
.bg-top {
   background-position: top;
}
.\!bg-no-repeat {
   background-repeat: no-repeat !important;
}
.bg-no-repeat {
   background-repeat: no-repeat;
}
.bg-repeat-y {
   background-repeat: repeat-y;
}
.bg-repeat-round {
   background-repeat: round;
}
.object-cover {
   -o-object-fit: cover;
      object-fit: cover;
}
.\!p-0 {
   padding: var(--spacing-0) !important;
}
.\!p-1 {
   padding: 0.25rem !important;
}
.\!p-common-2xl-24 {
   padding: var(--spacing-common-2xl-24) !important;
}
.\!p-selectable-md-12 {
   padding: var(--spacing-selectable-md-12) !important;
}
.p-0 {
   padding: var(--spacing-0);
}
.p-1 {
   padding: 0.25rem;
}
.p-10 {
   padding: 2.5rem;
}
.p-2 {
   padding: 0.5rem;
}
.p-4 {
   padding: 1rem;
}
.p-6 {
   padding: 1.5rem;
}
.p-8 {
   padding: 2rem;
}
.p-\[10px\] {
   padding: 10px;
}
.p-\[1px\] {
   padding: 1px;
}
.p-\[20px\] {
   padding: 20px;
}
.p-\[24px\] {
   padding: 24px;
}
.p-card-xs-4 {
   padding: var(--spacing-card-xs-4);
}
.p-common-2xl-24 {
   padding: var(--spacing-common-2xl-24);
}
.p-common-3xl-32 {
   padding: var(--spacing-common-3xl-32);
}
.p-common-lg-16 {
   padding: var(--spacing-common-lg-16);
}
.p-common-md-12 {
   padding: var(--spacing-common-md-12);
}
.p-common-sm-8 {
   padding: var(--spacing-common-sm-8);
}
.p-common-xl-20 {
   padding: var(--spacing-common-xl-20);
}
.p-common-xs-4 {
   padding: var(--spacing-common-xs-4);
}
.\!px-\[0px\] {
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.\!px-common-2xl-24 {
   padding-left: var(--spacing-common-2xl-24) !important;
   padding-right: var(--spacing-common-2xl-24) !important;
}
.\!px-common-4xl-40 {
   padding-left: var(--spacing-common-4xl-40) !important;
   padding-right: var(--spacing-common-4xl-40) !important;
}
.\!px-common-lg-16 {
   padding-left: var(--spacing-common-lg-16) !important;
   padding-right: var(--spacing-common-lg-16) !important;
}
.\!py-0 {
   padding-top: var(--spacing-0) !important;
   padding-bottom: var(--spacing-0) !important;
}
.\!py-common-3xl-32 {
   padding-top: var(--spacing-common-3xl-32) !important;
   padding-bottom: var(--spacing-common-3xl-32) !important;
}
.\!py-selectable-md-12 {
   padding-top: var(--spacing-selectable-md-12) !important;
   padding-bottom: var(--spacing-selectable-md-12) !important;
}
.px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
}
.px-\[10px\] {
   padding-left: 10px;
   padding-right: 10px;
}
.px-\[12\%\] {
   padding-left: 12%;
   padding-right: 12%;
}
.px-\[12px\] {
   padding-left: 12px;
   padding-right: 12px;
}
.px-\[14px\] {
   padding-left: 14px;
   padding-right: 14px;
}
.px-\[21px\] {
   padding-left: 21px;
   padding-right: 21px;
}
.px-\[2px\] {
   padding-left: 2px;
   padding-right: 2px;
}
.px-\[30px\] {
   padding-left: 30px;
   padding-right: 30px;
}
.px-\[6px\] {
   padding-left: 6px;
   padding-right: 6px;
}
.px-button-horizontal-sm-16 {
   padding-left: var(--spacing-button-horizontal-sm-16);
   padding-right: var(--spacing-button-horizontal-sm-16);
}
.px-card-lg-16 {
   padding-left: var(--spacing-card-lg-16);
   padding-right: var(--spacing-card-lg-16);
}
.px-card-sm-8 {
   padding-left: var(--spacing-card-sm-8);
   padding-right: var(--spacing-card-sm-8);
}
.px-common-2xl-24 {
   padding-left: var(--spacing-common-2xl-24);
   padding-right: var(--spacing-common-2xl-24);
}
.px-common-3xl-32 {
   padding-left: var(--spacing-common-3xl-32);
   padding-right: var(--spacing-common-3xl-32);
}
.px-common-4xl-40 {
   padding-left: var(--spacing-common-4xl-40);
   padding-right: var(--spacing-common-4xl-40);
}
.px-common-5xl-48 {
   padding-left: var(--spacing-common-5xl-48);
   padding-right: var(--spacing-common-5xl-48);
}
.px-common-lg-16 {
   padding-left: var(--spacing-common-lg-16);
   padding-right: var(--spacing-common-lg-16);
}
.px-common-md-12 {
   padding-left: var(--spacing-common-md-12);
   padding-right: var(--spacing-common-md-12);
}
.px-common-sm-8 {
   padding-left: var(--spacing-common-sm-8);
   padding-right: var(--spacing-common-sm-8);
}
.px-common-xs-4 {
   padding-left: var(--spacing-common-xs-4);
   padding-right: var(--spacing-common-xs-4);
}
.px-selectable-md-12 {
   padding-left: var(--spacing-selectable-md-12);
   padding-right: var(--spacing-selectable-md-12);
}
.px-selectable-sm-8 {
   padding-left: var(--spacing-selectable-sm-8);
   padding-right: var(--spacing-selectable-sm-8);
}
.px-selectable-xl-24 {
   padding-left: var(--spacing-selectable-xl-24);
   padding-right: var(--spacing-selectable-xl-24);
}
.py-\[10px\] {
   padding-top: 10px;
   padding-bottom: 10px;
}
.py-\[13px\] {
   padding-top: 13px;
   padding-bottom: 13px;
}
.py-\[14px\] {
   padding-top: 14px;
   padding-bottom: 14px;
}
.py-\[5px\] {
   padding-top: 5px;
   padding-bottom: 5px;
}
.py-\[9px\] {
   padding-top: 9px;
   padding-bottom: 9px;
}
.py-button-vertical-md-12 {
   padding-top: var(--spacing-button-vertical-md-12);
   padding-bottom: var(--spacing-button-vertical-md-12);
}
.py-button-vertical-sm-8 {
   padding-top: var(--spacing-button-vertical-sm-8);
   padding-bottom: var(--spacing-button-vertical-sm-8);
}
.py-card-sm-8 {
   padding-top: var(--spacing-card-sm-8);
   padding-bottom: var(--spacing-card-sm-8);
}
.py-card-xs-4 {
   padding-top: var(--spacing-card-xs-4);
   padding-bottom: var(--spacing-card-xs-4);
}
.py-common-2xl-24 {
   padding-top: var(--spacing-common-2xl-24);
   padding-bottom: var(--spacing-common-2xl-24);
}
.py-common-3xl-32 {
   padding-top: var(--spacing-common-3xl-32);
   padding-bottom: var(--spacing-common-3xl-32);
}
.py-common-lg-16 {
   padding-top: var(--spacing-common-lg-16);
   padding-bottom: var(--spacing-common-lg-16);
}
.py-common-md-12 {
   padding-top: var(--spacing-common-md-12);
   padding-bottom: var(--spacing-common-md-12);
}
.py-common-sm-8 {
   padding-top: var(--spacing-common-sm-8);
   padding-bottom: var(--spacing-common-sm-8);
}
.py-common-xl-20 {
   padding-top: var(--spacing-common-xl-20);
   padding-bottom: var(--spacing-common-xl-20);
}
.py-common-xs-4 {
   padding-top: var(--spacing-common-xs-4);
   padding-bottom: var(--spacing-common-xs-4);
}
.py-selectable-md-12 {
   padding-top: var(--spacing-selectable-md-12);
   padding-bottom: var(--spacing-selectable-md-12);
}
.py-selectable-xs-4 {
   padding-top: var(--spacing-selectable-xs-4);
   padding-bottom: var(--spacing-selectable-xs-4);
}
.\!pb-0 {
   padding-bottom: var(--spacing-0) !important;
}
.\!pb-\[0px\] {
   padding-bottom: 0px !important;
}
.\!pb-\[40px\] {
   padding-bottom: 40px !important;
}
.\!pl-selectable-md-12 {
   padding-left: var(--spacing-selectable-md-12) !important;
}
.\!pr-common-md-12 {
   padding-right: var(--spacing-common-md-12) !important;
}
.\!pr-common-sm-8 {
   padding-right: var(--spacing-common-sm-8) !important;
}
.\!pt-\[30px\] {
   padding-top: 30px !important;
}
.\!pt-common-5xl-48 {
   padding-top: var(--spacing-common-5xl-48) !important;
}
.\!pt-common-md-12 {
   padding-top: var(--spacing-common-md-12) !important;
}
.pb-4 {
   padding-bottom: 1rem;
}
.pb-\[28px\] {
   padding-bottom: 28px;
}
.pb-\[2px\] {
   padding-bottom: 2px;
}
.pb-\[72px\] {
   padding-bottom: 72px;
}
.pb-\[86px\] {
   padding-bottom: 86px;
}
.pb-card-xs-4 {
   padding-bottom: var(--spacing-card-xs-4);
}
.pb-common-2xl-24 {
   padding-bottom: var(--spacing-common-2xl-24);
}
.pb-common-3xl-32 {
   padding-bottom: var(--spacing-common-3xl-32);
}
.pb-common-4xl-40 {
   padding-bottom: var(--spacing-common-4xl-40);
}
.pb-common-6xl-64 {
   padding-bottom: var(--spacing-common-6xl-64);
}
.pb-common-lg-16 {
   padding-bottom: var(--spacing-common-lg-16);
}
.pb-common-md-12 {
   padding-bottom: var(--spacing-common-md-12);
}
.pb-common-sm-8 {
   padding-bottom: var(--spacing-common-sm-8);
}
.pb-common-xl-20 {
   padding-bottom: var(--spacing-common-xl-20);
}
.pb-common-xs-4 {
   padding-bottom: var(--spacing-common-xs-4);
}
.pl-3 {
   padding-left: 0.75rem;
}
.pl-4 {
   padding-left: 1rem;
}
.pl-\[45px\] {
   padding-left: 45px;
}
.pl-button-vertical-sm-8 {
   padding-left: var(--spacing-button-vertical-sm-8);
}
.pl-common-2xl-24 {
   padding-left: var(--spacing-common-2xl-24);
}
.pl-common-3xl-32 {
   padding-left: var(--spacing-common-3xl-32);
}
.pl-common-lg-16 {
   padding-left: var(--spacing-common-lg-16);
}
.pl-common-md-12 {
   padding-left: var(--spacing-common-md-12);
}
.pl-common-sm-8 {
   padding-left: var(--spacing-common-sm-8);
}
.pr-1 {
   padding-right: 0.25rem;
}
.pr-3 {
   padding-right: 0.75rem;
}
.pr-\[36px\] {
   padding-right: 36px;
}
.pr-\[45px\] {
   padding-right: 45px;
}
.pr-common-3xl-32 {
   padding-right: var(--spacing-common-3xl-32);
}
.pr-common-lg-16 {
   padding-right: var(--spacing-common-lg-16);
}
.pr-common-md-12 {
   padding-right: var(--spacing-common-md-12);
}
.pr-common-xs-4 {
   padding-right: var(--spacing-common-xs-4);
}
.pr-selectable-sm-8 {
   padding-right: var(--spacing-selectable-sm-8);
}
.pt-\[10px\] {
   padding-top: 10px;
}
.pt-\[140px\] {
   padding-top: 140px;
}
.pt-\[22px\] {
   padding-top: 22px;
}
.pt-\[30px\] {
   padding-top: 30px;
}
.pt-\[40px\] {
   padding-top: 40px;
}
.pt-\[56px\] {
   padding-top: 56px;
}
.pt-\[74px\] {
   padding-top: 74px;
}
.pt-common-2xl-24 {
   padding-top: var(--spacing-common-2xl-24);
}
.pt-common-3xl-32 {
   padding-top: var(--spacing-common-3xl-32);
}
.pt-common-6xl-64 {
   padding-top: var(--spacing-common-6xl-64);
}
.pt-common-lg-16 {
   padding-top: var(--spacing-common-lg-16);
}
.pt-common-md-12 {
   padding-top: var(--spacing-common-md-12);
}
.pt-common-sm-8 {
   padding-top: var(--spacing-common-sm-8);
}
.pt-common-xl-20 {
   padding-top: var(--spacing-common-xl-20);
}
.pt-common-xs-4 {
   padding-top: var(--spacing-common-xs-4);
}
.text-left {
   text-align: left;
}
.text-center {
   text-align: center;
}
.text-right {
   text-align: right;
}
.text-start {
   text-align: start;
}
.text-end {
   text-align: end;
}
.align-top {
   vertical-align: top;
}
.\!text-xl-20 {
   font-size: var(--text-size-xl-20) !important;
}
.text-\[18px\] {
   font-size: 18px;
}
.text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
}
.text-xl-20 {
   font-size: var(--text-size-xl-20);
}
.\!font-bold {
   font-weight: var(--text-weight-bold) !important;
}
.\!font-medium {
   font-weight: var(--text-weight-medium) !important;
}
.\!font-normal {
   font-weight: var(--text-weight-normal) !important;
}
.\!font-semibold {
   font-weight: var(--text-weight-semibold) !important;
}
.font-bold {
   font-weight: var(--text-weight-bold);
}
.font-extrabold {
   font-weight: 800;
}
.font-medium {
   font-weight: var(--text-weight-medium);
}
.font-normal {
   font-weight: var(--text-weight-normal);
}
.font-semibold {
   font-weight: var(--text-weight-semibold);
}
.uppercase {
   text-transform: uppercase;
}
.italic {
   font-style: italic;
}
.not-italic {
   font-style: normal;
}
.leading-6 {
   line-height: 1.5rem;
}
.tracking-\[0\.4px\] {
   letter-spacing: 0.4px;
}
.tracking-normal {
   letter-spacing: 0em;
}
.\!text-button-ancient-fg {
   color: var(--button-ancient-fg) !important;
}
.\!text-button-ancient-fg_disabled {
   color: var(--button-ancient-fg_disabled) !important;
}
.\!text-button-plain-fg_default {
   color: var(--button-plain-fg_default) !important;
}
.\!text-button-plain-fg_sky {
   color: var(--button-plain-fg_sky) !important;
}
.\!text-button-plain-fg_warning {
   color: var(--button-plain-fg_warning) !important;
}
.\!text-error-primary {
   color: var(--text-error-primary) !important;
}
.\!text-forms-default-fg {
   color: var(--forms-default-fg) !important;
}
.\!text-forms-error-fg {
   color: var(--forms-error-fg) !important;
}
.\!text-forms-fg_disabled {
   color: var(--forms-fg_disabled) !important;
}
.\!text-forms-selected-fg {
   color: var(--forms-selected-fg) !important;
}
.\!text-forms-success-fg {
   color: var(--forms-success-fg) !important;
}
.\!text-game-forms-default-fg {
   --tw-text-opacity: 1 !important;
   color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}
.\!text-game-text-primary {
   --tw-text-opacity: 1 !important;
   color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}
.\!text-primary {
   color: var(--text-primary) !important;
}
.\!text-secondary {
   color: var(--text-secondary) !important;
}
.\!text-tertiary {
   color: var(--text-tertiary) !important;
}
.text-\[\#000000\] {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#0EA5E9\] {
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity));
}
.text-\[\#585bdb\] {
   --tw-text-opacity: 1;
   color: rgb(88 91 219 / var(--tw-text-opacity));
}
.text-\[\#6366F1\] {
   --tw-text-opacity: 1;
   color: rgb(99 102 241 / var(--tw-text-opacity));
}
.text-\[\#8B5CF6\] {
   --tw-text-opacity: 1;
   color: rgb(139 92 246 / var(--tw-text-opacity));
}
.text-base-white {
   color: var(--base-white);
}
.text-blue-500 {
   color: var(--blue-500);
}
.text-button-ancient-fg {
   color: var(--button-ancient-fg);
}
.text-button-ancient-fg_disabled {
   color: var(--button-ancient-fg_disabled);
}
.text-button-error-fg_outline {
   color: var(--button-error-fg_outline);
}
.text-button-error-fg_pressed {
   color: var(--button-error-fg_pressed);
}
.text-button-error-fg_pressed_outline {
   color: var(--button-error-fg_pressed_outline);
}
.text-button-fg_disabled {
   color: var(--button-fg_disabled);
}
.text-button-neutral-fg {
   color: var(--button-neutral-fg);
}
.text-button-neutral-fg_outline {
   color: var(--button-neutral-fg_outline);
}
.text-button-plain-fg_default {
   color: var(--button-plain-fg_default);
}
.text-button-plain-fg_error {
   color: var(--button-plain-fg_error);
}
.text-button-plain-fg_indigo {
   color: var(--button-plain-fg_indigo);
}
.text-button-plain-fg_neutral {
   color: var(--button-plain-fg_neutral);
}
.text-button-plain-fg_neutral_pressed {
   color: var(--button-plain-fg_neutral_pressed);
}
.text-button-plain-fg_pressed_default {
   color: var(--button-plain-fg_pressed_default);
}
.text-button-plain-fg_pressed_error {
   color: var(--button-plain-fg_pressed_error);
}
.text-button-plain-fg_pressed_sky {
   color: var(--button-plain-fg_pressed_sky);
}
.text-button-plain-fg_pressed_success {
   color: var(--button-plain-fg_pressed_success);
}
.text-button-plain-fg_pressed_warning {
   color: var(--button-plain-fg_pressed_warning);
}
.text-button-plain-fg_sky {
   color: var(--button-plain-fg_sky);
}
.text-button-plain-fg_success {
   color: var(--button-plain-fg_success);
}
.text-button-plain-fg_warning {
   color: var(--button-plain-fg_warning);
}
.text-button-primary-fg {
   color: var(--button-primary-fg);
}
.text-button-primary-fg_outline {
   color: var(--button-primary-fg_outline);
}
.text-button-primary-fg_pressed {
   color: var(--button-primary-fg_pressed);
}
.text-button-primary-fg_pressed_outline {
   color: var(--button-primary-fg_pressed_outline);
}
.text-button-success-fg_outline {
   color: var(--button-success-fg_outline);
}
.text-button-success-fg_pressed_outline {
   color: var(--button-success-fg_pressed_outline);
}
.text-button-warning-fg {
   color: var(--button-warning-fg);
}
.text-button-warning-fg_outline {
   color: var(--button-warning-fg_outline);
}
.text-button-warning-fg_pressed {
   color: var(--button-warning-fg_pressed);
}
.text-button-warning-fg_pressed_outline {
   color: var(--button-warning-fg_pressed_outline);
}
.text-dark {
   color: var(--dark);
}
.text-disabled {
   color: var(--text-disabled);
}
.text-error-primary {
   color: var(--text-error-primary);
}
.text-foreground-brand-primary {
   color: var(--foreground-brand-primary);
}
.text-foreground-error-secondary {
   color: var(--foreground-error-secondary);
}
.text-foreground-info-primary {
   color: var(--foreground-info-primary);
}
.text-foreground-success-secondary {
   color: var(--foreground-success-secondary);
}
.text-forms-default-fg {
   color: var(--forms-default-fg);
}
.text-forms-default-fg-secondary {
   color: var(--forms-default-fg-secondary);
}
.text-forms-fg_disabled {
   color: var(--forms-fg_disabled);
}
.text-forms-selected-fg {
   color: var(--forms-selected-fg);
}
.text-forms-selected-fg_secondary {
   color: var(--forms-selected-fg_secondary);
}
.text-game-text-primary {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-game-text-secondary {
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-gray-500 {
   color: var(--gray-500);
}
.text-key-clips-text {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-lesson-tag-assessment-primary-fg {
   color: var(--lesson-tag-assessment-primary-fg);
}
.text-lesson-tag-practice-primary-fg {
   color: var(--lesson-tag-practice-primary-fg);
}
.text-light {
   color: var(--light);
}
.text-navigation-menu-fg_secondary {
   color: var(--navigation-menu-fg_secondary);
}
.text-placeholder {
   color: var(--text-placeholder);
}
.text-primary {
   color: var(--text-primary);
}
.text-primary_on-brand {
   color: var(--text-primary_on-brand);
}
.text-red-500 {
   color: var(--red-500);
}
.text-secondary {
   color: var(--text-secondary);
}
.text-success-primary {
   color: var(--text-success-primary);
}
.text-tertiary {
   color: var(--text-tertiary);
}
.text-transparent {
   color: transparent;
}
.text-utility-indigo-500 {
   color: var(--utility-indigo-500);
}
.text-utility-teal-300 {
   color: var(--utility-teal-300);
}
.text-utility-yellow-50 {
   color: var(--utility-yellow-50);
}
.text-utility-yellow-900 {
   color: var(--utility-yellow-900);
}
.text-video-closure-default {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity));
}
.text-video-closure-primary {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-warning-primary {
   color: var(--text-warning-primary);
}
.text-white {
   color: var(--text-white);
}
.underline {
   text-decoration-line: underline;
}
.no-underline {
   text-decoration-line: none;
}
.underline-offset-auto {
   text-underline-offset: auto;
}
.\!opacity-100 {
   opacity: 1 !important;
}
.opacity-90 {
   opacity: 0.9;
}
.\!shadow-lg {
   --tw-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814 !important;
   --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color) !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none {
   --tw-shadow: 0 0 #0000 !important;
   --tw-shadow-colored: 0 0 #0000 !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
   --tw-shadow: 0 1px 2px rgba(0,0,0,0.08);
   --tw-shadow-colored: 0 1px 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-\[0px_0px_24px_0px_rgba\(234\2c 179\2c 8\2c 0\.60\)\] {
   --tw-shadow: 0px 0px 24px 0px rgba(234,179,8,0.60);
   --tw-shadow-colored: 0px 0px 24px 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-\[0px_0px_24px_0px_rgba\(29\2c 82\2c 197\2c 0\.60\)\] {
   --tw-shadow: 0px 0px 24px 0px rgba(29,82,197,0.60);
   --tw-shadow-colored: 0px 0px 24px 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-sm {
   --tw-shadow: 0px 1px 2px 0px #1018280F, 0px 1px 3px 0px #1018281A;
   --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 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-xl {
   --tw-shadow: 0px 8px 8px -4px #10182808, 0px 20px 24px -4px #10182814;
   --tw-shadow-colored: 0px 8px 8px -4px var(--tw-shadow-color), 0px 20px 24px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
}
.outline {
   outline-style: solid;
}
.outline-4 {
   outline-width: 4px;
}
.outline-forms-error-border {
   outline-color: var(--forms-error-border);
}
.outline-forms-selected-border {
   outline-color: var(--forms-selected-border);
}
.outline-forms-success-border {
   outline-color: var(--forms-success-border);
}
.blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale-\[50\%\] {
   --tw-grayscale: grayscale(50%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
}
.\!duration-0 {
   transition-duration: 0s !important;
}
.duration-200 {
   transition-duration: 200ms;
}
.duration-300 {
   transition-duration: 300ms;
}
.duration-500 {
   transition-duration: 500ms;
}
.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);
}
:root {
   --z-l0: 0;
   --z-l1: 100;
   --z-l2: 200;
   --z-l3: 300;
   --z-l4: 400;
   --z-l5: 500;
   --z-l6: 600;
   --z-l7: 700;
   --z-l8: 800;
   --z-l9: 900;
   --z-l10: 1000;
   --z-l11: 1100;
}
@media (min-width: 700px) {
   .md\:heading-4xl {
      font-size: var(--font-heading-4xl-size-4xl);
      line-height: var(--font-heading-4xl-line-height);
      letter-spacing: var(--font-heading-4xl-letter-spacing);
   }
   .md\:heading-3xl {
      font-size: var(--font-heading-3xl-size-3xl);
      line-height: var(--font-heading-3xl-line-height);
      letter-spacing: var(--font-heading-3xl-letter-spacing);
   }
   .md\:heading-2xl {
      font-size: var(--font-heading-2xl-size-2xl);
      line-height: var(--font-heading-2xl-line-height);
      letter-spacing: var(--font-heading-2xl-letter-spacing);
   }
   .md\:heading-xl {
      font-size: var(--font-heading-xl-size-xl);
      line-height: var(--font-heading-xl-line-height);
      letter-spacing: var(--font-heading-xl-letter-spacing);
   }
   .md\:heading-md {
      font-size: var(--font-heading-md-size-md);
      line-height: var(--font-heading-md-line-height);
      letter-spacing: var(--font-heading-md-letter-spacing);
   }
   .md\:body-sm {
      font-size: var(--font-body-sm-size-sm);
      line-height: var(--font-body-sm-line-height);
      letter-spacing: var(--font-body-sm-letter-spacing);
   }
   .md\:\!body-md {
      font-size: var(--font-body-md-size-md) !important;
      line-height: var(--font-body-md-line-height) !important;
      letter-spacing: var(--font-body-md-letter-spacing) !important;
   }
   .md\:body-md {
      font-size: var(--font-body-md-size-md);
      line-height: var(--font-body-md-line-height);
      letter-spacing: var(--font-body-md-letter-spacing);
   }
   .md\:\!body-lg {
      font-size: var(--font-body-lg-size-lg) !important;
      line-height: var(--font-body-lg-line-height) !important;
      letter-spacing: var(--font-body-lg-letter-spacing) !important;
   }
   .md\:body-lg {
      font-size: var(--font-body-lg-size-lg);
      line-height: var(--font-body-lg-line-height);
      letter-spacing: var(--font-body-lg-letter-spacing);
   }
   .md\:label-sm {
      font-size: var(--font-label-sm-size-sm);
      line-height: var(--font-label-sm-line-height);
      letter-spacing: var(--font-label-sm-letter-spacing);
   }
}
@media (min-width: 1024px) {
   .lg\:heading-3xl {
      font-size: var(--font-heading-3xl-size-3xl);
      line-height: var(--font-heading-3xl-line-height);
      letter-spacing: var(--font-heading-3xl-letter-spacing);
   }
   .lg\:heading-2xl {
      font-size: var(--font-heading-2xl-size-2xl);
      line-height: var(--font-heading-2xl-line-height);
      letter-spacing: var(--font-heading-2xl-letter-spacing);
   }
   .lg\:body-md {
      font-size: var(--font-body-md-size-md);
      line-height: var(--font-body-md-line-height);
      letter-spacing: var(--font-body-md-letter-spacing);
   }
}
.hover\:bg-navigation-menu-bg_hover:hover {
   background-color: var(--navigation-menu-bg_hover);
}
.focus\:\!border-2:focus {
   border-width: var(--border-width-2) !important;
}
.focus\:border:focus {
   border-width: 1px;
}
.focus\:border-2:focus {
   border-width: var(--border-width-2);
}
.focus\:border-info-primary:focus {
   border-color: var(--border-info-primary);
}
.focus\:border-navigation-menu-border:focus {
   border-color: var(--navigation-menu-border);
}
.focus\:bg-neutral-default-l1:focus {
   background-color: var(--background-neutral-default-l1);
}
.focus\:text-primary:focus {
   color: var(--text-primary);
}
.focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
}
.focus\:outline-0:focus {
   outline-width: 0px;
}
.focus\:outline-offset-0:focus {
   outline-offset: 0px;
}
.active\:\!mt-\[0px\]:active {
   margin-top: 0px !important;
}
.active\:mt-\[2px\]:active {
   margin-top: 2px;
}
.active\:mt-\[4px\]:active {
   margin-top: 4px;
}
.active\:border-2:active {
   border-width: var(--border-width-2);
}
.active\:border-button-normal:active {
   border-width: var(--border-width-button-normal);
}
.active\:border-b-selectable-normal:active {
   border-bottom-width: var(--border-width-selectable-normal);
}
.active\:border-none:active {
   border-style: none;
}
.active\:border-button-error-fg_pressed_outline:active {
   border-color: var(--button-error-fg_pressed_outline);
}
.active\:border-button-primary-border_pressed:active {
   border-color: var(--button-primary-border_pressed);
}
.active\:border-button-success-border_pressed:active {
   border-color: var(--button-success-border_pressed);
}
.active\:border-button-warning-border_pressed:active {
   border-color: var(--button-warning-border_pressed);
}
.active\:border-forms-selected-border:active {
   border-color: var(--forms-selected-border);
}
.active\:bg-button-error-bg_pressed:active {
   background-color: var(--button-error-bg_pressed);
}
.active\:bg-button-indigo-bg_pressed:active {
   background-color: var(--button-indigo-bg_pressed);
}
.active\:bg-button-neutral-bg_pressed:active {
   background-color: var(--button-neutral-bg_pressed);
}
.active\:bg-button-primary-bg_pressed:active {
   background-color: var(--button-primary-bg_pressed);
}
.active\:bg-button-sky-bg_pressed:active {
   background-color: var(--button-sky-bg_pressed);
}
.active\:bg-button-success-bg_pressed:active {
   background-color: var(--button-success-bg_pressed);
}
.active\:bg-button-warning-bg_pressed:active {
   background-color: var(--button-warning-bg_pressed);
}
.active\:bg-transparent:active {
   background-color: transparent;
}
.active\:text-\[\#585bdb\]:active {
   --tw-text-opacity: 1;
   color: rgb(88 91 219 / var(--tw-text-opacity));
}
.active\:text-button-error-fg_pressed_outline:active {
   color: var(--button-error-fg_pressed_outline);
}
.active\:text-button-neutral-fg:active {
   color: var(--button-neutral-fg);
}
.active\:text-button-neutral-fg_outline:active {
   color: var(--button-neutral-fg_outline);
}
.active\:text-button-plain-fg_neutral_pressed:active {
   color: var(--button-plain-fg_neutral_pressed);
}
.active\:text-button-plain-fg_pressed_default:active {
   color: var(--button-plain-fg_pressed_default);
}
.active\:text-button-plain-fg_pressed_error:active {
   color: var(--button-plain-fg_pressed_error);
}
.active\:text-button-plain-fg_pressed_sky:active {
   color: var(--button-plain-fg_pressed_sky);
}
.active\:text-button-plain-fg_pressed_success:active {
   color: var(--button-plain-fg_pressed_success);
}
.active\:text-button-plain-fg_pressed_warning:active {
   color: var(--button-plain-fg_pressed_warning);
}
.active\:text-button-primary-fg:active {
   color: var(--button-primary-fg);
}
.active\:text-button-primary-fg_pressed:active {
   color: var(--button-primary-fg_pressed);
}
.active\:text-button-primary-fg_pressed_outline:active {
   color: var(--button-primary-fg_pressed_outline);
}
.active\:text-button-success-fg_pressed_outline:active {
   color: var(--button-success-fg_pressed_outline);
}
.active\:text-button-warning-fg_pressed:active {
   color: var(--button-warning-fg_pressed);
}
.active\:text-button-warning-fg_pressed_outline:active {
   color: var(--button-warning-fg_pressed_outline);
}
@media (min-width: 700px) {
   .md\:absolute {
      position: absolute;
   }
   .md\:relative {
      position: relative;
   }
   .md\:-top-\[10px\] {
      top: -10px;
   }
   .md\:left-8 {
      left: 2rem;
   }
   .md\:left-\[14px\] {
      left: 14px;
   }
   .md\:left-\[16px\] {
      left: 16px;
   }
   .md\:left-\[2px\] {
      left: 2px;
   }
   .md\:right-\[24px\] {
      right: 24px;
   }
   .md\:right-\[2px\] {
      right: 2px;
   }
   .md\:right-common-xs-4 {
      right: var(--spacing-common-xs-4);
   }
   .md\:top-\[22px\] {
      top: 22px;
   }
   .md\:top-\[24px\] {
      top: 24px;
   }
   .md\:top-\[32px\] {
      top: 32px;
   }
   .md\:top-\[34px\] {
      top: 34px;
   }
   .md\:top-\[50px\] {
      top: 50px;
   }
   .md\:top-\[64px\] {
      top: 64px;
   }
   .md\:top-\[8px\] {
      top: 8px;
   }
   .md\:top-common-5xl-48 {
      top: var(--spacing-common-5xl-48);
   }
   .md\:top-common-sm-8 {
      top: var(--spacing-common-sm-8);
   }
   .md\:z-l2 {
      z-index: var(--z-l2);
   }
   .md\:m-0 {
      margin: var(--spacing-0);
   }
   .md\:m-auto {
      margin: auto;
   }
   .md\:mx-0 {
      margin-left: var(--spacing-0);
      margin-right: var(--spacing-0);
   }
   .md\:mx-common-3xl-32 {
      margin-left: var(--spacing-common-3xl-32);
      margin-right: var(--spacing-common-3xl-32);
   }
   .md\:mx-common-lg-16 {
      margin-left: var(--spacing-common-lg-16);
      margin-right: var(--spacing-common-lg-16);
   }
   .md\:my-0 {
      margin-top: var(--spacing-0);
      margin-bottom: var(--spacing-0);
   }
   .md\:my-common-3xl-32 {
      margin-top: var(--spacing-common-3xl-32);
      margin-bottom: var(--spacing-common-3xl-32);
   }
   .md\:\!mb-0 {
      margin-bottom: var(--spacing-0) !important;
   }
   .md\:\!mb-common-2xl-24 {
      margin-bottom: var(--spacing-common-2xl-24) !important;
   }
   .md\:\!ml-common-3xl-32 {
      margin-left: var(--spacing-common-3xl-32) !important;
   }
   .md\:\!mr-\[40px\] {
      margin-right: 40px !important;
   }
   .md\:\!mr-common-lg-16 {
      margin-right: var(--spacing-common-lg-16) !important;
   }
   .md\:\!mt-common-2xl-24 {
      margin-top: var(--spacing-common-2xl-24) !important;
   }
   .md\:\!mt-common-3xl-32 {
      margin-top: var(--spacing-common-3xl-32) !important;
   }
   .md\:\!mt-common-md-12 {
      margin-top: var(--spacing-common-md-12) !important;
   }
   .md\:-mt-\[28px\] {
      margin-top: -28px;
   }
   .md\:-mt-\[72px\] {
      margin-top: -72px;
   }
   .md\:mb-0 {
      margin-bottom: var(--spacing-0);
   }
   .md\:mb-\[186px\] {
      margin-bottom: 186px;
   }
   .md\:mb-common-2xl-24 {
      margin-bottom: var(--spacing-common-2xl-24);
   }
   .md\:mb-common-3xl-32 {
      margin-bottom: var(--spacing-common-3xl-32);
   }
   .md\:mb-common-4xl-40 {
      margin-bottom: var(--spacing-common-4xl-40);
   }
   .md\:mb-common-md-12 {
      margin-bottom: var(--spacing-common-md-12);
   }
   .md\:mb-common-sm-8 {
      margin-bottom: var(--spacing-common-sm-8);
   }
   .md\:mb-common-xs-4 {
      margin-bottom: var(--spacing-common-xs-4);
   }
   .md\:ml-0 {
      margin-left: var(--spacing-0);
   }
   .md\:ml-\[89px\] {
      margin-left: 89px;
   }
   .md\:ml-common-3xl-32 {
      margin-left: var(--spacing-common-3xl-32);
   }
   .md\:ml-common-sm-8 {
      margin-left: var(--spacing-common-sm-8);
   }
   .md\:ml-common-xs-4 {
      margin-left: var(--spacing-common-xs-4);
   }
   .md\:mr-0 {
      margin-right: var(--spacing-0);
   }
   .md\:mr-common-2xl-24 {
      margin-right: var(--spacing-common-2xl-24);
   }
   .md\:mr-common-4xl-40 {
      margin-right: var(--spacing-common-4xl-40);
   }
   .md\:mr-common-lg-16 {
      margin-right: var(--spacing-common-lg-16);
   }
   .md\:mr-common-xl-20 {
      margin-right: var(--spacing-common-xl-20);
   }
   .md\:mt-0 {
      margin-top: var(--spacing-0);
   }
   .md\:mt-\[-12px\] {
      margin-top: -12px;
   }
   .md\:mt-\[-191px\] {
      margin-top: -191px;
   }
   .md\:mt-\[132px\] {
      margin-top: 132px;
   }
   .md\:mt-\[20px\] {
      margin-top: 20px;
   }
   .md\:mt-\[32px\] {
      margin-top: 32px;
   }
   .md\:mt-\[6px\] {
      margin-top: 6px;
   }
   .md\:mt-common-2xl-24 {
      margin-top: var(--spacing-common-2xl-24);
   }
   .md\:mt-common-3xl-32 {
      margin-top: var(--spacing-common-3xl-32);
   }
   .md\:mt-common-5xl-48 {
      margin-top: var(--spacing-common-5xl-48);
   }
   .md\:mt-common-lg-16 {
      margin-top: var(--spacing-common-lg-16);
   }
   .md\:mt-common-md-12 {
      margin-top: var(--spacing-common-md-12);
   }
   .md\:mt-common-sm-8 {
      margin-top: var(--spacing-common-sm-8);
   }
   .md\:mt-common-xl-20 {
      margin-top: var(--spacing-common-xl-20);
   }
   .md\:mt-common-xs-4 {
      margin-top: var(--spacing-common-xs-4);
   }
   .md\:block {
      display: block;
   }
   .md\:\!inline {
      display: inline !important;
   }
   .md\:inline {
      display: inline;
   }
   .md\:flex {
      display: flex;
   }
   .md\:hidden {
      display: none;
   }
   .md\:\!h-\[36px\] {
      height: 36px !important;
   }
   .md\:\!h-\[48px\] {
      height: 48px !important;
   }
   .md\:\!h-\[54px\] {
      height: 54px !important;
   }
   .md\:h-\[1024px\] {
      height: 1024px;
   }
   .md\:h-\[128px\] {
      height: 128px;
   }
   .md\:h-\[150px\] {
      height: 150px;
   }
   .md\:h-\[160px\] {
      height: 160px;
   }
   .md\:h-\[164px\] {
      height: 164px;
   }
   .md\:h-\[180px\] {
      height: 180px;
   }
   .md\:h-\[197px\] {
      height: 197px;
   }
   .md\:h-\[200px\] {
      height: 200px;
   }
   .md\:h-\[264px\] {
      height: 264px;
   }
   .md\:h-\[28px\] {
      height: 28px;
   }
   .md\:h-\[40px\] {
      height: 40px;
   }
   .md\:h-\[52px\] {
      height: 52px;
   }
   .md\:h-\[54px\] {
      height: 54px;
   }
   .md\:h-\[93px\] {
      height: 93px;
   }
   .md\:h-\[96px\] {
      height: 96px;
   }
   .md\:h-common-xl-20 {
      height: var(--spacing-common-xl-20);
   }
   .md\:h-fit-content {
      height: -moz-fit-content;
      height: fit-content;
   }
   .md\:h-full {
      height: 100%;
   }
   .md\:max-h-\[272px\] {
      max-height: 272px;
   }
   .md\:min-h-0 {
      min-height: var(--spacing-0);
   }
   .md\:min-h-\[52px\] {
      min-height: 52px;
   }
   .md\:\!w-\[200px\] {
      width: 200px !important;
   }
   .md\:\!w-\[271px\] {
      width: 271px !important;
   }
   .md\:\!w-\[400px\] {
      width: 400px !important;
   }
   .md\:\!w-\[48\%\] {
      width: 48% !important;
   }
   .md\:\!w-\[617px\] {
      width: 617px !important;
   }
   .md\:w-1\/2 {
      width: 50%;
   }
   .md\:w-\[128px\] {
      width: 128px;
   }
   .md\:w-\[146px\] {
      width: 146px;
   }
   .md\:w-\[150px\] {
      width: 150px;
   }
   .md\:w-\[160px\] {
      width: 160px;
   }
   .md\:w-\[164px\] {
      width: 164px;
   }
   .md\:w-\[179px\] {
      width: 179px;
   }
   .md\:w-\[180px\] {
      width: 180px;
   }
   .md\:w-\[185px\] {
      width: 185px;
   }
   .md\:w-\[1px\] {
      width: 1px;
   }
   .md\:w-\[200px\] {
      width: 200px;
   }
   .md\:w-\[262px\] {
      width: 262px;
   }
   .md\:w-\[264px\] {
      width: 264px;
   }
   .md\:w-\[28px\] {
      width: 28px;
   }
   .md\:w-\[296px\] {
      width: 296px;
   }
   .md\:w-\[348px\] {
      width: 348px;
   }
   .md\:w-\[360px\] {
      width: 360px;
   }
   .md\:w-\[392px\] {
      width: 392px;
   }
   .md\:w-\[400px\] {
      width: 400px;
   }
   .md\:w-\[40px\] {
      width: 40px;
   }
   .md\:w-\[410px\] {
      width: 410px;
   }
   .md\:w-\[412px\] {
      width: 412px;
   }
   .md\:w-\[415px\] {
      width: 415px;
   }
   .md\:w-\[426px\] {
      width: 426px;
   }
   .md\:w-\[435px\] {
      width: 435px;
   }
   .md\:w-\[438px\] {
      width: 438px;
   }
   .md\:w-\[474px\] {
      width: 474px;
   }
   .md\:w-\[510px\] {
      width: 510px;
   }
   .md\:w-\[548px\] {
      width: 548px;
   }
   .md\:w-\[54px\] {
      width: 54px;
   }
   .md\:w-\[57\%\] {
      width: 57%;
   }
   .md\:w-\[584px\] {
      width: 584px;
   }
   .md\:w-\[60\%\] {
      width: 60%;
   }
   .md\:w-\[64\%\] {
      width: 64%;
   }
   .md\:w-\[704px\] {
      width: 704px;
   }
   .md\:w-\[72\%\] {
      width: 72%;
   }
   .md\:w-\[93px\] {
      width: 93px;
   }
   .md\:w-\[96px\] {
      width: 96px;
   }
   .md\:w-common-xl-20 {
      width: var(--spacing-common-xl-20);
   }
   .md\:w-fit-content {
      width: -moz-fit-content;
      width: fit-content;
   }
   .md\:w-full {
      width: 100%;
   }
   .md\:min-w-\[148px\] {
      min-width: 148px;
   }
   .md\:min-w-\[179px\] {
      min-width: 179px;
   }
   .md\:min-w-\[217px\] {
      min-width: 217px;
   }
   .md\:min-w-\[400px\] {
      min-width: 400px;
   }
   .md\:max-w-\[272px\] {
      max-width: 272px;
   }
   .md\:max-w-\[328px\] {
      max-width: 328px;
   }
   .md\:max-w-\[344px\] {
      max-width: 344px;
   }
   .md\:max-w-\[400px\] {
      max-width: 400px;
   }
   .md\:max-w-\[410px\] {
      max-width: 410px;
   }
   .md\:max-w-\[438px\] {
      max-width: 438px;
   }
   .md\:max-w-\[460px\] {
      max-width: 460px;
   }
   .md\:max-w-\[482px\] {
      max-width: 482px;
   }
   .md\:max-w-\[608px\] {
      max-width: 608px;
   }
   .md\:max-w-\[624px\] {
      max-width: 624px;
   }
   .md\:max-w-\[640px\] {
      max-width: 640px;
   }
   .md\:max-w-\[650px\] {
      max-width: 650px;
   }
   .md\:max-w-\[70\%\] {
      max-width: 70%;
   }
   .md\:max-w-full {
      max-width: 100%;
   }
   .md\:flex-grow-0 {
      flex-grow: 0;
   }
   .md\:grow {
      flex-grow: 1;
   }
   .md\:\!grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
   .md\:flex-row {
      flex-direction: row;
   }
   .md\:flex-col {
      flex-direction: column;
   }
   .md\:flex-wrap {
      flex-wrap: wrap;
   }
   .md\:items-start {
      align-items: flex-start;
   }
   .md\:items-center {
      align-items: center;
   }
   .md\:justify-start {
      justify-content: flex-start;
   }
   .md\:justify-center {
      justify-content: center;
   }
   .md\:\!gap-common-3xl-32 {
      gap: var(--spacing-common-3xl-32) !important;
   }
   .md\:gap-0 {
      gap: var(--spacing-0);
   }
   .md\:gap-\[0\] {
      gap: 0;
   }
   .md\:gap-\[10px\] {
      gap: 10px;
   }
   .md\:gap-common-2xl-24 {
      gap: var(--spacing-common-2xl-24);
   }
   .md\:gap-common-3xl-32 {
      gap: var(--spacing-common-3xl-32);
   }
   .md\:gap-common-4xl-40 {
      gap: var(--spacing-common-4xl-40);
   }
   .md\:gap-common-5xl-48 {
      gap: var(--spacing-common-5xl-48);
   }
   .md\:gap-common-6xl-64 {
      gap: var(--spacing-common-6xl-64);
   }
   .md\:gap-common-lg-16 {
      gap: var(--spacing-common-lg-16);
   }
   .md\:gap-common-md-12 {
      gap: var(--spacing-common-md-12);
   }
   .md\:gap-common-sm-8 {
      gap: var(--spacing-common-sm-8);
   }
   .md\:self-start {
      align-self: flex-start;
   }
   .md\:self-center {
      align-self: center;
   }
   .md\:text-nowrap {
      text-wrap: nowrap;
   }
   .md\:rounded-none {
      border-radius: 0px;
   }
   .md\:border {
      border-width: 1px;
   }
   .md\:border-0 {
      border-width: 0px;
   }
   .md\:border-2 {
      border-width: var(--border-width-2);
   }
   .md\:border-b {
      border-bottom-width: 1px;
   }
   .md\:border-t {
      border-top-width: 1px;
   }
   .md\:border-t-2 {
      border-top-width: var(--border-width-2);
   }
   .md\:border-none {
      border-style: none;
   }
   .md\:border-neutral-primary-on-l3 {
      border-color: var(--border-neutral-primary-on-l3);
   }
   .md\:\!bg-neutral-default-l2 {
      background-color: var(--background-neutral-default-l2) !important;
   }
   .md\:bg-neutral-default-l2 {
      background-color: var(--background-neutral-default-l2);
   }
   .md\:bg-transparent {
      background-color: transparent;
   }
   .md\:\!bg-\[linear-gradient\(90deg\2c rgba\(130\2c 75\2c 28\2c 0\.00\)_0\%\2c \#824B1C_53\.11\%\2c rgba\(130\2c 75\2c 28\2c 0\.00\)_100\%\)\] {
      background-image: linear-gradient(90deg,rgba(130,75,28,0.00) 0%,#824B1C 53.11%,rgba(130,75,28,0.00) 100%) !important;
   }
   .md\:bg-\[linear-gradient\(90deg\2c var\(--title-banner-bg-0\)_0\%\2c var\(--title-banner-bg-100\)_53\.11\%\2c var\(--title-banner-bg-0\)_100\%\)\] {
      background-image: linear-gradient(90deg,var(--title-banner-bg-0) 0%,var(--title-banner-bg-100) 53.11%,var(--title-banner-bg-0) 100%);
   }
   .md\:bg-\[linear-gradient\(90deg\2c var\(--title-banner-border-0\)_0\%\2c var\(--title-banner-border-100\)_53\.11\%\2c var\(--title-banner-border-0\)_100\%\)\] {
      background-image: linear-gradient(90deg,var(--title-banner-border-0) 0%,var(--title-banner-border-100) 53.11%,var(--title-banner-border-0) 100%);
   }
   .md\:bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/common\/ribbon_tablet\.png\'\)\] {
      background-image: url('https://cdn.alllq.in/AQ/common/ribbon_tablet.png');
   }
   .md\:bg-contain {
      background-size: contain;
   }
   .md\:bg-cover {
      background-size: cover;
   }
   .md\:\!p-common-2xl-24 {
      padding: var(--spacing-common-2xl-24) !important;
   }
   .md\:p-0 {
      padding: var(--spacing-0);
   }
   .md\:p-common-2xl-24 {
      padding: var(--spacing-common-2xl-24);
   }
   .md\:\!px-common-4xl-40 {
      padding-left: var(--spacing-common-4xl-40) !important;
      padding-right: var(--spacing-common-4xl-40) !important;
   }
   .md\:\!py-common-3xl-32 {
      padding-top: var(--spacing-common-3xl-32) !important;
      padding-bottom: var(--spacing-common-3xl-32) !important;
   }
   .md\:px-0 {
      padding-left: var(--spacing-0);
      padding-right: var(--spacing-0);
   }
   .md\:px-\[0px\] {
      padding-left: 0px;
      padding-right: 0px;
   }
   .md\:px-\[10px\] {
      padding-left: 10px;
      padding-right: 10px;
   }
   .md\:px-\[11px\] {
      padding-left: 11px;
      padding-right: 11px;
   }
   .md\:px-\[42px\] {
      padding-left: 42px;
      padding-right: 42px;
   }
   .md\:px-\[80px\] {
      padding-left: 80px;
      padding-right: 80px;
   }
   .md\:px-\[97px\] {
      padding-left: 97px;
      padding-right: 97px;
   }
   .md\:px-common-2xl-24 {
      padding-left: var(--spacing-common-2xl-24);
      padding-right: var(--spacing-common-2xl-24);
   }
   .md\:px-common-3xl-32 {
      padding-left: var(--spacing-common-3xl-32);
      padding-right: var(--spacing-common-3xl-32);
   }
   .md\:px-common-4xl-40 {
      padding-left: var(--spacing-common-4xl-40);
      padding-right: var(--spacing-common-4xl-40);
   }
   .md\:px-common-5xl-48 {
      padding-left: var(--spacing-common-5xl-48);
      padding-right: var(--spacing-common-5xl-48);
   }
   .md\:px-common-lg-16 {
      padding-left: var(--spacing-common-lg-16);
      padding-right: var(--spacing-common-lg-16);
   }
   .md\:py-common-2xl-24 {
      padding-top: var(--spacing-common-2xl-24);
      padding-bottom: var(--spacing-common-2xl-24);
   }
   .md\:py-common-3xl-32 {
      padding-top: var(--spacing-common-3xl-32);
      padding-bottom: var(--spacing-common-3xl-32);
   }
   .md\:py-common-lg-16 {
      padding-top: var(--spacing-common-lg-16);
      padding-bottom: var(--spacing-common-lg-16);
   }
   .md\:py-common-sm-8 {
      padding-top: var(--spacing-common-sm-8);
      padding-bottom: var(--spacing-common-sm-8);
   }
   .md\:py-common-xl-20 {
      padding-top: var(--spacing-common-xl-20);
      padding-bottom: var(--spacing-common-xl-20);
   }
   .md\:py-common-xs-4 {
      padding-top: var(--spacing-common-xs-4);
      padding-bottom: var(--spacing-common-xs-4);
   }
   .md\:\!pr-common-lg-16 {
      padding-right: var(--spacing-common-lg-16) !important;
   }
   .md\:pb-0 {
      padding-bottom: var(--spacing-0);
   }
   .md\:pb-common-2xl-24 {
      padding-bottom: var(--spacing-common-2xl-24);
   }
   .md\:pb-common-3xl-32 {
      padding-bottom: var(--spacing-common-3xl-32);
   }
   .md\:pb-common-lg-16 {
      padding-bottom: var(--spacing-common-lg-16);
   }
   .md\:pb-common-xl-20 {
      padding-bottom: var(--spacing-common-xl-20);
   }
   .md\:pb-common-xs-4 {
      padding-bottom: var(--spacing-common-xs-4);
   }
   .md\:pl-common-3xl-32 {
      padding-left: var(--spacing-common-3xl-32);
   }
   .md\:pl-common-lg-16 {
      padding-left: var(--spacing-common-lg-16);
   }
   .md\:pr-common-sm-8 {
      padding-right: var(--spacing-common-sm-8);
   }
   .md\:pt-0 {
      padding-top: var(--spacing-0);
   }
   .md\:pt-\[20px\] {
      padding-top: 20px;
   }
   .md\:pt-common-2xl-24 {
      padding-top: var(--spacing-common-2xl-24);
   }
   .md\:pt-common-3xl-32 {
      padding-top: var(--spacing-common-3xl-32);
   }
   .md\:pt-common-6xl-64 {
      padding-top: var(--spacing-common-6xl-64);
   }
   .md\:pt-common-lg-16 {
      padding-top: var(--spacing-common-lg-16);
   }
   .md\:pt-common-xl-20 {
      padding-top: var(--spacing-common-xl-20);
   }
   .md\:text-left {
      text-align: left;
   }
   .md\:text-center {
      text-align: center;
   }
   .md\:text-start {
      text-align: start;
   }
   .md\:text-6xl {
      font-size: 3.75rem;
      line-height: 1;
   }
   .md\:\!font-semibold {
      font-weight: var(--text-weight-semibold) !important;
   }
   .md\:font-bold {
      font-weight: var(--text-weight-bold);
   }
   .md\:font-normal {
      font-weight: var(--text-weight-normal);
   }
   .md\:font-semibold {
      font-weight: var(--text-weight-semibold);
   }
   .md\:text-secondary {
      color: var(--text-secondary);
   }
}
@media (min-width: 1024px) {
   .lg\:relative {
      position: relative;
   }
   .lg\:bottom-\[50\] {
      bottom: 50;
   }
   .lg\:left-\[50\%\] {
      left: 50%;
   }
   .lg\:right-0 {
      right: var(--spacing-0);
   }
   .lg\:top-\[0\] {
      top: 0;
   }
   .lg\:top-\[6px\] {
      top: 6px;
   }
   .lg\:z-l2 {
      z-index: var(--z-l2);
   }
   .lg\:order-1 {
      order: 1;
   }
   .lg\:mx-auto {
      margin-left: auto;
      margin-right: auto;
   }
   .lg\:\!mt-common-2xl-24 {
      margin-top: var(--spacing-common-2xl-24) !important;
   }
   .lg\:mb-\[120px\] {
      margin-bottom: 120px;
   }
   .lg\:mb-\[64px\] {
      margin-bottom: 64px;
   }
   .lg\:mb-common-2xl-24 {
      margin-bottom: var(--spacing-common-2xl-24);
   }
   .lg\:ml-0 {
      margin-left: var(--spacing-0);
   }
   .lg\:mt-0 {
      margin-top: var(--spacing-0);
   }
   .lg\:mt-\[-16px\] {
      margin-top: -16px;
   }
   .lg\:mt-\[128px\] {
      margin-top: 128px;
   }
   .lg\:mt-\[96px\] {
      margin-top: 96px;
   }
   .lg\:mt-common-2xl-24 {
      margin-top: var(--spacing-common-2xl-24);
   }
   .lg\:mt-common-3xl-32 {
      margin-top: var(--spacing-common-3xl-32);
   }
   .lg\:mt-common-5xl-48 {
      margin-top: var(--spacing-common-5xl-48);
   }
   .lg\:flex {
      display: flex;
   }
   .lg\:\!h-\[62px\] {
      height: 62px !important;
   }
   .lg\:h-\[160px\] {
      height: 160px;
   }
   .lg\:h-\[264px\] {
      height: 264px;
   }
   .lg\:h-\[296px\] {
      height: 296px;
   }
   .lg\:h-\[48px\] {
      height: 48px;
   }
   .lg\:h-common-sm-8 {
      height: var(--spacing-common-sm-8);
   }
   .lg\:max-h-\[80vh\] {
      max-height: 80vh;
   }
   .lg\:\!w-\[120px\] {
      width: 120px !important;
   }
   .lg\:\!w-\[260px\] {
      width: 260px !important;
   }
   .lg\:\!w-\[410px\] {
      width: 410px !important;
   }
   .lg\:\!w-\[480px\] {
      width: 480px !important;
   }
   .lg\:\!w-\[617px\] {
      width: 617px !important;
   }
   .lg\:\!w-\[800px\] {
      width: 800px !important;
   }
   .lg\:\!w-fit {
      width: -moz-fit-content !important;
      width: fit-content !important;
   }
   .lg\:\!w-full {
      width: 100% !important;
   }
   .lg\:w-\[160px\] {
      width: 160px;
   }
   .lg\:w-\[202px\] {
      width: 202px;
   }
   .lg\:w-\[212px\] {
      width: 212px;
   }
   .lg\:w-\[260px\] {
      width: 260px;
   }
   .lg\:w-\[264px\] {
      width: 264px;
   }
   .lg\:w-\[294px\] {
      width: 294px;
   }
   .lg\:w-\[296px\] {
      width: 296px;
   }
   .lg\:w-\[316px\] {
      width: 316px;
   }
   .lg\:w-\[328px\] {
      width: 328px;
   }
   .lg\:w-\[408px\] {
      width: 408px;
   }
   .lg\:w-\[448px\] {
      width: 448px;
   }
   .lg\:w-\[456px\] {
      width: 456px;
   }
   .lg\:w-\[480px\] {
      width: 480px;
   }
   .lg\:w-\[48px\] {
      width: 48px;
   }
   .lg\:w-\[508px\] {
      width: 508px;
   }
   .lg\:w-\[512px\] {
      width: 512px;
   }
   .lg\:w-\[640px\] {
      width: 640px;
   }
   .lg\:w-\[704px\] {
      width: 704px;
   }
   .lg\:w-\[736px\] {
      width: 736px;
   }
   .lg\:w-\[800px\] {
      width: 800px;
   }
   .lg\:w-fit-content {
      width: -moz-fit-content;
      width: fit-content;
   }
   .lg\:w-full {
      width: 100%;
   }
   .lg\:min-w-\[212px\] {
      min-width: 212px;
   }
   .lg\:min-w-\[224px\] {
      min-width: 224px;
   }
   .lg\:min-w-\[360px\] {
      min-width: 360px;
   }
   .lg\:min-w-\[450px\] {
      min-width: 450px;
   }
   .lg\:max-w-\[370px\] {
      max-width: 370px;
   }
   .lg\:max-w-\[454px\] {
      max-width: 454px;
   }
   .lg\:max-w-\[488px\] {
      max-width: 488px;
   }
   .lg\:max-w-\[512px\] {
      max-width: 512px;
   }
   .lg\:max-w-\[600px\] {
      max-width: 600px;
   }
   .lg\:max-w-\[608px\] {
      max-width: 608px;
   }
   .lg\:max-w-\[624px\] {
      max-width: 624px;
   }
   .lg\:max-w-\[756px\] {
      max-width: 756px;
   }
   .lg\:max-w-\[764px\] {
      max-width: 764px;
   }
   .lg\:max-w-\[800px\] {
      max-width: 800px;
   }
   .lg\:max-w-\[90\%\] {
      max-width: 90%;
   }
   .lg\:flex-1 {
      flex: 1 1 0%;
   }
   .lg\:flex-grow-0 {
      flex-grow: 0;
   }
   .lg\:-translate-x-1\/2 {
      --tw-translate-x: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
   .lg\:flex-row {
      flex-direction: row;
   }
   .lg\:flex-wrap {
      flex-wrap: wrap;
   }
   .lg\:items-center {
      align-items: center;
   }
   .lg\:justify-start {
      justify-content: flex-start;
   }
   .lg\:justify-center {
      justify-content: center;
   }
   .lg\:gap-common-2xl-24 {
      gap: var(--spacing-common-2xl-24);
   }
   .lg\:gap-common-3xl-32 {
      gap: var(--spacing-common-3xl-32);
   }
   .lg\:gap-common-5xl-48 {
      gap: var(--spacing-common-5xl-48);
   }
   .lg\:overflow-hidden {
      overflow: hidden;
   }
   .lg\:rounded-0 {
      border-radius: var(--radius-0);
   }
   .lg\:\!border-0 {
      border-width: 0px !important;
   }
   .lg\:border-0 {
      border-width: 0px;
   }
   .lg\:border-x {
      border-left-width: 1px;
      border-right-width: 1px;
   }
   .lg\:border-x-2 {
      border-left-width: var(--border-width-2);
      border-right-width: var(--border-width-2);
   }
   .lg\:border-t-2 {
      border-top-width: var(--border-width-2);
   }
   .lg\:border-neutral-primary-on-l1 {
      border-color: var(--border-neutral-primary-on-l1);
   }
   .lg\:bg-transparent {
      background-color: transparent;
   }
   .lg\:bg-\[url\(\'https\:\/\/cdn\.alllq\.in\/AQ\/units\/modules_course_name_wood_bg_desktop\@1x\.png\'\)\] {
      background-image: url('https://cdn.alllq.in/AQ/units/modules_course_name_wood_bg_desktop@1x.png');
   }
   .lg\:\!bg-cover {
      background-size: cover !important;
   }
   .lg\:\!p-common-3xl-32 {
      padding: var(--spacing-common-3xl-32) !important;
   }
   .lg\:p-0 {
      padding: var(--spacing-0);
   }
   .lg\:p-common-3xl-32 {
      padding: var(--spacing-common-3xl-32);
   }
   .lg\:\!px-common-4xl-40 {
      padding-left: var(--spacing-common-4xl-40) !important;
      padding-right: var(--spacing-common-4xl-40) !important;
   }
   .lg\:px-0 {
      padding-left: var(--spacing-0);
      padding-right: var(--spacing-0);
   }
   .lg\:px-common-3xl-32 {
      padding-left: var(--spacing-common-3xl-32);
      padding-right: var(--spacing-common-3xl-32);
   }
   .lg\:px-common-4xl-40 {
      padding-left: var(--spacing-common-4xl-40);
      padding-right: var(--spacing-common-4xl-40);
   }
   .lg\:px-common-5xl-48 {
      padding-left: var(--spacing-common-5xl-48);
      padding-right: var(--spacing-common-5xl-48);
   }
   .lg\:px-common-6xl-64 {
      padding-left: var(--spacing-common-6xl-64);
      padding-right: var(--spacing-common-6xl-64);
   }
   .lg\:py-0 {
      padding-top: var(--spacing-0);
      padding-bottom: var(--spacing-0);
   }
   .lg\:py-common-2xl-24 {
      padding-top: var(--spacing-common-2xl-24);
      padding-bottom: var(--spacing-common-2xl-24);
   }
   .lg\:py-common-3xl-32 {
      padding-top: var(--spacing-common-3xl-32);
      padding-bottom: var(--spacing-common-3xl-32);
   }
   .lg\:py-common-md-12 {
      padding-top: var(--spacing-common-md-12);
      padding-bottom: var(--spacing-common-md-12);
   }
   .lg\:py-common-xl-20 {
      padding-top: var(--spacing-common-xl-20);
      padding-bottom: var(--spacing-common-xl-20);
   }
   .lg\:pb-0 {
      padding-bottom: var(--spacing-0);
   }
   .lg\:pb-common-2xl-24 {
      padding-bottom: var(--spacing-common-2xl-24);
   }
   .lg\:pb-common-3xl-32 {
      padding-bottom: var(--spacing-common-3xl-32);
   }
   .lg\:pb-common-lg-16 {
      padding-bottom: var(--spacing-common-lg-16);
   }
   .lg\:pl-0 {
      padding-left: var(--spacing-0);
   }
   .lg\:pl-common-lg-16 {
      padding-left: var(--spacing-common-lg-16);
   }
   .lg\:pt-common-2xl-24 {
      padding-top: var(--spacing-common-2xl-24);
   }
   .lg\:pt-common-3xl-32 {
      padding-top: var(--spacing-common-3xl-32);
   }
   .lg\:pt-common-4xl-40 {
      padding-top: var(--spacing-common-4xl-40);
   }
   .lg\:pt-common-lg-16 {
      padding-top: var(--spacing-common-lg-16);
   }
   .lg\:pt-common-sm-8 {
      padding-top: var(--spacing-common-sm-8);
   }
   .lg\:pt-common-xl-20 {
      padding-top: var(--spacing-common-xl-20);
   }
   .lg\:font-bold {
      font-weight: var(--text-weight-bold);
   }
}

.hexagonal {
   clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.popover-scrollbar {
   overflow: overlay;
   display: flex;
   flex-direction: column;
}
.popover-scrollbar::-webkit-scrollbar {
   width: 8px;
   display: none;
}
.popover-scrollbar::-webkit-scrollbar-track {
   border-radius: 8px;
   background-color: transparent;
}
.popover-scrollbar::-webkit-scrollbar-thumb {
   border-radius: 8px;
   background-color: #eaecf0;
}

.actions-list-scrollbar {
   overflow-y: auto;
   margin-right: 4px;
}
.actions-list-scrollbar::-webkit-scrollbar {
   width: 8px;
}
.actions-list-scrollbar::-webkit-scrollbar-track {
   border-radius: 8px;
   background-color: transparent;
}
.actions-list-scrollbar::-webkit-scrollbar-thumb {
   border-radius: 8px;
   background-color: #eaecf0;
}

.disable-bottom-sheet-children-pointer-events * {
   pointer-events: none;
}

.ancient-modal-class-name {
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 0px;
   height: 100%;
   width: 100%;
   padding: 83px 0;
   box-sizing: border-box;

   background-image: url('https://s3.ap-south-1.amazonaws.com/cdn.alllq.in/AQ/common/scrollar_header_overlay_bg_tablet.png'),
      url('https://s3.ap-south-1.amazonaws.com/cdn.alllq.in/AQ/common/scrollar_footer_overlay_bg_tablet.png');
   background-position: top, bottom;
   background-repeat: no-repeat, no-repeat;
   background-size:
      100% auto,
      100% auto;
}

.ancient-modal-class-name::before {
   content: '';
   position: absolute;
   top: 83px;
   left: -6px;
   right: 0;
   bottom: 83px;
   background-image: url('https://s3.ap-south-1.amazonaws.com/cdn.alllq.in/AQ/common/scrollar_body_overlay_bg_tablet.png');
   background-repeat: repeat-y;
   background-size: 100% auto;
   z-index: -1; /* Place it behind the content */
}

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

/* #region - Wooden */
/* TODO: include colors from tokens here */
.wooden-question-action-button {
   background-image: url('https://cdn.alllq.in/AQ/common/wooden-pattern-default.svg'),
      linear-gradient(
         180deg,
         #e29e52 0%,
         #e19c50 41%,
         #df984e 61%,
         #d98741 77%,
         #d27433 91%,
         #cc6226 100%
      );

   background-size: cover;
   background-position: center;
}
.wooden-disable-action-button {
   background-color: var(--button-ancient-bg_disabled);

   background-image: url('https://cdn.alllq.in/AQ/common/wooden-pattern-disable.svg');
   background-size: cover;
   background-position: center;
}
/* #endregion */
.disable-button-children-pointer-events * {
   pointer-events: none;
}

.disable-badge-btn-children-pointer-events * {
   pointer-events: none;
}

.callout-container {
   position: relative;
}

.triangle {
   position: absolute;
}

/* Top Triangles */

.callout-container.top-left .triangle {
   top: -15px;
   left: 58px;
   transform: rotate(180deg);
}

.callout-container.top-center .triangle {
   top: -15px;
   left: 50%;
   transform: translateX(-50%) rotate(180deg);
}

.callout-container.top-right .triangle {
   top: -15px;
   right: 58px;
   transform: rotate(180deg);
}

.callout-container.left-top .triangle {
   top: 15px;
   left: -15px;
   transform: rotate(90deg);
}

.callout-container.left-center .triangle {
   top: 50%;
   left: -15px;
   transform: translateY(-50%) rotate(90deg);
}

.callout-container.left-bottom .triangle {
   bottom: 15px;
   left: -15px;
   transform: rotate(90deg);
}

.callout-container.right-top .triangle {
   top: 15px;
   right: -15px;
   transform: rotate(270deg);
}

.callout-container.right-center .triangle {
   top: 50%;
   right: -15px;
   transform: translateY(-50%) rotate(270deg);
}

.callout-container.right-bottom .triangle {
   bottom: 15px;
   right: -15px;
   transform: rotate(270deg);
}

.callout-container.bottom-left .triangle {
   bottom: -15px;
   left: 58px;
   transform: rotate(0deg);
}

.callout-container.bottom-center .triangle {
   bottom: -15px;
   left: 50%;
   transform: translateX(-50%) rotate(0deg);
}

.callout-container.bottom-right .triangle {
   bottom: -15px;
   right: 58px;
   transform: rotate(0deg);
}

/* #region - Wooden */
/* TODO: include colors from tokens here */
.wooden-option-container-styles {
   background-image: url('https://cdn.alllq.in/AQ/common/wooden-pattern-default.svg'),
      linear-gradient(
         180deg,
         #e29e52 0%,
         #e19c50 41%,
         #df984e 61%,
         #d98741 77%,
         #d27433 91%,
         #cc6226 100%
      );
   /* TODO: test and revert this change if the below is not working (or) remove the todo if working */
   background-size: cover;
   background-position: center;
}
.wooden-option-container-styles:hover {
   background-image: url('https://cdn.alllq.in/AQ/common/wooden-pattern-default.svg'),
      linear-gradient(
         180deg,
         #c88d4b 0%,
         #c68a47 22%,
         #c68946 41%,
         #c58745 61%,
         #bf7739 77%,
         #bb6e32 91%,
         #b55c26 100%
      );
}
.wooden-disable-option-container-styles {
   background-color: var(--button-ancient-bg_disabled);

   background-image: url('https://cdn.alllq.in/AQ/common/wooden-pattern-disable.svg');
   background-size: cover;
   background-position: center;
}
.wooden-option-shadow_selected-styles {
   box-shadow: 0px 0px 0px 3px var(--info-400);
}
.wooden-option-shadow_error-styles {
   box-shadow: 0px 0px 0px 3px var(--error-500);
}
.wooden-option-shadow_success-styles {
   box-shadow: 0px 0px 0px 3px var(--success-500);
}
/* #endregion */
.disable-selection-children-pointer-events * {
   pointer-events: none;
}

.disable-sentence-children-pointer-events * {
   pointer-events: none;
}

.progress-bar-fill-container {
   z-index: -1;
}

@keyframes animateWidth {
   0% {
      width: 0;
   }
   100% {
      width: 100%;
   }
}

.progress-bar-fill-child-container {
   animation: animateWidth 0.5s ease-in-out;
}

:root {
   --progress-icon-start-margin-left: 0;
   --progress-icon-end-margin-left: 100%;
}

@keyframes customProgressIcon {
   0% {
      margin-left: var(--progress-icon-start-margin-left);
   }
   100% {
      margin-left: var(--progress-icon-end-margin-left);
   }
}

.custom-progress-icon {
   animation: customProgressIcon 0.5s ease-in-out;
   margin-left: var(--progress-icon-end-margin-left);
}

.progress-bar-step-container {
   z-index: 0;
}

/* #region - Wooden */

/* TODO: include colors from tokens here */

.wooden-progress-bar-track {
   box-shadow: 0px 13px 4px 0px #060409 inset;
}

.wooden-progress-bar-fill-child {
   background: linear-gradient(
      180deg,
      #e29e52 0%,
      #e19c50 41%,
      #df984e 61%,
      #d98741 77%,
      #d27433 91%,
      #cc6226 100%
   );
   box-shadow: 0px 4px 4px 0px #efd552 inset;
}

/* #endregion */

@keyframes spinners-circular-animation {
   0% {
      stroke-dashoffset: 325;
   }
   100% {
      stroke-dashoffset: 151;
   }
}

.Toastify__toast-body > div {
   border: none;
}

.Toastify__toast-container {
   z-index: 1000 !important;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: transparent;
   position: relative !important;
   top: 0;
}

.Toastify__toast-container--bottom-center {
   position: relative;
   padding: 0px;
   width: 100%;
   gap: 10px;
}

.Toastify__close-button {
   display: none;
}

.Toastify__toast-body {
   padding: 0 !important;
   margin: 0px !important;
}

.Toastify__toast {
   height: auto !important;
   min-height: auto !important;
   border-radius: 24px !important;
   padding: 0px !important;
   background: transparent !important;
   margin-bottom: 0px !important;
   top: 0px;
   font-family: inherit !important;
}

.Toastify {
   position: absolute !important;
   bottom: 100px;
   width: 100%;
}

.App {
   display: grid;
   margin-top: auto;
   place-items: center;
   height: 100vh;
}

.btn-group {
   display: flex;

   flex-direction: column;

   margin-top: auto;
}

.btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   align-self: start;
   background-color: #3e68ff;
   color: #fff;
   border-radius: 8px;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
   padding: 0.25em 0.75em;
   min-width: 10ch;
   min-height: 44px;
   text-align: center;
   line-height: 1.1;
   border: none;
   margin-bottom: 1rem;
   cursor: pointer;
}

/* #region - Custom ToastAnimations */

.toast-fade-in {
   animation: fade-in-keyframe 300ms ease-in;
}

.toast-fade-out {
   animation: fade-out-keyframe 300ms ease-in;
}

/* #endregion */

/* ----------------------------------------------
 * Generated by Animista on 2021-1-22 16:38:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-in-fwd
 * ----------------------------------------
 */

@keyframes swirl-in-fwd {
   0% {
      transform: rotate(-540deg) scale(0);
      opacity: 0;
   }
   100% {
      transform: rotate(0) scale(1);
      opacity: 1;
   }
}

.swirl-in-fwd {
   animation: swirl-in-fwd 0.3s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-1-22 16:40:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-out-bck
 * ----------------------------------------
 */

@keyframes swirl-out-bck {
   0% {
      transform: rotate(0) scale(1);
      opacity: 1;
   }
   100% {
      transform: rotate(-540deg) scale(0);
      opacity: 0;
   }
}

.swirl-out-bck {
   animation: swirl-out-bck 0.3s ease-in both;
}

@keyframes slideIn {
   from {
      transform: translateY(100%);
      opacity: 0;
   }
   to {
      transform: translateY(0);
      opacity: 1;
   }
}

/* Slide-out animation */

@keyframes slideOut {
   from {
      transform: translateY(0);
      opacity: 1;
   }
   to {
      transform: translateY(100%);
      opacity: 0;
   }
}

.slide-in {
   animation: slideIn 0.5s ease forwards;
}

.slide-out {
   animation: slideOut 0.5s ease forwards;
}

.text-area-input-scrollbar::-webkit-scrollbar {
   display: block;
}

input:-webkit-autofill {
   -webkit-text-fill-color: #f8fafc !important;
   -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
}

@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}
.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce), print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}
@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}
@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}
.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.animate__flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}
@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}
@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}
.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.animate__tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}
.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}
@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}
@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}
@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}
@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}
@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}
.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}
@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}
@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}
.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}
@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}
@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}
.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}
@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}
@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}
.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}
.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}
.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}
.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}
.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}
@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}
@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}
@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}
@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}
.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}
@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}
@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}
.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}
@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}
@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}
.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}
@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}
@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}
.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}
.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}
.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}
@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}
.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}
@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}
.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}
@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}
.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}
@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}
.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}
@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}
.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}
@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}
@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}
@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}
.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}
@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}
@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}
.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}
.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}
.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
.common-ring-loader {
   --speed: 2s;
   vertical-align: middle;
   transform-origin: center;
   animation: rotate var(--speed) linear infinite;
}

.common-ring-loader circle {
   fill: none;
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   stroke-linecap: round;
   animation: stretch calc(var(--speed) * 0.75) ease-in-out infinite;
}

@keyframes rotate {
   100% {
      rotate: 360deg;
   }
}

@keyframes stretch {
   0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
   }
   50% {
      stroke-dasharray: 90, 200;
      stroke-dashoffset: -35px;
   }
   100% {
      stroke-dashoffset: -124px;
   }
}

.daily-reward-box-glowing-circle {
   animation: daily-reward-box-glowing-keyframes 0.75s ease-in-out infinite
      alternate;
}

@keyframes daily-reward-box-glowing-keyframes {
   from {
      box-shadow:
         0 0 10px 5px #2665ac,
         0 0 20px 10px #2665ac;
   }
   to {
      box-shadow:
         0 0 30px 15px #1d52c5,
         0 0 40px 20px #1d52c5;
   }
}

.daily-reward-box {
   animation: daily-reward-box-icon-animation 0.75s ease-in-out infinite
      alternate;
}

@keyframes daily-reward-box-icon-animation {
   from {
      scale: 0.8;
   }
   to {
      scale: 1;
   }
}


/*# sourceMappingURL=main.css.map*/