@layer components{[data-ui=separator]{--separator-color:var(--color-surface-container-highest)}[data-ui=separator][data-orientation=vertical]{--separator-width:1px;--separator-height:100%}[data-ui=separator][data-orientation=horizontal]{--separator-width:100%;--separator-height:1px}[data-ui=separator][data-variant=line]{width:var(--separator-width);height:var(--separator-height);background-color:var(--separator-color)}[data-ui=separator][data-variant=solid-text],[data-ui=separator][data-variant=underline]{width:100%;font:var(--font-label-md);color:var(--color-on-surface-variant);text-transform:uppercase;border-radius:var(--radius-xs)}:is([data-ui=separator][data-variant=solid-text],[data-ui=separator][data-variant=underline])[data-variant=solid-text]{padding:var(--spacing-6) calc(var(--spacing-16) + var(--spacing-4));background-color:var(--color-surface-container-low)}:is([data-ui=separator][data-variant=solid-text],[data-ui=separator][data-variant=underline])[data-variant=underline]{padding:var(--spacing-2);border-bottom:2px solid var(--separator-color)}[data-ui=separator][data-variant=content]{gap:var(--spacing-10);width:100%;font:var(--font-label-sm);color:var(--color-on-surface-variant);white-space:nowrap;align-items:center;display:flex}[data-ui=separator][data-variant=content][data-orientation=vertical]{flex-direction:column;align-items:center;height:100%}[data-ui=separator][data-variant=content]:before,[data-ui=separator][data-variant=content]:after{width:var(--separator-width);height:var(--separator-height);content:"";background-color:var(--color-surface-container-highest);display:block}}