@layer components{[data-ui=tabs]{gap:var(--spacing-8);flex-direction:column;display:flex}[data-ui=tabs][data-orientation=vertical]{flex-direction:row}[data-ui=tabs] [data-ui=tabs-panel]{width:100%}[data-ui=tabs] [data-ui=tabs-list]{border-radius:var(--radius-md);background:var(--color-surface-container-low);width:fit-content;padding:var(--spacing-4);align-items:center;display:flex;position:relative}[data-ui=tabs] [data-ui=tabs-list] [data-ui=tabs-tab]{cursor:pointer;padding:var(--spacing-6) var(--spacing-12);border-radius:var(--radius-sm);color:var(--color-on-surface);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:var(--transition-expressive-fast-effects);z-index:1;font:var(--font-label-lg);background-color:#0000;border:0;outline:0;font-weight:500;position:relative}[data-ui=tabs] [data-ui=tabs-list] [data-ui=tabs-tab]:not([data-active]){opacity:.7}@media (hover:hover) and (pointer:fine){[data-ui=tabs] [data-ui=tabs-list] [data-ui=tabs-tab]:hover:not([data-active]){opacity:.85}}[data-ui=tabs] [data-ui=tabs-list][data-orientation=vertical]{flex-direction:column}[data-ui=tabs] [data-ui=tabs-list][data-orientation=vertical] [data-ui=tabs-tab]{text-align:left}[data-ui=tabs] [data-ui=tabs-list] [data-ui=tabs-indicator]{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-sm);transition:left var(--transition-expressive-fast-spatial), top var(--transition-expressive-fast-spatial), width var(--transition-expressive-fast-spatial), height var(--transition-expressive-fast-spatial), transform var(--transition-expressive-fast-spatial);z-index:0;inset:0;left:var(--active-tab-left);top:var(--active-tab-top);width:var(--active-tab-width);height:var(--active-tab-height);position:absolute}[data-ui=tabs] [data-ui=tabs-list] [data-ui=tabs-indicator][data-orientation=vertical]{width:calc(100% - var(--spacing-4) * 2);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){[data-ui=tabs] :where([data-ui=tabs-tab],[data-ui=tabs-indicator]){transition:opacity var(--transition-expressive-fast-effects)}}}