/* Component tokens */

.toolbar_hJES6 {
    --color-toolbar-surface: var(--sp-color-bg-menu-default);
    --color-toolbar-border: var(--sp-color-border-menu-default);
}

.theme-color-dark .toolbar_hJES6 {
    --color-toolbar-surface: var(--sp-color-bg-menu-dark-default);
    --color-toolbar-border: var(--sp-color-border-menu-dark-default);
}

.toolbar_hJES6 {
    background-color: var(--color-toolbar-surface);
    border: 1px solid var(--color-toolbar-border);
    box-shadow: var(--sp-shadow-elevated);
    padding: var(--spacing-xs);
    border-radius: var(--sp-radius-400);
}

.toolbar_hJES6,
.toolbar_hJES6 > .toolbarGroup_mD69e {
    gap: var(--spacing-xs);
}

.toolbar_hJES6 > .toolbarGroup_mD69e + .toolbarGroup_mD69e {
    padding-left: var(--spacing-xs);
    border-left: 1px solid var(--color-toolbar-border);
}