#home-page{margin-top:40px}.home-showcase{margin-bottom:24px}.home-showcase h2{margin-bottom:.5rem;font-size:32px}.home-showcase-lead{color:#555;max-width:60ch;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.home-showcase-grid{gap:var(--spacer-two);grid-template-columns:repeat(3,1fr);display:grid}.home-showcase-grid .card-body{gap:var(--spacer-one);flex-direction:column;display:flex}.home-showcase-demo{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:44px;display:flex}.home-showcase-demo-block{display:block}.home-showcase-caption{opacity:.7;margin:0;font-size:13px;line-height:1.5}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-showcase-lead{color:#aaa}}:root[data-theme=dark] .home-showcase-lead{color:#aaa}@media screen and (width<=900px){.home-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=600px){.home-showcase-grid{grid-template-columns:1fr}}#nav-bar .container .withSidePadding a:first-of-type{color:#000;text-decoration:none}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) #nav-bar .container .withSidePadding a:first-of-type{color:#fff}}:root[data-theme=dark] #nav-bar .container .withSidePadding a:first-of-type{color:#fff}.made-in-location{align-items:center;display:flex}.made-in-location a{border-bottom:none}@media screen and (width<=767px){.made-in-location{padding-top:10px}}.theme-toggle{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;justify-self:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:background-color .15s ease-out;display:flex}.theme-toggle:hover{background:#0000000f}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle:hover{background:#ffffff1a}}:root[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}.docs-layout-wrapper{gap:var(--spacer-five);padding-top:calc(var(--spacer-five) * 2);padding-bottom:calc(var(--spacer-five) * 2);flex-direction:row;align-items:flex-start;margin:0 auto;display:flex}.docs-sidebar{flex-shrink:0;width:200px;position:sticky;top:24px}.docs-main{flex:1;min-width:0}.docs-sidebar nav ul{margin:0;padding:0;list-style:none}.docs-sidebar-group{margin-top:32px;margin-bottom:20px}.docs-sidebar-group:first-child{margin-top:0}.docs-sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:6px;padding-left:8px;font-size:.7rem;font-weight:700}.docs-sidebar nav a{color:inherit;border-left:2px solid #0000;border-radius:4px;padding:4px 6px;font-size:.9rem;text-decoration:none;transition:background .1s ease-out,color .1s ease-out;display:block}.docs-sidebar nav a:hover{background:#0000000d}.docs-sidebar nav a.active{border-left-color:var(--blue-one-colour);color:var(--blue-one-colour);background:#279ae114;font-weight:600}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .docs-sidebar-group-label{color:#666}:root:not([data-theme=light]) .docs-sidebar nav a:hover{background:#ffffff14}:root:not([data-theme=light]) .docs-sidebar nav a.active{color:var(--blue-two-colour);border-left-color:var(--blue-two-colour);background:#279ae11f}}:root[data-theme=dark] .docs-sidebar-group-label{color:#666}:root[data-theme=dark] .docs-sidebar nav a:hover{background:#ffffff14}:root[data-theme=dark] .docs-sidebar nav a.active{color:var(--blue-two-colour);border-left-color:var(--blue-two-colour);background:#279ae11f}@media screen and (width<=768px){.docs-layout-wrapper{gap:var(--spacer-three);padding-top:var(--spacer-three);flex-direction:column}.docs-sidebar{order:2;width:100%;position:static}.docs-main{order:1}}.docs-content h1{border-bottom:1px solid var(--form-field-border-colour);margin-bottom:1rem;padding-bottom:.75rem}.docs-content h2{margin-top:2.5rem;margin-bottom:.75rem}.docs-content dialog h2,.docs-content .popover h2,.docs-content .card h2{margin-top:0;margin-bottom:0}.docs-content p,.docs-content li{max-width:72ch;margin-bottom:1rem;line-height:1.6}.docs-content h1+p{color:#555;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.docs-content code{background:#0000000f;border-radius:4px;padding:2px 6px;font-family:Menlo,Monaco,Courier New,monospace;font-size:10pt}.docs-content p a,.docs-content li a{color:var(--blue-one-colour);font-weight:600;text-decoration:none}.docs-content p a:hover,.docs-content li a:hover{text-decoration:underline}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .docs-content h1{border-bottom-color:#ffffff1f}:root:not([data-theme=light]) .docs-content h1+p{color:#aaa}:root:not([data-theme=light]) .docs-content code{background:#ffffff14}:root:not([data-theme=light]) .docs-content p a,:root:not([data-theme=light]) .docs-content li a{color:var(--blue-two-colour)}}:root[data-theme=dark] .docs-content h1{border-bottom-color:#ffffff1f}:root[data-theme=dark] .docs-content h1+p{color:#aaa}:root[data-theme=dark] .docs-content code{background:#ffffff14}:root[data-theme=dark] .docs-content p a,:root[data-theme=dark] .docs-content li a{color:var(--blue-two-colour)}.docs-example{background:#279ae108;border:1px solid #0000001a;border-radius:8px;margin-top:2rem;padding:1.5rem;position:relative}.example-component-code{justify-content:center;align-items:center;padding:32px;display:flex}.docs-example:before{content:"Example";top:0;left:var(--spacer-two);background:var(--light);text-transform:uppercase;letter-spacing:.08em;color:#aaa;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;transform:translateY(-50%)}.live-preview{border:1px solid #0000001a;border-radius:8px;margin-top:1.5rem;overflow:hidden}.live-preview-toggle{background:#279ae10d;border-bottom:1px solid #0000001a;gap:.5rem;padding:.5rem .75rem;display:flex}.live-preview-toggle button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem .75rem;font-size:.85rem;font-weight:600}.live-preview-toggle button.active{background:var(--blue-one-colour);color:#fff}.live-preview-frame{background:#fff;border:none;width:100%;transition:height .15s ease-out;display:block}.component-example{border:1px solid #0000001a;border-radius:8px;margin-top:1.5rem;overflow:hidden}.component-example .live-preview-toggle{border-bottom:none}.component-example .tabs-list{border-bottom:1px solid #0000001a;padding:0 .75rem}.component-example .tabs-panel{padding:0}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .docs-example{background:#279ae10a;border-color:#ffffff1a}:root:not([data-theme=light]) .docs-example:before{background:var(--dark);color:#555}:root:not([data-theme=light]) .live-preview{border-color:#ffffff1a}:root:not([data-theme=light]) .live-preview-toggle{background:#279ae114;border-bottom-color:#ffffff1a}:root:not([data-theme=light]) .component-example{border-color:#ffffff1a}:root:not([data-theme=light]) .component-example .tabs-list{border-bottom-color:#ffffff1a}}:root[data-theme=dark] .docs-example{background:#279ae10a;border-color:#ffffff1a}:root[data-theme=dark] .docs-example:before{background:var(--dark);color:#555}:root[data-theme=dark] .live-preview{border-color:#ffffff1a}:root[data-theme=dark] .live-preview-toggle{background:#279ae114;border-bottom-color:#ffffff1a}:root[data-theme=dark] .component-example{border-color:#ffffff1a}:root[data-theme=dark] .component-example .tabs-list{border-bottom-color:#ffffff1a}.docs-component-grid{gap:var(--spacer-two);grid-template-columns:repeat(3,1fr);margin-bottom:2rem;display:grid}@media screen and (width<=768px){.docs-component-grid{grid-template-columns:1fr}}.docs-index-grid{gap:var(--spacer-two);grid-template-columns:repeat(2,1fr);margin-top:1.5rem;display:grid}@media screen and (width>=1025px){.docs-index-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=768px){.docs-index-grid{grid-template-columns:1fr}}.docs-index-card-link{color:inherit;border-radius:8px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .15s;display:flex}.docs-index-card-link .card{flex:1}.docs-index-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.docs-index-card-disabled{opacity:.5;cursor:not-allowed}.docs-index-badge{color:inherit;background:#00000014;border-radius:99px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .docs-index-card-link:hover{box-shadow:0 4px 16px #00000080}:root:not([data-theme=light]) .docs-index-badge{background:#ffffff1a}}:root[data-theme=dark] .docs-index-card-link:hover{box-shadow:0 4px 16px #00000080}:root[data-theme=dark] .docs-index-badge{background:#ffffff1a}.grid-spacer-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.grid-spacer-row{align-items:center;gap:1rem;display:flex}.grid-spacer-label{flex-direction:column;flex-shrink:0;gap:2px;width:160px;display:flex}.grid-spacer-label code{font-size:.8rem}.grid-spacer-px{color:#888;font-family:monospace;font-size:.75rem}.grid-spacer-bar{background:var(--blue-one-colour);border-radius:3px;flex-shrink:0;height:20px}.grid-spacer-name{color:#888;font-size:.8rem}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .grid-spacer-px,:root:not([data-theme=light]) .grid-spacer-name{color:#666}}:root[data-theme=dark] .grid-spacer-px,:root[data-theme=dark] .grid-spacer-name{color:#666}.typography-scale{border:1px solid #0000001a;border-radius:8px;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .typography-scale{border-color:#ffffff1a}}:root[data-theme=dark] .typography-scale{border-color:#ffffff1a}.typography-scale-row{border-bottom:1px solid #0000000f;flex-direction:column;gap:.25rem;padding-bottom:1.25rem;display:flex}.typography-scale-row:last-child{border-bottom:none;padding-bottom:0}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .typography-scale-row{border-color:#ffffff0f}}:root[data-theme=dark] .typography-scale-row{border-color:#ffffff0f}.typography-scale-meta{color:#888;align-items:center;gap:.75rem;margin-bottom:.25rem;font-size:.78rem;display:flex}.typography-scale-meta code{background:0 0;border:none;padding:0}.typography-samples{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.typography-sample{border:1px solid #0000001a;border-radius:8px;padding:1rem 1.25rem}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .typography-sample{border-color:#ffffff1a}}:root[data-theme=dark] .typography-sample{border-color:#ffffff1a}.typography-sample-meta{color:#888;flex-direction:column;gap:2px;margin-bottom:.6rem;font-size:.8rem;display:flex}.typography-sample-meta strong{color:inherit}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .typography-scale-meta,:root:not([data-theme=light]) .typography-sample-meta{color:#666}}:root[data-theme=dark] .typography-scale-meta,:root[data-theme=dark] .typography-sample-meta{color:#666}.colour-swatch-grid{gap:var(--spacer-two);grid-template-columns:repeat(3,1fr);margin-bottom:2rem;display:grid}@media screen and (width<=768px){.colour-swatch-grid{grid-template-columns:1fr 1fr}}.colour-swatch-meta{padding:.5rem 0}.colour-swatch-meta code{color:inherit;background:0 0;border:none;margin-bottom:.25rem;padding:0;font-size:.8rem;display:block}.colour-swatch-meta p{color:#666;margin:0;font-size:.8rem;line-height:1.4}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .colour-swatch-meta p{color:#999}}:root[data-theme=dark] .colour-swatch-meta p{color:#999}.docs-component-card-wrapper{flex-direction:column;display:flex}.docs-component-card-wrapper .card{flex:1}.docs-component-card-wrapper .card-image{object-fit:contain;object-position:center center;background-color:#fff;height:140px}.docs-component-card-wrapper .card-body{color:#555;font-size:.85rem}.docs-card-actions{gap:.5rem;display:flex}.docs-card-action{border-radius:4px;align-items:center;padding:.3rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.docs-card-action-docs{background:var(--primary-colour);color:#fff;border:1px solid var(--primary-colour)}.docs-card-action-docs:hover{color:var(--primary-colour);border:1px solid var(--primary-colour);background-color:#0000}.docs-card-action-preview{background:var(--secondary-colour);color:#fff;border:1px solid var(--secondary-colour)}.docs-card-action-preview:hover{color:var(--secondary-colour);border:1px solid var(--secondary-colour);background-color:#0000}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .docs-component-card-wrapper .card-body{color:#aaa}:root:not([data-theme=light]) .docs-card-action-docs{color:var(--dark)}:root:not([data-theme=light]) .docs-card-action-docs:hover{background:var(--blue-one-colour);color:#fff}}:root[data-theme=dark] .docs-component-card-wrapper .card-body{color:#aaa}:root[data-theme=dark] .docs-card-action-docs{color:var(--dark)}:root[data-theme=dark] .docs-card-action-docs:hover{background:var(--blue-one-colour);color:#fff}.prop-table{border-collapse:collapse;width:100%;margin:.5rem 0 1.5rem;font-size:.875rem}.prop-table th{text-align:left;border-bottom:2px solid #00000026;padding:.4rem .75rem;font-weight:700}.prop-table td{vertical-align:top;border-bottom:1px solid #0000000f;padding:.35rem .75rem}.prop-table td:first-child code{font-size:.82rem}.prop-table td:nth-child(2){color:#666;font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .prop-table th{border-color:#fff3}:root:not([data-theme=light]) .prop-table td{border-color:#ffffff0f}:root:not([data-theme=light]) .prop-table td:nth-child(2){color:#999}}:root[data-theme=dark] .prop-table th{border-color:#fff3}:root[data-theme=dark] .prop-table td{border-color:#ffffff0f}:root[data-theme=dark] .prop-table td:nth-child(2){color:#999}.colour-key{color:#fff;text-align:center;justify-content:center;align-items:center;width:96px;height:96px;font-weight:700;display:flex}.colour-key.primary{background:var(--primary-colour)}.colour-key.secondary{background:var(--secondary-colour)}.colour-key.tertiary{background:var(--tertiary-colour)}.colour-key.green-two{background:var(--green-two-colour)}.colour-key.green-one{background:var(--green-one-colour)}.colour-key.blue-two{background:var(--blue-two-colour)}.colour-key.blue-one{background:var(--blue-one-colour)}.gs-content{padding-top:var(--spacer-five);max-width:760px;padding-bottom:80px}.gs-content h1{border-bottom:1px solid var(--form-field-border-colour);margin-bottom:.75rem;padding-bottom:.75rem}.gs-lead{color:#555;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs-content h1{border-bottom-color:#ffffff1f}:root:not([data-theme=light]) .gs-lead{color:#aaa}}:root[data-theme=dark] .gs-content h1{border-bottom-color:#ffffff1f}:root[data-theme=dark] .gs-lead{color:#aaa}.gs-content .live-preview-toggle{border:1px solid #0000001a;border-radius:8px;margin-bottom:2.5rem}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs-content .live-preview-toggle{border-color:#ffffff1a}}:root[data-theme=dark] .gs-content .live-preview-toggle{border-color:#ffffff1a}.gs-section{margin-bottom:3rem}.gs-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:.75rem}.gs-section p{max-width:68ch;margin-bottom:1rem;line-height:1.6}.gs-section p code,.gs-section li code{background:#0000000f;border:1px solid #00000017;border-radius:4px;padding:2px 6px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.82em}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs-section p code,:root:not([data-theme=light]) .gs-section li code{background:#ffffff14;border-color:#ffffff1f}}:root[data-theme=dark] .gs-section p code,:root[data-theme=dark] .gs-section li code{background:#ffffff14;border-color:#ffffff1f}.gs-section .alert{margin-top:1rem}.gs-section .tabs{margin-bottom:1rem}.gs-table{border-collapse:collapse;border:1px solid var(--form-field-border-colour);border-radius:8px;width:100%;margin-bottom:1rem;font-size:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 2px 8px #0000000a}.gs-table th{text-align:left;padding:var(--spacer-one) var(--spacer-two);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--form-field-border-colour);background:#00000005;font-size:12px;font-weight:700}.gs-table td{padding:var(--spacer-one) var(--spacer-two);border-bottom:1px solid var(--form-field-border-colour);vertical-align:middle}.gs-table tbody tr:last-child td{border-bottom:none}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs-table{border-color:#ffffff1f;box-shadow:0 1px 3px #0000004d,0 2px 8px #0003}:root:not([data-theme=light]) .gs-table th{background:#ffffff08;border-bottom-color:#ffffff1f}:root:not([data-theme=light]) .gs-table td{border-bottom-color:#ffffff0f}}:root[data-theme=dark] .gs-table{border-color:#ffffff1f;box-shadow:0 1px 3px #0000004d,0 2px 8px #0003}:root[data-theme=dark] .gs-table th{background:#ffffff08;border-bottom-color:#ffffff1f}:root[data-theme=dark] .gs-table td{border-bottom-color:#ffffff0f}.gs-next-steps{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.gs-next-steps li{align-items:baseline;gap:.5rem;font-size:14px;line-height:1.6;display:flex}.gs-next-steps li:before{content:"→";color:var(--blue-one-colour);flex-shrink:0;font-weight:700}.gs-next-steps a{color:var(--blue-one-colour);font-weight:600;text-decoration:none}.gs-next-steps a:hover{text-decoration:underline}.gs-content p a{color:var(--blue-one-colour);font-weight:600;text-decoration:none}.gs-content p a:hover{text-decoration:underline}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]) .gs-content p a{color:var(--blue-two-colour)}}:root[data-theme=dark] .gs-content p a{color:var(--blue-two-colour)}