:root {
  --original-icon-quicknotes-dark: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDMyIDMyIgogICBmaWxsPSIjMDAwMDAwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0iZzMiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDEzODExZS00LDQuOTg2MTg5MmUtNSkiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMjguMTk4LDI1LjIzMSBjIC0wLjEwMzUyLDEuNTE2MSAtMS42NTUyLDIuNTM5MiAtMy4wODQxLDIuMzM5NyAtNy4yNjcyLC0wLjAwODYgLTE0LjUzNSwtMC4wMjI2IC0yMS44MDIsLTAuMDUzMTggLTEuMzI1NCwtMC4wOTA2NiAtMi4yMTM1LC0xLjI0NDYgLTIuMjg2NSwtMi40OTkyIC0xLjQ5ZS00LDAuOTU2NjUgMC4wMDEyLDEuOTE0OCAwLDIuODcxNCAtMC4xOTk3NiwxLjQzMTcgMC43Njg4OCwyLjk4MDQgMi4yODY1LDMuMDg0MSA3LjI4MDQsMC4wMzA2MSAxNC41NzQsLTAuMDA4NiAyMS44NTUsMCAxLjQzMTcsMC4xOTk3NiAyLjk4MDQsLTAuNzY4ODggMy4wODQxLC0yLjI4NjUgbCAtMC4wNTMxOCwtMy40NTY0IHoiCiAgICAgICBpZD0icGF0aDEiIC8+CiAgICA8cGF0aAogICAgICAgZD0iTSAzLjU3ODQsMy43NDg2IEMgMi4zMDUzLDMuNzI2NjI2IDEuMTgyNCw0LjU3Nzg5IDEuMDc5Miw1LjYwOTcgMS4wNDg2NCwxMS41MTkgMS4wMzQ3NSwxNy40MDY3IDEuMDI2MDMsMjMuMzE2NyBjIC0wLjE5OTM4LDEuMTYyIDAuNzcxNzYsMi40MTUgMi4yODY1LDIuNDk5MiA3LjI2NjYsMC4wMjQ4NCAxNC41MzQsMC4wNDYwOCAyMS44MDIsMC4wNTMxOCAxLjQyOSwwLjE2MjE0IDIuOTgwNiwtMC42MjkzMSAzLjA4NDEsLTEuODYxMSAwLjAyNjQ1LC01LjExMzEgMC4wNTIzMiwtMTAuMjU0IDAuMDUzMTgsLTE1LjM2NyBsIC04LjU2MTEsOC41NjExIGMgLTAuNjM4MDksMC42MzgwOCAtMS40MjM1LDAuODY3MTEgLTIuMjMzMywwLjkwMzk3IC0wLjM5MjQ4LDAuMzIxMiAtMC43ODEyLDAuNjMyNjIgLTEuMjc2MiwwLjc5NzYyIC0wLjY3MTI2LDAuMjIzNzYgLTEuNzEwMiwwLjMxMDQyIC0yLjU1MjQsLTAuNTMxNzUgLTAuODQyMTYsLTAuODQyMTYgLTAuNzU1NSwtMS44ODExIC0wLjUzMTc1LC0yLjU1MjQgMC4xNjUsLTAuNDk0OTkgMC40NzY0MiwtMC44ODM3MiAwLjc5NzYyLC0xLjI3NjIgMC4wMzY4NSwtMC44MDk4NiAwLjI2NTg4LC0xLjU5NTIgMC45MDM5NywtMi4yMzMzIGwgOC41NjExLC04LjU2MTEgYyAtNi41Nzk2LC0wLjAxMzM1NyAtMTMuMjAxLDAuMDA2MjYgLTE5Ljc4MSwwIHoiCiAgICAgICBpZD0icGF0aDIiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAxNi4wNjIsMTMuNTMyIGMgLTAuNDQwNDksMC40NDA0OSAtMC41NTUyOSwxLjA1NTggLTAuNDEzNiwxLjYxNjggbCAtMC4xODgsMC4xODggYyAtMC42NjY1OCwwLjY2NjU4IC0wLjkzNDg5LDEuNDcxNSAtMC42MDE2LDEuODA0OCAwLjMzMzI5LDAuMzMzMjkgMS4xMzgyLDAuMDY0OTcgMS44MDQ4LC0wLjYwMTYgbCAwLjE4OCwtMC4xODggYyAwLjU2MDk2LDAuMTQxNjkgMS4xNzYzLDAuMDI2ODggMS42MTY4LC0wLjQxMzYgbCAxMi4wMzIsLTEyLjAzMiBjIDAuNjY2NTgsLTAuNjY2NTggMC42NjY1OCwtMS43Mzk4IDAsLTIuNDA2NCAtMC42NjY1NywtMC42NjY1OCAtMS43Mzk4LC0wLjY2NjU4IC0yLjQwNjQsMCB6IgogICAgICAgaWQ9InBhdGgzIiAvPgogIDwvZz4KPC9zdmc+Cg==");
  --original-icon-quicknotes-white: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDMyIDMyIgogICBmaWxsPSIjZmZmZmZmIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0iZzMiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDEzODExZS00LDQuOTg2MTg5MmUtNSkiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMjguMTk4LDI1LjIzMSBjIC0wLjEwMzUyLDEuNTE2MSAtMS42NTUyLDIuNTM5MiAtMy4wODQxLDIuMzM5NyAtNy4yNjcyLC0wLjAwODYgLTE0LjUzNSwtMC4wMjI2IC0yMS44MDIsLTAuMDUzMTggLTEuMzI1NCwtMC4wOTA2NiAtMi4yMTM1LC0xLjI0NDYgLTIuMjg2NSwtMi40OTkyIC0xLjQ5ZS00LDAuOTU2NjUgMC4wMDEyLDEuOTE0OCAwLDIuODcxNCAtMC4xOTk3NiwxLjQzMTcgMC43Njg4OCwyLjk4MDQgMi4yODY1LDMuMDg0MSA3LjI4MDQsMC4wMzA2MSAxNC41NzQsLTAuMDA4NiAyMS44NTUsMCAxLjQzMTcsMC4xOTk3NiAyLjk4MDQsLTAuNzY4ODggMy4wODQxLC0yLjI4NjUgbCAtMC4wNTMxOCwtMy40NTY0IHoiCiAgICAgICBpZD0icGF0aDEiIC8+CiAgICA8cGF0aAogICAgICAgZD0iTSAzLjU3ODQsMy43NDg2IEMgMi4zMDUzLDMuNzI2NjI2IDEuMTgyNCw0LjU3Nzg5IDEuMDc5Miw1LjYwOTcgMS4wNDg2NCwxMS41MTkgMS4wMzQ3NSwxNy40MDY3IDEuMDI2MDMsMjMuMzE2NyBjIC0wLjE5OTM4LDEuMTYyIDAuNzcxNzYsMi40MTUgMi4yODY1LDIuNDk5MiA3LjI2NjYsMC4wMjQ4NCAxNC41MzQsMC4wNDYwOCAyMS44MDIsMC4wNTMxOCAxLjQyOSwwLjE2MjE0IDIuOTgwNiwtMC42MjkzMSAzLjA4NDEsLTEuODYxMSAwLjAyNjQ1LC01LjExMzEgMC4wNTIzMiwtMTAuMjU0IDAuMDUzMTgsLTE1LjM2NyBsIC04LjU2MTEsOC41NjExIGMgLTAuNjM4MDksMC42MzgwOCAtMS40MjM1LDAuODY3MTEgLTIuMjMzMywwLjkwMzk3IC0wLjM5MjQ4LDAuMzIxMiAtMC43ODEyLDAuNjMyNjIgLTEuMjc2MiwwLjc5NzYyIC0wLjY3MTI2LDAuMjIzNzYgLTEuNzEwMiwwLjMxMDQyIC0yLjU1MjQsLTAuNTMxNzUgLTAuODQyMTYsLTAuODQyMTYgLTAuNzU1NSwtMS44ODExIC0wLjUzMTc1LC0yLjU1MjQgMC4xNjUsLTAuNDk0OTkgMC40NzY0MiwtMC44ODM3MiAwLjc5NzYyLC0xLjI3NjIgMC4wMzY4NSwtMC44MDk4NiAwLjI2NTg4LC0xLjU5NTIgMC45MDM5NywtMi4yMzMzIGwgOC41NjExLC04LjU2MTEgYyAtNi41Nzk2LC0wLjAxMzM1NyAtMTMuMjAxLDAuMDA2MjYgLTE5Ljc4MSwwIHoiCiAgICAgICBpZD0icGF0aDIiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAxNi4wNjIsMTMuNTMyIGMgLTAuNDQwNDksMC40NDA0OSAtMC41NTUyOSwxLjA1NTggLTAuNDEzNiwxLjYxNjggbCAtMC4xODgsMC4xODggYyAtMC42NjY1OCwwLjY2NjU4IC0wLjkzNDg5LDEuNDcxNSAtMC42MDE2LDEuODA0OCAwLjMzMzI5LDAuMzMzMjkgMS4xMzgyLDAuMDY0OTcgMS44MDQ4LC0wLjYwMTYgbCAwLjE4OCwtMC4xODggYyAwLjU2MDk2LDAuMTQxNjkgMS4xNzYzLDAuMDI2ODggMS42MTY4LC0wLjQxMzYgbCAxMi4wMzIsLTEyLjAzMiBjIDAuNjY2NTgsLTAuNjY2NTggMC42NjY1OCwtMS43Mzk4IDAsLTIuNDA2NCAtMC42NjY1NywtMC42NjY1OCAtMS43Mzk4LC0wLjY2NjU4IC0yLjQwNjQsMCB6IgogICAgICAgaWQ9InBhdGgzIiAvPgogIDwvZz4KPC9zdmc+Cg==");
}

.icon-quicknotes,
.icon-quicknotes-dark {
  background-image: var(--original-icon-quicknotes-dark);
}

.icon-quicknotes-white {
  background-image: var(--original-icon-quicknotes-white);
}

.dashboard-pinned-icon {
    background-image: url(../img/pinned.svg);
    filter: var(--background-invert-if-dark);
}

@media (prefers-color-scheme: dark) {
  .icon-quicknotes,
  .icon-quicknotes-dark {
    background-image: var(--original-icon-quicknotes-white);
  }
  .icon-quicknotes-white {
    background-image: var(--original-icon-quicknotes-dark);
  }
}
