.tw[data-tone=code] .tw-tab[aria-selected=true]{box-shadow:inset 0 calc(-1 * var(--focus-ring-width)) 0 var(--product-code)}.tw-slot .tw-tile[aria-selected=true] .tw-tile-box{border-color:var(--product-code)}.code-seg{isolation:isolate;max-width:100%;padding:var(--space-3xs);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);align-items:center;display:inline-flex;position:relative}.code-seg-pill{top:var(--space-3xs);bottom:var(--space-3xs);left:var(--pill-l,var(--space-3xs));right:var(--pill-r,var(--space-3xs));z-index:-1;border-radius:var(--radius-full);background-color:var(--bg-surface);transition:left var(--motion-default), right var(--motion-default);position:absolute}.code-seg[data-dir=fwd] .code-seg-pill{transition:right var(--motion-push), left var(--motion-default) var(--dur-fast)}.code-seg[data-dir=back] .code-seg-pill{transition:left var(--motion-push), right var(--motion-default) var(--dur-fast)}.code-seg-item{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font:inherit;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);white-space:nowrap;color:var(--text-secondary);cursor:pointer;transition:color var(--motion-state);background:0 0;border:0;font-weight:500;display:inline-flex}.code-seg-item[aria-selected=true],.code-seg-item[aria-checked=true]{color:var(--text-primary);cursor:default}@media (hover:hover) and (pointer:fine){.code-seg-item:hover{color:var(--text-primary)}}.code-seg-item:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}@media (prefers-reduced-motion:reduce){.code-seg .code-seg-pill{transition:none}}