
html:not([data-theme=dark]) .leaflet-progress-spinner::before {
  background: url("images/icon-nano.svg") no-repeat 44px center/78px;
}

html[data-theme=dark] .leaflet-progress-spinner::before {
  background: url("images/icon-nano-dark.svg") no-repeat 44px center/78px;
}

html:not([data-theme=dark]) nav:not(.hasnotebookbar) .document-logo {
  width: 30px !important;
  height: 30px !important;
  background: url("images/icon-nano.svg") no-repeat center !important;
  background-size: 24px 24px !important;
}

html[data-theme=dark] nav:not(.hasnotebookbar) .document-logo {
  width: 30px !important;
  height: 30px !important;
  background: url("images/icon-nano-dark.svg") no-repeat center !important;
  background-size: 24px 24px !important;
}

html:not([data-theme=dark]) nav.hasnotebookbar .document-logo {
  background: url("images/icon-nano.svg") no-repeat center !important;
  background-size: 18px 18px !important;
}

html[data-theme=dark] nav.hasnotebookbar .document-logo {
  background: url("images/icon-nano-dark.svg") no-repeat center !important;
  background-size: 18px 18px !important;
}

#product-logo {
  background-image: url("images/icon-nano.svg");
  background-position: center 8px !important;
}
