/* SLC runtime CSS segment 03-critical-language. Generated by tools/build-css-bundles.ps1; do not edit directly. */

/* ========================================================================== */
/* Source: assets/css/mobile-signal-language-switcher.css */
/* ========================================================================== */

/* Supplementary open-panel signal decoration. Initial geometry belongs to mobile-signal-language-initial.css. */
.mobile-signal-language-switcher .signal-panel__route {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, #3d4950, #a8b4ba 43%, #344047 54%, #647178);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.15);
  opacity: 0.34;
}

.mobile-signal-language-switcher .signal-panel__route--h {
  top: 50%;
  right: 27px;
  left: 27px;
  height: 2px;
  transform: translateY(-1px);
}

.mobile-signal-language-switcher .signal-panel__route--v {
  top: 24px;
  bottom: 24px;
  left: 50%;
  width: 2px;
  transform: translateX(-1px);
  background: linear-gradient(#3d4950, #a8b4ba 43%, #344047 54%, #647178);
}

.mobile-signal-language-switcher .signal-lamp__bezel {
  position: absolute;
  inset: 2px;
  border: 1px solid rgb(205 217 223 / 0.14);
  border-radius: 50%;
}

.mobile-signal-language-switcher .signal-lamp__lens {
  inset: 4px;
  background: radial-gradient(circle at 38% 31%, rgb(var(--option) / 0.14) 0 14%, rgb(var(--option) / 0.09) 34%, rgb(55 66 72 / 0.44) 60%, rgb(24 32 36 / 0.88) 100%);
  box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.04);
  transition: background 170ms ease, box-shadow 170ms ease;
}

.mobile-signal-language-switcher .signal-lamp__glint {
  top: 5px;
  left: 6px;
  width: 6px;
  height: 3px;
  opacity: 0.3;
}

.mobile-signal-language-switcher .signal-lamp__confirm {
  position: absolute;
  inset: -3px;
  border: 1px solid rgb(var(--motion) / 0.5);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.92);
}

.mobile-signal-language-switcher .signal-option:is([aria-current="page"], .is-arriving) .signal-lamp {
  border-color: rgb(var(--option) / 0.68);
  box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.16), 0 0 8px rgb(var(--option) / 0.18);
}

.mobile-signal-language-switcher .signal-option:is([aria-current="page"], .is-arriving) .signal-lamp__lens {
  background: radial-gradient(circle at 37% 29%, rgb(255 255 255 / 0.4) 0 8%, rgb(var(--option)) 19%, rgb(var(--option) / 0.9) 48%, rgb(var(--option) / 0.54) 100%);
  box-shadow: 0 0 8px rgb(var(--option) / 0.28), inset 0 1px 1px rgb(255 255 255 / 0.2);
}

.mobile-signal-language-switcher .signal-option:is([aria-current="page"], .is-arriving) .signal-lamp__glint { opacity: 0.56; }

.mobile-signal-language-switcher .signal-pulse {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: rgb(var(--motion));
  box-shadow: 0 0 8px rgb(var(--motion) / 0.55);
  opacity: 0;
  pointer-events: none;
}
