ul#spacesmenu_widget {
    overflow: auto;
    min-height: 18rem;
    flex-shrink: initial;
    padding-bottom: 1rem;
}

ul#spacesmenu_widget li span.primary.space_add:before {
    content: '';
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    background-color: rgba(var(--movim-font), 0.04);
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    border-radius: 2rem;
}

ul#spacesmenu_widget li.enabled span.primary img {
    outline: 2px solid rgba(var(--movim-font), 0.3);
    outline-offset: 2px;
    box-shadow: var(--elevation-3);
}

ul#spacesmenu_widget li.pinned span:not(.locked).primary::before {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    font-family: 'Material Symbols';
    color: rgb(var(--movim-font));
    font-variation-settings: 'FILL' 1;
    content: '\e6aa';
    font-size: 1.25rem;
    border-radius: 1rem;
    line-height: 2rem;
    width: 2rem;
    height: auto;
    background-color: rgb(var(--movim-background-main), 0.7);
    backdrop-filter: blur(1rem);
    box-shadow: var(--elevation-1);
}

ul#spacesmenu_widget li span.primary[data-counter]:after {
    content: '\e0ca';
}

/* If we have messages _and_ quote notifications, we prioritize the second one */
ul#spacesmenu_widget li span.primary[data-counter]:has(span.counter:not(:empty)):after {
    display: none;
}

ul#spacesmenu_widget li span.primary.locked::before {
    display: inline-block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    font-family: 'Material Symbols';
    color: rgb(var(--movim-font));
    font-variation-settings: 'FILL' 1;
    content: '\e897';
    background-color: rgb(var(--movim-background-main), 0.2);
    backdrop-filter: blur(0.2rem) brightness(80%);
    border-radius: 2rem;
    left: 0;
}