/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/login-landing/login-landing.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/* Chakra outer ring: slow anti-clockwise rotation.
   chakr_rotating.png (500×499) has its opaque mass centered ~1% left and ~3% up
   from the file center (alpha bbox / luma centroid). Rotating around 50% 50%
   makes that hub orbit → perceived left/right + up/down wobble. */
@keyframes login-landing-chakra-ccw {
  from {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(-360deg) translateZ(0);
  }
}

/* Same idea as Gita modal: animate a shrink-wrapped wrapper (not the <img>) so
   transform-origin matches the bitmap; √2 arena in ChakraComposite keeps AABB stable. */
.login-landing-chakra-rotate {
  --chakra-hub-x: 48.97%;
  --chakra-hub-y: 47.08%;
  animation: login-landing-chakra-ccw 60s linear infinite;
  transform-origin: var(--chakra-hub-x) var(--chakra-hub-y);
  transform-box: border-box;
  backface-visibility: hidden;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .login-landing-chakra-rotate {
    animation: none;
  }
}

/* Subtle circuit lines on chat preview (right side) */
.login-landing-circuit-fade {
  mask-image: linear-gradient(to left, black 40%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, black 40%, transparent 100%);
}

/* Login v2: scrollable regions without a visible scrollbar (auth rail, chat transcript). */
.login-v2-no-scrollbar {
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent;
  -ms-overflow-style: none !important;
}
.login-v2-no-scrollbar::-webkit-scrollbar,
.login-v2-no-scrollbar::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
  -webkit-appearance: none !important;
          appearance: none !important;
}
.login-v2-no-scrollbar::-webkit-scrollbar-thumb,
.login-v2-no-scrollbar::-webkit-scrollbar-track {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/*
 * Widen the scrollport and clip the native scrollbar outside the visible column
 * (fallback when OS / Chrome still paints classic scrollbars).
 */
.login-v2-scroll-clip-outer {
  overflow: hidden !important;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

.login-v2-scroll-clip-inner {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  box-sizing: border-box;
  width: calc(100% + 24px);
  max-width: none;
  padding-right: 24px;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
  -ms-overflow-style: none !important;
}

.login-v2-scroll-clip-inner::-webkit-scrollbar,
.login-v2-scroll-clip-inner::-webkit-scrollbar-corner,
.login-v2-scroll-clip-inner::-webkit-scrollbar-thumb,
.login-v2-scroll-clip-inner::-webkit-scrollbar-track {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Kill scrollbars on every node under the login shell (portals outside this tree are unaffected). */
.login-v2-shell,
.login-v2-shell * {
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
  -ms-overflow-style: none !important;
}

.login-v2-shell *::-webkit-scrollbar,
.login-v2-shell *::-webkit-scrollbar-corner,
.login-v2-shell *::-webkit-scrollbar-thumb,
.login-v2-shell *::-webkit-scrollbar-track {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
}

/* No document / viewport scrollbar while login-v2 is mounted (see LoginV2Content). */
html.login-v2-immersive,
body.login-v2-immersive {
  overflow: hidden !important;
  height: 100% !important;
  max-height: 100dvh !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html.login-v2-immersive::-webkit-scrollbar,
html.login-v2-immersive::-webkit-scrollbar-corner,
body.login-v2-immersive::-webkit-scrollbar,
body.login-v2-immersive::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/*
 * Mythic auth inputs use bg-[#202f44]/50; browsers still paint :-webkit-autofill with a
 * light fill unless overridden (globals.css defaults are light when .dark is off).
 */
.login-v2-shell input:-webkit-autofill,
.login-v2-shell input:-webkit-autofill:hover,
.login-v2-shell input:-webkit-autofill:focus,
.login-v2-shell input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px rgba(32, 47, 68, 0.5) inset !important;
  -webkit-text-fill-color: #c4b77e !important;
  caret-color: #c4b77e;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}