/* nunito-sans-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* nunito-sans-cyrillic-wght-normal */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* nunito-sans-vietnamese-wght-normal */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* nunito-sans-latin-ext-wght-normal */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* nunito-sans-latin-wght-normal */
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url("/assets/material-symbols-rounded-CU_tzOrc.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/* src/styles/base.css */
:where(:root, [data-theme=light]) {
  --lg-fg: rgb(0 0 0 / 0.88);
  --lg-fg-muted: rgb(60 60 67 / 0.62);
  --lg-fg-faint: rgb(60 60 67 / 0.3);
  --lg-accent: #0088ff;
  --lg-green: #34c759;
  --lg-red: #ff383c;
  --lg-fill: rgb(255 255 255 / 0.66);
  --lg-fill-pressed: rgb(255 255 255 / 0.92);
  --lg-blur: 6px;
  --lg-saturate: 1.9;
  --lg-brightness: 1.04;
  --lg-edge: rgb(0 0 0 / 0.06);
  --lg-shadow: 0 8px 28px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.07);
  --lg-rim-opacity: 1;
  --lg-glow: rgb(255 255 255 / 0.55);
  --lg-lens-fill: rgb(255 255 255 / 0.1);
  --lg-lens-shadow: 0 10px 30px rgb(0 0 0 / 0.14), 0 2px 6px rgb(0 0 0 / 0.08);
  --lg-lens-edge: rgb(0 0 0 / 0.07);
  --lg-lens-ring: rgb(0 0 0 / 0.22);
  --lg-navigation-fill: rgb(255 255 255 / 0.48);
  --lg-selection-lens-fill: rgb(255 255 255 / 0.14);
  --lg-selection-lens-edge: rgb(45 48 53 / 0.28);
  --lg-selection-lens-bevel: inset 0 3px 7px rgb(45 48 53 / 0.1), inset 0 -1px 2px rgb(255 255 255 / 0.8);
  --lg-selection-lens-brightness: 1;
  --lg-switch-face-fade: 1;
  --lg-panel-fill: rgb(255 255 255 / 0.62);
  --lg-menu-fill: rgb(250 250 252 / 0.94);
  --lg-panel-blur: 28px;
  --lg-tab-selection: rgb(0 0 0 / 0.07);
  --lg-segment-selection: rgb(0 0 0 / 0.08);
  --lg-track: rgb(120 120 128 / 0.26);
  --lg-rail: rgb(120 120 128 / 0.2);
  --lg-block-well: rgb(120 120 128 / 0.24);
  --lg-block-lit: #ffffff;
  --lg-block-lit-fg: rgb(0 0 0 / 0.78);
  --lg-thumb: #ffffff;
  --lg-thumb-shadow:
    0 3px 8px rgb(0 0 0 / 0.15),
    0 1px 1px rgb(0 0 0 / 0.06),
    0 0 0 0.5px rgb(0 0 0 / 0.04);
  --lg-scrim: rgb(0 0 0 / 0.18);
  --lg-ring: rgb(0 136 255 / 0.55);
  --lg-font:
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "SF Pro",
    "Inter",
    system-ui,
    sans-serif;
}
:where([data-theme=dark]) {
  --lg-fg: rgb(255 255 255 / 0.96);
  --lg-fg-muted: rgb(235 235 245 / 0.6);
  --lg-fg-faint: rgb(235 235 245 / 0.3);
  --lg-accent: #0091ff;
  --lg-green: #30d158;
  --lg-red: #ff4245;
  --lg-fill: rgb(44 44 48 / 0.5);
  --lg-fill-pressed: rgb(90 90 96 / 0.55);
  --lg-blur: 8px;
  --lg-saturate: 1.6;
  --lg-brightness: 0.96;
  --lg-edge: rgb(255 255 255 / 0.09);
  --lg-shadow: 0 8px 28px rgb(0 0 0 / 0.38), 0 1px 3px rgb(0 0 0 / 0.3);
  --lg-rim-opacity: 0.62;
  --lg-glow: rgb(255 255 255 / 0.16);
  --lg-lens-fill: rgb(28 28 30 / 0.3);
  --lg-lens-shadow: 0 10px 30px rgb(0 0 0 / 0.45), 0 2px 6px rgb(0 0 0 / 0.3);
  --lg-lens-edge: rgb(255 255 255 / 0.12);
  --lg-lens-ring: rgb(255 255 255 / 0.3);
  --lg-navigation-fill: var(--lg-fill);
  --lg-selection-lens-fill: rgb(255 255 255 / 0.09);
  --lg-selection-lens-edge: rgb(255 255 255 / 0.25);
  --lg-selection-lens-bevel: inset 0 0 0 transparent;
  --lg-selection-lens-brightness: 1.06;
  --lg-switch-face-fade: 0.92;
  --lg-panel-fill: rgb(30 30 33 / 0.62);
  --lg-menu-fill: rgb(38 38 42 / 0.94);
  --lg-tab-selection: rgb(0 0 0 / 0.36);
  --lg-segment-selection: rgb(255 255 255 / 0.14);
  --lg-track: rgb(120 120 128 / 0.44);
  --lg-rail: rgb(120 120 128 / 0.4);
  --lg-block-well: rgb(120 120 128 / 0.3);
  --lg-block-lit: #ffffff;
  --lg-block-lit-fg: rgb(0 0 0 / 0.78);
  --lg-thumb: #ffffff;
  --lg-thumb-shadow: 0 3px 8px rgb(0 0 0 / 0.3), 0 1px 1px rgb(0 0 0 / 0.16);
  --lg-scrim: rgb(0 0 0 / 0.4);
  --lg-ring: rgb(0 145 255 / 0.7);
}
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme=light])) {
    --lg-fg: rgb(255 255 255 / 0.96);
    --lg-fg-muted: rgb(235 235 245 / 0.6);
    --lg-fg-faint: rgb(235 235 245 / 0.3);
    --lg-accent: #0091ff;
    --lg-green: #30d158;
    --lg-red: #ff4245;
    --lg-fill: rgb(44 44 48 / 0.5);
    --lg-fill-pressed: rgb(90 90 96 / 0.55);
    --lg-blur: 8px;
    --lg-saturate: 1.6;
    --lg-brightness: 0.96;
    --lg-edge: rgb(255 255 255 / 0.09);
    --lg-shadow: 0 8px 28px rgb(0 0 0 / 0.38), 0 1px 3px rgb(0 0 0 / 0.3);
    --lg-rim-opacity: 0.62;
    --lg-glow: rgb(255 255 255 / 0.16);
    --lg-lens-fill: rgb(28 28 30 / 0.3);
    --lg-lens-shadow: 0 10px 30px rgb(0 0 0 / 0.45), 0 2px 6px rgb(0 0 0 / 0.3);
    --lg-lens-edge: rgb(255 255 255 / 0.12);
    --lg-lens-ring: rgb(255 255 255 / 0.3);
    --lg-navigation-fill: var(--lg-fill);
    --lg-selection-lens-fill: rgb(255 255 255 / 0.09);
    --lg-selection-lens-edge: rgb(255 255 255 / 0.25);
    --lg-selection-lens-bevel: inset 0 0 0 transparent;
    --lg-selection-lens-brightness: 1.06;
    --lg-switch-face-fade: 0.92;
    --lg-panel-fill: rgb(30 30 33 / 0.62);
    --lg-menu-fill: rgb(38 38 42 / 0.94);
    --lg-tab-selection: rgb(0 0 0 / 0.36);
    --lg-segment-selection: rgb(255 255 255 / 0.14);
    --lg-track: rgb(120 120 128 / 0.44);
    --lg-rail: rgb(120 120 128 / 0.4);
    --lg-thumb-shadow: 0 3px 8px rgb(0 0 0 / 0.3), 0 1px 1px rgb(0 0 0 / 0.16);
    --lg-block-well: rgb(120 120 128 / 0.3);
    --lg-scrim: rgb(0 0 0 / 0.4);
    --lg-ring: rgb(0 145 255 / 0.7);
  }
}
.lg-symbol {
  display: inline-block;
  flex: none;
  width: var(--lg-symbol-size, 24px);
  height: var(--lg-symbol-size, 24px);
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  pointer-events: none;
}
.lg-glass {
  position: relative;
  box-sizing: border-box;
  background-color: var(--lg-glass-fill, var(--lg-fill));
  -webkit-backdrop-filter: blur(var(--lg-glass-blur, var(--lg-blur))) saturate(var(--lg-saturate));
  backdrop-filter: var(--lg-filter, ) blur(var(--lg-glass-blur, var(--lg-blur))) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));
  box-shadow: var(--lg-glass-shadow, var(--lg-shadow)), inset 0 0 0 0.5px var(--lg-edge);
  transition: background-color 260ms ease;
  -webkit-tap-highlight-color: transparent;
}
[data-lg-refract] {
  --lg-filter: var(--lg-refraction);
}
html[data-lg-scrolling]:not([data-lg-quality=high]) [data-lg-refract],
[data-lg-refract][data-lg-offscreen],
html[data-lg-quality=low] [data-lg-refract=surface] {
  --lg-filter: initial;
}
.lg-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: var(--lg-rim, none);
  background-size: 100% 100%;
  opacity: var(--lg-rim-opacity);
  pointer-events: none;
  z-index: 0;
}
.lg-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse 85% 85% at var(--lg-x, 50%) var(--lg-y, 50%),
      var(--lg-glow),
      transparent);
  opacity: 0;
  transition: opacity 360ms ease;
  z-index: 0;
}
.lg-glass[data-pressed]::after {
  opacity: 1;
  transition-duration: 80ms;
}
.lg-glass > * {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-transparency: reduce) {
  .lg-glass,
  .lg-glass.lg-glass--host::before {
    background: Canvas !important;
    color: CanvasText !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .lg-glass::before,
  .lg-glass::after,
  .lg-glass > .lg-mirror {
    background-image: none !important;
    filter: none !important;
  }
  .lg-glass > .lg-mirror {
    display: none !important;
  }
  .lg-glass > * {
    color: inherit;
  }
}
@media (forced-colors: active) {
  .lg-glass,
  .lg-glass.lg-glass--host::before {
    background: Canvas !important;
    color: CanvasText !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    outline: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lg-glass,
  .lg-glass::after {
    transition-duration: 0.01ms !important;
  }
}
.lg-glass > .lg-mirror {
  position: absolute !important;
  inset: 0;
  z-index: 0 !important;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  -webkit-mask-image: var(--lg-inner-mask);
  mask-image: var(--lg-inner-mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.lg-mirror__zoom {
  position: absolute;
  inset: 0;
  transform-origin: center;
}
.lg-mirror * {
  transition: none !important;
  animation: none !important;
}
.lg-mirror .lg-glass {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.lg-mirror .lg-glass::after {
  display: none;
}
.lg-mirror__viewport {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.lg-glass.lg-glass--host {
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.lg-glass.lg-glass--host::before {
  background-image:
    var(--lg-rim, linear-gradient(transparent, transparent)),
    linear-gradient(var(--lg-host-tint, transparent), var(--lg-host-tint, transparent)),
    linear-gradient(var(--lg-glass-fill, var(--lg-fill)), var(--lg-glass-fill, var(--lg-fill)));
  background-size: 100% 100%;
  -webkit-backdrop-filter: blur(var(--lg-glass-blur, var(--lg-blur))) saturate(var(--lg-saturate));
  backdrop-filter: var(--lg-filter, ) blur(var(--lg-glass-blur, var(--lg-blur))) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));
  opacity: 1;
  transition: background-color 260ms ease;
}

/* src/styles/aliquid.css */
.lg-glass {
  --lg-fill: transparent;
  --lg-panel-fill: transparent;
  --lg-menu-fill: transparent;
  --lg-navigation-fill: transparent;
  --lg-edge: rgb(0 0 0 / .04);
  --lg-lens-fill: transparent;
  --lg-glass-blur: 0px !important;
  --lg-saturate: 1.85;
  --lg-brightness: 1.02;
  --lg-selection-lens-edge: transparent;
  --lg-selection-lens-bevel: inset 0 0 0 transparent;
  --lg-lens-ring: transparent;
  --lg-rim-opacity: .2;
}
.lg-glass--host::before {
  background-image: none, linear-gradient(var(--lg-host-tint, transparent), var(--lg-host-tint, transparent));
}
.lg-glass[data-aliquid-material=reference]::before {
  --lg-rim: none;
}
.lg-glass[data-aliquid-material=reference] {
  --lg-glass-blur: 0px !important;
}
.lg-glass[data-aliquid-material=reference] {
  --lg-fill-pressed: transparent;
}
.lg-glass[data-aliquid-material=reference]::after {
  display: none !important;
}
.lg-glass:not(.lg-glass--host)[data-aliquid-material=reference],
.lg-glass--host[data-aliquid-material=reference]::before {
  -webkit-backdrop-filter: var(--lg-filter, ) blur(.5px) saturate(1.85) brightness(1.02);
  backdrop-filter: var(--lg-filter, ) blur(.5px) saturate(1.85) brightness(1.02);
}
.lg-track {
  --lg-selection-lens-edge: transparent;
  --lg-selection-lens-bevel: inset 0 0 0 transparent;
}
.lg-track[data-aliquid-direct] {
  --lg-selection-lens-fill: transparent;
  --lg-selection-lens-edge: transparent;
  --lg-track-selection: transparent;
}
.lg-track[data-aliquid-direct] .lg-track__lens {
  background-color: transparent;
}
.lg-track[data-aliquid-direct] .lg-track__select {
  background: transparent;
  box-shadow: 0 3px 12px rgb(0 0 0 / .12);
}
.lg-track[data-aliquid-direct][data-lifted] > .lg-track__glass {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.lg-track[data-aliquid-direct] .lg-nav__label {
  -webkit-text-fill-color: currentColor;
  background: none;
}
.lg-switch:has(> .lg-switch__thumb[data-aliquid-material=reference]) > :is(.lg-switch__track, .lg-switch__fill) {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.lg-menu.lg-glass[data-aliquid-material=reference] {
  box-shadow: 0 14px 36px rgb(0 0 0 / .18);
}
.lg-slider__block[data-aliquid-material=reference] {
  --lg-block-well: transparent;
  --lg-block-lit: rgb(0 136 255 / .14);
  --lg-block-lit-fg: var(--lg-fg);
}
html:not([data-aliquid-render=continuous]) [data-aliquid-material=reference] {
  --lg-filter: initial;
}
html:not([data-aliquid-render=continuous]) :is(.lg-button[data-pressed], .lg-input__field[data-focused], .lg-track[data-lifted] > .lg-track__lens, .lg-switch[data-lifted] > .lg-switch__thumb, .lg-slider[data-lifted] .lg-slider__thumb, .lg-slider[data-lifted] .lg-slider__block, .lg-menu, .lg-sheet)[data-aliquid-material=reference] {
  --lg-filter: var(--lg-refraction);
}
html:not([data-aliquid-render=continuous]) [data-aliquid-material=reference]:not(.lg-glass--host) {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html:not([data-aliquid-render=continuous]) :is(.lg-button[data-pressed], .lg-input__field[data-focused], .lg-track[data-lifted] > .lg-track__lens, .lg-switch[data-lifted] > .lg-switch__thumb, .lg-slider[data-lifted] .lg-slider__thumb, .lg-slider[data-lifted] .lg-slider__block, .lg-menu)[data-aliquid-material=reference]:not(.lg-glass--host) {
  backdrop-filter: var(--lg-refraction) blur(.5px) saturate(1.85) brightness(1.02);
  -webkit-backdrop-filter: var(--lg-refraction) blur(.5px) saturate(1.85) brightness(1.02);
}
html:not([data-aliquid-render=continuous]) .lg-glass--host.lg-card::before {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.lg-nav__label {
  font-size: 12px;
}
@supports not (backdrop-filter: blur(1px)) {
  .lg-glass {
    background: Canvas;
    color: CanvasText;
  }
}

/* src/components/AliquidSurface.css */
.aliquid-surface {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  color: var(--lg-fg);
  font-family: var(--lg-font);
  background-color: var(--lg-panel-fill);
}
.aliquid-filter {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.aliquid-surface[data-aliquid-mode=opaque] {
  color: CanvasText;
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  .aliquid-surface {
    background: Canvas !important;
    color: CanvasText !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* src/components/GlassButton/GlassButton.css */
.lg-button {
  --lg-h: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--lg-h);
  min-width: var(--lg-h);
  padding: 0 calc(var(--lg-h) * 0.42);
  margin: 0;
  border: 0;
  border-radius: calc(var(--lg-h) / 2);
  color: var(--lg-tint, var(--lg-fg));
  font-family: var(--lg-font);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  transform-origin: center;
  will-change: scale, translate;
}
.lg-button--sm {
  --lg-h: 36px;
  font-size: 14px;
  gap: 6px;
}
.lg-button--lg {
  --lg-h: 52px;
  font-size: 17px;
  font-weight: 600;
}
.lg-button[data-icon-only] {
  width: var(--lg-h);
  padding: 0;
}
.lg-button__icon {
  display: inline-grid;
  place-items: center;
  width: calc(var(--lg-h) * 0.48);
  height: calc(var(--lg-h) * 0.48);
}
.lg-button__icon > :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
.lg-button__label {
  display: inline-flex;
  align-items: center;
  gap: inherit;
}
.lg-button[data-pressed] {
  background-color: var(--lg-fill-pressed);
  transition-duration: 60ms;
}
.lg-button--filled {
  --lg-glow: rgb(255 255 255 / 0.24);
}
.lg-button:not([data-shimmer])::after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .lg-button:hover:not(:disabled) {
    background-color: color-mix(in srgb, var(--lg-fill) 70%, var(--lg-fill-pressed));
  }
}
.lg-button:focus-visible {
  outline: 2px solid var(--lg-ring);
  outline-offset: 3px;
}
.lg-button:disabled {
  cursor: default;
  color: var(--lg-fg-faint);
}
.lg-button--clear {
  --lg-glass-fill: color-mix(in srgb, var(--lg-fill) 30%, transparent);
  --lg-glass-blur: 1.5px;
}
.lg-button--tinted {
  color: var(--lg-tint, var(--lg-accent));
}
.lg-button--tinted-filled {
  --lg-glass-fill: color-mix(in srgb, var(--lg-tint, var(--lg-tint-default, var(--lg-accent))) 26%, var(--lg-fill));
  color: var(--lg-tint, var(--lg-tint-default, var(--lg-accent)));
}
.lg-button--tinted-filled[data-pressed] {
  background-color: color-mix(in srgb, var(--lg-tint, var(--lg-tint-default, var(--lg-accent))) 30%, var(--lg-fill-pressed));
}
.lg-button[data-destructive] {
  --lg-tint-default: var(--lg-red);
}
.lg-button--glass[data-destructive],
.lg-button--clear[data-destructive],
.lg-button--tinted[data-destructive] {
  color: var(--lg-tint, var(--lg-red));
}
.lg-button--filled {
  --lg-glass-fill: var(--lg-tint, var(--lg-tint-default, var(--lg-accent)));
  color: #fff;
}
.lg-button--filled[data-pressed] {
  background-color: color-mix(in srgb, var(--lg-tint, var(--lg-tint-default, var(--lg-accent))) 82%, #fff);
}
@media (hover: hover) and (pointer: fine) {
  .lg-button--filled:hover:not(:disabled) {
    background-color: color-mix(in srgb, var(--lg-tint, var(--lg-tint-default, var(--lg-accent))) 90%, #fff);
  }
}
.lg-button--filled:disabled {
  --lg-glass-fill: var(--lg-fill);
}

/* src/components/GlassCard/GlassCard.css */
.lg-card.lg-glass {
  --lg-glass-fill: var(--lg-panel-fill);
  --lg-glass-blur: var(--lg-panel-blur);
  color: var(--lg-fg);
  font-family: var(--lg-font);
}
.lg-card--clear.lg-glass {
  --lg-glass-fill: color-mix(in srgb, var(--lg-fill) 35%, transparent);
  --lg-glass-blur: 2px;
}
.lg-card::after {
  display: none;
}

/* src/components/GlassInput/GlassInput.css */
.lg-input {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  font-family: var(--lg-font);
}
.lg-input__label {
  padding-left: 16px;
  color: var(--lg-fg-muted);
  font-size: 13px;
  font-weight: 500;
}
.lg-input__field.lg-glass {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 12px 0 14px;
  border-radius: 22px;
  color: var(--lg-fg);
  cursor: text;
  will-change: scale, translate;
}
.lg-input__field input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  background: none;
  color: inherit;
  caret-color: var(--lg-input-tint, var(--lg-accent));
  font: inherit;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.lg-input__field input::placeholder {
  color: var(--lg-fg-muted);
}
.lg-input__field input::-webkit-search-cancel-button,
.lg-input__field input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.lg-input__icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--lg-fg-muted);
}
.lg-input__icon > :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
.lg-input__clear {
  display: grid;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-right: -4px;
  padding: 4px;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--lg-fg-faint);
  cursor: pointer;
  animation: lg-input-pop 380ms cubic-bezier(0.3, 1.6, 0.5, 1);
}
.lg-input__clear :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
@keyframes lg-input-pop {
  from {
    transform: scale(0.4);
    opacity: 0;
  }
}
.lg-input:has(input:disabled) {
  opacity: 0.45;
}

/* src/components/GlassSheet/GlassSheet.css */
.lg-sheet-layer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
.lg-sheet__scrim {
  position: absolute;
  inset: 0;
  background: var(--lg-scrim);
  opacity: 0;
  pointer-events: auto;
}
.lg-sheet.lg-glass {
  --lg-glass-fill: var(--lg-panel-fill);
  --lg-glass-blur: var(--lg-panel-blur);
  position: relative;
  width: min(560px, calc(100% - 16px));
  max-height: calc(100% - 64px);
  margin-bottom: max(8px, env(safe-area-inset-bottom));
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 0;
  box-sizing: border-box;
  overscroll-behavior: contain;
  border-radius: 38px;
  color: var(--lg-fg);
  font-family: var(--lg-font);
  pointer-events: auto;
  touch-action: pan-y;
  outline: none;
  transform: translateY(110%);
  will-change: transform;
}
.lg-sheet::after {
  display: none;
}
.lg-sheet--detents.lg-glass {
  --lg-sheet-run: 160px;
  width: min(640px, 100%);
  height: calc(100% - 10px + var(--lg-sheet-run));
  max-height: none;
  margin-bottom: calc(-1 * var(--lg-sheet-run));
  padding-bottom: var(--lg-sheet-run);
  border-radius: 38px 38px 0 0;
}
.lg-sheet--detents:not([data-raised]) {
  overflow: hidden;
  touch-action: none;
}
.lg-sheet__grabber-zone {
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
  cursor: grab;
  touch-action: none;
}
.lg-sheet__grabber {
  width: 36px;
  height: 5px;
  border-radius: 3px;
  background: var(--lg-fg-faint);
}
.lg-sheet__content {
  padding: 8px 24px 28px;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* src/components/GlassMenu/GlassMenu.css */
.lg-menu-anchor {
  position: relative;
  display: inline-flex;
  flex: none;
}
.lg-menu-surface {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  color: var(--lg-fg);
  font-family: var(--lg-font);
  touch-action: none;
}
.lg-menu-anchor[data-align=start] .lg-menu-surface {
  right: auto;
  left: 0;
}
.lg-menu.lg-glass {
  --lg-glass-fill: color-mix(in srgb, var(--lg-fill) 55%, transparent);
  --lg-glass-blur: 12px;
  --lg-saturate: 1.9;
  position: absolute;
  inset: 0;
  box-shadow:
    0 18px 44px rgb(0 0 0 / 0.18),
    inset 0 0 0 0.5px rgb(255 255 255 / 0.6),
    inset 0 1px 1px rgb(255 255 255 / 0.75),
    inset 0 -1px 1px rgb(255 255 255 / 0.25);
  transform-origin: top right;
  transition: none;
  pointer-events: none;
}
.lg-menu-anchor[data-align=start] .lg-menu.lg-glass {
  transform-origin: top left;
}
.lg-menu::after {
  display: none;
}
.lg-menu__content {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 6px;
  transform-origin: top right;
}
.lg-menu-anchor[data-align=start] .lg-menu__content {
  right: auto;
  left: 0;
  transform-origin: top left;
}
.lg-menu__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 18px;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.lg-menu__item:hover,
.lg-menu__item[data-active],
.lg-menu__item:focus-visible {
  background: color-mix(in srgb, var(--lg-fg) 8%, transparent);
  outline: none;
}
.lg-menu__item:disabled {
  opacity: 0.4;
  cursor: default;
}
.lg-menu__item[data-destructive] {
  color: var(--lg-tint-default, #ff3b30);
}
.lg-menu__icon {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: none;
}
.lg-menu__icon > :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
.lg-menu__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lg-menu__check {
  display: grid;
  place-items: center;
  flex: none;
  color: var(--lg-accent);
}

/* src/components/internal/LensTrack.css */
.lg-track {
  --lg-pad: 4px;
  --lg-item-h: 54px;
  --lg-item-w: 68px;
  --lg-lift: 0;
  position: relative;
  overflow: visible;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(var(--lg-item-w), 1fr);
  padding: var(--lg-pad);
  border-radius: 999px;
  font-family: var(--lg-font);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center;
}
.lg-track__glass {
  --lg-glass-fill: var(--lg-navigation-fill);
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
.lg-track[data-lifted] {
  z-index: 10;
}
.lg-track[data-lifted] .lg-track__glass::after {
  opacity: 0.7;
  transition-duration: 120ms;
}
.lg-track__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: var(--lg-item-h);
  min-width: 0;
  padding: 0 10px;
  font: inherit;
  white-space: nowrap;
}
.lg-track__item[aria-selected=true] {
  color: var(--lg-track-active, var(--lg-accent));
}
.lg-track[data-previewing] .lg-track__item {
  color: var(--lg-fg);
}
.lg-track[data-previewing] .lg-track__item[data-lg-preview] {
  color: var(--lg-track-active, var(--lg-accent));
}
.lg-track[data-lifted]:not([data-aliquid-direct]) .lg-nav__label {
  background: var(--lg-content-tint);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.lg-track[data-lifted]:not([data-aliquid-direct]) .lg-nav__icon > .lg-symbol {
  background: var(--lg-content-tint);
}
.lg-track__item {
  position: relative;
  z-index: 2;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  color: var(--lg-fg);
  cursor: pointer;
  -webkit-touch-callout: none;
}
.lg-track[data-keyboard] .lg-track__item:focus-visible {
  outline: 2px solid var(--lg-ring);
  outline-offset: -3px;
}
.lg-track__lens,
.lg-track__select {
  position: absolute;
  top: var(--lg-pad);
  left: var(--lg-pad);
  width: calc((100% - var(--lg-pad) * 2) / var(--lg-count));
  height: calc(100% - var(--lg-pad) * 2);
  border-radius: 999px;
  pointer-events: none;
  transform: translateX(calc(100% * var(--lg-index)));
}
.lg-track__lens.lg-glass {
  z-index: 1;
  background-color: color-mix(in srgb, var(--lg-selection-lens-fill) calc(var(--lg-lift) * 100%), transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow:
    0 calc(var(--lg-lift) * 8px) calc(var(--lg-lift) * 26px) rgb(0 0 0 / calc(var(--lg-lift) * 0.18)),
    inset 0 0 0 0.5px color-mix(in srgb, var(--lg-selection-lens-edge) calc(var(--lg-lift) * 45%), transparent),
    var(--lg-selection-lens-bevel);
  transition: none;
}
.lg-track__lens.lg-glass::before {
  opacity: calc(var(--lg-lift) * 0.5);
  z-index: 2;
}
.lg-track__lens.lg-glass::after {
  display: none;
}
.lg-track__select {
  z-index: 1;
  background: var(--lg-track-selection);
  opacity: calc(1 - var(--lg-lift) * 2.2);
}
.lg-track__lens {
  opacity: 0;
}
.lg-track[data-lifted] .lg-track__lens.lg-glass {
  z-index: 4;
}
.lg-track[data-lifted] .lg-track__lens.lg-glass[data-lg-refract] {
  -webkit-backdrop-filter: var(--lg-filter, ) blur(0.3px) saturate(1.5) brightness(var(--lg-selection-lens-brightness));
  backdrop-filter: var(--lg-filter, ) blur(0.3px) saturate(1.5) brightness(var(--lg-selection-lens-brightness));
}
.lg-track:not([data-ready]) .lg-track__lens {
  transition: none;
}
.lg-track--tabbar {
  --lg-item-h: 60px;
  --lg-navigation-fill: var(--lg-fill);
  --lg-selection-lens-fill: rgb(255 255 255 / 0.09);
  --lg-selection-lens-edge: rgb(255 255 255 / 0.25);
  --lg-selection-lens-bevel: inset 0 0 0 transparent;
  --lg-selection-lens-brightness: 1.06;
  --lg-track-selection: var(--lg-tab-selection);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.lg-track--tabbar:not(.lg-track--labels-only, .lg-track--icons-only) .lg-track__item {
  padding-bottom: 3px;
}
.lg-track--tabbar .lg-nav__icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
}
.lg-track--tabbar .lg-nav__icon > :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
.lg-track--tabbar .lg-nav__label {
  line-height: 1.1;
}
.lg-track--tabbar.lg-track--icons-only .lg-nav__icon {
  width: 28px;
  height: 28px;
}
.lg-track--tabbar.lg-track--labels-only {
  --lg-item-h: 44px;
  font-size: 15px;
  font-weight: 600;
}
.lg-track--segmented {
  --lg-selection-lens-bevel: inset 0 0 0 transparent;
  --lg-pad: 4px;
  --lg-item-h: 36px;
  --lg-item-w: 64px;
  --lg-track-selection: var(--lg-segment-selection);
  --lg-track-active: var(--lg-fg);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.lg-track--segmented .lg-track__item {
  flex-direction: row;
  gap: 6px;
  padding: 0 16px;
}
.lg-track--segmented .lg-track__item {
  color: var(--lg-fg);
}
.lg-track--segmented .lg-nav__icon {
  display: inline-flex;
}
.lg-track--sm.lg-track--segmented {
  --lg-item-h: 28px;
  --lg-pad: 3px;
  font-size: 13px;
}
.lg-track[data-lg-copy] > .lg-track__item {
  color: var(--lg-track-active, var(--lg-accent));
}
.lg-track[data-lg-copy] .lg-nav__label {
  background: none;
  color: var(--lg-track-active, var(--lg-accent));
  -webkit-text-fill-color: currentColor;
}
.lg-track[data-lg-copy] .lg-nav__icon > .lg-symbol {
  background: var(--lg-track-active, var(--lg-accent));
}
[data-lg-copy] > :is(.lg-track__glass, .lg-track__select) {
  visibility: hidden;
}
.lg-track[data-lifted]:not([data-lg-copy], [data-aliquid-direct]) > .lg-track__item :is(.lg-nav__label, .lg-nav__icon) {
  -webkit-mask: var(--lg-content-hide, none);
  mask: var(--lg-content-hide, none);
  -webkit-mask-composite:
    source-out,
    source-over,
    source-over,
    source-over;
  mask-composite:
    subtract,
    add,
    add,
    add;
}
.lg-track:not([data-lifted]) .lg-track__lens > .lg-mirror {
  visibility: hidden;
}

/* src/components/GlassSlider/GlassSlider.css */
.lg-slider {
  --lg-lift: 0;
  --lg-over: 0px;
  position: relative;
  width: 100%;
  height: 38px;
  font-family: var(--lg-font);
  touch-action: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.lg-slider[data-lifted],
.lg-slider[data-dragging] {
  z-index: 10;
}
.lg-slider__rail {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 6px;
  margin-top: -3px;
  border-radius: 3px;
  overflow: hidden;
  background: var(--lg-rail);
  pointer-events: none;
}
.lg-slider__fill {
  display: block;
  height: 100%;
  width: calc(19px + (100% - 38px) * var(--lg-progress) + 19px * (min(0, var(--lg-progress) / 0.12 - 1) + max(0, (var(--lg-progress) - 0.88) / 0.12)));
  border-radius: inherit;
  background: var(--lg-slider-fill, var(--lg-accent));
}
.lg-slider__thumb-slot {
  position: absolute;
  top: 50%;
  left: calc(19px + (100% - 38px) * var(--lg-progress));
  translate: var(--lg-over) 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 1;
}
.lg-slider__thumb.lg-glass {
  position: absolute;
  left: -29px;
  top: -19px;
  width: 58px;
  height: 38px;
  border-radius: 999px;
  scale: 0.655;
  background-color: color-mix(in srgb, var(--lg-lens-fill) calc(var(--lg-lift) * 100%), transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow:
    0 calc(2px + var(--lg-lift) * 8px) calc(6px + var(--lg-lift) * 20px) rgb(0 0 0 / calc(0.14 + var(--lg-lift) * 0.06)),
    0 0.5px 1px rgb(0 0 0 / calc(0.08 * (1 - var(--lg-lift)))),
    inset 0 0 0 0.75px color-mix(in srgb, var(--lg-lens-ring) calc(var(--lg-lift) * 100%), transparent);
  transition: none;
  will-change: scale;
}
.lg-slider[data-lifted] .lg-slider__thumb.lg-glass[data-lg-refract] {
  -webkit-backdrop-filter: var(--lg-filter, ) blur(0.3px) saturate(1.6) brightness(1.08);
  backdrop-filter: var(--lg-filter, ) blur(0.3px) saturate(1.6) brightness(1.08);
}
.lg-slider[data-mirror] > .lg-slider__rail {
  --x: calc(19px + (100% - 38px) * var(--lg-progress) + var(--lg-over));
  --r: calc(26px * var(--lg-lift));
  -webkit-mask-image:
    linear-gradient(
      90deg,
      #000 calc(var(--x) - var(--r)),
      transparent calc(var(--x) - var(--r)),
      transparent calc(var(--x) + var(--r)),
      #000 calc(var(--x) + var(--r)));
  mask-image:
    linear-gradient(
      90deg,
      #000 calc(var(--x) - var(--r)),
      transparent calc(var(--x) - var(--r)),
      transparent calc(var(--x) + var(--r)),
      #000 calc(var(--x) + var(--r)));
}
.lg-slider__thumb.lg-glass::before {
  opacity: calc(var(--lg-lift) * 1.3);
  z-index: 2;
}
.lg-slider__face {
  position: absolute !important;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-thumb);
}
.lg-slider__input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  touch-action: none;
  -webkit-appearance: none;
  appearance: none;
}
.lg-slider__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 38px;
  height: 38px;
  touch-action: none;
}
.lg-slider__input::-moz-range-thumb {
  width: 38px;
  height: 38px;
  border: 0;
}
.lg-slider__input:focus {
  outline: none;
}
.lg-slider[data-keyboard]:has(.lg-slider__input:focus) .lg-slider__thumb,
.lg-slider[data-keyboard]:has(.lg-slider__input:focus) .lg-slider__block {
  outline: 2px solid var(--lg-ring);
  outline-offset: 4px;
}
.lg-slider:has(.lg-slider__input:disabled) {
  opacity: 0.4;
  cursor: default;
}
.lg-slider--block {
  height: 52px;
}
.lg-slider__block.lg-glass {
  --lg-glass-fill: var(--lg-block-well);
  --lg-glass-blur: 14px;
  position: absolute;
  inset: 0;
  border-radius: min(26px, 50%);
  overflow: hidden;
  transform-origin: center;
  will-change: scale, translate;
}
.lg-slider__block-fill {
  position: absolute !important;
  inset: 0;
  z-index: 1 !important;
  background: var(--lg-slider-fill, var(--lg-block-lit));
  clip-path: inset(0 calc(100% - 100% * var(--lg-progress)) 0 0);
}
.lg-slider__block-content {
  position: absolute !important;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--lg-fg);
  font-size: 14px;
  font-weight: 600;
  pointer-events: none;
}
.lg-slider__block-content--lit {
  color: var(--lg-block-lit-fg);
}
.lg-slider__icon {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
}
.lg-slider__icon > :is(svg, .lg-symbol) {
  width: 100%;
  height: 100%;
}
.lg-slider__value {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  opacity: 0.6;
}
.lg-slider--block .lg-slider__input {
  touch-action: none;
}

/* src/components/GlassSwitch/GlassSwitch.css */
.lg-switch {
  --lg-lift: 0;
  position: relative;
  flex: none;
  width: 64px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  cursor: pointer;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.lg-switch::before {
  content: "";
  position: absolute;
  inset: -8px -6px;
}
.lg-switch[data-lifted] {
  z-index: 10;
}
.lg-switch__track {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-track);
  pointer-events: none;
}
.lg-switch[data-lifted]:not([data-lg-copy]) > .lg-switch__track,
.lg-switch[data-lifted]:not([data-lg-copy]) > .lg-switch__fill {
  --a: clamp(0px, var(--lg-knob-x) - var(--lg-hole) - 7px, 100%);
  --b: clamp(0px, var(--lg-knob-x) - var(--lg-hole) + 5px, 100%);
  --c: clamp(0px, var(--lg-knob-x) + var(--lg-hole) - 5px, 100%);
  --d: clamp(0px, var(--lg-knob-x) + var(--lg-hole) + 7px, 100%);
  --gap: rgb(0 0 0 / calc(1 - var(--lg-lift)));
  -webkit-mask-image:
    linear-gradient(
      90deg,
      #000 var(--a),
      var(--gap) var(--b),
      var(--gap) var(--c),
      #000 var(--d));
  mask-image:
    linear-gradient(
      90deg,
      #000 var(--a),
      var(--gap) var(--b),
      var(--gap) var(--c),
      #000 var(--d));
}
.lg-switch__fill {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-switch-on, var(--lg-green));
  opacity: 0;
  pointer-events: none;
}
.lg-switch__thumb.lg-glass {
  position: absolute;
  top: 50%;
  left: calc(21px - 29px);
  width: 58px;
  height: 38px;
  border-radius: 999px;
  pointer-events: none;
  transform: translate(0, -50%) scale(0.655);
  transform-origin: center;
  background-color: color-mix(in srgb, var(--lg-lens-fill) calc(var(--lg-lift) * 100%), transparent);
  -webkit-backdrop-filter: blur(0.5px) saturate(1.6) brightness(1.08);
  backdrop-filter: var(--lg-filter, ) blur(0.3px) saturate(1.6) brightness(1.08);
  box-shadow:
    0 calc(2px + var(--lg-lift) * 8px) calc(6px + var(--lg-lift) * 20px) rgb(0 0 0 / calc(0.12 + var(--lg-lift) * 0.08)),
    0 0.5px 1px rgb(0 0 0 / calc(0.08 * (1 - var(--lg-lift)))),
    inset 0 0 0 0.75px color-mix(in srgb, var(--lg-lens-ring) calc(var(--lg-lift) * 100%), transparent);
  transition: none;
  will-change: transform;
}
.lg-switch__thumb.lg-glass::before {
  opacity: calc(var(--lg-lift) * 1.3);
  z-index: 2;
}
.lg-switch__face {
  position: absolute !important;
  inset: 0;
  border-radius: inherit;
  background: var(--lg-thumb);
  opacity: calc(1 - var(--lg-lift) * var(--lg-switch-face-fade));
}
.lg-switch:focus {
  outline: none;
}
.lg-switch[data-keyboard]:focus-visible {
  outline: 2px solid var(--lg-ring);
  outline-offset: 3px;
}
.lg-switch:disabled {
  opacity: 0.4;
  cursor: default;
}
/*# sourceMappingURL=index.css.map */:root{
  color-scheme:dark;
  --ink-950:#03152d;
  --ink-900:#05203f;
  --ink-850:#07294d;
  --ink-800:#0a345a;
  --ink-750:#0d416a;
  --ink-700:#155276;
  --paper:#f2f6f8;
  --paper-soft:#dce6eb;
  --muted:#8296a2;
  --muted-strong:#a9bac3;
  --signal:#108AAF;
  --signal-strong:#5bc1d6;
  --signal-soft:#012D78;
  --page-background:#030B14;
  --navigation-background:#05121D;
  --mobile-navigation-background:#0C2132;
  --live:#e56f78;
  --positive:#63ad94;
  --warning:#d4a35f;
  --danger:#d77582;
  --line:rgba(181,224,238,.14);
  --line-strong:rgba(181,224,238,.26);
  --surface:var(--ink-850);
  --bg:var(--ink-950);
  --text:var(--paper);
  --surface-2:var(--ink-800);
  --control:var(--ink-750);
  --accent:var(--signal);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --radius-sm:999px;
  --radius-md:28px;
  --radius-lg:40px;
  --radius-pill:999px;
  --shadow:0 18px 50px rgba(0,0,0,.26);
  --ease:cubic-bezier(.22,1,.36,1);
  --fast:160ms;
  --normal:260ms;
  --header-h:72px;
  --page-pad:clamp(20px,4vw,64px);
  --nav-w:88px;
  font-family:"Nunito Sans Variable","Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}
html{min-width:320px;background:var(--page-background);scroll-behavior:smooth}
body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--page-background);color:var(--paper);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{color:inherit;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
img{max-width:100%}
::selection{background:rgba(91,155,195,.34);color:#fff}
:focus-visible{outline:2px solid var(--signal-strong);outline-offset:3px}
.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1}

/* One control language across public and administrative surfaces. */
.primary-action,.secondary-action,.icon-hero-action,.detail-play,.submit-login,
.empty-state button,.catalog-filters button,.profile-card>button,.profile-footer>button,
.admin-shell button,.admin-login button,.tmdb-section button,.admin-dialog button{
  border-radius:var(--radius-sm);
  transition:background-color var(--fast) ease,border-color var(--fast) ease,color var(--fast) ease,transform var(--fast) var(--ease),opacity var(--fast) ease;
}
.primary-action:hover,.detail-play:hover,.submit-login:hover,.admin-shell>main>header>button:hover{transform:translateY(-1px)}
input,select,textarea{transition:border-color var(--fast) ease,background-color var(--fast) ease,box-shadow var(--fast) ease}
input:focus,select:focus,textarea:focus{border-color:rgba(120,180,214,.52)!important;box-shadow:0 0 0 3px rgba(91,155,195,.12)!important}

@keyframes reveal-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes signal-pulse{0%,100%{opacity:.42;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
.reveal{animation:reveal-up .28s var(--ease) both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.official-brand{display:block;max-width:100%;height:auto;object-fit:contain;user-select:none}
.sidebar-wordmark{width:152px}.sidebar-icon{display:none;width:50px;height:50px}.mobile-brand .official-brand{width:39px;height:39px;border-radius:11px}
.cinema-brand{width:112px;height:28px}.cinema-top-spacer{width:48px;height:48px}
.embedded-mode .cinema-controls{display:none}.embedded-mode .video-surface{pointer-events:auto}.embedded-mode .cinema-info{bottom:32px}
.hero-wordmark .official-brand{width:100%;max-height:100%;filter:drop-shadow(0 22px 38px #0008)}
.login-brand{min-height:54px;display:grid;place-items:center}.login-brand>*:not(.official-brand){display:none}.login-brand .official-brand{width:190px;height:46px;object-position:center}
.mini-brand{width:70px!important;height:18px;margin-bottom:auto;object-position:left center}
.detail-art .official-brand{width:96px;height:25px}.detail-art>img{width:100%;height:100%;object-fit:cover}.related-poster .official-brand{width:70%;height:auto}
.admin-login-logo{width:270px;height:60px;object-position:left center}.admin-area-label{display:block;margin-top:5px;color:#718ca0;font-size:8px;letter-spacing:.16em}.admin-logo>.official-brand{width:150px;height:32px;object-position:left center}
.admin-success{padding:11px 13px;border-radius:14px;background:#123a35;color:#9ee1d0;font-size:12px}
@media(max-width:1080px){.sidebar-wordmark{display:none}.sidebar-icon{display:block}.brand{justify-content:center}}
@media(max-width:700px){.hero-wordmark{transform:none}.hero-wordmark .official-brand{width:90%;margin:auto}.admin-login-logo{width:225px}.cinema-brand{width:92px}}
@media(max-width:600px){.admin-shell>aside{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.admin-settings{grid-template-columns:1fr}}
/* Standalone: CSS draws; JS waits for readiness AND a complete cycle. */
.moobi-preloader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:24px;background:var(--page-background,#06172e);color:#b6cce0;opacity:1;transition:opacity 420ms cubic-bezier(.23,1,.32,1);font-family:inherit}
.moobi-preloader[data-exiting=true]{opacity:0}
.moobi-preloader>p{margin:0;font-size:12px;line-height:1.5;letter-spacing:.025em}
.moobi-wordmark-loader{width:min(420px,78vw);height:auto;overflow:visible}
.wordmark-stroke{animation:wordmark-draw 2800ms ease-in-out infinite,wordmark-offset 2800ms linear infinite}
.wordmark-orbit{animation-name:wordmark-orbit,wordmark-offset}
@keyframes wordmark-draw{0%{stroke-dasharray:0 1 359 0}50%{stroke-dasharray:0 359 1 0}100%{stroke-dasharray:359 1 0 0}}
@keyframes wordmark-orbit{0%,100%{stroke-dasharray:270 90}50%{stroke-dasharray:0 360}}
@keyframes wordmark-offset{from{stroke-dashoffset:365}to{stroke-dashoffset:5}}
.moobi-preloader[data-paused=true] .wordmark-stroke{animation-play-state:paused}
.moobi-preloader[data-reduced=true] .wordmark-stroke{animation:none;stroke-dasharray:none}
.moobi-preloader[data-reduced=true]{transition-duration:120ms}
.moobi-inline-preloader{display:grid;justify-items:center;align-content:center;gap:12px;padding:16px;color:#b6cce0;opacity:1;transition:opacity 420ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.moobi-inline-preloader[data-exiting=true]{opacity:0}
.moobi-inline-preloader>p{margin:0;font-size:12px;line-height:1.5;text-align:center}
.moobi-inline-preloader .moobi-wordmark-loader{width:min(260px,64vw)}
.moobi-loading-slot:empty{display:none}
.moobi-loading-compact .moobi-wordmark-loader{width:120px}
.moobi-loading-compact .moobi-inline-preloader{padding:8px;gap:6px}
.moobi-loading-compact .moobi-inline-preloader>p{font-size:11px}
.moobi-loading-slot.player-loading{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;padding:0;pointer-events:none;max-width:none;background:transparent}
.moobi-inline-preloader[data-paused=true] .wordmark-stroke{animation-play-state:paused}
.moobi-inline-preloader[data-reduced=true] .wordmark-stroke{animation:none;stroke-dasharray:none}
.moobi-inline-preloader[data-reduced=true]{transition-duration:120ms}
@media(prefers-reduced-motion:reduce){.wordmark-stroke{animation:none;stroke-dasharray:none}.moobi-preloader{transition-duration:120ms}}
html[data-a11y-motion=true] .wordmark-stroke{animation:none;stroke-dasharray:none}