.mode-toggle{align-items:center;display:inline-flex;flex-direction:row}.mode-toggle .label-dark{letter-spacing:-.15px}.mode-toggle .label-light{letter-spacing:-.031px}.mode-toggle .label-dark,.mode-toggle .label-light{font-size:11px;font-weight:500;min-width:32px;padding:8px 16px;text-align:center}.mode-toggle.isDark{color:#b9bdc1}.mode-toggle.isDark .toggle-switch{background:#2c374b;width:48px}.mode-toggle.isDark .toggle-switch .toggle-switch__disc{background:#1c2535;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:all .2s ease-in-out;width:18px}.mode-toggle.isDark .toggle-switch .toggle-switch__disc .icon-dark{left:4px;position:absolute;top:4px;transition:all .2s ease-in-out}.toggle-switch{background:#afb6c1;border:none;border-radius:14px;display:inline-block;height:24px;margin:0;outline:none;overflow:hidden;padding:0;position:relative;width:48px}.toggle-switch .toggle-switch__disc{background:#fff;border-radius:50%;height:18px;left:27px;position:absolute;top:3px;transition:all .2s ease-in-out;width:18px}.toggle-switch .toggle-switch__disc .icon-light{left:4px;position:absolute;top:4px;transition:all .2s ease-in-out}.toggle-switch,.toggle-switch:after,.toggle-switch:before{transition:all .2s ease-in-out}