: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: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:var(--gcds-spacing-300) 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-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)}.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}.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}