@layer ocx{.ocx-tabs>[data-part=list]{gap:var(--ocx-space-1);scroll-snap-type:x proximity;box-shadow:inset 0 calc(-1 * var(--ocx-border-width)) 0 var(--ocx-color-border);display:flex;overflow:auto hidden}.ocx-tabs>[data-part=list]>[data-part=trigger]{align-items:center;gap:var(--ocx-space-3);padding:var(--ocx-space-3) var(--ocx-space-4);font-family:var(--ocx-font-mono);font-size:var(--ocx-text-sm);font-weight:var(--ocx-font-weight-regular);line-height:var(--ocx-lh-heading);white-space:nowrap;color:var(--ocx-color-fg-subtle);border:0;border-bottom:var(--ocx-border-width-strong) solid transparent;cursor:pointer;scroll-snap-align:start;transition:color var(--ocx-duration-base), border-bottom-color var(--ocx-duration-base);background:0 0;flex:none;margin:0;display:flex}.ocx-tabs>[data-part=list]>[data-part=trigger]:hover{color:var(--ocx-color-fg)}.ocx-tabs>[data-part=list]>[data-part=trigger][data-selected]{color:var(--ocx-color-accent-fg);font-weight:var(--ocx-font-weight-medium);border-bottom-color:var(--ocx-color-accent)}.ocx-tabs>[data-part=list]>[data-part=trigger]:focus-visible{outline:var(--ocx-focus-ring);outline-offset:calc(-1 * var(--ocx-border-width-strong))}.ocx-tabs>[data-part=content]:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset)}.ocx-tabs>[data-part=content]{margin-top:var(--ocx-space-5)}.ocx-tabs{grid-template-columns:minmax(0,1fr);display:grid}.ocx-tabs>[data-part=content]{grid-area:2/1}.ocx-tabs>[data-part=content][hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block}.ocx-tabs[data-zag-state=live]>[data-part=content]{transition:opacity var(--ocx-duration-enter) var(--ocx-ease-out), visibility var(--ocx-duration-enter) var(--ocx-ease-out)}.ocx-tabs>[data-part=content]:has(>.expressive-code:only-child),.ocx-tabs[data-zag-state=live]>[data-part=content]:has(>.expressive-code:only-child){opacity:1;transition:none}.ocx-tabs:has(>[data-part=content]>.expressive-code:only-child)>[data-part=list]{padding:var(--ocx-space-2) var(--ocx-space-3) 0;background:var(--ocx-color-surface-subtle);border:var(--ocx-border-width) solid var(--ocx-color-border);border-radius:var(--ocx-radius-lg) var(--ocx-radius-lg) 0 0;box-shadow:none;border-bottom:0}.ocx-tabs:has(>[data-part=content]>.expressive-code:only-child)>[data-part=content]{margin-top:0}.ocx-tabs>[data-part=content]>.expressive-code:only-child .frame pre{border-top:0;border-start-start-radius:0;border-start-end-radius:0}}