.dev-app-root{--tds-docs-nav-offset:calc(var(--gtd-nav-height) + env(safe-area-inset-top,0px))}@media (min-width:768px){.dev-app-root{--tds-docs-nav-offset:calc(var(--gtd-nav-height-desktop) + env(safe-area-inset-top,0px))}}.dev-app-root .gtd-site-header{z-index:var(--z-overlay);position:fixed;top:0;left:0;right:0}.dev-app-root main{min-height:0;padding-top:var(--tds-docs-nav-offset);flex-direction:column;flex:1;display:flex}body:has(.dev-app-root){background:var(--gtd-bg)!important;color:var(--gtd-text)!important}.dev-app-footer{margin-top:auto}
.tds-docs-shell{width:100%;min-height:calc(100vh - var(--tds-docs-nav-offset));flex-direction:column;display:flex}.tds-docs-layout{flex:1;grid-template-columns:280px minmax(0,1fr);align-items:start;width:100%;min-height:0;display:grid}.tds-docs-sidebar{top:var(--tds-docs-nav-offset);width:280px;height:calc(100vh - var(--tds-docs-nav-offset));max-height:calc(100vh - var(--tds-docs-nav-offset));border-right:1px solid var(--gtd-border);flex-direction:column;align-self:start;padding:24px 0 16px;display:flex;position:sticky;overflow:hidden}.tds-docs-sidebar .gtd-sidebar__header{padding-top:0}.tds-docs-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:48px;min-width:0;padding:40px clamp(16px,3vw,48px) 80px;display:grid}@media (min-width:1200px){.tds-docs-body{grid-template-columns:minmax(0,720px) 200px}}.tds-docs-article{width:100%;min-width:0;max-width:720px}.tds-docs-article__title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tds-docs-article__title-row .tds-docs-article__title{margin:0}.tds-docs-article__badges{align-items:center;gap:8px;display:flex}.tds-docs-nav-item{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.tds-docs-nav-item__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tds-docs-nav-item__badge{flex-shrink:0}.tds-docs-article__title{letter-spacing:-.03em;color:var(--gtd-text);font-size:32px;font-weight:800;line-height:1.25}.tds-docs-article__lead{color:var(--gtd-text-sub);margin-top:16px;font-size:17px;line-height:1.7}.tds-docs-article__content{color:var(--gtd-text-sub);margin-top:32px;font-size:15px;line-height:1.75}.tds-docs-article__content h2{letter-spacing:-.02em;color:var(--gtd-text);scroll-margin-top:calc(var(--tds-docs-nav-offset) + 24px);margin-top:48px;margin-bottom:16px;font-size:24px;font-weight:800}.tds-docs-article__content h3{color:var(--gtd-text);scroll-margin-top:calc(var(--tds-docs-nav-offset) + 24px);margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:700}.tds-docs-article__content p{margin-bottom:16px}.tds-docs-article__content ul{margin-bottom:16px;padding-left:20px;list-style:outside}.tds-docs-article__content li{margin-bottom:8px}.tds-docs-article__content h4{color:var(--gtd-text);scroll-margin-top:calc(var(--tds-docs-nav-offset) + 24px);margin-top:24px;margin-bottom:10px;font-size:15px;font-weight:700}.tds-docs-article__content code{background:var(--gtd-surface);color:var(--gtd-text);border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.9em}.tds-docs-toc{top:calc(var(--tds-docs-nav-offset) + 24px);flex-shrink:0;width:200px;display:none;position:sticky}@media (min-width:1200px){.tds-docs-toc{display:block}}.tds-docs-toc__label{letter-spacing:.04em;text-transform:uppercase;color:var(--gtd-text-faint);margin-bottom:12px;font-size:12px;font-weight:700}.tds-docs-toc__link{color:var(--gtd-text-mute);border-left:2px solid #0000;margin-left:-12px;padding:4px 0 4px 12px;font-size:13px;text-decoration:none;display:block}.tds-docs-toc__link:hover,.tds-docs-toc__link.is-active{color:var(--gtd-highlight);border-left-color:var(--gtd-highlight)}.tds-docs-pager{border-top:1px solid var(--gtd-border);justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;display:flex}.tds-docs-pager__link{border:1px solid var(--gtd-border);border-radius:12px;flex-direction:column;gap:4px;max-width:45%;padding:12px 16px;text-decoration:none;transition:border-color .12s,background-color .12s;display:flex}.tds-docs-pager__link:hover{border-color:var(--gtd-border-accent);background:var(--gtd-primary-soft)}.tds-docs-pager__link--next{text-align:right;margin-left:auto}.tds-docs-pager__dir{color:var(--gtd-text-mute);font-size:12px;font-weight:600}.tds-docs-pager__title{color:var(--gtd-highlight);font-size:14px;font-weight:700}.tds-docs-soon{border:1px dashed var(--gtd-border-strong);background:var(--gtd-surface);text-align:center;border-radius:16px;margin-top:32px;padding:32px}.tds-docs-soon__title{color:var(--gtd-text);font-size:18px;font-weight:700}.tds-docs-soon__desc{color:var(--gtd-text-mute);margin-top:8px;font-size:14px}.tds-docs-color-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:24px 0;display:grid}.tds-docs-color-swatch{border:1px solid var(--gtd-border);border-radius:12px;overflow:hidden}.tds-docs-color-swatch__chip{height:72px}.tds-docs-color-swatch__meta{background:var(--gtd-bg-2);padding:10px 12px}.tds-docs-color-swatch__name{color:var(--gtd-text);font-size:13px;font-weight:700}.tds-docs-color-swatch__hex{color:var(--gtd-text-mute);margin-top:2px;font-family:ui-monospace,monospace;font-size:12px}.tds-editable-example{border:1px solid var(--gtd-border);background:var(--gtd-bg-2);border-radius:16px;margin:20px 0 28px;overflow:hidden}.tds-editable-example__canvas{background:var(--gtd-bg-2);flex-wrap:wrap;align-items:center;gap:8px;min-height:88px;padding:24px;display:flex}.tds-docs-props-table{border:1px solid var(--gtd-border);border-radius:16px;margin-top:8px;overflow:hidden}.tds-docs-props-table table{border-collapse:collapse;width:100%;font-size:14px}.tds-docs-props-table th{text-align:left;color:var(--gtd-text);background:var(--gtd-surface);border-bottom:1px solid var(--gtd-border);padding:12px 16px;font-weight:700}.tds-docs-props-table td{border-bottom:1px solid var(--gtd-border);vertical-align:top;padding:12px 16px}.tds-docs-props-table tr:last-child td{border-bottom:none}.tds-docs-props-table__prop{color:var(--gtd-ui-primary,var(--gtd-highlight));font-family:ui-monospace,monospace;font-size:13px;font-weight:600}.tds-docs-props-table__required{color:var(--tds-red-500)}.tds-docs-props-table__type{color:var(--gtd-text-sub);font-family:ui-monospace,monospace;font-size:12px}.tds-docs-props-table__default{color:var(--gtd-text-mute);font-family:ui-monospace,monospace;font-size:12px}.tds-docs-props-table__desc{color:var(--gtd-text-sub);line-height:1.6}.tds-docs-type-row{border-bottom:1px solid var(--gtd-border);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.tds-docs-type-row__spec{color:var(--gtd-text-mute);white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px}.tds-docs-spacing-list{flex-direction:column;gap:12px;margin:24px 0;display:flex}.tds-docs-spacing-row{border-bottom:1px solid var(--gtd-border);align-items:center;gap:16px;padding:12px 0;display:flex}.tds-docs-spacing-row__bar{background:var(--gtd-ui-primary);border-radius:4px;flex-shrink:0;height:8px}.tds-docs-spacing-row__meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tds-docs-spacing-row__name{color:var(--gtd-text);font-family:ui-monospace,monospace;font-size:14px;font-weight:700}.tds-docs-spacing-row__value{color:var(--gtd-ui-primary);font-family:ui-monospace,monospace;font-size:13px}.tds-docs-spacing-row__usage{color:var(--gtd-text-mute);font-size:13px}.tds-docs-radius-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:24px 0;display:grid}.tds-docs-radius-swatch{border:1px solid var(--gtd-border);border-radius:12px;overflow:hidden}.tds-docs-radius-swatch__chip{background:var(--gtd-ui-primary-soft);border:2px solid var(--gtd-ui-primary);height:72px}.tds-docs-radius-swatch__meta{background:var(--gtd-bg-2);padding:10px 12px}.tds-docs-radius-swatch__name{color:var(--gtd-text);font-size:13px;font-weight:700}.tds-docs-radius-swatch__spec{color:var(--gtd-text-mute);margin-top:2px;font-size:12px}.tds-docs-elevation-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:24px 0;display:grid}.tds-docs-elevation-swatch__chip{background:var(--gtd-bg-2);border:1px solid var(--gtd-border);border-radius:12px;height:80px}.tds-docs-elevation-swatch{border-radius:12px;overflow:hidden}.tds-docs-elevation-swatch__meta{padding:10px 0}.tds-docs-elevation-swatch__name{color:var(--gtd-text);font-size:13px;font-weight:700}.tds-docs-elevation-swatch__token{color:var(--gtd-text-mute);margin-top:2px;font-family:ui-monospace,monospace;font-size:12px}@media (max-width:1023px){.tds-docs-layout{grid-template-columns:minmax(0,1fr)}.tds-docs-sidebar{border-right:none;border-bottom:1px solid var(--gtd-border);width:100%;height:auto;max-height:none;padding:16px 0;position:static;overflow:visible}.tds-docs-body{grid-template-columns:minmax(0,1fr);padding:24px 16px 64px}.tds-docs-article__title{font-size:26px}}