/* Механика из ds-screen (переключатель дат), перекрашено под токены среднего прода: капсула = стекло нижнего меню (.lq-seg--bottom-menu), выемка = утопленное поле (.cigi-field-wrap).
   Даты скользят под выемкой: выбранная в выемке (белый 90%), соседние по бокам (белый 40%). */
.date-switcher { --ds-notch-w: 120px; --ds-notch-h: 38px; position: absolute; left: var(--p-pad); bottom: calc(var(--p-bottom-safe) + var(--p-menu-h) + var(--p-sub-gap)); width: calc(var(--p-screen-w) - 2 * var(--p-pad)); height: 48px; z-index: 10;
  border-radius: 9999px; background: rgba(255, 255, 255, .05); box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(10px) var(--glass-dim); backdrop-filter: blur(10px) var(--glass-dim);
  touch-action: pan-y; -webkit-user-select: none; user-select: none; cursor: grab; outline: 0; -webkit-tap-highlight-color: transparent; }
.date-switcher:active { cursor: grabbing; }
.date-switcher::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--glass-border); background: var(--rim-white); -webkit-mask: var(--rim-mask); -webkit-mask-composite: xor; mask: var(--rim-mask); mask-composite: exclude; pointer-events: none; z-index: 3; }
.date-switcher:focus-visible { outline: 2px solid var(--cigi-accent); outline-offset: 2px; }
/* выемка: рецепт поля CIGI (.cigi-field-wrap) — утопленное тёмное стекло, кромка по периметру */
.date-switcher__notch { position: absolute; left: 50%; top: 50%; width: var(--ds-notch-w); height: var(--ds-notch-h); margin: calc(var(--ds-notch-h) / -2) 0 0 calc(var(--ds-notch-w) / -2); border-radius: 9999px;
  background: rgba(255, 255, 255, .035); box-shadow: inset 0 2px 8px rgba(0, 0, 0, .85), var(--glass-shadow); pointer-events: none; }
.date-switcher__notch::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--glass-border); background: var(--rim-white-all); -webkit-mask: var(--rim-mask); -webkit-mask-composite: xor; mask: var(--rim-mask); mask-composite: exclude; opacity: .6; }
.date-switcher__track { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; z-index: 2; }
.date-switcher__item { position: absolute; left: 0; top: 0; width: var(--ds-notch-w); height: 100%; display: flex; align-items: center; justify-content: center; white-space: nowrap;
  font: 600 16px/20px var(--font-ui); letter-spacing: .04em; text-transform: uppercase; font-variant-numeric: tabular-nums; color: var(--text); text-shadow: var(--text-shadow-glass); will-change: transform, opacity; pointer-events: none; }