.ux-views{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.ux-view{border:1px solid var(--pf-line);border-radius:var(--pf-radius-chip);background:var(--pf-surface);min-height:38px;color:var(--pf-ink-2);cursor:pointer;transition:background-color var(--pf-motion-fast) var(--pf-ease), border-color var(--pf-motion-fast) var(--pf-ease), color var(--pf-motion-fast) var(--pf-ease);align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.ux-view:hover{border-color:var(--pf-blue-300);color:var(--pf-blue-700)}.ux-view[aria-pressed=true]{background:var(--pf-blue-700);border-color:var(--pf-blue-700);color:var(--pf-on-color)}.ux-view[aria-pressed=true] .ux-view-count{background:var(--pf-surface);color:var(--pf-blue-800)}.ux-view:focus-visible{outline:var(--pf-focus-ring);outline-offset:var(--pf-focus-offset)}.ux-view-count{border-radius:var(--pf-radius-chip);background:var(--pf-neutral-50);min-width:20px;color:var(--pf-ink-2);text-align:center;font-variant-numeric:tabular-nums;padding:1px 7px;font-size:12px}.ux-view-count-active{background:var(--pf-neutral-50);color:var(--pf-neutral-700);font-weight:600}.ux-tabs{border-bottom:1px solid var(--pf-line);scrollbar-width:thin;gap:22px;margin:0 0 22px;display:flex;overflow-x:auto}.ux-tab{min-height:44px;color:var(--pf-ink-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:none;align-items:center;gap:8px;margin:0 0 -1px;padding:10px 2px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.ux-tab:hover{color:var(--pf-blue-700)}.ux-tab[aria-current=page],.ux-tab[aria-pressed=true]{color:var(--pf-blue-800);border-bottom-color:var(--pf-blue-600)}.ux-tab:focus-visible{outline:var(--pf-focus-ring);outline-offset:-2px;border-radius:var(--pf-radius-sm)}@media (max-width:720px){.ux-tabs{scroll-snap-type:x proximity;gap:18px}.ux-tab{scroll-snap-align:start}.ux-views{scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.ux-view{white-space:nowrap;scroll-snap-align:start;flex:none;min-height:44px}}.ux-tabs-overflow{flex-wrap:nowrap;position:relative}@media (min-width:721px){.ux-tabs.ux-tabs-overflow,.ux-views.ux-tabs-overflow{overflow:visible}}.ux-tabs-measure{visibility:hidden;pointer-events:none;width:max-content;height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.ux-tabs-measure>*{white-space:nowrap;flex:none}@media (max-width:720px){.ux-tabs-measure{display:none}}.ux-popup{flex:none;display:inline-flex}.ux-tab-more,.ux-view-more{white-space:nowrap;flex:none;gap:4px}.ux-tab-more[aria-expanded=true]{color:var(--pf-blue-700)}.ux-tab-more>svg,.ux-view-more>svg{color:currentColor;transition:transform var(--pf-motion-fast) var(--pf-ease)}.ux-tab-more[aria-expanded=true]>svg,.ux-view-more[aria-expanded=true]>svg{transform:rotate(180deg)}.ux-menu-popup .ux-popup-item{align-items:center;gap:10px;display:flex}.ux-menu-popup .ux-popup-item>svg{color:var(--pf-ink-3);flex:none}.ux-menu-popup .ux-popup-item:hover>svg,.ux-menu-popup .ux-popup-item:focus>svg{color:currentColor}.ux-menu-popup .ux-popup-label{flex:1;min-width:0}.ux-menu-popup .ux-popup-item[aria-current=page]{color:var(--pf-blue-800);font-weight:600}.ux-menu-popup .ux-popup-separated{border-top:1px solid var(--pf-line);margin-top:4px;padding-top:4px}.ux-menu-popup .ux-popup-header{border-bottom:1px solid var(--pf-line);margin-bottom:4px;padding:8px 12px 10px}@media (prefers-reduced-motion:reduce){.ux-tab-more>svg,.ux-view-more>svg{transition:none}}.ux-tab{transition:color var(--pf-motion-fast) var(--pf-ease);position:relative}.ux-tab:after{content:"";border-radius:var(--pf-radius-xs) var(--pf-radius-xs) 0 0;background:var(--pf-blue-600);height:3px;transition:transform var(--pf-motion) var(--pf-ease);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.ux-tab[aria-current=page]:after,.ux-tab[aria-pressed=true]:after{transform:scaleX(1)}.ux-tabs>.ux-tab[aria-current=page],.ux-tabs>.ux-tab[aria-pressed=true]{border-bottom-color:#0000}.ux-view-count{transition:background-color var(--pf-motion-fast) var(--pf-ease), color var(--pf-motion-fast) var(--pf-ease)}.ux-tab[aria-current=page] .ux-view-count,.ux-tab[aria-pressed=true] .ux-view-count{background:var(--pf-blue-100);color:var(--pf-blue-800)}.ux-tab>svg{color:var(--pf-ink-3);transition:color var(--pf-motion-fast) var(--pf-ease);flex:none;margin-right:-2px}.ux-tab:hover>svg,.ux-tab[aria-current=page]>svg{color:currentColor}
