.qa-theme-toggle {
    display: inline-flex;
    align-items: center;
}

.qa-theme-toggle-dark {
    display: none;
}

[data-theme="dark"] .qa-theme-toggle-light {
    display: none;
}

[data-theme="dark"] .qa-theme-toggle-dark {
    display: inline-flex;
}

[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="month"],
[data-theme="dark"] input[type="week"] {
    color-scheme: dark;
}