@layer platform {
    .listbox {
        zoom: 1;
    }

    .listbox-body {
        overflow: auto !important;
    }

    .listbox-body .scroll-body>* {
        display: flex;
        overflow: hidden;
        transition: background-color 50ms;
        background-color: transparent;
    }

    .listbox-body .scroll-body>*:hover {
        background-color: var(--theme-bg-hover);
    }

    .listbox-body .scroll-body>*>span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .listbox-body .scroll-body>*.selected {
        background-color: var(--theme-primary-lighter);
        color: var(--theme-primary-lighter-contrast);
    }

    .listbox-body .scroll-body>*.selected:hover {
        background-color: var(--theme-primary-light);
        color: var(--theme-primary-light-contrast);
    }
}