.ui-popover {
    display: inline-flex;
    min-width: 0;
}

:where(.ui-popover__trigger) {
    display: inline-flex;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    appearance: none;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.ui-popover__trigger:focus-visible {
    outline: none;
    box-shadow: var(--shadow-focus);
}

.ui-popover__content {
    position: fixed;
    z-index: var(--z-popover);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--divider);
    border-radius: var(--radius-popover);
    background: var(--surface);
    box-shadow: var(--shadow-lg);
    color: var(--text-primary);
}

.ui-popover__content:focus {
    outline: none;
}