@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Bold.0bc32f4e.woff2") format("woff2"),
    url("../assets/fonts/NotionInter-Bold.7304495d.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* NotionInter Font Face Declarations */
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Regular.d069d01f.woff2") format("woff2"),
    url("../assets/fonts/NotionInter-Regular.038ac6df.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Italic.f2d6dde8.woff2") format("woff2"),
    url("../assets/fonts/NotionInter-Italic.29cc730e.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Medium.be3a966c.woff2") format("woff2"),
    url("../assets/fonts/NotionInter-Medium.38721821.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-MediumItalic.3de72938.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-MediumItalic.d433c2e8.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBold.23bbd38a.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBold.a7e19577.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBoldItalic.11a7eda6.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBoldItalic.1bf35f1b.woff")
      format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Bold.0bc32f4e.woff2") format("woff2"),
    url("../assets/fonts/NotionInter-Bold.7304495d.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-BoldItalic.af99754d.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-BoldItalic.f3a46997.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* NotionInter i18n Font Face Declarations */
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Regular-i18n.4c3206e4.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Regular-i18n.7e295069.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Italic-i18n.44620e58.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Italic-i18n.b1e5fe40.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Medium-i18n.f0b1a5fc.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Medium-i18n.5a62ec46.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-MediumItalic-i18n.2fe0b3fe.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-MediumItalic-i18n.bfcddf65.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBold-i18n.5e5b5908.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBold-i18n.304cb124.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBoldItalic-i18n.78183d16.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBoldItalic-i18n.800dd100.woff")
      format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Bold-i18n.38b709fc.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Bold-i18n.2aa1f67c.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-BoldItalic-i18n.7ddacb60.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-BoldItalic-i18n.4499f285.woff")
      format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* iAWriterMonoS Font Face Declarations */
@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Regular.bf09337b.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Regular.7554f0d4.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Italic.176fc5a8.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Italic.8eb35e9b.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Bold.a8b41a99.woff2") format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Bold.bbe5a5e6.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-BoldItalic.12c55f12.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-BoldItalic.215d7c93.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* LyonText Font Face Declarations */
@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-Regular-Web.d7bfb4be.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-Regular-Web.2cefb6ff.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-RegularItalic-Web.f823179b.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-RegularItalic-Web.fa2b7345.woff")
      format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-Bold-Web.98529464.woff2") format("woff2"),
    url("../assets/fonts/LyonText-Bold-Web.63193098.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-BoldItalic-Web.8907ab5f.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-BoldItalic-Web.fa5375df.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Permanent Marker Font Face Declaration */
@font-face {
  font-family: "Permanent Marker";
  src: url("../assets/fonts/permanent-marker.18b85f55.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* --- Additional iAWriterMonoS Font Faces --- */
@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Bold.a8b41a99.woff2") format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Bold.bbe5a5e6.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-BoldItalic.12c55f12.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-BoldItalic.215d7c93.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Italic.176fc5a8.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Italic.8eb35e9b.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "iAWriterMonoS";
  src: url("../assets/fonts/iAWriterMonoS-Regular.bf09337b.woff2")
      format("woff2"),
    url("../assets/fonts/iAWriterMonoS-Regular.7554f0d4.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Additional LyonText Font Faces --- */
@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-Bold-Web.98529464.woff2") format("woff2"),
    url("../assets/fonts/LyonText-Bold-Web.63193098.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-BoldItalic-Web.8907ab5f.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-BoldItalic-Web.fa5375df.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-Regular-Web.d7bfb4be.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-Regular-Web.2cefb6ff.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LyonText";
  src: url("../assets/fonts/LyonText-RegularItalic-Web.f823179b.woff2")
      format("woff2"),
    url("../assets/fonts/LyonText-RegularItalic-Web.fa2b7345.woff")
      format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* --- NotionInter i18n Font Faces (all types) --- */
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Bold-i18n.38b709fc.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Bold-i18n.2aa1f67c.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-BoldItalic-i18n.7ddacb60.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-BoldItalic-i18n.4499f285.woff")
      format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Italic-i18n.44620e58.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Italic-i18n.b1e5fe40.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Medium-i18n.f0b1a5fc.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Medium-i18n.5a62ec46.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-MediumItalic-i18n.2fe0b3fe.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-MediumItalic-i18n.bfcddf65.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-Regular-i18n.4c3206e4.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-Regular-i18n.7e295069.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBold-i18n.5e5b5908.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBold-i18n.304cb124.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "NotionInter";
  src: url("../assets/fonts/NotionInter-SemiBoldItalic-i18n.78183d16.woff2")
      format("woff2"),
    url("../assets/fonts/NotionInter-SemiBoldItalic-i18n.800dd100.woff")
      format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body {
  font-family: "NotionInter", "Inter", sans-serif;
  margin: 0;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

body.page-transitioning {
  pointer-events: none;
}

.page-transition-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.34s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.34s;
  z-index: 10000;
}

.page-transition-overlay.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.34s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0s;
}

.page-transition-overlay.is-fading-out {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.48s cubic-bezier(0.2, 0, 0, 1),
    visibility 0s linear 0.48s;
}

/* Custom inverse cursor */
body {
  cursor: none;
}

/* Hide custom cursor on mobile and tablet devices */
@media (max-width: 1024px) {
  body {
    cursor: auto !important;
  }

  .inverse-cursor {
    display: none !important;
  }
}

/* Custom cursor for desktop only */
@media (min-width: 1025px) {
  .inverse-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 2147483647;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%) scale(1);
    mix-blend-mode: difference;
    background: white;
    border: 2px solid #222;
    opacity: 1;
    will-change: transform;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
      height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
      transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .inverse-cursor.expand {
    width: 90px;
    height: 90px;
    transform: translate(-50%, -50%) scale(1.1);
  }
  .inverse-cursor.hide {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }

  /* Ensure body doesn't create isolation context */
  body {
    isolation: auto;
  }

  /* Ensure main doesn't create isolation context */
  main {
    isolation: auto;
  }
}
/* Section Heading Style */
h2.section-heading,
.section-heading {
  color: #111111;
  font-family: "NotionInter", "Inter", sans-serif;
  font-weight: 900;
}

/* Footer Cascade Animation */
/* Hide footer completely off-screen initially */
body {
  overflow-x: hidden;
}

.footer-animate {
  position: relative;
  transform: translateY(100%);
  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-animate.visible {
  transform: translateY(0);
}

/* Initially hide all footer items */
.footer-item {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0s, transform 0s;
}

/* Cascade animation for footer items when visible */
.footer-animate.visible .footer-item {
  animation: footerItemFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes footerItemFadeIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Ensure footer text is visible */
footer {
  color: #1f2937 !important;
}

footer .text-gray-700,
footer .text-gray-700 * {
  color: rgb(55 65 81) !important;
  opacity: 1 !important;
}

footer .text-gray-800,
footer .text-gray-800 * {
  color: rgb(31 41 55) !important;
  opacity: 1 !important;
}

footer .text-gray-600,
footer .text-gray-600 * {
  color: rgb(75 85 99) !important;
  opacity: 1 !important;
}

/* Ensure footer address and copyright are always visible */
footer .footer-item {
  opacity: 1 !important;
}

footer .text-xs,
footer .text-xs * {
  color: rgb(55 65 81) !important;
  opacity: 1 !important;
}

/* Extracted unused classes from global.css on 2025-10-10 */
.aspect-video {
  aspect-ratio: 16 / 9;
}
.bottom-0 {
  bottom: 0px;
}
.duration-200 {
  transition-duration: 200ms;
}
.flex-grow {
  flex-grow: 1;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-row {
  flex-direction: row;
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.gap-1 {
  gap: 0.25rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.h-24 {
  height: 6rem;
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.inline {
  display: inline;
}
.left-0 {
  left: 0px;
}
@media (min-width: 1024px) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.m-0 {
  margin: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:grid {
    display: grid;
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:mb-20 {
    margin-bottom: 5rem;
  }
  .md\:mt-20 {
    margin-top: 5rem;
  }
  .md\:static {
    position: static;
  }
}
.mr-8 {
  margin-right: 2rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.opacity-70 {
  opacity: 0.7;
}
.pb-16 {
  padding-bottom: 4rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.right-0 {
  right: 0px;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.static {
  position: static;
}
.table {
  display: table;
}
.text-\[10px\] {
  font-size: 10px;
}
.top-20 {
  top: 5rem;
}