.lt-subnav { display: flex; width: max-content; max-width: 100%; gap: 4px; margin: 0 0 18px; padding: 4px; border: 1px solid var(--line, #deded5); border-radius: 999px; background: var(--surface, #fffefa); overflow-x: auto; scrollbar-width: none; }.lt-subnav__tab { display: inline-flex; flex: none; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border-radius: 999px; color: var(--muted, #77796e); font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none; }.lt-subnav__tab svg { width: 16px; height: 16px; }.lt-subnav__tab:hover { background: var(--hover, #ececE6); color: var(--ink, #20211d); }.lt-subnav__tab[aria-current="page"] { background: var(--ink, #20211d); color: var(--ink-contrast, #fffefa); }.workspace-nav a[aria-current="page"] { background: var(--ink); color: var(--ink-contrast); }.workspace-nav a[aria-current="page"] .nav-item-icon { color: inherit; }.lt-nav-ready a[aria-current="page"], .lt-nav-ready a[aria-current="page"]:hover { background: transparent !important; }.lt-nav-host .lt-subnav__tab.lt-nav-to { color: var(--muted) !important; }.workspace-content:has(> .lt-subnav) .lt-ms-frame { height: calc(100vh - 298px); height: calc(100dvh - 298px); }@media (max-width: 720px) {.lt-subnav { margin-bottom: 14px; }.workspace-content:has(> .lt-subnav) .lt-ms-frame { height: calc(100vh - 334px); height: calc(100dvh - 334px); }}.lt-ms-bar__title > div:has(> .lt-subnav), .studio-page-intro__copy:has(> .lt-subnav) { display: flex; flex: 0 1 auto; flex-direction: column; align-items: flex-start; min-width: 0; max-width: 100%; padding: 5px 5px 0; border-radius: 26px; background: #e9e8e1; background: color-mix(in srgb, var(--ink) 8%, var(--surface)); }.studio-page-intro__copy:has(> .lt-subnav) { position: relative; max-width: 720px; margin-top: 26px; }.studio-page-intro__copy:has(> .lt-subnav) > .studio-page-intro__eyebrow { position: absolute; left: 4px; bottom: 100%; margin: 0 0 10px; white-space: nowrap; }.lt-ms-bar__title > div:has(> .lt-subnav) > h1, .studio-page-intro__copy:has(> .lt-subnav) > h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy):has(> .lt-subnav) > p:not(.lt-subnav__desc) { display: none; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav__desc { align-self: stretch; contain: inline-size; max-width: none; margin: 0; padding: 8px 15px 12px; color: var(--muted); font: 400 13px/1.6 var(--font-sans); text-wrap: pretty; }.lt-ms-bar__title:has(.lt-subnav) > .lt-ms-bar__icon { display: none; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav { order: -1; width: max-content; max-width: 100%; gap: 4px; margin: 0; padding: 0; border: 0; border-radius: 999px; background: none; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab { height: 38px; min-width: 112px; justify-content: center; gap: 8px; padding: 0 18px; border-radius: 999px; color: var(--ink); font: 400 17px/1 var(--font-editorial); letter-spacing: -.01em; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab svg { width: 17px; height: 17px; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab:hover { background: color-mix(in srgb, var(--ink) 7%, transparent); color: var(--ink); }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab[aria-current="page"] { color: var(--ink-contrast); }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-nav-pill { border-radius: 999px !important; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-nav-host .lt-subnav__tab.lt-nav-to { color: var(--ink) !important; }.lt-ms:has(.lt-ms-bar__title .lt-subnav) .lt-ms-frame { height: calc(100vh - 268px); height: calc(100dvh - 268px); }@media (max-width: 720px) {.lt-ms:has(.lt-ms-bar__title .lt-subnav) .lt-ms-frame { height: calc(100vh - 290px); height: calc(100dvh - 290px); }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav { gap: 2px; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab { min-width: 0; height: 36px; padding: 0 11px; gap: 6px; font-size: 15px; }:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab svg { width: 15px; height: 15px; }}@media (max-width: 400px) {:is(.lt-ms-bar__title > div, .studio-page-intro__copy) > .lt-subnav .lt-subnav__tab { padding: 0 9px; gap: 5px; font-size: 14px; }}