/* SPPK V104 — transparent logo animation; dimensions never depend on a frame. */
html body picture.sppk-logo-picture {
    display: contents;
}

html body img[data-sppk-logo] {
    display: block;
    object-fit: contain;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

html body.sppk-app-shell #appSidebar .sidebar-primary-logo[data-sppk-logo] {
    width: 76px !important;
    height: 76px !important;
    max-width: 100%;
    max-height: 76px !important;
    flex: 0 0 auto;
}

html.sidebar-is-collapsed body.sppk-app-shell #appSidebar .sidebar-primary-logo[data-sppk-logo],
html body.sppk-app-shell.sidebar-is-collapsed #appSidebar .sidebar-primary-logo[data-sppk-logo] {
    width: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
}

/* The emblem has its own rim: no white tile around it in the dark theme. */
html body.sppk-public-shell :is(.sppk-home-brand-mark, .sppk-auth-mark, .sppk-fi-brand-mark, .sppk-reg-brand-mark) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}