.content.svelte-119o9jm {
    display: grid;
    grid-auto-flow: row;
    gap: var(--spacing-2);
    place-items: center;
    position: relative;
    width: 9ch;
    max-width: 9ch
}

.content.svelte-119o9jm>.svg-icon {
    font-size: 28px
}

.badge-wrapper.svelte-119o9jm {
    position: absolute;
    top: -8px;
    left: 55%;
    display: flex;
    color: var(--color-white)
}

.dot.svelte-119o9jm {
    display: block;
    content: "";
    background: var(--color-blue-500);
    width: 12px;
    height: 6px;
    position: absolute;
    top: calc(-1 * var(--spacing-8));
    left: 50%;
    z-index: 1;
    transform: translate(-50%);
    border-radius: 0 0 var(--ds-radius-md) var(--ds-radius-md)
}

.menu-list.svelte-1shqk6u {
    background: var(--color-grey-700);
    border-radius: var(--ds-radius-md)
}

ul.svelte-1shqk6u {
    padding: var(--spacing-8) var(--spacing-2) calc(var(--spacing-6) - var(--scroll-height));
    position: relative;
    display: inline-flex;
    margin: var(--spacing-0)
}