* {
    scrollbar-color: hsl(var(--border)) hsl(var(--background));
    scrollbar-width: thin;
}

#content ul:not(.search) p,
#content ul:not(.search)>li {
    margin-top: 0.7rem;
}

div.mxgraph {
    border: 1px solid hsl(var(--border)) !important;
}

div.mxTooltip {
    border: 1px solid hsl(var(--sd-color-card-border-hover)) !important;
    background-color: hls(var(--background)) !important;
    color: hsl(var(--primary)) !important;
}

:is(div, span):has(img.geAdaptiveAsset) {
    border: 1px solid hsl(var(--border)) !important;
    background-color: hsl(var(--background)) !important;
}

html.dark div img.geAdaptiveAsset {
    filter: invert(1);
}

.geDiagramContainer {
    border: 1px solid hsl(var(--border)) !important;
}

.geDiagramContainer+img+div {
    display: flex;
}

.geDiagramContainer svg {
    background-color: hsla(var(--background)) !important;
}

.cvbadge {
    display: inline-block;
}

.prompt.empty.docutils.container {
    display: none;
}

.prompt.empty.docutils.container + .output_area.docutils.container {
    padding-left: 0;
    padding-right: 0;
}

.drawio-button {
    top: 1vw;
    right: 1vw;;
    position: absolute;
    z-index: 1;
    background-color: hsl(var(--background)) !important;
    color: hsl(var(--primary)) !important;
    border: 1px solid hsl(var(--border)) !important;
    border-radius: 0 0 0 0.25rem !important;
    padding: 0.5rem 1rem !important;
    pointer-events: none;
    font-size: 15px;
}