.color-scheme-popout {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin:
        0
        0
        var(--spacing-sm)
        calc(var(--spacing-xs) * -1);
    display: flex;
    flex-direction: column;
    border:
        var(--border-width-content)
        solid
        var(--color-content-border);
    border-radius: var(--border-radius-content);
    background-color: var(--color-content-background);
    color: var(--color-body-text);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

button.color-scheme-option {
    border-radius: 0;
    outline-offset: calc(var(--focus-outline-size) * -1);
}

button.color-scheme-option:first-child:focus-visible {
    border-top-left-radius: var(--border-radius-content);
    border-top-right-radius: var(--border-radius-content);
}

button.color-scheme-option:last-child:focus-visible {
    border-bottom-left-radius: var(--border-radius-content);
    border-bottom-right-radius: var(--border-radius-content);
}