switch.css

/* Переключатель версий — нейтральный, чтобы не спорить со стилем страницы */
.vsw{position:fixed;left:16px;bottom:16px;z-index:9000;font:500 14px/1.4 system-ui,-apple-system,sans-serif}
.vsw-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;border:0;border-radius:99px;cursor:pointer;
  background:#0E2A4F;color:#fff;box-shadow:0 10px 30px rgba(6,20,40,.35);font:inherit;
  transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}
.vsw-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(6,20,40,.45)}
.vsw-dot{width:8px;height:8px;border-radius:50%;background:#2CCDF1}
.vsw-count{opacity:.6;font-size:12px;font-variant-numeric:tabular-nums}
.vsw-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:min(92vw,360px);max-height:min(70vh,560px);
  overflow:auto;background:#fff;color:#12314f;border-radius:16px;padding:14px;
  box-shadow:0 24px 60px rgba(6,20,40,.35)}
.vsw-group + .vsw-group{margin-top:14px;padding-top:12px;border-top:1px solid #E6EDF6}
.vsw-group h4{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7C93AE;font-weight:600}
.vsw-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.vsw-panel a{display:grid;gap:1px;padding:8px 10px;border-radius:9px;color:inherit;text-decoration:none}
.vsw-panel a:hover{background:#F1F6FC}
.vsw-panel a.on{background:#0E2A4F;color:#fff}
.vsw-panel b{font-weight:600;font-size:14px}
.vsw-panel i{font-style:normal;font-size:12px;color:#7C93AE}
.vsw-panel a.on i{color:#A9C8EA}
.vsw-foot{margin-top:12px;padding-top:10px;border-top:1px solid #E6EDF6}
.vsw-foot a{font-size:12px;color:#164F9D;text-decoration:underline}
@media(max-width:600px){.vsw{left:10px;bottom:10px}.vsw-btn{padding:9px 13px;font-size:13px}}
@media print{.vsw{display:none}}