/* 354 - TEST MODE switch row in the account menu (v735). Roll back: remove this <link> + js/354. */
.bhtm-row{justify-content:flex-start;gap:10px;min-height:44px;text-align:start}
.bhtm-ic{flex:none;display:grid;place-items:center;width:18px;height:18px;color:#B58C58}
.bhtm-ic svg{width:18px;height:18px}
.bhtm-tx{min-width:0;flex:1;display:grid;gap:1px}
.bhtm-tx b{font-weight:600;font-size:12.5px;color:#162D4C}
.bhtm-tx small{font-size:11px;font-weight:500;color:#6B7686;line-height:1.3}
.bhtm-row.is-on .bhtm-tx small{color:#1E6B49}
.bhtm-sw{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:#C9CFD8;transition:background-color .18s ease}
.bhtm-sw i{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .18s ease}
.bhtm-row.is-on .bhtm-sw{background:#1E6B49}
.bhtm-row.is-on .bhtm-sw i{transform:translateX(16px)}
[dir="rtl"] .bhtm-row.is-on .bhtm-sw i{transform:translateX(-16px)}
.bhtm-row:focus-visible{outline:2px solid #CEA577;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bhtm-sw,.bhtm-sw i{transition:none}}