:root{--gcds-font-families-heading: "Lato", sans-serif;--gcds-font-families-body: "Noto Sans", sans-serif;--gcds-font-families-monospace: "Noto Sans Mono", monospace;--gcds-color-blue-dark: #26374a;--gcds-color-blue-vivid: #1354ec;--gcds-color-blue-light: #d6e4f5;--gcds-color-red-dark: #861322;--gcds-color-red-default: #b3192e;--gcds-color-red-light: #f9d2d7;--gcds-color-green-dark: #0f3d20;--gcds-color-green-default:#196636;--gcds-color-green-light: #d6f5e1;--gcds-text-primary: #333333;--gcds-text-secondary: #595959;--gcds-text-disabled: #808080;--gcds-bg-primary: #26374a;--gcds-bg-light: #f2f2f2;--gcds-bg-white: #ffffff;--gcds-bg-page: #f5f5f5;--gcds-border-default: #8c8c8c;--gcds-border-light: #cccccc;--gcds-danger-border: #b3192e;--gcds-danger-text: #b3192e;--gcds-link-default: #1f497a;--gcds-link-hover: #1354ec;--gcds-link-visited: #4b248f;--gcds-border-radius-sm: .125rem;--gcds-border-radius-md: .375rem;--gcds-border-width-sm: .0625rem;--gcds-border-width-md: .125rem;--gcds-border-width-lg: .25rem;--gcds-border-width-xl: .375rem;--gcds-spacing-50: .25rem;--gcds-spacing-75: .375rem;--gcds-spacing-100: .5rem;--gcds-spacing-150: .75rem;--gcds-spacing-200: 1rem;--gcds-spacing-300: 1.5rem;--gcds-spacing-400: 2rem;--gcds-spacing-500: 2.5rem;--gcds-spacing-600: 3rem;--gcds-focus-outline-color: #1354ec;--gcds-focus-outline-width: var(--gcds-border-width-lg);--gcds-focus-outline-offset: var(--gcds-border-width-md);--gcds-focus-box-shadow: 0 0 0 var(--gcds-border-width-md) #ffffff}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;font-family:var(--gcds-font-families-body);font-size:1.125rem;line-height:1.55;color:var(--gcds-text-primary);background:var(--gcds-bg-light)}a{color:var(--gcds-link-default)}a:hover{color:var(--gcds-link-hover)}a:visited{color:var(--gcds-link-visited)}code{font-family:var(--gcds-font-families-monospace);font-size:.875em;background:#eeeef8;padding:.1em .35em;border-radius:var(--gcds-border-radius-sm)}.issue-table-wrapper{margin-top:var(--gcds-spacing-500);border-top:var(--gcds-border-width-sm) solid var(--gcds-border-light);padding-top:var(--gcds-spacing-300)}.issue-table__heading{font-family:var(--gcds-font-families-body);font-size:1rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-200);padding-bottom:var(--gcds-spacing-100)}.issue-table__heading:after{content:"";display:block;width:3rem;height:var(--gcds-border-width-xl);background:var(--gcds-color-red-default);margin-top:var(--gcds-spacing-100)}.issue-table th{text-align:left;padding:var(--gcds-spacing-100) var(--gcds-spacing-150);font-weight:700;color:var(--gcds-text-secondary);border-bottom:var(--gcds-border-width-md) solid var(--gcds-border-light)}.issue-table td{padding:var(--gcds-spacing-100) var(--gcds-spacing-150);border-bottom:var(--gcds-border-width-sm) solid var(--gcds-border-light);vertical-align:top}.issue-table a{color:var(--gcds-link-default)}.issue-table a:hover{color:var(--gcds-link-hover)}margin-top: 3rem; border-top: 1px solid #ddd; padding-top: 2rem; } .issue-table__heading{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0 0 .75rem}.issue-table{width:100%;border-collapse:collapse;font-size:.875rem}.issue-table th{text-align:left;padding:.5rem .75rem;font-weight:700;color:#555;border-bottom:2px solid #ddd}.issue-table td{padding:.625rem .75rem;border-bottom:1px solid #eee;vertical-align:top}.issue-table tr:last-child td{border-bottom:none}.page-heading{font-family:var(--gcds-font-families-heading);font-size:2rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-50);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--gcds-spacing-150);border-bottom:var(--gcds-border-width-xl) solid var(--gcds-color-blue-dark);padding-bottom:var(--gcds-spacing-150)}.page-description{font-size:1rem;color:var(--gcds-text-primary);line-height:1.6;margin:var(--gcds-spacing-300) 0 var(--gcds-spacing-150);max-width:48rem}.page-description a{color:var(--gcds-link-default);text-underline-offset:.2em}.page-description a:hover{color:var(--gcds-link-hover)}.variant-heading{margin-top:var(--gcds-spacing-500);margin-bottom:0}.variant-heading--spaced{margin-top:var(--gcds-spacing-900)}.variant-heading__title{font-family:var(--gcds-font-families-body);font-size:1.5rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-150);padding-bottom:var(--gcds-spacing-100);border-bottom:var(--gcds-border-width-md) solid var(--gcds-color-blue-dark)}.variant-heading__title:before{display:none}.variant-heading__desc{font-size:1rem;color:var(--gcds-text-secondary);line-height:1.6;margin:0;max-width:48rem}.variant-heading__desc code{font-size:.875em;background:#f0f4f9;padding:.1em .35em;border-radius:3px}.section__heading{font-family:var(--gcds-font-families-body);font-size:1.125rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-200);padding-bottom:var(--gcds-spacing-100)}.section__heading:after{content:"";display:block;width:3rem;height:var(--gcds-border-width-xl);background:var(--gcds-color-blue-dark);margin-top:var(--gcds-spacing-100)}.section__description{font-size:1rem;color:var(--gcds-text-secondary);margin:var(--gcds-spacing-100) 0 var(--gcds-spacing-200);line-height:1.6}.preview{background:var(--gcds-bg-white);border:var(--gcds-border-width-sm) solid var(--gcds-border-light);border-top:var(--gcds-border-width-md) solid var(--gcds-color-blue-dark);border-radius:0 0 var(--gcds-border-radius-md) var(--gcds-border-radius-md);padding:var(--gcds-spacing-300)}.page-heading__ref-link{font-family:var(--gcds-font-families-body);font-size:.875rem;font-weight:400;color:var(--gcds-link-default);text-decoration:underline}.page-heading__ref-link:hover{color:var(--gcds-link-hover)}.page-heading__ref-link:focus-visible{outline:var(--gcds-focus-outline-width) solid var(--gcds-focus-outline-color);outline-offset:var(--gcds-focus-outline-offset);box-shadow:var(--gcds-focus-box-shadow);border-radius:var(--gcds-border-radius-sm)}.page-divider{border:none;border-top:var(--gcds-border-width-sm) solid var(--gcds-border-light);margin:var(--gcds-spacing-300) 0 var(--gcds-spacing-500)}.group-heading{font-family:var(--gcds-font-families-body);font-size:1.25rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-50)}.group-heading__sub{font-size:1rem;color:var(--gcds-text-secondary);margin:0 0 var(--gcds-spacing-400);line-height:1.6}.section{margin-bottom:var(--gcds-spacing-600)}.section__heading{font-family:var(--gcds-font-families-body);font-size:1.125rem;font-weight:700;color:var(--gcds-text-primary);margin:0 0 var(--gcds-spacing-50)}.section__description{font-size:1rem;color:var(--gcds-text-secondary);margin:0 0 var(--gcds-spacing-200);line-height:1.6}.section__body{margin-top:var(--gcds-spacing-200)}.preview{background:var(--gcds-bg-white);border:var(--gcds-border-width-sm) solid var(--gcds-border-light);border-radius:var(--gcds-border-radius-md);padding:var(--gcds-spacing-300)}.example-value{margin:var(--gcds-spacing-200) 0 0;font-size:.9375rem;color:var(--gcds-text-secondary)}.example-success{margin:0;font-size:.9375rem;color:var(--gcds-color-green-default);font-weight:600}.page-related{font-size:1rem;color:var(--gcds-text-secondary);margin:0}.page-related a{color:var(--gcds-link-default)}.page-related a:hover{color:var(--gcds-link-hover)}.api-docs{margin:var(--gcds-spacing-500) 0 0;display:flex;flex-direction:column;gap:var(--gcds-spacing-400)}.api-docs__section-title{font-family:var(--gcds-font-families-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gcds-text-secondary);margin:0 0 var(--gcds-spacing-150)}.api-docs__table-wrap{overflow-x:auto;border:var(--gcds-border-width-sm) solid var(--gcds-border-light);border-radius:var(--gcds-border-radius-md)}.api-docs__table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.5}.api-docs__table thead{background:#f4f6fa}.api-docs__table th{padding:.5rem .875rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gcds-text-secondary);border-bottom:var(--gcds-border-width-sm) solid var(--gcds-border-light);white-space:nowrap}.api-docs__table td{padding:.625rem .875rem;vertical-align:top;color:var(--gcds-text-primary);border-bottom:var(--gcds-border-width-sm) solid var(--gcds-border-light)}.api-docs__table tr:last-child td{border-bottom:none}.api-docs__table tbody tr:hover{background:#fafbfd}.api-docs__table td:first-child{font-family:Noto Sans Mono,Courier New,monospace;font-size:.8125rem;color:#1a4a7a;white-space:nowrap}.api-docs__col--type,.api-docs__col--default{font-family:Noto Sans Mono,Courier New,monospace;font-size:.8125rem;color:var(--gcds-text-secondary);white-space:nowrap}.api-docs__table code{font-size:.8125em;background:#edf1f7;padding:.1em .35em;border-radius:3px;font-family:Noto Sans Mono,Courier New,monospace}.api-docs__required{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a33;background:#fff0f0;border:1px solid #f5c6c6;border-radius:3px;padding:.05em .4em;vertical-align:middle;margin-left:.4em}.site-header{background:var(--gcds-bg-primary);border-bottom:var(--gcds-border-width-xl) solid #af3c43}.site-header__inner{max-width:57rem;margin:0 auto;padding:var(--gcds-spacing-200) var(--gcds-spacing-300);display:flex;align-items:baseline;gap:var(--gcds-spacing-300);flex-wrap:wrap}.site-header__title{font-family:var(--gcds-font-families-heading);font-size:1.0625rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.01em;flex-shrink:0}.site-header__title:hover,.site-header__title:visited{color:#fff;text-decoration:underline}.site-header__title:focus-visible{outline:var(--gcds-border-width-lg) solid #ffffff;outline-offset:var(--gcds-border-width-sm);border-radius:var(--gcds-border-radius-sm)}.site-header__tagline{font-family:var(--gcds-font-families-body);font-size:.875rem;font-weight:400;color:#ffffffb3;letter-spacing:.01em}.breadcrumb{padding:var(--gcds-spacing-200) 0 0;border-bottom:var(--gcds-border-width-sm) solid var(--gcds-border-light);margin-bottom:var(--gcds-spacing-400)}.skip-link{position:absolute;top:-9999px;left:0;background:var(--gcds-focus-outline-color);color:#fff;padding:var(--gcds-spacing-100) var(--gcds-spacing-200);text-decoration:none;font-family:var(--gcds-font-families-body);font-weight:600;font-size:1rem;z-index:100}.back-link{display:inline-block;margin-bottom:var(--gcds-spacing-200);font-size:1rem;color:var(--gcds-link-default);text-decoration:underline;text-underline-offset:.2em}.skip-link:focus{top:0}.layout-container{max-width:57rem;margin:0 auto;padding:var(--gcds-spacing-400) var(--gcds-spacing-300) var(--gcds-spacing-600)}.back-link{display:inline-block;margin-bottom:var(--gcds-spacing-300);font-size:1rem;color:var(--gcds-link-default);text-decoration:underline;text-underline-offset:.2em}.back-link:hover{color:var(--gcds-link-hover)}.back-link:visited{color:var(--gcds-link-visited)}.back-link:focus-visible{outline:var(--gcds-focus-outline-width) solid var(--gcds-focus-outline-color);outline-offset:var(--gcds-focus-outline-offset);box-shadow:var(--gcds-focus-box-shadow);border-radius:var(--gcds-border-radius-sm)}.home-heading{font-family:var(--gcds-font-families-heading);font-size:2.25rem;font-weight:700;color:var(--gcds-text-primary);margin:var(--gcds-spacing-300) 0 var(--gcds-spacing-100)}.home-description{font-size:1.125rem;color:var(--gcds-text-secondary);max-width:50rem;margin:var(--gcds-spacing-100) 0 var(--gcds-spacing-500);line-height:1.6}.section-heading{font-family:var(--gcds-font-families-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gcds-text-secondary);margin:0 0 var(--gcds-spacing-200);border-bottom:var(--gcds-border-width-md) solid var(--gcds-border-light);padding-bottom:var(--gcds-spacing-100)}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gcds-spacing-200);margin-bottom:var(--gcds-spacing-600)}.component-card{background:var(--gcds-bg-white);border:var(--gcds-border-width-md) solid var(--gcds-border-light);border-left:var(--gcds-border-width-xl) solid var(--gcds-color-blue-dark);border-radius:var(--gcds-border-radius-md);padding:var(--gcds-spacing-200) var(--gcds-spacing-300);text-decoration:none;color:var(--gcds-text-primary);display:block;transition:box-shadow .15s ease}.component-card:hover{box-shadow:0 2px 8px #26374a26;border-left-color:var(--gcds-color-blue-vivid)}.component-card:focus-visible{outline:var(--gcds-focus-outline-width) solid var(--gcds-focus-outline-color);outline-offset:var(--gcds-focus-outline-offset);box-shadow:var(--gcds-focus-box-shadow)}.component-card__name{font-family:var(--gcds-font-families-body);font-size:1rem;font-weight:600;margin:0 0 var(--gcds-spacing-50);color:var(--gcds-text-primary)}.component-card__description{font-size:.9375rem;color:var(--gcds-text-secondary);margin:0;line-height:1.5}.main-content:focus{outline:none}