.oq-tabs{flex-direction:column;display:flex}.oq-tabs[data-variant=block]{background:var(--component-tabs-selected-bg);border:var(--border-width-sm) solid var(--component-tabs-border)}.oq-tabs[data-variant=block]>[data-slot=list]{z-index:2;background:var(--component-tabs-selected-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative;overflow:hidden}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]{min-inline-size:0;block-size:var(--component-tabs-height);padding-inline:var(--spacing-1);border:none;border-block-end:var(--border-width-sm) solid var(--component-tabs-border);border-inline-end:var(--border-width-sm) solid var(--component-tabs-border);background:var(--component-tabs-bg);color:var(--component-tabs-fg);font-family:var(--font-display);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);justify-content:center;align-items:center;line-height:1.05;display:flex;position:relative}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]:last-child{border-inline-end:none}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]:hover,.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger][aria-selected=true]{background:var(--component-tabs-selected-bg);color:var(--component-tabs-selected-fg)}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger][aria-selected=true]{border-block-end-color:var(--component-tabs-selected-bg)}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]:disabled{color:var(--color-text-disabled);cursor:not-allowed}@media (width>=768px){.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]{block-size:var(--component-tabs-height-desktop);padding-inline:var(--spacing-2);color:var(--component-tabs-fg-desktop);font-weight:var(--font-weight-normal)}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger][aria-selected=true]{font-weight:var(--font-weight-semibold)}}@media (width>=1024px){.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]{font-size:var(--font-size-16)}}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]>[data-slot=corner]{inline-size:var(--component-tabs-corner-size);block-size:var(--component-tabs-corner-size);max-inline-size:none;display:none;position:absolute;inset-block-start:var(--component-tabs-corner-offset)}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]>[data-slot=corner][data-side=start]{inset-inline-start:var(--component-tabs-corner-offset)}.oq-tabs[data-variant=block]>[data-slot=list]>[data-slot=trigger]>[data-slot=corner][data-side=end]{inset-inline-end:var(--component-tabs-corner-offset)}.oq-tabs[data-variant=block]>[data-slot=list]>[aria-selected=true]>[data-slot=corner]{display:block}.oq-tabs[data-variant=block]>[data-slot=panel]{padding-block:var(--component-tabs-panel-padding-block);padding-inline:var(--component-tabs-panel-padding-inline)}@media (width>=768px){.oq-tabs[data-variant=block]>[data-slot=panel]{padding:var(--component-tabs-panel-padding-desktop)}}.oq-tabs>[data-slot=list]>[data-slot=trigger]>[data-slot=label][data-has-short]{display:none}@media (width>=768px){.oq-tabs>[data-slot=list]>[data-slot=trigger]>[data-slot=label-short]{display:none}.oq-tabs>[data-slot=list]>[data-slot=trigger]>[data-slot=label][data-has-short]{display:inline}}.oq-tabs>[data-slot=list]>[data-slot=trigger]>[data-slot=indicator]{block-size:var(--border-width-md);pointer-events:none;position:absolute;inset-block-end:0;inset-inline:0}.oq-tabs[data-bare]>[data-slot=panel]{padding:0}[dir=rtl] .oq-tabs>[data-slot=list]>[data-slot=trigger]>[data-slot=corner]{scale:-1 1}.oq-tabs[data-variant=default]{--oq-tabs-height:var(--component-size-sm);gap:var(--spacing-2)}.oq-tabs[data-variant=default][data-size=md]{--oq-tabs-height:var(--component-size-md)}.oq-tabs[data-variant=default][data-size=lg]{--oq-tabs-height:var(--component-size-lg)}.oq-tabs[data-variant=default]>[data-slot=list]{align-self:flex-start;gap:var(--spacing-1);max-inline-size:100%;block-size:var(--oq-tabs-height);padding:var(--component-tabs-list-padding);scrollbar-width:none;background:var(--component-tabs-list-bg);border-radius:var(--component-tabs-radius);display:inline-flex;overflow-x:auto}.oq-tabs[data-variant=default]>[data-slot=list]::-webkit-scrollbar{display:none}.oq-tabs[data-variant=default][data-align=center]>[data-slot=list]{align-self:center}.oq-tabs[data-variant=default]>[data-slot=list]>[data-slot=trigger]{padding-inline:var(--spacing-3);border-radius:var(--component-tabs-radius);color:var(--color-text-body);font-family:var(--font-sans);font-size:var(--type-text-sm-size);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.oq-tabs[data-variant=default]>[data-slot=list]>[data-slot=trigger]:hover{color:var(--color-text-headings)}.oq-tabs[data-variant=default]>[data-slot=list]>[data-slot=trigger][aria-selected=true]{background:var(--component-tabs-trigger-selected-bg);color:var(--color-text-headings)}.oq-tabs[data-variant=default]>[data-slot=list]>[data-slot=trigger]:focus-visible{outline:var(--border-width-sm) solid var(--color-white);outline-offset:calc(-1 * var(--border-width-sm))}.oq-tabs[data-variant=default]>[data-slot=list]>[data-slot=trigger]:disabled{color:var(--color-text-disabled);cursor:not-allowed}.oq-tabs[data-variant=default]>[data-slot=panel]{padding:var(--component-tabs-panel-padding);border:var(--border-width-sm) solid var(--component-tabs-border);background:var(--component-tabs-panel-bg)}.oq-tabs[data-variant=default][data-bare]>[data-slot=panel]{background:0 0;border:0;padding:0}@supports selector(:has(*)){:root:has(.oq-tabs[data-transitioning])::view-transition-old(root),:root:has(.oq-tabs[data-transitioning])::view-transition-new(root){animation-duration:var(--motion-duration-fast)}}