@volverjs/style/dist/components/vv-dropdown-optgroup.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-dropdown-optgroup-display: flex;--vv-dropdown-optgroup-min-width: 0;--vv-dropdown-optgroup-overflow: hidden;--vv-dropdown-optgroup-gap: var(--spacing-sm);--vv-dropdown-optgroup-align-items: center;--vv-dropdown-optgroup-padding: var(--spacing-xs) var(--spacing-sm);--vv-dropdown-optgroup-white-space: nowrap;--vv-dropdown-optgroup-text-transform: uppercase;--vv-dropdown-optgroup-font-size: var(--text-xs);--vv-dropdown-optgroup-font-weight: var(--font-bold);--vv-dropdown-optgroup-background-color: var(--color-surface-2)}:where(.vv-dropdown-optgroup){display:var(--vv-dropdown-optgroup-display);min-width:var(--vv-dropdown-optgroup-min-width);overflow:var(--vv-dropdown-optgroup-overflow);gap:var(--vv-dropdown-optgroup-gap);align-items:var(--vv-dropdown-optgroup-align-items);padding:var(--vv-dropdown-optgroup-padding);white-space:var(--vv-dropdown-optgroup-white-space);text-transform:var(--vv-dropdown-optgroup-text-transform);font-size:var(--vv-dropdown-optgroup-font-size);font-weight:var(--vv-dropdown-optgroup-font-weight);background-color:var(--vv-dropdown-optgroup-background-color)}