.wrap pre {                                 
    white-space: pre-wrap !important; 
}

footer > hr{
    display: none;
}


footer > div[role="contentinfo"]{
    display: none;
}

.bottom-of-page .left-details{
    display: none;
}

body:not([data-theme="light"]) img.sidebar-logo {
    /* filter: invert(100%); */
    /* filter: grayscale(100%) brightness(0); */
    /* filter: invert(100%) sepia(100%) saturate(500%) hue-rotate(180deg); */
  }

body:not([data-theme="light"]) img.sidebar-logo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
mix-blend-mode: difference; /* Blend mode to achieve desired effect */
pointer-events: none; /* Ensure the overlay doesn't interfere with interactions */
}