.floating-menu {
    display: none;
    position: absolute;
    background-color: var(--branded-theme-colours-background-default-primary);

    width: 240px;
    padding: var(--constant-padding-small) 0;

    border: 2px solid var(--branded-theme-colours-fill-tertiary);
    border-radius: var(--constant-padding-small);

    overflow: auto;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    
    transition: 0.25s;
}

.floating-menu h4 {
    color: var(--branded-theme-colours-brand-primary);
    padding: 0 var(--constant-padding-small);
}

.floating-menu small {
    color: var(--branded-theme-colours-label-secondary);
    padding: 0 var(--constant-padding-small);
}

.floating-menu-item {
    color: var(--branded-theme-colours-label-primary);
    padding: var(--constant-padding-small);
    text-decoration: none;
    cursor: pointer;
}

.floating-menu-item:hover {
    background-color: var(--branded-theme-colours-fill-quaternary);
}

.floating-menu-item.selected {
    background-color: var(--branded-theme-colours-background-default-secondary);
}

.floating-menu-item.selected:hover {
    background-color: var(--branded-theme-colours-background-default-secondary);
}

.floating-menu-item img {
    display: none;
}

.floating-menu-item.selected img {
    display: block;
}

.floating-menu.show {
    display: block;
}