:root {
  --transition-speed: 0.35s;
}

[data-md-color-scheme] {
  transition:
    background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease,
    box-shadow var(--transition-speed) ease,
    fill var(--transition-speed) ease,
    stroke var(--transition-speed) ease;
}

[data-md-color-scheme] .md-header,
[data-md-color-scheme] .md-main,
[data-md-color-scheme] .md-nav,
[data-md-color-scheme] .md-footer,
[data-md-color-scheme] .md-sidebar,
[data-md-color-scheme] .md-content,
[data-md-color-scheme] .md-typeset,
[data-md-color-scheme] pre,
[data-md-color-scheme] code,
[data-md-color-scheme] table,
[data-md-color-scheme] .md-card {
  transition:
    background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease,
    box-shadow var(--transition-speed) ease;
}

.md-header__button.md-logo img {
    height: 60px !important;
    width: auto !important;
    transition: filter var(--transition-speed) ease,
                opacity var(--transition-speed) ease;
}

.md-header__button.md-logo {
    padding: 4px 12px !important;
}