.docs-layout-content>*>*+h2,.docs-layout-content>*>*+h3,.docs-layout-content>*>*+h4{margin-top:var(--sgds-layout-gap-md)}.docs-layout-content-ai>*>*+h2,.docs-layout-content-ai>*>*+h3,.docs-layout-content-ai>*>*+h4{margin-top:var(--sgds-layout-gap-lg)}.search-modal-enter-active,.search-modal-leave-active{transition:opacity .2s ease}.search-modal-enter-from,.search-modal-leave-to{opacity:0}.search-modal-input::placeholder{color:var(--sgds-form-color-subtle);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-light)}.palette-dropdown{background:var(--sgds-bg-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f;display:flex;flex-direction:column;font-family:var(--sgds-font-family-brand);gap:var(--sgds-gap-md);padding:var(--sgds-padding-xl);position:fixed;width:max-content;z-index:1000}.sgds-night-theme .palette-dropdown{box-shadow:0 8px 24px #0006,0 2px 8px #0003}.palette-dropdown__title{color:var(--sgds-body-color-muted);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-wide);line-height:var(--sgds-line-height-label-sm);margin:0;text-transform:uppercase}.palette-dropdown__section{display:flex;flex-direction:column;gap:var(--sgds-gap-md)}.palette-dropdown__swatches{display:flex;gap:var(--sgds-gap-lg)}.palette-swatch-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;font-family:var(--sgds-font-family-brand);gap:var(--sgds-gap-xs);padding:0}.palette-swatch-circle{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;outline:3px solid transparent;outline-offset:2px;transition:transform .2s ease,outline-color .15s ease;width:32px}.palette-swatch-circle--active{outline-color:var(--sgds-primary-border-color-default)}.palette-swatch-btn:hover .palette-swatch-circle{transform:scale(1.1)}.palette-swatch-btn:focus-visible .palette-swatch-circle{outline-color:var(--sgds-primary-border-color-default)}.palette-swatch-label{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-label-xs);text-align:center;white-space:nowrap}@media screen and (max-width:1023px){.mainnav-desktop-only{display:none!important}}.mainnav-container sgds-masthead,.mainnav-container sgds-mainnav{margin:0}.mainnav-container sgds-mainnav-item:not([active]) a:focus-visible{color:var(--sgds-color-default)}.sgds-night-theme .mainnav-brand-logo{color:var(--sgds-color-fixed-light)}.portal-code-token{background:var(--sgds-surface-raised);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-body-color-default);display:inline-block;font-family:monospace;font-size:.875em;line-height:1.4;padding:2px 6px;white-space:nowrap}.prompt-box-text p{margin:0}.workflow-skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sgds-border-color-muted);border-top:none}@media(max-width:600px){.workflow-skills-grid{grid-template-columns:1fr}}.sgds-night-theme .anatomy-image-light{display:none}.sgds-night-theme .anatomy-image-dark{display:block!important}.anatomy-scale-layer{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}@media(prefers-reduced-motion:reduce){.anatomy-scale-layer{transition:none}}.anatomy-demo-markup{pointer-events:none}.anatomy-demo-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;overflow:hidden;width:100%}.anatomy-demo-markup>sgds-alert{display:block;max-width:var(--sgds-dimension-512);width:100%}.anatomy-demo-markup sgds-alert-link{vertical-align:baseline}.segmented-control{display:inline-flex;gap:var(--sgds-gap-2-xs);max-width:100%;padding:var(--sgds-padding-2-xs);position:relative;touch-action:pan-x}.segmented-wrapper-compact .segmented-control{display:flex;width:100%}.segmented-wrapper-compact .segmented-control{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.segmented-wrapper-compact .segmented-control::-webkit-scrollbar{display:none}.segmented-wrapper-compact .segment{flex:0 0 auto;max-width:calc(100% - (var(--sgds-padding-2-xs) * 2));overflow:hidden;text-overflow:ellipsis}.segmented-indicator{position:absolute;top:0;left:0;pointer-events:none;background:var(--sgds-surface-inverse);border-radius:var(--sgds-border-radius-md);transition:transform .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1),height .26s cubic-bezier(.4,0,.2,1),opacity .14s ease;will-change:transform,width}@media(prefers-reduced-motion:reduce){.segmented-indicator{transition:opacity .14s ease}.segmented-control{scroll-behavior:auto}}.segment{appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-default);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);height:var(--sgds-dimension-40);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs);min-width:var(--sgds-dimension-80);padding:var(--sgds-padding-none) var(--sgds-padding-md);position:relative;text-align:center;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.segment.segment-active{color:var(--sgds-color-inverse)}.segment:focus{outline:none}.segment:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}@media(prefers-reduced-motion:reduce){.segment{transition:none}}.scroll-fade{align-items:center;color:var(--sgds-color-default);display:none;height:calc(100% - (var(--sgds-padding-2-xs) * 2));justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:var(--sgds-dimension-40);z-index:4}.scroll-fade-left{left:var(--sgds-padding-2-xs);background:linear-gradient(90deg,var(--sgds-surface-default) 55%,transparent 100%)}.scroll-fade-right{right:var(--sgds-padding-2-xs);background:linear-gradient(270deg,var(--sgds-surface-default) 55%,transparent 100%)}.segmented-wrapper-compact .scroll-fade{display:inline-flex}.interactive-demo{background:var(--sgds-bg-alternate)}.behaviour-demo-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;overflow:hidden;width:100%}.behaviour-demo-markup>sgds-alert{display:block;width:100%}.behaviour-demo-markup sgds-alert-link{vertical-align:baseline}.component-playground-markup>sgds-accordion,.component-playground-markup>sgds-alert,.component-playground-markup>sgds-breadcrumb,.component-playground-markup>sgds-button,.component-playground-markup>sgds-checkbox,.component-playground-markup>sgds-combo-box,.component-playground-markup>sgds-datepicker,.component-playground-markup>sgds-description-list,.component-playground-markup>sgds-dropdown,.component-playground-markup>sgds-file-upload,.component-playground-markup>sgds-input,.component-playground-markup>sgds-link,.component-playground-markup>sgds-mainnav,.component-playground-markup>sgds-overflow-menu,.component-playground-markup>sgds-pagination,.component-playground-markup>sgds-progress-bar,.component-playground-markup>sgds-quantity-toggle,.component-playground-markup>sgds-radio-group,.component-playground-markup>sgds-radio,.component-playground-markup>sgds-select,.component-playground-markup>sgds-sidebar,.component-playground-markup>sgds-sidenav,.component-playground-markup>sgds-skeleton,.component-playground-markup>sgds-spinner,.component-playground-markup>sgds-stepper,.component-playground-markup>sgds-subnav,.component-playground-markup>sgds-switch,.component-playground-markup>sgds-system-banner,.component-playground-markup>sgds-table,.component-playground-markup>sgds-tabs,.component-playground-markup>sgds-textarea,.component-playground-markup>sgds-toast,.component-playground-markup>sgds-tooltip{display:block;width:100%}.component-playground-markup>sgds-breadcrumb,.component-playground-markup>sgds-button,.component-playground-markup>sgds-badge,.component-playground-markup>sgds-link,.component-playground-markup>sgds-overflow-menu,.component-playground-markup>sgds-spinner,.component-playground-markup>sgds-switch{width:auto}.component-playground-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);overflow:hidden}.component-playground-markup sgds-alert-link{vertical-align:baseline}.structure-demo-box{background:var(--sgds-bg-alternate)}sgds-table-row.structure-row-active[data-structure-tone=padding]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent)}sgds-table-row.structure-row-active[data-structure-tone=gap]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 52%,transparent)}sgds-table-row.structure-row-active[data-structure-tone=border]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 52%,transparent)}sgds-table-row.structure-row-active[data-structure-tone=semantic]{background:color-mix(in srgb,var(--sgds-neutral-surface-muted) 52%,transparent)}sgds-table-row.structure-row-clickable{cursor:pointer}.structure-preview-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;max-width:var(--sgds-dimension-640);overflow:hidden;width:100%}.structure-preview-markup>sgds-card{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;max-width:var(--sgds-dimension-560);pointer-events:none;width:min(100%,var(--sgds-dimension-480))}.structure-preview-markup>sgds-button{display:inline-flex;pointer-events:none}.structure-preview-markup>sgds-alert{display:block;max-width:var(--sgds-dimension-640);width:100%}.accordion-inspect-hotspot{appearance:none;background:transparent;border:0;cursor:pointer;overflow:hidden;padding:0;position:absolute;z-index:6}.accordion-inspect-hotspot[aria-label="Inspect accordion chevron colour"],.accordion-inspect-hotspot[aria-label="Inspect accordion leading icon colour"],.accordion-inspect-hotspot[aria-label="Inspect accordion title colour"],.accordion-inspect-hotspot[aria-label="Inspect accordion gap"]{z-index:7}.accordion-inspect-hotspot[aria-label="Inspect card background colour"],.accordion-inspect-hotspot[aria-label="Inspect card tinted background"],.accordion-inspect-hotspot[aria-label="Inspect card border colour"],.accordion-inspect-hotspot[aria-label="Inspect card border width"],.accordion-inspect-hotspot[aria-label="Inspect card border radius"]{z-index:5;pointer-events:none}.accordion-inspect-hotspot[aria-label="Inspect card padding x"],.accordion-inspect-hotspot[aria-label="Inspect card padding y"],.accordion-inspect-hotspot[aria-label="Inspect card padding top"],.accordion-inspect-hotspot[aria-label="Inspect card padding bottom"],.accordion-inspect-hotspot[aria-label="Inspect card padding left"],.accordion-inspect-hotspot[aria-label="Inspect card padding right"]{z-index:6}.accordion-inspect-hotspot[aria-label="Inspect card gap"],.accordion-inspect-hotspot[aria-label="Inspect card title gap"],.accordion-inspect-hotspot[aria-label="Inspect card subtitle gap"],.accordion-inspect-hotspot[aria-label="Inspect card slot gap"]{z-index:7}.accordion-inspect-border-proxy,.accordion-inspect-padding-proxy{appearance:none;background:transparent;border:0;cursor:pointer;padding:0;position:absolute;z-index:8}.alert-inspect-border-visual{border-radius:8px;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0;pointer-events:none;position:absolute;z-index:8}.accordion-inspect-annotation{pointer-events:none;position:absolute;z-index:7}.accordion-inspect-annotation__label{background:var(--sgds-purple-surface-default);border:1px solid var(--sgds-purple-surface-default);border-radius:4px;color:var(--sgds-color-fixed-light);font-family:var(--sgds-font-family-mono, "JetBrains Mono", ui-monospace, monospace);font-size:10px;font-weight:500;line-height:1;padding:2px 6px;position:absolute;white-space:nowrap}.accordion-inspect-annotation--height{width:18px}.accordion-inspect-annotation--height:before{background:var(--sgds-purple-border-color-default);content:"";height:100%;left:8px;position:absolute;top:0;width:1px}.accordion-inspect-annotation--height:after{background-image:linear-gradient(var(--sgds-purple-border-color-default),var(--sgds-purple-border-color-default)),linear-gradient(var(--sgds-purple-border-color-default),var(--sgds-purple-border-color-default));background-repeat:no-repeat,no-repeat;background-position:0 0,0 calc(100% - 1px);background-size:9px 1px,9px 1px;content:"";height:100%;left:4px;position:absolute;top:0;width:9px}.accordion-inspect-annotation--height .accordion-inspect-annotation__label{left:16px;top:50%;transform:translateY(-50%)}.accordion-inspect-annotation--min-width{height:18px}.accordion-inspect-annotation--min-width:before{background:var(--sgds-purple-border-color-default);content:"";height:1px;left:0;position:absolute;top:8px;width:100%}.accordion-inspect-annotation--min-width:after{background-image:linear-gradient(var(--sgds-purple-border-color-default),var(--sgds-purple-border-color-default)),linear-gradient(var(--sgds-purple-border-color-default),var(--sgds-purple-border-color-default));background-repeat:no-repeat,no-repeat;background-position:0 0,calc(100% - 1px) 0;background-size:1px 9px,1px 9px;content:"";height:9px;left:0;position:absolute;top:4px;width:100%}.accordion-inspect-annotation--min-width .accordion-inspect-annotation__label{left:50%;top:16px;transform:translate(-50%)}.accordion-inspect-annotation[data-active=true] .accordion-inspect-annotation__label{background:var(--sgds-purple-surface-emphasis);border-color:var(--sgds-purple-surface-emphasis);color:var(--sgds-color-fixed-light)}.accordion-inspect-padding-visual{inset:0;pointer-events:none;position:absolute;z-index:6}.accordion-inspect-padding-visual__band{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0;position:absolute}.accordion-inspect-padding-visual__band--gap{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 52%,transparent);outline-color:var(--sgds-purple-border-color-default)}.accordion-inspect-padding-visual__band--semantic{background:color-mix(in srgb,var(--sgds-neutral-surface-muted) 52%,transparent);outline-color:var(--sgds-neutral-border-color-default)}.structure-demo-box[data-hover-key] .accordion-inspect-hotspot[aria-label^="Inspect component"][data-active=true][data-structure-tone=padding]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key] .accordion-inspect-hotspot[aria-label^="Inspect component"][data-active=true][data-structure-tone=padding]:before{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 38%,transparent);content:"";display:block;height:var(--inspect-inset-height);left:var(--inspect-inset-left);mix-blend-mode:multiply;position:absolute;top:var(--inspect-inset-top);width:var(--inspect-inset-width);z-index:1}.structure-demo-box[data-hover-key] .accordion-inspect-hotspot[aria-label^="Inspect component"][data-active=true][data-structure-tone=gap]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key] .accordion-inspect-hotspot[aria-label^="Inspect component"][data-active=true][data-structure-tone=border]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 38%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key] .accordion-inspect-hotspot[aria-label^="Inspect component"][data-active=true][data-structure-tone=semantic]{background:color-mix(in srgb,var(--sgds-neutral-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-neutral-border-color-default);outline-offset:0}.structure-demo-box [slot=icon],.structure-demo-box [slot=header],.structure-demo-box [slot=content]{pointer-events:none;position:relative;z-index:8}.structure-demo-box [slot=subtitle],.structure-demo-box [slot=title],.structure-demo-box [slot=description],.structure-demo-box [slot=lower],.structure-demo-box [slot=footer],.structure-demo-box .portal-structure-card-default-slot,.structure-demo-box [slot=leftIcon],.structure-demo-box [slot=rightIcon]{pointer-events:none;position:relative;z-index:10}.structure-demo-box[data-hover-key=icon-color] .accordion-inspect-hotspot[aria-label="Inspect accordion chevron colour"],.structure-demo-box[data-hover-key=title-color] .accordion-inspect-hotspot[aria-label="Inspect accordion title colour"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 68%,transparent);outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=leading-icon-color] .accordion-inspect-hotspot[aria-label="Inspect accordion leading icon colour"]{background:color-mix(in srgb,var(--sgds-neutral-surface-muted) 68%,transparent);outline:1px dashed var(--sgds-neutral-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=gap] .accordion-inspect-hotspot[aria-label="Inspect accordion gap"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 68%,transparent);outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=hover-bg] .accordion-inspect-hotspot[aria-label="Inspect accordion header background"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=padding-x-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding x"],.structure-demo-box[data-hover-key=padding-y-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding y"],.structure-demo-box[data-hover-key=content-padding] .accordion-inspect-hotspot[aria-label="Inspect accordion content padding"]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=padding-x-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding x"],.structure-demo-box[data-hover-key=padding-y-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding y"],.structure-demo-box[data-hover-key=content-padding] .accordion-inspect-hotspot[aria-label="Inspect accordion content padding"]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent)}.structure-demo-box[data-hover-key=padding-x-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding x"]:before,.structure-demo-box[data-hover-key=padding-y-default] .accordion-inspect-hotspot[aria-label="Inspect accordion header padding y"]:before,.structure-demo-box[data-hover-key=content-padding] .accordion-inspect-hotspot[aria-label="Inspect accordion content padding"]:before{content:none}.structure-demo-box[data-hover-key=border-color] .accordion-inspect-hotspot[aria-label="Inspect accordion border colour"],.structure-demo-box[data-hover-key=border-width] .accordion-inspect-hotspot[aria-label="Inspect accordion border width"],.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect accordion border radius"]{outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect accordion border radius"]{border-radius:8px}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect alert padding x"],.structure-demo-box[data-hover-key=padding-y] .accordion-inspect-hotspot[aria-label="Inspect alert padding y"],.structure-demo-box[data-hover-key=content-padding-right] .accordion-inspect-hotspot[aria-label="Inspect alert content padding right"]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=gap] .accordion-inspect-hotspot[aria-label="Inspect alert gap"],.structure-demo-box[data-hover-key=title-gap] .accordion-inspect-hotspot[aria-label="Inspect alert title gap"],.structure-demo-box[data-hover-key=content-gap] .accordion-inspect-hotspot[aria-label="Inspect alert content gap"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 68%,transparent);outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=border-color] .accordion-inspect-hotspot[aria-label="Inspect alert border colour"],.structure-demo-box[data-hover-key=border-width] .accordion-inspect-hotspot[aria-label="Inspect alert border width"],.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect alert border radius"],.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-border-proxy[aria-label="Inspect alert border"]{outline:none}.structure-demo-box[data-hover-key=border-color] .accordion-inspect-hotspot[aria-label="Inspect alert border colour"],.structure-demo-box[data-hover-key=border-width] .accordion-inspect-hotspot[aria-label="Inspect alert border width"],.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect alert border radius"]{border-radius:0}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect card padding x"],.structure-demo-box[data-hover-key=padding-y] .accordion-inspect-hotspot[aria-label="Inspect card padding y"],.structure-demo-box[data-hover-key=padding-top] .accordion-inspect-hotspot[aria-label="Inspect card padding top"],.structure-demo-box[data-hover-key=padding-bottom] .accordion-inspect-hotspot[aria-label="Inspect card padding bottom"],.structure-demo-box[data-hover-key=padding-left] .accordion-inspect-hotspot[aria-label="Inspect card padding left"],.structure-demo-box[data-hover-key=padding-right] .accordion-inspect-hotspot[aria-label="Inspect card padding right"]{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect card padding x"]:before,.structure-demo-box[data-hover-key=padding-y] .accordion-inspect-hotspot[aria-label="Inspect card padding y"]:before,.structure-demo-box[data-hover-key=padding-top] .accordion-inspect-hotspot[aria-label="Inspect card padding top"]:before,.structure-demo-box[data-hover-key=padding-bottom] .accordion-inspect-hotspot[aria-label="Inspect card padding bottom"]:before,.structure-demo-box[data-hover-key=padding-left] .accordion-inspect-hotspot[aria-label="Inspect card padding left"]:before,.structure-demo-box[data-hover-key=padding-right] .accordion-inspect-hotspot[aria-label="Inspect card padding right"]:before{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 38%,transparent);content:"";display:block;height:var(--inspect-inset-height);left:var(--inspect-inset-left);mix-blend-mode:multiply;position:absolute;top:var(--inspect-inset-top);width:var(--inspect-inset-width);z-index:1}.structure-demo-box[data-hover-key=gap] .accordion-inspect-hotspot[aria-label="Inspect card gap"],.structure-demo-box[data-hover-key=title-gap] .accordion-inspect-hotspot[aria-label="Inspect card title gap"],.structure-demo-box[data-hover-key=subtitle-gap] .accordion-inspect-hotspot[aria-label="Inspect card subtitle gap"],.structure-demo-box[data-hover-key=slot-gap] .accordion-inspect-hotspot[aria-label="Inspect card slot gap"],.structure-demo-box[data-hover-key=title-color] .accordion-inspect-hotspot[aria-label="Inspect card title colour"],.structure-demo-box[data-hover-key=description-color] .accordion-inspect-hotspot[aria-label="Inspect card description colour"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=subtitle-color] .accordion-inspect-hotspot[aria-label="Inspect card subtitle colour"],.structure-demo-box[data-hover-key=secondary-text-color] .accordion-inspect-hotspot[aria-label="Inspect card secondary text colour"],.structure-demo-box[data-hover-key=link-color] .accordion-inspect-hotspot[aria-label="Inspect card link colour"]{background:color-mix(in srgb,var(--sgds-neutral-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-neutral-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=border-color] .accordion-inspect-hotspot[aria-label="Inspect card border colour"],.structure-demo-box[data-hover-key=border-width] .accordion-inspect-hotspot[aria-label="Inspect card border width"],.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect card border radius"]{outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.structure-demo-box[data-hover-key=border-radius] .accordion-inspect-hotspot[aria-label="Inspect card border radius"]{border-radius:8px}.structure-demo-box[data-hover-key=background] .accordion-inspect-hotspot[aria-label="Inspect button background colour"],.structure-demo-box[data-hover-key=hover-bg] .accordion-inspect-hotspot[aria-label="Inspect button hover background"],.structure-demo-box[data-hover-key=text-color] .accordion-inspect-hotspot[aria-label="Inspect button text colour"],.structure-demo-box[data-hover-key=font-size] .accordion-inspect-hotspot[aria-label="Inspect button font size"],.structure-demo-box[data-hover-key=line-height] .accordion-inspect-hotspot[aria-label="Inspect button line height"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.button-inspect-border-visual{border-radius:8px;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0;pointer-events:none;position:absolute;z-index:8}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect button padding x"]{background:transparent}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect button padding x"]:before,.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect button padding x"]:after{background:color-mix(in srgb,var(--sgds-accent-surface-muted) 52%,transparent);content:"";display:block;height:var(--inspect-inset-height);mix-blend-mode:multiply;outline:1px dashed var(--sgds-accent-border-color-default);outline-offset:0;position:absolute;top:var(--inspect-inset-top);z-index:1}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect button padding x"]:before{left:0;width:var(--inspect-inset-left)}.structure-demo-box[data-hover-key=padding-x] .accordion-inspect-hotspot[aria-label="Inspect button padding x"]:after{left:calc(var(--inspect-inset-left) + var(--inspect-inset-width));right:0}.structure-demo-box[data-hover-key=gap] .accordion-inspect-hotspot[aria-label="Inspect button gap"]{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 46%,transparent);mix-blend-mode:multiply;outline:1px dashed var(--sgds-purple-border-color-default);outline-offset:0}.accordion-inspect-tooltip{align-items:flex-start;background:var(--sgds-surface-fixed-light);border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--sgds-color-fixed-dark) 16%,transparent),0 2px 6px color-mix(in srgb,var(--sgds-color-fixed-dark) 8%,transparent);display:inline-flex;flex-direction:column;gap:8px;left:0;padding:12px 16px;position:absolute;top:0;transform:translate(-12px,calc(-100% - 12px));z-index:10}.accordion-inspect-tooltip--align-right{transform:translate(calc(-100% + 12px),calc(-100% - 12px))}.accordion-inspect-tooltip:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--sgds-surface-fixed-light);content:"";left:18px;position:absolute;top:100%}.accordion-inspect-tooltip--align-right:after{left:auto;right:18px}.accordion-inspect-tooltip__grid{column-gap:16px;display:grid;grid-template-columns:max-content max-content max-content;row-gap:8px}.accordion-inspect-tooltip__tag{color:var(--sgds-purple-color-default);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--sgds-font-size-label-xs);font-weight:600;line-height:var(--sgds-line-height-2-xs);white-space:nowrap}.accordion-inspect-tooltip__tag--padding{color:var(--sgds-accent-color-fixed-dark)}.accordion-inspect-tooltip__tag--gap,.accordion-inspect-tooltip__tag--border{color:var(--sgds-purple-color-default)}.accordion-inspect-tooltip__tag--semantic{color:var(--sgds-neutral-color-default)}.accordion-inspect-tooltip__value{color:var(--sgds-color-fixed-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--sgds-font-size-label-xs);font-weight:500;line-height:var(--sgds-line-height-2-xs);white-space:pre}.accordion-inspect-tooltip__value--span-name{grid-column:1 / span 2}.accordion-inspect-tooltip__value--raw{font-weight:700}.structure-demo-box .accordion-m-content-copy{position:relative;z-index:4}.structure-demo-box[data-hover-key] .accordion-header__trailing,.structure-demo-box[data-hover-key] .accordion-header__trailing sgds-icon{color:var(--sgds-color-fixed-dark)}.structure-demo-box .accordion-m-border-target,.structure-demo-box .accordion-m-panel-target,.structure-demo-box .accordion-m-gap-overlay,.structure-demo-box .accordion-m-title-target,.structure-demo-box .accordion-m-header-icon,.structure-demo-box .accordion-m-content-copy{transition:background-color .12s ease,box-shadow .12s ease,opacity .12s ease}.structure-demo-box[data-hover-key=title-color] .accordion-m-title-target,.structure-demo-box[data-hover-key=icon-color] .accordion-m-header-icon{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 52%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sgds-purple-border-color-default) 28%,transparent)}.structure-demo-box[data-hover-key=border-color] .accordion-m-border-target,.structure-demo-box[data-hover-key=border-width] .accordion-m-border-target,.structure-demo-box[data-hover-key=border-radius] .accordion-m-border-target{background:color-mix(in srgb,var(--sgds-purple-surface-muted) 36%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sgds-purple-border-color-default) 28%,transparent)}.best-practice-demo-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;overflow:hidden;width:100%}.best-practice-demo-markup>sgds-alert{display:block;width:100%}.best-practice-demo-markup sgds-alert-link{vertical-align:baseline}@media(max-width:511px){.best-practice-row{grid-template-columns:minmax(0,1fr)}}.accessibility-demo-markup>sgds-accordion{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:block;overflow:hidden;width:100%}.accessibility-demo-markup>sgds-alert{display:block;width:100%}.accessibility-demo-markup sgds-alert-link{vertical-align:baseline}.portal-demo-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.portal-demo-row-inverse{background:var(--sgds-surface-inverse);border-radius:var(--sgds-border-radius-md);justify-content:center;padding:var(--sgds-padding-md)}.portal-demo-stack{display:flex;flex-direction:column;gap:var(--sgds-gap-md);width:100%}.portal-anatomy-demo-block{width:100%}.portal-demo-stack-sm{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.portal-demo-card{display:block;max-width:var(--sgds-dimension-360);margin-inline:auto;width:100%}.portal-slot-example{align-items:center;background:var(--sgds-accent-surface-muted);border:var(--sgds-border-width-1) dashed var(--sgds-link-color-default);border-radius:var(--sgds-border-radius-none);box-sizing:border-box;color:var(--sgds-link-color-default);display:flex;gap:var(--sgds-gap-sm);justify-content:flex-start;padding:var(--sgds-padding-md)}.portal-slot-example span{color:inherit;text-align:left}.portal-slot-example sgds-icon{color:inherit;flex-shrink:0}.portal-card-title-h4{font-size:var(--sgds-font-size-heading-sm)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-tight)!important;line-height:var(--sgds-line-height-heading-sm)!important}.portal-card-title-h5{font-size:var(--sgds-font-size-subtitle-md)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-normal)!important;line-height:var(--sgds-line-height-xs)!important}.portal-card-footer-full-width{display:block;width:100%!important}.portal-card-title-h4-demo{--sgds-font-size-24: var(--sgds-font-size-heading-sm)}.portal-card-title-h5-demo{--sgds-font-size-24: var(--sgds-font-size-subtitle-md)}.portal-demo-overlay{min-height:var(--sgds-dimension-288);position:relative;width:100%}.portal-modal-preview{align-items:center;display:flex;justify-content:center;min-height:var(--sgds-dimension-288);width:100%}.portal-modal-panel{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;gap:var(--sgds-gap-2-xl);max-width:var(--sgds-dimension-480);padding:var(--sgds-padding-xl);width:100%}.portal-modal-header{display:flex;gap:var(--sgds-gap-md);justify-content:space-between}.portal-modal-header-copy{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.portal-modal-title{color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-24);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-40)}.portal-modal-description{color:var(--sgds-body-color-subtle);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24)}.portal-modal-body{color:var(--sgds-body-color-default)}.portal-modal-body p{margin:0}.portal-modal-footer{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-md);justify-content:flex-end}.portal-demo-nav{max-width:var(--sgds-dimension-688);width:100%}.portal-demo-nav-sm{max-width:var(--sgds-dimension-320);width:100%}.portal-demo-list-item{align-items:center;display:flex;gap:var(--sgds-gap-sm)}.portal-accessibility-preview{min-height:var(--sgds-dimension-400);position:relative;width:100%}.portal-accessibility-frame{left:50%;max-width:var(--sgds-dimension-400);position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.portal-accessibility-accordion{background:var(--sgds-surface-default);display:block;position:relative;width:100%;z-index:1}.portal-accessibility-link{margin-top:var(--sgds-gap-sm)}.portal-accessibility-callout{left:0;position:absolute;width:var(--sgds-dimension-80);z-index:3}.portal-accessibility-callout:before{border-color:var(--sgds-primary-border-color-default);border-style:solid;border-width:0 0 var(--sgds-border-width-1) var(--sgds-border-width-1);border-bottom-left-radius:var(--sgds-border-radius-xl);content:"";height:var(--sgds-dimension-24);left:var(--sgds-dimension-24);position:absolute;top:50%;width:var(--sgds-dimension-40)}.portal-accessibility-badge{align-items:center;background:var(--sgds-surface-inverse);border-radius:50%;color:var(--sgds-color-inverse);display:inline-flex;font-size:var(--sgds-font-size-0);font-weight:var(--sgds-font-weight-regular);height:var(--sgds-dimension-24);justify-content:center;line-height:var(--sgds-line-height-16);width:var(--sgds-dimension-24)}.portal-accessibility-callout-1{top:22%}.portal-accessibility-callout-2{top:35%}.portal-accessibility-callout-3{top:57%}.portal-accessibility-callout-4{top:80%}.portal-demo-stepper{max-width:var(--sgds-dimension-688);width:100%}@media(max-width:1023px){.portal-accessibility-preview{min-height:var(--sgds-dimension-360)}}.accordion-m-bubble{background:#6b4feb;border-radius:3.5px;color:#fff;flex-shrink:0;font-size:11px;font-weight:500;line-height:16px;padding:2px 4px;white-space:nowrap}.accordion-m-bubble--w{padding-left:8px;padding-right:8px}.accordion-m-outer{--accordion-measure-fill: rgba(107, 79, 235, .05);--accordion-measure-line: #6b4feb;display:flex;flex-direction:column;max-width:688px;width:100%}.accordion-m-inspector{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-lg);width:100%}.accordion-m-preview{max-width:688px;position:relative;width:100%}.accordion-m-main{align-items:flex-start;display:flex;gap:8px}.accordion-m-left{align-items:center;align-self:flex-start;display:flex;flex-direction:column;height:64px;margin-top:32px}.accordion-m-v-bracket{align-items:center;display:flex;flex-direction:column;gap:2px;height:100%}.accordion-m-h-tick-h{background:var(--accordion-measure-line);height:1px;width:6px}.accordion-m-v-line-seg{background:var(--accordion-measure-line);flex:1;width:1px}.accordion-m-col{display:flex;flex:1;flex-direction:column;min-width:0}.accordion-m-anns{display:flex;height:32px}.accordion-m-a{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.accordion-m-stem{background:var(--accordion-measure-line);height:6px;width:1px}.accordion-m-p{flex:0 0 20px}.accordion-m-i,.accordion-m-g{flex:0 0 16px}.accordion-m-t{flex:1;min-width:0}.accordion-m-b{flex:0 0 64px}.accordion-m-btn{background:var(--sgds-surface-default);height:64px;overflow:hidden;position:relative}.accordion-m-live{background:var(--sgds-surface-default);height:100%;width:100%}.accordion-m-live-border{position:relative}.accordion-m-live>sgds-accordion{background:var(--sgds-surface-default);display:block;width:100%}.accordion-m-header-copy{align-items:center;color:var(--sgds-heading-color-default);display:inline-flex;font-size:var(--sgds-font-size-5);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-md);line-height:var(--sgds-line-height-40);min-width:0;position:relative}.accordion-m-header-icon{color:var(--sgds-color-subtle);flex:0 0 auto}.accordion-m-hover-target{inset:0 0 auto;height:64px;position:absolute;z-index:2}.accordion-m-gap-overlay{height:24px;left:44px;position:absolute;top:20px;width:16px;z-index:3}.accordion-m-title-target{color:inherit;display:inline-block;font:inherit;line-height:inherit}.accordion-m-title-tooltip{align-items:center;color:inherit;display:inline-flex;font:inherit;line-height:inherit}.accordion-m-border-target{inset:0;position:absolute;z-index:1}.accordion-m-panel-target{left:20px;position:absolute;right:20px;z-index:3}.accordion-m-panel-target-x{top:0;bottom:0}.accordion-m-panel-target-y{top:20px;height:44px}.accordion-m-inspectable{cursor:pointer;font:inherit;position:relative}.accordion-m-content{color:var(--sgds-body-color-default)}.accordion-m-content-copy{display:inline-block;font:inherit}.accordion-m-inspectable:hover{background:#6b4feb1f;box-shadow:inset 0 0 0 1px #6b4feb47}.accordion-m-border-target:hover{background:#6b4feb0f;box-shadow:inset 0 0 0 1px #6b4feb47}.accordion-m-map{display:flex;flex-direction:column;gap:var(--sgds-gap-md);max-width:688px;width:100%}.accordion-m-map-section{border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);overflow:hidden}.accordion-m-map-heading{background:var(--sgds-surface-raised);color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-3);font-weight:var(--sgds-font-weight-semibold);line-height:var(--sgds-line-height-24);padding:var(--sgds-padding-md)}.accordion-m-map-row{align-items:center;border-top:1px solid var(--sgds-border-color-muted);display:grid;gap:var(--sgds-gap-sm);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.5fr) auto;padding:var(--sgds-padding-md)}.accordion-m-map-name,.accordion-m-map-prop,.accordion-m-map-value{color:var(--sgds-body-color-default);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24)}.accordion-m-map-token{background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-default);display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--sgds-font-size-2);line-height:var(--sgds-line-height-24);padding:4px 10px;width:fit-content}@media(max-width:767px){.accordion-m-map-row{grid-template-columns:1fr}}.accordion-m-stage .accordion-m-token-row{transition:background-color .12s ease}.accordion-m-stage .accordion-m-token-row[data-map=title-color]:hover,.accordion-m-stage:has(.accordion-m-inspectable[data-map=title-color]:hover) .accordion-m-token-row[data-map=title-color],.accordion-m-stage:has(.accordion-m-token-row[data-map=title-color]:hover) .accordion-m-inspectable[data-map=title-color]{background:#6b4feb1f}.accordion-m-stage .accordion-m-token-row[data-map=border-color]:hover,.accordion-m-stage:has(.accordion-m-inspectable[data-map=border-color]:hover) .accordion-m-token-row[data-map=border-color],.accordion-m-stage:has(.accordion-m-token-row[data-map=border-color]:hover) .accordion-m-inspectable[data-map=border-color],.accordion-m-stage:has(.accordion-m-token-row[data-map=border-color]:hover) .accordion-m-border-target,.accordion-m-stage:has(.accordion-m-border-target:hover) .accordion-m-token-row[data-map=border-color]{background:#6b4feb1f}.accordion-m-stage .accordion-m-token-row[data-map=padding-x-default]:hover,.accordion-m-stage:has(.accordion-m-inspectable[data-map=padding-x-default]:hover) .accordion-m-token-row[data-map=padding-x-default],.accordion-m-stage:has(.accordion-m-token-row[data-map=padding-x-default]:hover) .accordion-m-inspectable[data-map=padding-x-default],.accordion-m-stage:has(.accordion-m-token-row[data-map=padding-x-default]:hover) .accordion-m-panel-target-x,.accordion-m-stage:has(.accordion-m-panel-target-x:hover) .accordion-m-token-row[data-map=padding-x-default]{background:#6b4feb1f}.accordion-m-stage .accordion-m-token-row[data-map=padding-y-default]:hover,.accordion-m-stage:has(.accordion-m-inspectable[data-map=padding-y-default]:hover) .accordion-m-token-row[data-map=padding-y-default],.accordion-m-stage:has(.accordion-m-token-row[data-map=padding-y-default]:hover) .accordion-m-inspectable[data-map=padding-y-default],.accordion-m-stage:has(.accordion-m-token-row[data-map=padding-y-default]:hover) .accordion-m-panel-target-y,.accordion-m-stage:has(.accordion-m-panel-target-y:hover) .accordion-m-token-row[data-map=padding-y-default]{background:#6b4feb1f}.accordion-m-stage .accordion-m-token-row[data-map=content-padding]:hover,.accordion-m-stage:has(.accordion-m-inspectable[data-map=content-padding]:hover) .accordion-m-token-row[data-map=content-padding],.accordion-m-stage:has(.accordion-m-token-row[data-map=content-padding]:hover) .accordion-m-inspectable[data-map=content-padding]{background:#6b4feb1f}.accordion-m-hl{background:var(--accordion-measure-line);flex:1;height:1px}.accordion-m-right{align-self:flex-start;display:flex;flex-direction:column;height:64px;margin-top:32px;min-width:36px}.accordion-m-va{align-items:center;display:flex;flex-direction:row;gap:4px}.accordion-m-vm{flex:1}.accordion-m-vr{align-items:center;display:flex;flex-direction:column;height:20px}.accordion-m-ht{background:var(--accordion-measure-line);height:1px;width:6px}.accordion-m-vl{background:var(--accordion-measure-line);flex:1;width:1px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-outline-style:solid}}}:root{--sgds-product-primary-100:#f4f2fe;--sgds-product-primary-200:#e1dbfb;--sgds-product-primary-300:#c8bdf7;--sgds-product-primary-400:#a999f3;--sgds-product-primary-500:#8a72ef;--sgds-product-primary-600:#6b4feb;--sgds-product-primary-700:#523abc;--sgds-product-primary-800:#3c2b8a;--sgds-product-primary-900:#2a1e61;--sgds-purple-100:#fbf0fe;--sgds-purple-200:#f2d6fc;--sgds-purple-300:#e6adf9;--sgds-purple-400:#d983f6;--sgds-purple-500:#c94cf2;--sgds-purple-600:#ac1cdb;--sgds-purple-700:#8516a9;--sgds-purple-800:#641180;--sgds-purple-900:#460c5a;--sgds-cyan-100:#e0f7fc;--sgds-cyan-200:#a8e9f7;--sgds-cyan-300:#49d2ef;--sgds-cyan-400:#00b4da;--sgds-cyan-500:#0092b1;--sgds-cyan-600:#00758d;--sgds-cyan-700:#005a6d;--sgds-cyan-800:#004352;--sgds-cyan-900:#002f38;--sgds-green-100:#e3f9ed;--sgds-green-200:#b1edcb;--sgds-green-300:#62db96;--sgds-green-400:#16bd5e;--sgds-green-500:#129a4d;--sgds-green-600:#0e7c3d;--sgds-green-700:#0b5e2f;--sgds-green-800:#084523;--sgds-green-900:#063119;--sgds-blue-100:#ecf5fe;--sgds-blue-200:#c8e2fb;--sgds-blue-300:#96c7f7;--sgds-blue-400:#60aaf4;--sgds-blue-500:#1e87ef;--sgds-blue-600:#0269d0;--sgds-blue-700:#0151a0;--sgds-blue-800:#013c77;--sgds-blue-900:#012a54;--sgds-yellow-100:#fef4cb;--sgds-yellow-200:#fcde63;--sgds-yellow-300:#e5bf29;--sgds-yellow-400:#c2a223;--sgds-yellow-500:#9d841c;--sgds-yellow-600:#7e6917;--sgds-yellow-700:#605111;--sgds-yellow-800:#483c0d;--sgds-yellow-900:#322909;--sgds-red-100:#fcf1f1;--sgds-red-200:#f8d7d7;--sgds-red-300:#f1b2b2;--sgds-red-400:#e98b8b;--sgds-red-500:#e05959;--sgds-red-600:#cf2323;--sgds-red-700:#a11b1b;--sgds-red-800:#791414;--sgds-red-900:#550e0e;--sgds-gray-000:#fff;--sgds-gray-50:#f7f7f7;--sgds-gray-100:#f3f3f3;--sgds-gray-200:#dfdfdf;--sgds-gray-300:#c6c6c6;--sgds-gray-400:#a5a5a5;--sgds-gray-500:#868686;--sgds-gray-600:#6b6b6b;--sgds-gray-700:#525252;--sgds-gray-800:#3b3b3b;--sgds-gray-900:#2a2a2a;--sgds-gray-1000:#1a1a1a;--sgds-gray-1100:#0e0e0e;--sgds-border-width-0:0px;--sgds-border-width-1:1px;--sgds-border-width-2:2px;--sgds-border-width-3:3px;--sgds-border-width-4:4px;--sgds-form-border-width-default:var(--sgds-border-width-1);--sgds-form-border-width-thick:var(--sgds-border-width-2);--sgds-border-radius-none:0px;--sgds-border-radius-xs:2px;--sgds-border-radius-sm:4px;--sgds-border-radius-md:8px;--sgds-border-radius-lg:12px;--sgds-border-radius-xl:16px;--sgds-border-radius-2-xl:24px;--sgds-border-radius-3-xl:32px;--sgds-border-radius-full:999px;--sgds-form-border-radius-none:var(--sgds-border-radius-none);--sgds-form-border-radius-xs:var(--sgds-border-radius-xs);--sgds-form-border-radius-sm:var(--sgds-border-radius-sm);--sgds-form-border-radius-md:var(--sgds-border-radius-md);--sgds-form-border-radius-full:var(--sgds-border-radius-full);--sgds-breakpoint-xs:var(--sgds-dimension-320);--sgds-breakpoint-sm:var(--sgds-dimension-512);--sgds-breakpoint-md:var(--sgds-dimension-768);--sgds-breakpoint-lg:var(--sgds-dimension-1024);--sgds-breakpoint-xl:var(--sgds-dimension-1280);--sgds-breakpoint-2-xl:var(--sgds-dimension-1440);--sgds-breakpoint-sbar-md:var(--sgds-dimension-768);--sgds-breakpoint-sbar-lg:var(--sgds-dimension-1024);--sgds-breakpoint-sbar-xl:var(--sgds-dimension-1280);--sgds-breakpoint-sbar-2-xl:var(--sgds-dimension-1440);--sgds-font-family-brand:"Inter", system-ui, sans-serif;--sgds-font-weight-light:300;--sgds-font-weight-regular:400;--sgds-font-weight-semibold:600;--sgds-font-weight-bold:700;--sgds-font-size-0:.75rem;--sgds-font-size-1:.875rem;--sgds-font-size-2:1rem;--sgds-font-size-3:1.25rem;--sgds-font-size-4:1.5rem;--sgds-font-size-5:1.75rem;--sgds-font-size-6:2rem;--sgds-font-size-7:2.5rem;--sgds-font-size-8:3rem;--sgds-font-size-9:3.5rem;--sgds-font-size-12:.75rem;--sgds-font-size-14:.875rem;--sgds-font-size-16:1rem;--sgds-font-size-18:1.125rem;--sgds-font-size-20:1.25rem;--sgds-font-size-22:1.375rem;--sgds-font-size-24:1.5rem;--sgds-font-size-26:1.625rem;--sgds-font-size-28:1.75rem;--sgds-font-size-30:1.875rem;--sgds-font-size-32:2rem;--sgds-font-size-36:2.25rem;--sgds-font-size-40:2.5rem;--sgds-font-size-44:2.75rem;--sgds-font-size-48:3rem;--sgds-font-size-52:3.25rem;--sgds-font-size-56:3.5rem;--sgds-icon-size-xs:.75rem;--sgds-icon-size-sm:1rem;--sgds-icon-size-md:1.25rem;--sgds-icon-size-lg:1.5rem;--sgds-icon-size-xl:2rem;--sgds-icon-size-2-xl:3rem;--sgds-icon-size-3-xl:4rem;--sgds-letter-spacing-tighter:-1px;--sgds-letter-spacing-tight:-.4px;--sgds-letter-spacing-normal:0px;--sgds-letter-spacing-wide:1px;--sgds-letter-spacing-wider:2px;--sgds-line-height-16:16px;--sgds-line-height-20:20px;--sgds-line-height-24:24px;--sgds-line-height-28:28px;--sgds-line-height-32:32px;--sgds-line-height-36:36px;--sgds-line-height-40:40px;--sgds-line-height-44:44px;--sgds-line-height-48:48px;--sgds-line-height-52:52px;--sgds-line-height-56:56px;--sgds-line-height-60:60px;--sgds-line-height-64:64px;--sgds-opacity-0:0;--sgds-opacity-3:.03;--sgds-opacity-5:.05;--sgds-opacity-10:.1;--sgds-opacity-20:.2;--sgds-opacity-30:.3;--sgds-opacity-40:.4;--sgds-opacity-50:.5;--sgds-opacity-60:.6;--sgds-opacity-70:.7;--sgds-opacity-80:.8;--sgds-opacity-90:.9;--sgds-opacity-100:1;--sgds-paragraph-spacing-none:0;--sgds-paragraph-spacing-sm:.5rem;--sgds-paragraph-spacing-md:1rem;--sgds-paragraph-spacing-lg:1.5rem;--sgds-paragraph-spacing-xl:2rem;--sgds-spacer-0:0rem;--sgds-spacer-1:.125rem;--sgds-spacer-2:.25rem;--sgds-spacer-3:.5rem;--sgds-spacer-4:.75rem;--sgds-spacer-5:1rem;--sgds-spacer-6:1.25rem;--sgds-spacer-7:1.5rem;--sgds-spacer-8:2rem;--sgds-spacer-9:3rem;--sgds-spacer-10:4rem;--sgds-spacer-11:6rem;--sgds-spacer-12:8rem;--sgds-dimension-0:0px;--sgds-dimension-1:1px;--sgds-dimension-2:2px;--sgds-dimension-4:4px;--sgds-dimension-8:8px;--sgds-dimension-12:12px;--sgds-dimension-16:16px;--sgds-dimension-20:20px;--sgds-dimension-24:24px;--sgds-dimension-28:28px;--sgds-dimension-32:32px;--sgds-dimension-40:40px;--sgds-dimension-48:48px;--sgds-dimension-52:52px;--sgds-dimension-56:56px;--sgds-dimension-60:60px;--sgds-dimension-64:64px;--sgds-dimension-68:68px;--sgds-dimension-72:72px;--sgds-dimension-76:76px;--sgds-dimension-80:80px;--sgds-dimension-88:88px;--sgds-dimension-96:96px;--sgds-dimension-112:112px;--sgds-dimension-120:120px;--sgds-dimension-128:128px;--sgds-dimension-132:132px;--sgds-dimension-136:136px;--sgds-dimension-144:144px;--sgds-dimension-160:160px;--sgds-dimension-168:168px;--sgds-dimension-192:192px;--sgds-dimension-224:224px;--sgds-dimension-256:256px;--sgds-dimension-280:280px;--sgds-dimension-288:288px;--sgds-dimension-320:320px;--sgds-dimension-328:328px;--sgds-dimension-332:332px;--sgds-dimension-340:340px;--sgds-dimension-344:344px;--sgds-dimension-360:360px;--sgds-dimension-384:384px;--sgds-dimension-400:400px;--sgds-dimension-480:480px;--sgds-dimension-512:512px;--sgds-dimension-640:640px;--sgds-dimension-688:688px;--sgds-dimension-768:768px;--sgds-dimension-800:800px;--sgds-dimension-840:840px;--sgds-dimension-864:864px;--sgds-dimension-872:872px;--sgds-dimension-888:888px;--sgds-dimension-960:960px;--sgds-dimension-1024:1024px;--sgds-dimension-1168:1168px;--sgds-dimension-1280:1280px;--sgds-dimension-1312:1312px;--sgds-dimension-1440:1440px;--sgds-padding-none:var(--sgds-spacer-0);--sgds-padding-3-xs:var(--sgds-spacer-1);--sgds-padding-2-xs:var(--sgds-spacer-2);--sgds-padding-xs:var(--sgds-spacer-3);--sgds-padding-sm:var(--sgds-spacer-4);--sgds-padding-md:var(--sgds-spacer-5);--sgds-padding-lg:var(--sgds-spacer-6);--sgds-padding-xl:var(--sgds-spacer-7);--sgds-padding-2-xl:var(--sgds-spacer-8);--sgds-padding-3-xl:var(--sgds-spacer-9);--sgds-padding-4-xl:var(--sgds-spacer-10);--sgds-padding-5-xl:var(--sgds-spacer-11);--sgds-form-padding-x:var(--sgds-padding-md);--sgds-form-padding-y:var(--sgds-padding-sm);--sgds-form-padding-inline-xs:var(--sgds-padding-3-xs);--sgds-form-padding-inline-sm:var(--sgds-padding-2-xs);--sgds-form-padding-inline-md:var(--sgds-padding-xs);--sgds-form-padding-inline-lg:var(--sgds-padding-sm);--sgds-form-padding-inline-xl:var(--sgds-padding-md);--sgds-margin-none:var(--sgds-spacer-0);--sgds-margin-3-xs:var(--sgds-spacer-1);--sgds-margin-2-xs:var(--sgds-spacer-2);--sgds-margin-xs:var(--sgds-spacer-3);--sgds-margin-sm:var(--sgds-spacer-4);--sgds-margin-md:var(--sgds-spacer-5);--sgds-margin-lg:var(--sgds-spacer-6);--sgds-margin-xl:var(--sgds-spacer-7);--sgds-margin-2-xl:var(--sgds-spacer-8);--sgds-margin-3-xl:var(--sgds-spacer-9);--sgds-margin-4-xl:var(--sgds-spacer-10);--sgds-margin-5-xl:var(--sgds-spacer-11);--sgds-gutter-sm:var(--sgds-dimension-16);--sgds-gutter-md:var(--sgds-dimension-24);--sgds-gutter-lg:var(--sgds-dimension-32);--sgds-gap-none:var(--sgds-spacer-0);--sgds-gap-2-xs:var(--sgds-spacer-2);--sgds-gap-xs:var(--sgds-spacer-3);--sgds-gap-sm:var(--sgds-spacer-4);--sgds-gap-md:var(--sgds-spacer-5);--sgds-gap-lg:var(--sgds-spacer-6);--sgds-gap-xl:var(--sgds-spacer-7);--sgds-gap-2-xl:var(--sgds-spacer-8);--sgds-gap-3-xl:var(--sgds-spacer-9);--sgds-form-gap-sm:var(--sgds-gap-2-xs);--sgds-form-gap-md:var(--sgds-gap-xs);--sgds-form-gap-lg:var(--sgds-gap-sm);--sgds-form-gap-xl:var(--sgds-gap-md);--sgds-form-gap-2-xl:var(--sgds-gap-xl);--sgds-form-height-3-xs:var(--sgds-dimension-12);--sgds-form-height-2-xs:var(--sgds-dimension-16);--sgds-form-height-xs:var(--sgds-dimension-20);--sgds-form-height-sm:var(--sgds-dimension-24);--sgds-form-height-md:var(--sgds-dimension-32);--sgds-form-height-lg:var(--sgds-dimension-40);--sgds-form-height-xl:var(--sgds-dimension-48);--sgds-form-height-2-xl:var(--sgds-dimension-56);--sgds-form-width-3-xs:var(--sgds-dimension-12);--sgds-form-width-2-xs:var(--sgds-dimension-16);--sgds-form-width-xs:var(--sgds-dimension-24);--sgds-form-width-sm:var(--sgds-dimension-32);--sgds-form-width-md:var(--sgds-dimension-40);--sgds-form-width-lg:var(--sgds-dimension-48);--sgds-form-width-xl:var(--sgds-dimension-56);--sgds-form-width-2-xl:var(--sgds-dimension-64);--sgds-form-width-3-xl:var(--sgds-dimension-72);--sgds-form-width-4-xl:var(--sgds-dimension-80);--sgds-form-icon-size-sm:var(--sgds-icon-size-sm);--sgds-form-icon-size-md:var(--sgds-icon-size-md);--sgds-form-icon-size-lg:var(--sgds-icon-size-lg);--sgds-outline-focus:var(--sgds-border-width-2) solid var(--sgds-blue-400);--sgds-outline-offset-focus:calc(-1 * var(--sgds-border-width-2));--sgds-form-outline-focus:var(--sgds-outline-focus);--sgds-form-outline-offset-focus:var(--sgds-outline-offset-focus);--sgds-text-max-width:var(--sgds-dimension-864);--sgds-container-max-width-md:var(--sgds-dimension-768);--sgds-container-max-width-lg:var(--sgds-dimension-888);--sgds-container-max-width-xl:var(--sgds-dimension-1168);--sgds-container-max-width-2-xl:var(--sgds-dimension-1312);--sgds-container-max-width-3-xl:var(--sgds-dimension-1440);--sgds-mainnav-max-width:1440px;--sgds-mainnav-padding-x:2rem;--sgds-mainnav-mobile-padding-x:1.25rem;--sgds-motion-easing-enter:cubic-bezier(.1, 0, .5, 0);--sgds-motion-easing-exit:cubic-bezier(.15, .6, .6, 1);--sgds-motion-easing-standard:cubic-bezier(.25, 0, .25, 1);--sgds-motion-duration-faster:.1s;--sgds-motion-duration-fast:.2s;--sgds-motion-duration-standard:.3s;--sgds-motion-duration-slow:.4s;--sgds-motion-duration-slower:.5s;--sgds-z-index-0:0;--sgds-z-index-100:100;--sgds-z-index-200:200;--sgds-z-index-400:400;--sgds-z-index-800:800;--sgds-z-index-base:var(--sgds-z-index-0);--sgds-z-index-raised:var(--sgds-z-index-100);--sgds-z-index-floating:var(--sgds-z-index-200);--sgds-z-index-overlay:var(--sgds-z-index-400);--sgds-z-index-modal:var(--sgds-z-index-800);--sgds-elevation-surface-1:0 0 2px 0 #0e0e0e29;--sgds-elevation-surface-2:0 0 2px 0 #0e0e0e29, 0 2px 4px 0 #0e0e0e14;--sgds-elevation-surface-3:0 0 2px 0 #0e0e0e29, 0 4px 8px 0 #0e0e0e14;--sgds-elevation-surface-4:0 0 2px 0 #0e0e0e29, 0 8px 16px 0 #0e0e0e14;--sgds-elevation-surface-5:0 0 2px 0 #0e0e0e29, 0 16px 32px 0 #0e0e0e14;--sgds-elevation-edge-top:0 -2px 4px 0 #0e0e0e14;--sgds-elevation-edge-bottom:0 2px 4px 0 #0e0e0e14;color-scheme:light only;--sgds-bg-default:var(--sgds-gray-000);--sgds-bg-alternate:var(--sgds-gray-50);--sgds-bg-fixed-light:var(--sgds-gray-000);--sgds-bg-fixed-dark:var(--sgds-gray-1100);--sgds-bg-overlay:oklch(from var(--sgds-gray-1100) l c h / .5);--sgds-bg-translucent:oklch(from var(--sgds-gray-1100) l c h / .1);--sgds-bg-translucent-subtle:oklch(from var(--sgds-gray-1100) l c h / .05);--sgds-bg-transparent:transparent;--sgds-bg-translucent-inverse:oklch(from var(--sgds-gray-000) l c h / .2);--sgds-bg-translucent-fixed-dark:oklch(from var(--sgds-gray-1100) l c h / .2);--sgds-bg-translucent-fixed-light:oklch(from var(--sgds-gray-000) l c h / .2);--sgds-surface-default:var(--sgds-gray-000);--sgds-surface-raised:var(--sgds-gray-100);--sgds-surface-inverse:var(--sgds-gray-900);--sgds-surface-fixed-light:var(--sgds-gray-000);--sgds-surface-fixed-dark:var(--sgds-gray-900);--sgds-color-default:var(--sgds-gray-1000);--sgds-color-subtle:var(--sgds-gray-700);--sgds-color-muted:var(--sgds-gray-300);--sgds-color-inverse:var(--sgds-gray-100);--sgds-color-fixed-light:var(--sgds-gray-100);--sgds-color-fixed-dark:var(--sgds-gray-1000);--sgds-color-transparent:transparent;--sgds-border-color-default:var(--sgds-gray-500);--sgds-border-color-emphasis:var(--sgds-gray-800);--sgds-border-color-muted:var(--sgds-gray-200);--sgds-border-color-fixed-light:var(--sgds-gray-000);--sgds-border-color-fixed-dark:var(--sgds-gray-1000);--sgds-border-color-translucent:oklch(from var(--sgds-gray-1100) l c h / .05);--sgds-border-color-transparent:transparent;--sgds-primary-bg-default:var(--sgds-product-primary-700);--sgds-primary-bg-muted:var(--sgds-product-primary-100);--sgds-primary-bg-translucent:oklch(from var(--sgds-product-primary-700) l c h / .1);--sgds-primary-surface-default:var(--sgds-product-primary-600);--sgds-primary-surface-emphasis:var(--sgds-product-primary-700);--sgds-primary-surface-muted:var(--sgds-product-primary-100);--sgds-primary-surface-translucent:oklch(from var(--sgds-product-primary-700) l c h / .1);--sgds-primary-color-default:var(--sgds-product-primary-600);--sgds-primary-color-emphasis:var(--sgds-product-primary-700);--sgds-primary-color-fixed-light:var(--sgds-product-primary-400);--sgds-primary-color-fixed-dark:var(--sgds-product-primary-600);--sgds-primary-border-color-default:var(--sgds-product-primary-600);--sgds-primary-border-color-emphasis:var(--sgds-product-primary-700);--sgds-primary-border-color-muted:var(--sgds-product-primary-200);--sgds-accent-bg-default:var(--sgds-blue-700);--sgds-accent-bg-muted:var(--sgds-blue-100);--sgds-accent-surface-default:var(--sgds-blue-600);--sgds-accent-surface-emphasis:var(--sgds-blue-700);--sgds-accent-surface-muted:var(--sgds-blue-100);--sgds-accent-color-default:var(--sgds-blue-600);--sgds-accent-color-emphasis:var(--sgds-blue-700);--sgds-accent-color-fixed-light:var(--sgds-blue-400);--sgds-accent-color-fixed-dark:var(--sgds-blue-600);--sgds-accent-border-color-default:var(--sgds-blue-500);--sgds-accent-border-color-emphasis:var(--sgds-blue-700);--sgds-accent-border-color-muted:var(--sgds-blue-200);--sgds-success-bg-default:var(--sgds-green-700);--sgds-success-bg-muted:var(--sgds-green-100);--sgds-success-surface-default:var(--sgds-green-600);--sgds-success-surface-emphasis:var(--sgds-green-700);--sgds-success-surface-muted:var(--sgds-green-100);--sgds-success-color-default:var(--sgds-green-600);--sgds-success-color-emphasis:var(--sgds-green-700);--sgds-success-color-fixed-light:var(--sgds-green-400);--sgds-success-color-fixed-dark:var(--sgds-green-600);--sgds-success-border-color-default:var(--sgds-green-600);--sgds-success-border-color-emphasis:var(--sgds-green-700);--sgds-success-border-color-muted:var(--sgds-green-200);--sgds-danger-bg-default:var(--sgds-red-700);--sgds-danger-bg-muted:var(--sgds-red-100);--sgds-danger-surface-default:var(--sgds-red-600);--sgds-danger-surface-emphasis:var(--sgds-red-700);--sgds-danger-surface-muted:var(--sgds-red-100);--sgds-danger-surface-translucent:oklch(from var(--sgds-red-700) l c h / .08);--sgds-danger-color-default:var(--sgds-red-600);--sgds-danger-color-emphasis:var(--sgds-red-700);--sgds-danger-color-fixed-light:var(--sgds-red-400);--sgds-danger-color-fixed-dark:var(--sgds-red-600);--sgds-danger-border-color-default:var(--sgds-red-600);--sgds-danger-border-color-emphasis:var(--sgds-red-700);--sgds-danger-border-color-muted:var(--sgds-red-200);--sgds-warning-bg-default:var(--sgds-yellow-200);--sgds-warning-bg-muted:var(--sgds-yellow-100);--sgds-warning-surface-default:var(--sgds-yellow-200);--sgds-warning-surface-emphasis:var(--sgds-yellow-600);--sgds-warning-surface-muted:var(--sgds-yellow-100);--sgds-warning-color-default:var(--sgds-yellow-600);--sgds-warning-color-emphasis:var(--sgds-yellow-700);--sgds-warning-color-fixed-light:var(--sgds-yellow-300);--sgds-warning-color-fixed-dark:var(--sgds-yellow-600);--sgds-warning-border-color-default:var(--sgds-yellow-600);--sgds-warning-border-color-emphasis:var(--sgds-yellow-700);--sgds-warning-border-color-muted:var(--sgds-yellow-200);--sgds-purple-bg-default:var(--sgds-purple-700);--sgds-purple-bg-muted:var(--sgds-purple-100);--sgds-purple-surface-default:var(--sgds-purple-600);--sgds-purple-surface-emphasis:var(--sgds-purple-700);--sgds-purple-surface-muted:var(--sgds-purple-100);--sgds-purple-color-default:var(--sgds-purple-600);--sgds-purple-color-emphasis:var(--sgds-purple-700);--sgds-purple-color-fixed-light:var(--sgds-purple-400);--sgds-purple-color-fixed-dark:var(--sgds-purple-600);--sgds-purple-border-color-default:var(--sgds-purple-500);--sgds-purple-border-color-emphasis:var(--sgds-purple-700);--sgds-purple-border-color-muted:var(--sgds-purple-200);--sgds-cyan-bg-default:var(--sgds-cyan-700);--sgds-cyan-bg-muted:var(--sgds-cyan-100);--sgds-cyan-surface-default:var(--sgds-cyan-600);--sgds-cyan-surface-emphasis:var(--sgds-cyan-700);--sgds-cyan-surface-muted:var(--sgds-cyan-100);--sgds-cyan-color-default:var(--sgds-cyan-600);--sgds-cyan-color-emphasis:var(--sgds-cyan-700);--sgds-cyan-color-fixed-light:var(--sgds-cyan-400);--sgds-cyan-color-fixed-dark:var(--sgds-cyan-600);--sgds-cyan-border-color-default:var(--sgds-cyan-500);--sgds-cyan-border-color-emphasis:var(--sgds-cyan-700);--sgds-cyan-border-color-muted:var(--sgds-cyan-200);--sgds-neutral-bg-default:var(--sgds-gray-700);--sgds-neutral-bg-muted:var(--sgds-gray-100);--sgds-neutral-surface-default:var(--sgds-gray-700);--sgds-neutral-surface-emphasis:var(--sgds-gray-800);--sgds-neutral-surface-muted:var(--sgds-gray-100);--sgds-neutral-surface-translucent:oklch(from var(--sgds-gray-1100) l c h / .15);--sgds-neutral-color-default:var(--sgds-gray-600);--sgds-neutral-color-emphasis:var(--sgds-gray-700);--sgds-neutral-color-fixed-light:var(--sgds-gray-400);--sgds-neutral-color-fixed-dark:var(--sgds-gray-600);--sgds-neutral-border-color-default:var(--sgds-gray-600);--sgds-neutral-border-color-emphasis:var(--sgds-gray-700);--sgds-neutral-border-color-muted:var(--sgds-gray-200);--sgds-display-color-default:var(--sgds-gray-1000);--sgds-display-color-subtle:var(--sgds-gray-800);--sgds-heading-color-default:var(--sgds-gray-900);--sgds-heading-color-subtle:var(--sgds-gray-800);--sgds-body-color-default:var(--sgds-gray-1000);--sgds-body-color-subtle:var(--sgds-gray-700);--sgds-label-color-default:var(--sgds-gray-900);--sgds-label-color-subtle:var(--sgds-gray-700);--sgds-link-color-default:var(--sgds-blue-600);--sgds-link-color-emphasis:var(--sgds-blue-700);--sgds-form-surface-default:var(--sgds-gray-000);--sgds-form-surface-raised:var(--sgds-gray-100);--sgds-form-surface-emphasis:var(--sgds-gray-700);--sgds-form-surface-subtle:var(--sgds-gray-400);--sgds-form-surface-muted:var(--sgds-gray-200);--sgds-form-surface-inverse:var(--sgds-gray-900);--sgds-form-surface-fixed-light:var(--sgds-gray-000);--sgds-form-surface-fixed-dark:var(--sgds-gray-900);--sgds-form-color-default:var(--sgds-gray-900);--sgds-form-color-subtle:var(--sgds-gray-700);--sgds-form-color-muted:var(--sgds-gray-300);--sgds-form-color-inverse:var(--sgds-gray-100);--sgds-form-color-fixed-light:var(--sgds-gray-000);--sgds-form-color-fixed-dark:var(--sgds-gray-1100);--sgds-form-primary-surface-default:var(--sgds-product-primary-600);--sgds-form-primary-surface-emphasis:var(--sgds-product-primary-700);--sgds-form-primary-color-default:var(--sgds-product-primary-600);--sgds-form-success-surface-default:var(--sgds-green-600);--sgds-form-success-color-default:var(--sgds-green-600);--sgds-form-success-border-color-default:var(--sgds-green-500);--sgds-form-danger-surface-default:var(--sgds-red-600);--sgds-form-danger-color-default:var(--sgds-red-600);--sgds-form-danger-border-color-default:var(--sgds-red-500);--sgds-font-size-display-sm:var(--sgds-font-size-32);--sgds-font-size-display-md:var(--sgds-font-size-36);--sgds-font-size-display-lg:var(--sgds-font-size-40);--sgds-font-size-heading-sm:var(--sgds-font-size-20);--sgds-font-size-heading-md:var(--sgds-font-size-24);--sgds-font-size-heading-lg:var(--sgds-font-size-28);--sgds-font-size-heading-xl:var(--sgds-font-size-32);--sgds-font-size-subtitle-sm:var(--sgds-font-size-16);--sgds-font-size-subtitle-md:var(--sgds-font-size-18);--sgds-font-size-body-sm:var(--sgds-font-size-14);--sgds-font-size-body-md:var(--sgds-font-size-16);--sgds-font-size-body-lg:var(--sgds-font-size-18);--sgds-font-size-label-xs:var(--sgds-font-size-12);--sgds-font-size-label-sm:var(--sgds-font-size-14);--sgds-font-size-label-md:var(--sgds-font-size-16);--sgds-font-size-label-lg:var(--sgds-font-size-18);--sgds-font-size-caption-md:var(--sgds-font-size-14);--sgds-font-size-overline-md:var(--sgds-font-size-14);--sgds-font-size-link-xs:var(--sgds-font-size-12);--sgds-font-size-link-sm:var(--sgds-font-size-14);--sgds-font-size-link-md:var(--sgds-font-size-16);--sgds-font-size-link-lg:var(--sgds-font-size-18);--sgds-line-height-3-xs:var(--sgds-line-height-16);--sgds-line-height-2-xs:var(--sgds-line-height-20);--sgds-line-height-xs:var(--sgds-line-height-24);--sgds-line-height-sm:var(--sgds-line-height-24);--sgds-line-height-md:var(--sgds-line-height-28);--sgds-line-height-lg:var(--sgds-line-height-32);--sgds-line-height-xl:var(--sgds-line-height-40);--sgds-line-height-2-xl:var(--sgds-line-height-44);--sgds-line-height-3-xl:var(--sgds-line-height-48);--sgds-text-gap-2-xs:var(--sgds-spacer-2);--sgds-text-gap-xs:var(--sgds-spacer-3);--sgds-text-gap-sm:var(--sgds-spacer-3);--sgds-text-gap-md:var(--sgds-spacer-4);--sgds-text-gap-lg:var(--sgds-spacer-5);--sgds-text-gap-xl:var(--sgds-spacer-6);--sgds-text-gap-2-xl:var(--sgds-spacer-7);--sgds-layout-gap-2-xs:var(--sgds-spacer-2);--sgds-layout-gap-xs:var(--sgds-spacer-3);--sgds-layout-gap-sm:var(--sgds-spacer-4);--sgds-layout-gap-md:var(--sgds-spacer-5);--sgds-layout-gap-lg:var(--sgds-spacer-6);--sgds-layout-gap-xl:var(--sgds-spacer-7);--sgds-layout-padding-xs:var(--sgds-spacer-5);--sgds-layout-padding-sm:var(--sgds-spacer-6);--sgds-layout-padding-md:var(--sgds-spacer-7);--sgds-layout-padding-lg:var(--sgds-spacer-8);--sgds-layout-padding-xl:var(--sgds-spacer-9);--sgds-component-gap-xs:var(--sgds-spacer-3);--sgds-component-gap-sm:var(--sgds-spacer-4);--sgds-component-gap-md:var(--sgds-spacer-5);--sgds-component-gap-lg:var(--sgds-spacer-6);--sgds-component-gap-xl:var(--sgds-spacer-7);--sgds-component-padding-xs:var(--sgds-spacer-5);--sgds-component-padding-sm:var(--sgds-spacer-6);--sgds-component-padding-md:var(--sgds-spacer-7);--sgds-component-padding-lg:var(--sgds-spacer-8);--sgds-component-padding-xl:var(--sgds-spacer-9);--sgds-container-width:var(--sgds-dimension-360)}:root{--sgds-product-primary-100:#f4f2fe;--sgds-product-primary-200:#e1dbfb;--sgds-product-primary-300:#c8bdf7;--sgds-product-primary-400:#a999f3;--sgds-product-primary-500:#8a72ef;--sgds-product-primary-600:#6b4feb;--sgds-product-primary-700:#523abc;--sgds-product-primary-800:#3c2b8a;--sgds-product-primary-900:#2a1e61;--sgds-purple-100:#fbf0fe;--sgds-purple-200:#f2d6fc;--sgds-purple-300:#e6adf9;--sgds-purple-400:#d983f6;--sgds-purple-500:#c94cf2;--sgds-purple-600:#ac1cdb;--sgds-purple-700:#8516a9;--sgds-purple-800:#641180;--sgds-purple-900:#460c5a;--sgds-cyan-100:#e0f7fc;--sgds-cyan-200:#a8e9f7;--sgds-cyan-300:#49d2ef;--sgds-cyan-400:#00b4da;--sgds-cyan-500:#0092b1;--sgds-cyan-600:#00758d;--sgds-cyan-700:#005a6d;--sgds-cyan-800:#004352;--sgds-cyan-900:#002f38;--sgds-green-100:#e3f9ed;--sgds-green-200:#b1edcb;--sgds-green-300:#62db96;--sgds-green-400:#16bd5e;--sgds-green-500:#129a4d;--sgds-green-600:#0e7c3d;--sgds-green-700:#0b5e2f;--sgds-green-800:#084523;--sgds-green-900:#063119;--sgds-blue-100:#ecf5fe;--sgds-blue-200:#c8e2fb;--sgds-blue-300:#96c7f7;--sgds-blue-400:#60aaf4;--sgds-blue-500:#1e87ef;--sgds-blue-600:#0269d0;--sgds-blue-700:#0151a0;--sgds-blue-800:#013c77;--sgds-blue-900:#012a54;--sgds-yellow-100:#fef4cb;--sgds-yellow-200:#fcde63;--sgds-yellow-300:#e5bf29;--sgds-yellow-400:#c2a223;--sgds-yellow-500:#9d841c;--sgds-yellow-600:#7e6917;--sgds-yellow-700:#605111;--sgds-yellow-800:#483c0d;--sgds-yellow-900:#322909;--sgds-red-100:#fcf1f1;--sgds-red-200:#f8d7d7;--sgds-red-300:#f1b2b2;--sgds-red-400:#e98b8b;--sgds-red-500:#e05959;--sgds-red-600:#cf2323;--sgds-red-700:#a11b1b;--sgds-red-800:#791414;--sgds-red-900:#550e0e;--sgds-gray-000:#fff;--sgds-gray-50:#f7f7f7;--sgds-gray-100:#f3f3f3;--sgds-gray-200:#dfdfdf;--sgds-gray-300:#c6c6c6;--sgds-gray-400:#a5a5a5;--sgds-gray-500:#868686;--sgds-gray-600:#6b6b6b;--sgds-gray-700:#525252;--sgds-gray-800:#3b3b3b;--sgds-gray-900:#2a2a2a;--sgds-gray-1000:#1a1a1a;--sgds-gray-1100:#0e0e0e;--sgds-border-width-0:0px;--sgds-border-width-1:1px;--sgds-border-width-2:2px;--sgds-border-width-3:3px;--sgds-border-width-4:4px;--sgds-form-border-width-default:var(--sgds-border-width-1);--sgds-form-border-width-thick:var(--sgds-border-width-2);--sgds-border-radius-none:0px;--sgds-border-radius-xs:2px;--sgds-border-radius-sm:4px;--sgds-border-radius-md:8px;--sgds-border-radius-lg:12px;--sgds-border-radius-xl:16px;--sgds-border-radius-2-xl:24px;--sgds-border-radius-3-xl:32px;--sgds-border-radius-full:999px;--sgds-form-border-radius-none:var(--sgds-border-radius-none);--sgds-form-border-radius-xs:var(--sgds-border-radius-xs);--sgds-form-border-radius-sm:var(--sgds-border-radius-sm);--sgds-form-border-radius-md:var(--sgds-border-radius-md);--sgds-form-border-radius-full:var(--sgds-border-radius-full);--sgds-breakpoint-xs:var(--sgds-dimension-320);--sgds-breakpoint-sm:var(--sgds-dimension-512);--sgds-breakpoint-md:var(--sgds-dimension-768);--sgds-breakpoint-lg:var(--sgds-dimension-1024);--sgds-breakpoint-xl:var(--sgds-dimension-1280);--sgds-breakpoint-2-xl:var(--sgds-dimension-1440);--sgds-breakpoint-sbar-md:var(--sgds-dimension-768);--sgds-breakpoint-sbar-lg:var(--sgds-dimension-1024);--sgds-breakpoint-sbar-xl:var(--sgds-dimension-1280);--sgds-breakpoint-sbar-2-xl:var(--sgds-dimension-1440);--sgds-font-family-brand:"Inter", system-ui, sans-serif;--sgds-font-weight-light:300;--sgds-font-weight-regular:400;--sgds-font-weight-semibold:600;--sgds-font-weight-bold:700;--sgds-font-size-0:.75rem;--sgds-font-size-1:.875rem;--sgds-font-size-2:1rem;--sgds-font-size-3:1.25rem;--sgds-font-size-4:1.5rem;--sgds-font-size-5:1.75rem;--sgds-font-size-6:2rem;--sgds-font-size-7:2.5rem;--sgds-font-size-8:3rem;--sgds-font-size-9:3.5rem;--sgds-font-size-12:.75rem;--sgds-font-size-14:.875rem;--sgds-font-size-16:1rem;--sgds-font-size-18:1.125rem;--sgds-font-size-20:1.25rem;--sgds-font-size-22:1.375rem;--sgds-font-size-24:1.5rem;--sgds-font-size-26:1.625rem;--sgds-font-size-28:1.75rem;--sgds-font-size-30:1.875rem;--sgds-font-size-32:2rem;--sgds-font-size-36:2.25rem;--sgds-font-size-40:2.5rem;--sgds-font-size-44:2.75rem;--sgds-font-size-48:3rem;--sgds-font-size-52:3.25rem;--sgds-font-size-56:3.5rem;--sgds-icon-size-xs:.75rem;--sgds-icon-size-sm:1rem;--sgds-icon-size-md:1.25rem;--sgds-icon-size-lg:1.5rem;--sgds-icon-size-xl:2rem;--sgds-icon-size-2-xl:3rem;--sgds-icon-size-3-xl:4rem;--sgds-letter-spacing-tighter:-1px;--sgds-letter-spacing-tight:-.4px;--sgds-letter-spacing-normal:0px;--sgds-letter-spacing-wide:1px;--sgds-letter-spacing-wider:2px;--sgds-line-height-16:16px;--sgds-line-height-20:20px;--sgds-line-height-24:24px;--sgds-line-height-28:28px;--sgds-line-height-32:32px;--sgds-line-height-36:36px;--sgds-line-height-40:40px;--sgds-line-height-44:44px;--sgds-line-height-48:48px;--sgds-line-height-52:52px;--sgds-line-height-56:56px;--sgds-line-height-60:60px;--sgds-line-height-64:64px;--sgds-opacity-0:0;--sgds-opacity-3:.03;--sgds-opacity-5:.05;--sgds-opacity-10:.1;--sgds-opacity-20:.2;--sgds-opacity-30:.3;--sgds-opacity-40:.4;--sgds-opacity-50:.5;--sgds-opacity-60:.6;--sgds-opacity-70:.7;--sgds-opacity-80:.8;--sgds-opacity-90:.9;--sgds-opacity-100:1;--sgds-paragraph-spacing-none:0;--sgds-paragraph-spacing-sm:.5rem;--sgds-paragraph-spacing-md:1rem;--sgds-paragraph-spacing-lg:1.5rem;--sgds-paragraph-spacing-xl:2rem;--sgds-spacer-0:0rem;--sgds-spacer-1:.125rem;--sgds-spacer-2:.25rem;--sgds-spacer-3:.5rem;--sgds-spacer-4:.75rem;--sgds-spacer-5:1rem;--sgds-spacer-6:1.25rem;--sgds-spacer-7:1.5rem;--sgds-spacer-8:2rem;--sgds-spacer-9:3rem;--sgds-spacer-10:4rem;--sgds-spacer-11:6rem;--sgds-spacer-12:8rem;--sgds-dimension-0:0px;--sgds-dimension-1:1px;--sgds-dimension-2:2px;--sgds-dimension-4:4px;--sgds-dimension-8:8px;--sgds-dimension-12:12px;--sgds-dimension-16:16px;--sgds-dimension-20:20px;--sgds-dimension-24:24px;--sgds-dimension-28:28px;--sgds-dimension-32:32px;--sgds-dimension-40:40px;--sgds-dimension-48:48px;--sgds-dimension-52:52px;--sgds-dimension-56:56px;--sgds-dimension-60:60px;--sgds-dimension-64:64px;--sgds-dimension-68:68px;--sgds-dimension-72:72px;--sgds-dimension-76:76px;--sgds-dimension-80:80px;--sgds-dimension-88:88px;--sgds-dimension-96:96px;--sgds-dimension-112:112px;--sgds-dimension-120:120px;--sgds-dimension-128:128px;--sgds-dimension-132:132px;--sgds-dimension-136:136px;--sgds-dimension-144:144px;--sgds-dimension-160:160px;--sgds-dimension-168:168px;--sgds-dimension-192:192px;--sgds-dimension-224:224px;--sgds-dimension-256:256px;--sgds-dimension-280:280px;--sgds-dimension-288:288px;--sgds-dimension-320:320px;--sgds-dimension-328:328px;--sgds-dimension-332:332px;--sgds-dimension-340:340px;--sgds-dimension-344:344px;--sgds-dimension-360:360px;--sgds-dimension-384:384px;--sgds-dimension-400:400px;--sgds-dimension-480:480px;--sgds-dimension-512:512px;--sgds-dimension-640:640px;--sgds-dimension-688:688px;--sgds-dimension-768:768px;--sgds-dimension-800:800px;--sgds-dimension-840:840px;--sgds-dimension-864:864px;--sgds-dimension-872:872px;--sgds-dimension-888:888px;--sgds-dimension-960:960px;--sgds-dimension-1024:1024px;--sgds-dimension-1168:1168px;--sgds-dimension-1280:1280px;--sgds-dimension-1312:1312px;--sgds-dimension-1440:1440px;--sgds-padding-none:var(--sgds-spacer-0);--sgds-padding-3-xs:var(--sgds-spacer-1);--sgds-padding-2-xs:var(--sgds-spacer-2);--sgds-padding-xs:var(--sgds-spacer-3);--sgds-padding-sm:var(--sgds-spacer-4);--sgds-padding-md:var(--sgds-spacer-5);--sgds-padding-lg:var(--sgds-spacer-6);--sgds-padding-xl:var(--sgds-spacer-7);--sgds-padding-2-xl:var(--sgds-spacer-8);--sgds-padding-3-xl:var(--sgds-spacer-9);--sgds-padding-4-xl:var(--sgds-spacer-10);--sgds-padding-5-xl:var(--sgds-spacer-11);--sgds-form-padding-x:var(--sgds-padding-md);--sgds-form-padding-y:var(--sgds-padding-sm);--sgds-form-padding-inline-xs:var(--sgds-padding-3-xs);--sgds-form-padding-inline-sm:var(--sgds-padding-2-xs);--sgds-form-padding-inline-md:var(--sgds-padding-xs);--sgds-form-padding-inline-lg:var(--sgds-padding-sm);--sgds-form-padding-inline-xl:var(--sgds-padding-md);--sgds-margin-none:var(--sgds-spacer-0);--sgds-margin-3-xs:var(--sgds-spacer-1);--sgds-margin-2-xs:var(--sgds-spacer-2);--sgds-margin-xs:var(--sgds-spacer-3);--sgds-margin-sm:var(--sgds-spacer-4);--sgds-margin-md:var(--sgds-spacer-5);--sgds-margin-lg:var(--sgds-spacer-6);--sgds-margin-xl:var(--sgds-spacer-7);--sgds-margin-2-xl:var(--sgds-spacer-8);--sgds-margin-3-xl:var(--sgds-spacer-9);--sgds-margin-4-xl:var(--sgds-spacer-10);--sgds-margin-5-xl:var(--sgds-spacer-11);--sgds-gutter-sm:var(--sgds-dimension-16);--sgds-gutter-md:var(--sgds-dimension-24);--sgds-gutter-lg:var(--sgds-dimension-32);--sgds-gap-none:var(--sgds-spacer-0);--sgds-gap-2-xs:var(--sgds-spacer-2);--sgds-gap-xs:var(--sgds-spacer-3);--sgds-gap-sm:var(--sgds-spacer-4);--sgds-gap-md:var(--sgds-spacer-5);--sgds-gap-lg:var(--sgds-spacer-6);--sgds-gap-xl:var(--sgds-spacer-7);--sgds-gap-2-xl:var(--sgds-spacer-8);--sgds-gap-3-xl:var(--sgds-spacer-9);--sgds-form-gap-sm:var(--sgds-gap-2-xs);--sgds-form-gap-md:var(--sgds-gap-xs);--sgds-form-gap-lg:var(--sgds-gap-sm);--sgds-form-gap-xl:var(--sgds-gap-md);--sgds-form-gap-2-xl:var(--sgds-gap-xl);--sgds-form-height-3-xs:var(--sgds-dimension-12);--sgds-form-height-2-xs:var(--sgds-dimension-16);--sgds-form-height-xs:var(--sgds-dimension-20);--sgds-form-height-sm:var(--sgds-dimension-24);--sgds-form-height-md:var(--sgds-dimension-32);--sgds-form-height-lg:var(--sgds-dimension-40);--sgds-form-height-xl:var(--sgds-dimension-48);--sgds-form-height-2-xl:var(--sgds-dimension-56);--sgds-form-width-3-xs:var(--sgds-dimension-12);--sgds-form-width-2-xs:var(--sgds-dimension-16);--sgds-form-width-xs:var(--sgds-dimension-24);--sgds-form-width-sm:var(--sgds-dimension-32);--sgds-form-width-md:var(--sgds-dimension-40);--sgds-form-width-lg:var(--sgds-dimension-48);--sgds-form-width-xl:var(--sgds-dimension-56);--sgds-form-width-2-xl:var(--sgds-dimension-64);--sgds-form-width-3-xl:var(--sgds-dimension-72);--sgds-form-width-4-xl:var(--sgds-dimension-80);--sgds-form-icon-size-sm:var(--sgds-icon-size-sm);--sgds-form-icon-size-md:var(--sgds-icon-size-md);--sgds-form-icon-size-lg:var(--sgds-icon-size-lg);--sgds-outline-focus:var(--sgds-border-width-2) solid var(--sgds-blue-400);--sgds-outline-offset-focus:calc(-1 * var(--sgds-border-width-2));--sgds-form-outline-focus:var(--sgds-outline-focus);--sgds-form-outline-offset-focus:var(--sgds-outline-offset-focus);--sgds-text-max-width:var(--sgds-dimension-864);--sgds-container-max-width-md:var(--sgds-dimension-768);--sgds-container-max-width-lg:var(--sgds-dimension-888);--sgds-container-max-width-xl:var(--sgds-dimension-1168);--sgds-container-max-width-2-xl:var(--sgds-dimension-1312);--sgds-container-max-width-3-xl:var(--sgds-dimension-1440);--sgds-mainnav-max-width:1440px;--sgds-mainnav-padding-x:2rem;--sgds-mainnav-mobile-padding-x:1.25rem;--sgds-motion-easing-enter:cubic-bezier(.1, 0, .5, 0);--sgds-motion-easing-exit:cubic-bezier(.15, .6, .6, 1);--sgds-motion-easing-standard:cubic-bezier(.25, 0, .25, 1);--sgds-motion-duration-faster:.1s;--sgds-motion-duration-fast:.2s;--sgds-motion-duration-standard:.3s;--sgds-motion-duration-slow:.4s;--sgds-motion-duration-slower:.5s;--sgds-z-index-0:0;--sgds-z-index-100:100;--sgds-z-index-200:200;--sgds-z-index-400:400;--sgds-z-index-800:800;--sgds-z-index-base:var(--sgds-z-index-0);--sgds-z-index-raised:var(--sgds-z-index-100);--sgds-z-index-floating:var(--sgds-z-index-200);--sgds-z-index-overlay:var(--sgds-z-index-400);--sgds-z-index-modal:var(--sgds-z-index-800);--sgds-elevation-surface-1:0 0 2px 0 #0e0e0e29;--sgds-elevation-surface-2:0 0 2px 0 #0e0e0e29, 0 2px 4px 0 #0e0e0e14;--sgds-elevation-surface-3:0 0 2px 0 #0e0e0e29, 0 4px 8px 0 #0e0e0e14;--sgds-elevation-surface-4:0 0 2px 0 #0e0e0e29, 0 8px 16px 0 #0e0e0e14;--sgds-elevation-surface-5:0 0 2px 0 #0e0e0e29, 0 16px 32px 0 #0e0e0e14;--sgds-elevation-edge-top:0 -2px 4px 0 #0e0e0e14;--sgds-elevation-edge-bottom:0 2px 4px 0 #0e0e0e14}:root.sgds-night-theme{color-scheme:dark only;--sgds-bg-default:var(--sgds-gray-1100);--sgds-bg-alternate:var(--sgds-gray-1000);--sgds-bg-fixed-light:var(--sgds-gray-000);--sgds-bg-fixed-dark:var(--sgds-gray-1100);--sgds-bg-overlay:oklch(from var(--sgds-gray-1100) l c h / .5);--sgds-bg-translucent:oklch(from var(--sgds-gray-000) l c h / .1);--sgds-bg-translucent-subtle:oklch(from var(--sgds-gray-000) l c h / .1);--sgds-bg-transparent:transparent;--sgds-bg-translucent-inverse:oklch(from var(--sgds-gray-1100) l c h / .2);--sgds-bg-translucent-fixed-dark:oklch(from var(--sgds-gray-1100) l c h / .2);--sgds-bg-translucent-fixed-light:oklch(from var(--sgds-gray-000) l c h / .2);--sgds-surface-default:var(--sgds-gray-900);--sgds-surface-raised:var(--sgds-gray-800);--sgds-surface-inverse:var(--sgds-gray-000);--sgds-surface-fixed-light:var(--sgds-gray-000);--sgds-surface-fixed-dark:var(--sgds-gray-900);--sgds-color-default:var(--sgds-gray-100);--sgds-color-subtle:var(--sgds-gray-400);--sgds-color-muted:var(--sgds-gray-800);--sgds-color-inverse:var(--sgds-gray-1000);--sgds-color-fixed-light:var(--sgds-gray-100);--sgds-color-fixed-dark:var(--sgds-gray-1000);--sgds-color-transparent:transparent;--sgds-border-color-default:var(--sgds-gray-500);--sgds-border-color-emphasis:var(--sgds-gray-200);--sgds-border-color-muted:var(--sgds-gray-800);--sgds-border-color-fixed-light:var(--sgds-gray-000);--sgds-border-color-fixed-dark:var(--sgds-gray-1000);--sgds-border-color-translucent:oklch(from var(--sgds-gray-000) l c h / .1);--sgds-border-color-transparent:transparent;--sgds-primary-bg-default:var(--sgds-product-primary-600);--sgds-primary-bg-muted:var(--sgds-product-primary-200);--sgds-primary-bg-translucent:oklch(from var(--sgds-product-primary-100) l c h / .05);--sgds-primary-surface-default:var(--sgds-product-primary-600);--sgds-primary-surface-emphasis:var(--sgds-product-primary-700);--sgds-primary-surface-muted:var(--sgds-product-primary-100);--sgds-primary-surface-translucent:oklch(from var(--sgds-product-primary-100) l c h / .1);--sgds-primary-color-default:var(--sgds-product-primary-400);--sgds-primary-color-emphasis:var(--sgds-product-primary-300);--sgds-primary-color-fixed-light:var(--sgds-product-primary-400);--sgds-primary-color-fixed-dark:var(--sgds-product-primary-600);--sgds-primary-border-color-default:var(--sgds-product-primary-400);--sgds-primary-border-color-emphasis:var(--sgds-product-primary-200);--sgds-primary-border-color-muted:var(--sgds-product-primary-700);--sgds-accent-bg-default:var(--sgds-blue-600);--sgds-accent-bg-muted:var(--sgds-blue-200);--sgds-accent-surface-default:var(--sgds-blue-600);--sgds-accent-surface-emphasis:var(--sgds-blue-700);--sgds-accent-surface-muted:var(--sgds-blue-100);--sgds-accent-color-default:var(--sgds-blue-400);--sgds-accent-color-emphasis:var(--sgds-blue-300);--sgds-accent-color-fixed-light:var(--sgds-blue-400);--sgds-accent-color-fixed-dark:var(--sgds-blue-600);--sgds-accent-border-color-default:var(--sgds-blue-500);--sgds-accent-border-color-emphasis:var(--sgds-blue-200);--sgds-accent-border-color-muted:var(--sgds-blue-700);--sgds-success-bg-default:var(--sgds-green-600);--sgds-success-bg-muted:var(--sgds-green-200);--sgds-success-surface-default:var(--sgds-green-600);--sgds-success-surface-emphasis:var(--sgds-green-700);--sgds-success-surface-muted:var(--sgds-green-100);--sgds-success-color-default:var(--sgds-green-400);--sgds-success-color-emphasis:var(--sgds-green-300);--sgds-success-color-fixed-light:var(--sgds-green-400);--sgds-success-color-fixed-dark:var(--sgds-green-600);--sgds-success-border-color-default:var(--sgds-green-400);--sgds-success-border-color-emphasis:var(--sgds-green-200);--sgds-success-border-color-muted:var(--sgds-green-700);--sgds-danger-bg-default:var(--sgds-red-600);--sgds-danger-bg-muted:var(--sgds-red-200);--sgds-danger-surface-default:var(--sgds-red-600);--sgds-danger-surface-emphasis:var(--sgds-red-700);--sgds-danger-surface-muted:var(--sgds-red-100);--sgds-danger-surface-translucent:oklch(from var(--sgds-red-100) l c h / .08);--sgds-danger-color-default:var(--sgds-red-400);--sgds-danger-color-emphasis:var(--sgds-red-300);--sgds-danger-color-fixed-light:var(--sgds-red-400);--sgds-danger-color-fixed-dark:var(--sgds-red-600);--sgds-danger-border-color-default:var(--sgds-red-400);--sgds-danger-border-color-emphasis:var(--sgds-red-200);--sgds-danger-border-color-muted:var(--sgds-red-700);--sgds-warning-bg-default:var(--sgds-yellow-300);--sgds-warning-bg-muted:var(--sgds-yellow-200);--sgds-warning-surface-default:var(--sgds-yellow-200);--sgds-warning-surface-emphasis:var(--sgds-yellow-600);--sgds-warning-surface-muted:var(--sgds-yellow-100);--sgds-warning-color-default:var(--sgds-yellow-300);--sgds-warning-color-emphasis:var(--sgds-yellow-200);--sgds-warning-color-fixed-light:var(--sgds-yellow-300);--sgds-warning-color-fixed-dark:var(--sgds-yellow-600);--sgds-warning-border-color-default:var(--sgds-yellow-400);--sgds-warning-border-color-emphasis:var(--sgds-yellow-200);--sgds-warning-border-color-muted:var(--sgds-yellow-700);--sgds-purple-bg-default:var(--sgds-purple-600);--sgds-purple-bg-muted:var(--sgds-purple-200);--sgds-purple-surface-default:var(--sgds-purple-600);--sgds-purple-surface-emphasis:var(--sgds-purple-700);--sgds-purple-surface-muted:var(--sgds-purple-100);--sgds-purple-color-default:var(--sgds-purple-400);--sgds-purple-color-emphasis:var(--sgds-purple-300);--sgds-purple-color-fixed-light:var(--sgds-purple-400);--sgds-purple-color-fixed-dark:var(--sgds-purple-600);--sgds-purple-border-color-default:var(--sgds-purple-500);--sgds-purple-border-color-emphasis:var(--sgds-purple-200);--sgds-purple-border-color-muted:var(--sgds-purple-700);--sgds-cyan-bg-default:var(--sgds-cyan-600);--sgds-cyan-bg-muted:var(--sgds-cyan-200);--sgds-cyan-surface-default:var(--sgds-cyan-600);--sgds-cyan-surface-emphasis:var(--sgds-cyan-700);--sgds-cyan-surface-muted:var(--sgds-cyan-100);--sgds-cyan-color-default:var(--sgds-cyan-400);--sgds-cyan-color-emphasis:var(--sgds-cyan-300);--sgds-cyan-color-fixed-light:var(--sgds-cyan-400);--sgds-cyan-color-fixed-dark:var(--sgds-cyan-600);--sgds-cyan-border-color-default:var(--sgds-cyan-500);--sgds-cyan-border-color-emphasis:var(--sgds-cyan-200);--sgds-cyan-border-color-muted:var(--sgds-cyan-700);--sgds-neutral-bg-default:var(--sgds-gray-600);--sgds-neutral-bg-muted:var(--sgds-gray-200);--sgds-neutral-surface-default:var(--sgds-gray-600);--sgds-neutral-surface-emphasis:var(--sgds-gray-700);--sgds-neutral-surface-muted:var(--sgds-gray-200);--sgds-neutral-surface-translucent:oklch(from var(--sgds-gray-000) l c h / .15);--sgds-neutral-color-default:var(--sgds-gray-400);--sgds-neutral-color-emphasis:var(--sgds-gray-300);--sgds-neutral-color-fixed-light:var(--sgds-gray-400);--sgds-neutral-color-fixed-dark:var(--sgds-gray-600);--sgds-neutral-border-color-default:var(--sgds-gray-400);--sgds-neutral-border-color-emphasis:var(--sgds-gray-200);--sgds-neutral-border-color-muted:var(--sgds-gray-700);--sgds-display-color-default:var(--sgds-gray-000);--sgds-display-color-subtle:var(--sgds-gray-200);--sgds-heading-color-default:var(--sgds-gray-100);--sgds-heading-color-subtle:var(--sgds-gray-200);--sgds-body-color-default:var(--sgds-gray-000);--sgds-body-color-subtle:var(--sgds-gray-300);--sgds-label-color-default:var(--sgds-gray-100);--sgds-label-color-subtle:var(--sgds-gray-300);--sgds-link-color-default:var(--sgds-blue-400);--sgds-link-color-emphasis:var(--sgds-blue-300);--sgds-form-surface-default:var(--sgds-gray-900);--sgds-form-surface-raised:var(--sgds-gray-800);--sgds-form-surface-emphasis:var(--sgds-gray-200);--sgds-form-surface-subtle:var(--sgds-gray-500);--sgds-form-surface-muted:var(--sgds-gray-700);--sgds-form-surface-inverse:var(--sgds-gray-000);--sgds-form-surface-fixed-light:var(--sgds-gray-000);--sgds-form-surface-fixed-dark:var(--sgds-gray-900);--sgds-form-color-default:var(--sgds-gray-100);--sgds-form-color-subtle:var(--sgds-gray-300);--sgds-form-color-muted:var(--sgds-gray-700);--sgds-form-color-inverse:var(--sgds-gray-900);--sgds-form-color-fixed-light:var(--sgds-gray-000);--sgds-form-color-fixed-dark:var(--sgds-gray-1100);--sgds-form-primary-surface-default:var(--sgds-product-primary-600);--sgds-form-primary-surface-emphasis:var(--sgds-product-primary-700);--sgds-form-primary-color-default:var(--sgds-product-primary-400);--sgds-form-success-surface-default:var(--sgds-green-600);--sgds-form-success-color-default:var(--sgds-green-500);--sgds-form-success-border-color-default:var(--sgds-green-500);--sgds-form-danger-surface-default:var(--sgds-red-600);--sgds-form-danger-color-default:var(--sgds-red-500);--sgds-form-danger-border-color-default:var(--sgds-red-500)}:root{--sgds-font-size-display-sm:var(--sgds-font-size-32);--sgds-font-size-display-md:var(--sgds-font-size-36);--sgds-font-size-display-lg:var(--sgds-font-size-40);--sgds-font-size-heading-sm:var(--sgds-font-size-20);--sgds-font-size-heading-md:var(--sgds-font-size-24);--sgds-font-size-heading-lg:var(--sgds-font-size-28);--sgds-font-size-heading-xl:var(--sgds-font-size-32);--sgds-font-size-subtitle-sm:var(--sgds-font-size-16);--sgds-font-size-subtitle-md:var(--sgds-font-size-18);--sgds-font-size-body-sm:var(--sgds-font-size-14);--sgds-font-size-body-md:var(--sgds-font-size-16);--sgds-font-size-body-lg:var(--sgds-font-size-18);--sgds-font-size-label-xs:var(--sgds-font-size-12);--sgds-font-size-label-sm:var(--sgds-font-size-14);--sgds-font-size-label-md:var(--sgds-font-size-16);--sgds-font-size-label-lg:var(--sgds-font-size-18);--sgds-font-size-caption-md:var(--sgds-font-size-14);--sgds-font-size-overline-md:var(--sgds-font-size-14);--sgds-font-size-link-xs:var(--sgds-font-size-12);--sgds-font-size-link-sm:var(--sgds-font-size-14);--sgds-font-size-link-md:var(--sgds-font-size-16);--sgds-font-size-link-lg:var(--sgds-font-size-18);--sgds-line-height-3-xs:var(--sgds-line-height-16);--sgds-line-height-2-xs:var(--sgds-line-height-20);--sgds-line-height-xs:var(--sgds-line-height-24);--sgds-line-height-sm:var(--sgds-line-height-24);--sgds-line-height-md:var(--sgds-line-height-28);--sgds-line-height-lg:var(--sgds-line-height-32);--sgds-line-height-xl:var(--sgds-line-height-40);--sgds-line-height-2-xl:var(--sgds-line-height-44);--sgds-line-height-3-xl:var(--sgds-line-height-48);--sgds-text-gap-2-xs:var(--sgds-spacer-2);--sgds-text-gap-xs:var(--sgds-spacer-3);--sgds-text-gap-sm:var(--sgds-spacer-3);--sgds-text-gap-md:var(--sgds-spacer-4);--sgds-text-gap-lg:var(--sgds-spacer-5);--sgds-text-gap-xl:var(--sgds-spacer-6);--sgds-text-gap-2-xl:var(--sgds-spacer-7);--sgds-layout-gap-2-xs:var(--sgds-spacer-2);--sgds-layout-gap-xs:var(--sgds-spacer-3);--sgds-layout-gap-sm:var(--sgds-spacer-4);--sgds-layout-gap-md:var(--sgds-spacer-5);--sgds-layout-gap-lg:var(--sgds-spacer-6);--sgds-layout-gap-xl:var(--sgds-spacer-7);--sgds-layout-padding-xs:var(--sgds-spacer-5);--sgds-layout-padding-sm:var(--sgds-spacer-6);--sgds-layout-padding-md:var(--sgds-spacer-7);--sgds-layout-padding-lg:var(--sgds-spacer-8);--sgds-layout-padding-xl:var(--sgds-spacer-9);--sgds-component-gap-xs:var(--sgds-spacer-3);--sgds-component-gap-sm:var(--sgds-spacer-4);--sgds-component-gap-md:var(--sgds-spacer-5);--sgds-component-gap-lg:var(--sgds-spacer-6);--sgds-component-gap-xl:var(--sgds-spacer-7);--sgds-component-padding-xs:var(--sgds-spacer-5);--sgds-component-padding-sm:var(--sgds-spacer-6);--sgds-component-padding-md:var(--sgds-spacer-7);--sgds-component-padding-lg:var(--sgds-spacer-8);--sgds-component-padding-xl:var(--sgds-spacer-9);--sgds-container-width:var(--sgds-dimension-360)}@media screen and (min-width:1024px){:root{--sgds-font-size-display-sm:var(--sgds-font-size-36);--sgds-font-size-display-md:var(--sgds-font-size-44);--sgds-font-size-display-lg:var(--sgds-font-size-52);--sgds-font-size-heading-sm:var(--sgds-font-size-22);--sgds-font-size-heading-md:var(--sgds-font-size-26);--sgds-font-size-heading-lg:var(--sgds-font-size-30);--sgds-font-size-heading-xl:var(--sgds-font-size-36);--sgds-font-size-subtitle-sm:var(--sgds-font-size-16);--sgds-font-size-subtitle-md:var(--sgds-font-size-20);--sgds-font-size-body-sm:var(--sgds-font-size-14);--sgds-font-size-body-md:var(--sgds-font-size-16);--sgds-font-size-body-lg:var(--sgds-font-size-20);--sgds-font-size-label-xs:var(--sgds-font-size-12);--sgds-font-size-label-sm:var(--sgds-font-size-14);--sgds-font-size-label-md:var(--sgds-font-size-16);--sgds-font-size-label-lg:var(--sgds-font-size-20);--sgds-font-size-caption-md:var(--sgds-font-size-14);--sgds-font-size-overline-md:var(--sgds-font-size-14);--sgds-font-size-link-xs:var(--sgds-font-size-12);--sgds-font-size-link-sm:var(--sgds-font-size-14);--sgds-font-size-link-md:var(--sgds-font-size-16);--sgds-font-size-link-lg:var(--sgds-font-size-20);--sgds-line-height-3-xs:var(--sgds-line-height-16);--sgds-line-height-2-xs:var(--sgds-line-height-20);--sgds-line-height-xs:var(--sgds-line-height-24);--sgds-line-height-sm:var(--sgds-line-height-28);--sgds-line-height-md:var(--sgds-line-height-32);--sgds-line-height-lg:var(--sgds-line-height-36);--sgds-line-height-xl:var(--sgds-line-height-44);--sgds-line-height-2-xl:var(--sgds-line-height-52);--sgds-line-height-3-xl:var(--sgds-line-height-60);--sgds-text-gap-2-xs:var(--sgds-spacer-2);--sgds-text-gap-xs:var(--sgds-spacer-3);--sgds-text-gap-sm:var(--sgds-spacer-4);--sgds-text-gap-md:var(--sgds-spacer-5);--sgds-text-gap-lg:var(--sgds-spacer-6);--sgds-text-gap-xl:var(--sgds-spacer-7);--sgds-text-gap-2-xl:var(--sgds-spacer-8);--sgds-layout-gap-2-xs:var(--sgds-spacer-4);--sgds-layout-gap-xs:var(--sgds-spacer-5);--sgds-layout-gap-sm:var(--sgds-spacer-6);--sgds-layout-gap-md:var(--sgds-spacer-7);--sgds-layout-gap-lg:var(--sgds-spacer-8);--sgds-layout-gap-xl:var(--sgds-spacer-9);--sgds-layout-padding-xs:var(--sgds-spacer-6);--sgds-layout-padding-sm:var(--sgds-spacer-7);--sgds-layout-padding-md:var(--sgds-spacer-8);--sgds-layout-padding-lg:var(--sgds-spacer-9);--sgds-layout-padding-xl:var(--sgds-spacer-10);--sgds-component-gap-xs:var(--sgds-spacer-5);--sgds-component-gap-sm:var(--sgds-spacer-6);--sgds-component-gap-md:var(--sgds-spacer-7);--sgds-component-gap-lg:var(--sgds-spacer-8);--sgds-component-gap-xl:var(--sgds-spacer-9);--sgds-component-padding-xs:var(--sgds-spacer-6);--sgds-component-padding-sm:var(--sgds-spacer-7);--sgds-component-padding-md:var(--sgds-spacer-8);--sgds-component-padding-lg:var(--sgds-spacer-9);--sgds-component-padding-xl:var(--sgds-spacer-10);--sgds-container-width:var(--sgds-dimension-888)}}@media screen and (min-width:1440px){:root{--sgds-font-size-display-sm:var(--sgds-font-size-40);--sgds-font-size-display-md:var(--sgds-font-size-48);--sgds-font-size-display-lg:var(--sgds-font-size-56);--sgds-font-size-heading-sm:var(--sgds-font-size-24);--sgds-font-size-heading-md:var(--sgds-font-size-28);--sgds-font-size-heading-lg:var(--sgds-font-size-32);--sgds-font-size-heading-xl:var(--sgds-font-size-40);--sgds-font-size-subtitle-sm:var(--sgds-font-size-16);--sgds-font-size-subtitle-md:var(--sgds-font-size-20);--sgds-font-size-body-sm:var(--sgds-font-size-14);--sgds-font-size-body-md:var(--sgds-font-size-16);--sgds-font-size-body-lg:var(--sgds-font-size-20);--sgds-font-size-label-xs:var(--sgds-font-size-12);--sgds-font-size-label-sm:var(--sgds-font-size-14);--sgds-font-size-label-md:var(--sgds-font-size-16);--sgds-font-size-label-lg:var(--sgds-font-size-20);--sgds-font-size-caption-md:var(--sgds-font-size-14);--sgds-font-size-overline-md:var(--sgds-font-size-14);--sgds-font-size-link-xs:var(--sgds-font-size-12);--sgds-font-size-link-sm:var(--sgds-font-size-14);--sgds-font-size-link-md:var(--sgds-font-size-16);--sgds-font-size-link-lg:var(--sgds-font-size-20);--sgds-line-height-3-xs:var(--sgds-line-height-16);--sgds-line-height-2-xs:var(--sgds-line-height-20);--sgds-line-height-xs:var(--sgds-line-height-24);--sgds-line-height-sm:var(--sgds-line-height-28);--sgds-line-height-md:var(--sgds-line-height-32);--sgds-line-height-lg:var(--sgds-line-height-40);--sgds-line-height-xl:var(--sgds-line-height-48);--sgds-line-height-2-xl:var(--sgds-line-height-56);--sgds-line-height-3-xl:var(--sgds-line-height-64);--sgds-text-gap-2-xs:var(--sgds-spacer-2);--sgds-text-gap-xs:var(--sgds-spacer-3);--sgds-text-gap-sm:var(--sgds-spacer-4);--sgds-text-gap-md:var(--sgds-spacer-5);--sgds-text-gap-lg:var(--sgds-spacer-6);--sgds-text-gap-xl:var(--sgds-spacer-7);--sgds-text-gap-2-xl:var(--sgds-spacer-8);--sgds-layout-gap-2-xs:var(--sgds-spacer-5);--sgds-layout-gap-xs:var(--sgds-spacer-6);--sgds-layout-gap-sm:var(--sgds-spacer-7);--sgds-layout-gap-md:var(--sgds-spacer-8);--sgds-layout-gap-lg:var(--sgds-spacer-9);--sgds-layout-gap-xl:var(--sgds-spacer-10);--sgds-layout-padding-xs:var(--sgds-spacer-7);--sgds-layout-padding-sm:var(--sgds-spacer-8);--sgds-layout-padding-md:var(--sgds-spacer-9);--sgds-layout-padding-lg:var(--sgds-spacer-10);--sgds-layout-padding-xl:var(--sgds-spacer-11);--sgds-component-gap-xs:var(--sgds-spacer-6);--sgds-component-gap-sm:var(--sgds-spacer-7);--sgds-component-gap-md:var(--sgds-spacer-8);--sgds-component-gap-lg:var(--sgds-spacer-9);--sgds-component-gap-xl:var(--sgds-spacer-10);--sgds-component-padding-xs:var(--sgds-spacer-7);--sgds-component-padding-sm:var(--sgds-spacer-8);--sgds-component-padding-md:var(--sgds-spacer-9);--sgds-component-padding-lg:var(--sgds-spacer-10);--sgds-component-padding-xl:var(--sgds-spacer-11);--sgds-container-width:var(--sgds-dimension-1312)}}@layer base{html{line-height:var(--sgds-line-height-24);-webkit-text-size-adjust:100%;font-family:var(--sgds-font-family-brand)}body{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);letter-spacing:var(--sgds-letter-spacing-normal);margin:var(--sgds-margin-none)}label{color:var(--sgds-label-color-default);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);letter-spacing:var(--sgds-letter-spacing-normal)}ol,ul{font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);padding-left:var(--sgds-padding-2-xl);margin-top:var(--sgds-margin-xs);list-style-position:outside}li{font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);margin-top:var(--sgds-margin-xs);list-style-position:outside}li>ol{list-style-type:lower-alpha}li>ul{list-style-type:disc}h1,h2,h3,h4,h5,h6{color:var(--sgds-heading-color-default);font-family:var(--sgds-font-family-brand);margin-top:var(--sgds-margin-none);font-style:normal}h1,h2{letter-spacing:var(--sgds-letter-spacing-tight);font-weight:var(--sgds-font-weight-bold)}h3,h4{letter-spacing:var(--sgds-letter-spacing-tight);font-weight:var(--sgds-font-weight-semibold)}h5,h6{letter-spacing:var(--sgds-letter-spacing-normal);font-weight:var(--sgds-font-weight-semibold)}h1{font-size:var(--sgds-font-size-heading-xl);line-height:var(--sgds-line-height-xl);margin-bottom:var(--sgds-margin-lg)}h2{font-size:var(--sgds-font-size-heading-lg);line-height:var(--sgds-line-height-lg);margin-bottom:var(--sgds-margin-md)}h3{font-size:var(--sgds-font-size-heading-md);line-height:var(--sgds-line-height-md);margin-bottom:var(--sgds-margin-md)}h4{font-size:var(--sgds-font-size-heading-sm);line-height:var(--sgds-line-height-sm);margin-bottom:var(--sgds-margin-md)}h5{font-size:var(--sgds-font-size-subtitle-md);line-height:var(--sgds-line-height-xs);margin-bottom:var(--sgds-margin-xs)}h6{font-size:var(--sgds-font-size-subtitle-sm);line-height:var(--sgds-line-height-2-xs);margin-bottom:var(--sgds-margin-xs)}caption{color:var(--sgds-label-color-subtle);font-size:var(--sgds-font-size-caption-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-2-xs);letter-spacing:var(--sgds-letter-spacing-normal);margin-bottom:var(--sgds-paragraph-spacing-md)}p{font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);margin-bottom:var(--sgds-paragraph-spacing-xl);font-family:var(--sgds-font-family-brand);line-height:var(--sgds-line-height-xs);letter-spacing:var(--sgds-letter-spacing-normal);margin-top:var(--sgds-margin-none)}a{color:var(--sgds-link-color-default);text-decoration:underline}a:hover,a:focus-visible,a:focus{color:var(--sgds-link-color-emphasis)}a[target=_blank]:after,::slotted(a[target=_blank]):after{content:"/";vertical-align:top;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.77365 4.4L9.7999 4.4C10.1313 4.4 10.3999 4.66863 10.3999 5C10.3999 5.33137 10.1313 5.6 9.7999 5.6C8.94992 5.6 8.34852 5.60047 7.87837 5.63888C7.41522 5.67672 7.13251 5.74838 6.91033 5.86159C6.45874 6.09168 6.09158 6.45884 5.86149 6.91042C5.74828 7.13261 5.67662 7.41531 5.63878 7.87847C5.60037 8.34862 5.5999 8.95002 5.5999 9.8V14.2C5.5999 15.05 5.60037 15.6514 5.63878 16.1215C5.67662 16.5847 5.74828 16.8674 5.86149 17.0896C6.09158 17.5412 6.45874 17.9083 6.91033 18.1384C7.13251 18.2516 7.41522 18.3233 7.87837 18.3611C8.34852 18.3995 8.94992 18.4 9.7999 18.4H14.1999C15.0499 18.4 15.6513 18.3995 16.1214 18.3611C16.5846 18.3233 16.8673 18.2516 17.0895 18.1384C17.5411 17.9083 17.9082 17.5412 18.1383 17.0896C18.2515 16.8674 18.3232 16.5847 18.361 16.1215C18.3994 15.6514 18.3999 15.05 18.3999 14.2C18.3999 13.8686 18.6685 13.6 18.9999 13.6C19.3313 13.6 19.5999 13.8686 19.5999 14.2V14.2262C19.5999 15.0441 19.5999 15.6945 19.557 16.2193C19.5131 16.7566 19.4213 17.2148 19.2075 17.6344C18.8624 18.3118 18.3117 18.8625 17.6343 19.2076C17.2147 19.4214 16.7565 19.5132 16.2192 19.5571C15.6944 19.6 15.044 19.6 14.2261 19.6H9.77366C8.95583 19.6 8.30541 19.6 7.78065 19.5571C7.24329 19.5132 6.78509 19.4214 6.36554 19.2076C5.68815 18.8625 5.13742 18.3118 4.79228 17.6344C4.57851 17.2148 4.48667 16.7566 4.44277 16.2193C4.39989 15.6945 4.3999 15.0441 4.3999 14.2263V9.77375C4.3999 8.95592 4.39989 8.3055 4.44277 7.78075C4.48667 7.24339 4.57851 6.78518 4.79228 6.36564C5.13742 5.68825 5.68815 5.13752 6.36554 4.79238C6.78509 4.57861 7.24329 4.48677 7.78065 4.44287C8.3054 4.39999 8.95582 4.4 9.77365 4.4ZM12.3999 5.00001C12.3999 4.66864 12.6685 4.40001 12.9999 4.40001H18.9999C19.3312 4.40001 19.5999 4.66864 19.5999 5.00001L19.5999 11C19.5999 11.3314 19.3313 11.6 18.9999 11.6C18.6685 11.6 18.3999 11.3314 18.3999 11L18.3999 6.44854L12.4242 12.4243C12.1899 12.6586 11.81 12.6586 11.5756 12.4243C11.3413 12.19 11.3413 11.8101 11.5756 11.5757L17.5514 5.60001H12.9999C12.6685 5.60001 12.3999 5.33138 12.3999 5.00001Z" fill="%230E0E0E"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.77365 4.4L9.7999 4.4C10.1313 4.4 10.3999 4.66863 10.3999 5C10.3999 5.33137 10.1313 5.6 9.7999 5.6C8.94992 5.6 8.34852 5.60047 7.87837 5.63888C7.41522 5.67672 7.13251 5.74838 6.91033 5.86159C6.45874 6.09168 6.09158 6.45884 5.86149 6.91042C5.74828 7.13261 5.67662 7.41531 5.63878 7.87847C5.60037 8.34862 5.5999 8.95002 5.5999 9.8V14.2C5.5999 15.05 5.60037 15.6514 5.63878 16.1215C5.67662 16.5847 5.74828 16.8674 5.86149 17.0896C6.09158 17.5412 6.45874 17.9083 6.91033 18.1384C7.13251 18.2516 7.41522 18.3233 7.87837 18.3611C8.34852 18.3995 8.94992 18.4 9.7999 18.4H14.1999C15.0499 18.4 15.6513 18.3995 16.1214 18.3611C16.5846 18.3233 16.8673 18.2516 17.0895 18.1384C17.5411 17.9083 17.9082 17.5412 18.1383 17.0896C18.2515 16.8674 18.3232 16.5847 18.361 16.1215C18.3994 15.6514 18.3999 15.05 18.3999 14.2C18.3999 13.8686 18.6685 13.6 18.9999 13.6C19.3313 13.6 19.5999 13.8686 19.5999 14.2V14.2262C19.5999 15.0441 19.5999 15.6945 19.557 16.2193C19.5131 16.7566 19.4213 17.2148 19.2075 17.6344C18.8624 18.3118 18.3117 18.8625 17.6343 19.2076C17.2147 19.4214 16.7565 19.5132 16.2192 19.5571C15.6944 19.6 15.044 19.6 14.2261 19.6H9.77366C8.95583 19.6 8.30541 19.6 7.78065 19.5571C7.24329 19.5132 6.78509 19.4214 6.36554 19.2076C5.68815 18.8625 5.13742 18.3118 4.79228 17.6344C4.57851 17.2148 4.48667 16.7566 4.44277 16.2193C4.39989 15.6945 4.3999 15.0441 4.3999 14.2263V9.77375C4.3999 8.95592 4.39989 8.3055 4.44277 7.78075C4.48667 7.24339 4.57851 6.78518 4.79228 6.36564C5.13742 5.68825 5.68815 5.13752 6.36554 4.79238C6.78509 4.57861 7.24329 4.48677 7.78065 4.44287C8.3054 4.39999 8.95582 4.4 9.77365 4.4ZM12.3999 5.00001C12.3999 4.66864 12.6685 4.40001 12.9999 4.40001H18.9999C19.3312 4.40001 19.5999 4.66864 19.5999 5.00001L19.5999 11C19.5999 11.3314 19.3313 11.6 18.9999 11.6C18.6685 11.6 18.3999 11.3314 18.3999 11L18.3999 6.44854L12.4242 12.4243C12.1899 12.6586 11.81 12.6586 11.5756 12.4243C11.3413 12.19 11.3413 11.8101 11.5756 11.5757L17.5514 5.60001H12.9999C12.6685 5.60001 12.3999 5.33138 12.3999 5.00001Z" fill="%230E0E0E"/></svg>');-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.sgds-container{width:100%;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}.sgds-container-sidebar{width:100%;margin-left:auto;margin-right:auto}.sgds-grid{gap:var(--sgds-gap-md);grid-template-columns:repeat(4,1fr);display:grid}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media(min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media(min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media(min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:var(--sgds-dimension-840)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media(min-width:1280px){.sgds-grid{gap:var(--sgds-gap-2-xl)}.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:var(--sgds-dimension-888)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media(min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:var(--sgds-dimension-1024)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@layer theme{:root,:host{--sgds-spacing:4px;--sgds-breakpoint-xs:var(--sgds-breakpoint-xs);--sgds-breakpoint-sm:var(--sgds-breakpoint-sm);--sgds-breakpoint-md:var(--sgds-breakpoint-md);--sgds-breakpoint-lg:var(--sgds-breakpoint-lg);--sgds-breakpoint-xl:var(--sgds-breakpoint-xl);--sgds-breakpoint-2-xl:var(--sgds-breakpoint-2-xl);--sgds-spacing-sm:var(--sgds-spacer-4);--sgds-spacing-lg:var(--sgds-spacer-6);--sgds-spacing-xl:var(--sgds-spacer-7);--sgds-spacing-2-xl:var(--sgds-spacer-8);--sgds-spacing-4-xl:var(--sgds-spacer-10);--sgds-background-color-default:var(--sgds-bg-default);--sgds-background-color-alternate:var(--sgds-bg-alternate);--sgds-background-color-fixed-light:var(--sgds-bg-fixed-light);--sgds-background-color-fixed-dark:var(--sgds-bg-fixed-dark);--sgds-background-color-overlay:var(--sgds-bg-overlay);--sgds-background-color-translucent:var(--sgds-bg-translucent);--sgds-background-color-translucent-subtle:var(--sgds-bg-translucent-subtle);--sgds-background-color-surface-default:var(--sgds-surface-default);--sgds-background-color-surface-raised:var(--sgds-surface-raised);--sgds-background-color-surface-inverse:var(--sgds-surface-inverse);--sgds-background-color-surface-fixed-light:var(--sgds-surface-fixed-light);--sgds-background-color-surface-fixed-dark:var(--sgds-surface-fixed-dark);--sgds-text-color-default:var(--sgds-color-default);--sgds-text-color-subtle:var(--sgds-color-subtle);--sgds-text-color-muted:var(--sgds-color-muted);--sgds-text-color-inverse:var(--sgds-color-inverse);--sgds-text-color-fixed-light:var(--sgds-color-fixed-light);--sgds-text-color-fixed-dark:var(--sgds-color-fixed-dark);--sgds-border-color-default:var(--sgds-border-color-default);--sgds-border-color-emphasis:var(--sgds-border-color-emphasis);--sgds-border-color-muted:var(--sgds-border-color-muted);--sgds-border-color-fixed-light:var(--sgds-border-color-fixed-light);--sgds-border-color-fixed-dark:var(--sgds-border-color-fixed-dark);--sgds-border-color-translucent:var(--sgds-border-color-translucent);--sgds-border-color-transparent:var(--sgds-border-color-transparent);--sgds-background-color-primary-default:var(--sgds-primary-bg-default);--sgds-background-color-primary-surface-default:var(--sgds-primary-surface-default);--sgds-background-color-primary-surface-muted:var(--sgds-primary-surface-muted);--sgds-text-color-primary-default:var(--sgds-primary-color-default);--sgds-border-color-primary-default:var(--sgds-primary-border-color-default);--sgds-border-color-primary-emphasis:var(--sgds-primary-border-color-emphasis);--sgds-border-color-primary-muted:var(--sgds-primary-border-color-muted);--sgds-background-color-accent-default:var(--sgds-accent-bg-default);--sgds-background-color-accent-surface-default:var(--sgds-accent-surface-default);--sgds-background-color-accent-surface-muted:var(--sgds-accent-surface-muted);--sgds-text-color-accent-default:var(--sgds-accent-color-default);--sgds-text-color-accent-emphasis:var(--sgds-accent-color-emphasis);--sgds-border-color-accent-default:var(--sgds-accent-border-color-default);--sgds-border-color-accent-emphasis:var(--sgds-accent-border-color-emphasis);--sgds-border-color-accent-muted:var(--sgds-accent-border-color-muted);--sgds-background-color-success-default:var(--sgds-success-bg-default);--sgds-background-color-success-surface-default:var(--sgds-success-surface-default);--sgds-background-color-success-surface-muted:var(--sgds-success-surface-muted);--sgds-text-color-success-default:var(--sgds-success-color-default);--sgds-text-color-success-emphasis:var(--sgds-success-color-emphasis);--sgds-border-color-success-default:var(--sgds-success-border-color-default);--sgds-border-color-success-emphasis:var(--sgds-success-border-color-emphasis);--sgds-border-color-success-muted:var(--sgds-success-border-color-muted);--sgds-background-color-danger-default:var(--sgds-danger-bg-default);--sgds-background-color-danger-surface-default:var(--sgds-danger-surface-default);--sgds-background-color-danger-surface-muted:var(--sgds-danger-surface-muted);--sgds-text-color-danger-default:var(--sgds-danger-color-default);--sgds-text-color-danger-emphasis:var(--sgds-danger-color-emphasis);--sgds-border-color-danger-default:var(--sgds-danger-border-color-default);--sgds-border-color-danger-emphasis:var(--sgds-danger-border-color-emphasis);--sgds-border-color-danger-muted:var(--sgds-danger-border-color-muted);--sgds-background-color-warning-default:var(--sgds-warning-bg-default);--sgds-background-color-warning-surface-default:var(--sgds-warning-surface-default);--sgds-background-color-warning-surface-muted:var(--sgds-warning-surface-muted);--sgds-text-color-warning-default:var(--sgds-warning-color-default);--sgds-text-color-warning-emphasis:var(--sgds-warning-color-emphasis);--sgds-border-color-warning-default:var(--sgds-warning-border-color-default);--sgds-border-color-warning-emphasis:var(--sgds-warning-border-color-emphasis);--sgds-border-color-warning-muted:var(--sgds-warning-border-color-muted);--sgds-background-color-purple-default:var(--sgds-purple-bg-default);--sgds-background-color-purple-surface-default:var(--sgds-purple-surface-default);--sgds-background-color-purple-surface-muted:var(--sgds-purple-surface-muted);--sgds-text-color-purple-default:var(--sgds-purple-color-default);--sgds-text-color-purple-emphasis:var(--sgds-purple-color-emphasis);--sgds-border-color-purple-default:var(--sgds-purple-border-color-default);--sgds-border-color-purple-emphasis:var(--sgds-purple-border-color-emphasis);--sgds-border-color-purple-muted:var(--sgds-purple-border-color-muted);--sgds-background-color-cyan-default:var(--sgds-cyan-bg-default);--sgds-background-color-cyan-surface-default:var(--sgds-cyan-surface-default);--sgds-background-color-cyan-surface-muted:var(--sgds-cyan-surface-muted);--sgds-text-color-cyan-default:var(--sgds-cyan-color-default);--sgds-text-color-cyan-emphasis:var(--sgds-cyan-color-emphasis);--sgds-border-color-cyan-default:var(--sgds-cyan-border-color-default);--sgds-border-color-cyan-emphasis:var(--sgds-cyan-border-color-emphasis);--sgds-border-color-cyan-muted:var(--sgds-cyan-border-color-muted);--sgds-background-color-neutral-default:var(--sgds-neutral-bg-default);--sgds-background-color-neutral-surface-default:var(--sgds-neutral-surface-default);--sgds-background-color-neutral-surface-muted:var(--sgds-neutral-surface-muted);--sgds-text-color-neutral-default:var(--sgds-neutral-color-default);--sgds-text-color-neutral-emphasis:var(--sgds-neutral-color-emphasis);--sgds-border-color-neutral-default:var(--sgds-neutral-border-color-default);--sgds-border-color-neutral-emphasis:var(--sgds-neutral-border-color-emphasis);--sgds-border-color-neutral-muted:var(--sgds-neutral-border-color-muted);--sgds-text-color-display-default:var(--sgds-display-color-default);--sgds-text-color-heading-default:var(--sgds-heading-color-default);--sgds-text-color-heading-subtle:var(--sgds-heading-color-subtle);--sgds-text-color-body-default:var(--sgds-body-color-default);--sgds-text-color-body-subtle:var(--sgds-body-color-subtle);--sgds-text-color-label-default:var(--sgds-label-color-default);--sgds-text-color-link-default:var(--sgds-link-color-default);--sgds-text-color-link-emphasis:var(--sgds-link-color-emphasis);--sgds-border-width-0:var(--sgds-border-width-0);--sgds-border-width-1:var(--sgds-border-width-1);--sgds-border-width-2:var(--sgds-border-width-2);--sgds-border-width-3:var(--sgds-border-width-3);--sgds-border-width-4:var(--sgds-border-width-4);--sgds-breakpoint-sbar-md:var(--sgds-breakpoint-sbar-md);--sgds-breakpoint-sbar-lg:var(--sgds-breakpoint-sbar-lg);--sgds-breakpoint-sbar-xl:var(--sgds-breakpoint-sbar-xl);--sgds-breakpoint-sbar-2-xl:var(--sgds-breakpoint-sbar-2-xl);--sgds-font-display:var(--sgds-font-family-brand);--sgds-font-weight-light:var(--sgds-font-weight-light);--sgds-font-weight-regular:var(--sgds-font-weight-regular);--sgds-font-weight-semibold:var(--sgds-font-weight-semibold);--sgds-font-weight-bold:var(--sgds-font-weight-bold);--sgds-text-display-sm:var(--sgds-font-size-display-sm);--sgds-text-display-md:var(--sgds-font-size-display-md);--sgds-text-display-lg:var(--sgds-font-size-display-lg);--sgds-text-heading-sm:var(--sgds-font-size-heading-sm);--sgds-text-heading-md:var(--sgds-font-size-heading-md);--sgds-text-heading-lg:var(--sgds-font-size-heading-lg);--sgds-text-heading-xl:var(--sgds-font-size-heading-xl);--sgds-text-subtitle-sm:var(--sgds-font-size-subtitle-sm);--sgds-text-subtitle-md:var(--sgds-font-size-subtitle-md);--sgds-text-body-sm:var(--sgds-font-size-body-sm);--sgds-text-body-md:var(--sgds-font-size-body-md);--sgds-text-body-lg:var(--sgds-font-size-body-lg);--sgds-text-label-xs:var(--sgds-font-size-label-xs);--sgds-text-label-sm:var(--sgds-font-size-label-sm);--sgds-text-label-md:var(--sgds-font-size-label-md);--sgds-text-label-lg:var(--sgds-font-size-label-lg);--sgds-text-caption-md:var(--sgds-font-size-caption-md);--sgds-text-overline-md:var(--sgds-font-size-overline-md);--sgds-text-link-xs:var(--sgds-font-size-link-xs);--sgds-text-link-sm:var(--sgds-font-size-link-sm);--sgds-text-link-md:var(--sgds-font-size-link-md);--sgds-text-link-lg:var(--sgds-font-size-link-lg);--sgds-tracking-tighter:var(--sgds-letter-spacing-tighter);--sgds-tracking-tight:var(--sgds-letter-spacing-tight);--sgds-tracking-normal:var(--sgds-letter-spacing-normal);--sgds-tracking-wide:var(--sgds-letter-spacing-wide);--sgds-tracking-wider:var(--sgds-letter-spacing-wider);--sgds-leading-16:var(--sgds-line-height-16);--sgds-leading-20:var(--sgds-line-height-20);--sgds-leading-24:var(--sgds-line-height-24);--sgds-leading-28:var(--sgds-line-height-28);--sgds-leading-32:var(--sgds-line-height-32);--sgds-leading-36:var(--sgds-line-height-36);--sgds-leading-40:var(--sgds-line-height-40);--sgds-leading-44:var(--sgds-line-height-44);--sgds-leading-48:var(--sgds-line-height-48);--sgds-leading-52:var(--sgds-line-height-52);--sgds-leading-56:var(--sgds-line-height-56);--sgds-leading-60:var(--sgds-line-height-60);--sgds-leading-64:var(--sgds-line-height-64);--sgds-leading-3-xs:var(--sgds-line-height-3-xs);--sgds-leading-2-xs:var(--sgds-line-height-2-xs);--sgds-leading-xs:var(--sgds-line-height-xs);--sgds-leading-sm:var(--sgds-line-height-sm);--sgds-leading-md:var(--sgds-line-height-md);--sgds-leading-lg:var(--sgds-line-height-lg);--sgds-leading-xl:var(--sgds-line-height-xl);--sgds-leading-2-xl:var(--sgds-line-height-2-xl);--sgds-leading-3-xl:var(--sgds-line-height-3-xl);--sgds-opacity-0:var(--sgds-opacity-0);--sgds-opacity-3:var(--sgds-opacity-3);--sgds-opacity-5:var(--sgds-opacity-5);--sgds-opacity-10:var(--sgds-opacity-10);--sgds-opacity-20:var(--sgds-opacity-20);--sgds-opacity-30:var(--sgds-opacity-30);--sgds-opacity-40:var(--sgds-opacity-40);--sgds-opacity-50:var(--sgds-opacity-50);--sgds-opacity-60:var(--sgds-opacity-60);--sgds-opacity-70:var(--sgds-opacity-70);--sgds-opacity-80:var(--sgds-opacity-80);--sgds-opacity-90:var(--sgds-opacity-90);--sgds-opacity-100:var(--sgds-opacity-100);--sgds-gap-none:var(--sgds-gap-none);--sgds-gap-2-xs:var(--sgds-gap-2-xs);--sgds-gap-xs:var(--sgds-gap-xs);--sgds-gap-sm:var(--sgds-gap-sm);--sgds-gap-md:var(--sgds-gap-md);--sgds-gap-lg:var(--sgds-gap-lg);--sgds-gap-xl:var(--sgds-gap-xl);--sgds-gap-2-xl:var(--sgds-gap-2-xl);--sgds-gap-3-xl:var(--sgds-gap-3-xl);--sgds-gap-text-2-xs:var(--sgds-text-gap-2-xs);--sgds-gap-text-xs:var(--sgds-text-gap-xs);--sgds-gap-text-sm:var(--sgds-text-gap-sm);--sgds-gap-text-md:var(--sgds-text-gap-md);--sgds-gap-text-lg:var(--sgds-text-gap-lg);--sgds-gap-layout-xs:var(--sgds-layout-gap-xs);--sgds-gap-layout-sm:var(--sgds-layout-gap-sm);--sgds-gap-layout-md:var(--sgds-layout-gap-md);--sgds-gap-layout-lg:var(--sgds-layout-gap-lg);--sgds-gap-layout-xl:var(--sgds-layout-gap-xl);--sgds-spacing-layout-sm:var(--sgds-layout-padding-sm);--sgds-spacing-layout-md:var(--sgds-layout-padding-md);--sgds-spacing-layout-lg:var(--sgds-layout-padding-lg);--sgds-spacing-layout-xl:var(--sgds-layout-padding-xl);--sgds-gap-component-xs:var(--sgds-component-gap-xs);--sgds-gap-component-sm:var(--sgds-component-gap-sm);--sgds-gap-component-md:var(--sgds-component-gap-md);--sgds-spacing-component-xs:var(--sgds-component-padding-xs);--sgds-spacing-component-sm:var(--sgds-component-padding-sm);--sgds-spacing-component-md:var(--sgds-component-padding-md);--sgds-spacing-component-lg:var(--sgds-component-padding-lg);--sgds-radius-none:var(--sgds-border-radius-none);--sgds-radius-xs:var(--sgds-border-radius-xs);--sgds-radius-sm:var(--sgds-border-radius-sm);--sgds-radius-md:var(--sgds-border-radius-md);--sgds-radius-lg:var(--sgds-border-radius-lg);--sgds-radius-xl:var(--sgds-border-radius-xl);--sgds-radius-2-xl:var(--sgds-border-radius-2-xl);--sgds-radius-3-xl:var(--sgds-border-radius-3-xl);--sgds-radius-full:var(--sgds-border-radius-full);--sgds-radius-form-none:var(--sgds-form-border-radius-none);--sgds-radius-form-xs:var(--sgds-form-border-radius-xs);--sgds-radius-form-sm:var(--sgds-form-border-radius-sm);--sgds-radius-form-md:var(--sgds-form-border-radius-md);--sgds-radius-form-full:var(--sgds-form-border-radius-full);--sgds-margin-paragraph-none:var(--sgds-paragraph-spacing-none);--sgds-margin-paragraph-sm:var(--sgds-paragraph-spacing-sm);--sgds-margin-paragraph-md:var(--sgds-paragraph-spacing-md);--sgds-margin-paragraph-lg:var(--sgds-paragraph-spacing-lg);--sgds-margin-paragraph-xl:var(--sgds-paragraph-spacing-xl)}}@layer utilities{.sgds\:pointer-events-none{pointer-events:none}.sgds\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sgds\:absolute{position:absolute}.sgds\:fixed{position:fixed}.sgds\:relative{position:relative}.sgds\:inset-0{inset:calc(var(--sgds-spacing) * 0)}.sgds\:top-0{top:calc(var(--sgds-spacing) * 0)}.sgds\:top-1\/2{top:50%}.sgds\:top-component-xs{top:var(--sgds-spacing-component-xs)}.sgds\:right-component-xs{right:var(--sgds-spacing-component-xs)}.sgds\:right-sm{right:var(--sgds-spacing-sm)}.sgds\:left-0{left:calc(var(--sgds-spacing) * 0)}.sgds\:left-1\/2{left:50%}.sgds\:z-10{z-index:10}.sgds\:z-\[1\]{z-index:1}.sgds\:z-\[9999\]{z-index:9999}.sgds\:col-start-2{grid-column-start:2}.sgds\:m-0{margin:calc(var(--sgds-spacing) * 0)}.sgds\:m-1{margin:calc(var(--sgds-spacing) * 1)}.sgds\:m-2{margin:calc(var(--sgds-spacing) * 2)}.sgds\:m-3{margin:calc(var(--sgds-spacing) * 3)}.sgds\:m-4{margin:calc(var(--sgds-spacing) * 4)}.sgds\:m-5{margin:calc(var(--sgds-spacing) * 5)}.sgds\:m-6{margin:calc(var(--sgds-spacing) * 6)}.sgds\:m-8{margin:calc(var(--sgds-spacing) * 8)}.sgds\:m-12{margin:calc(var(--sgds-spacing) * 12)}.sgds\:m-16{margin:calc(var(--sgds-spacing) * 16)}.sgds\:m-24{margin:calc(var(--sgds-spacing) * 24)}.sgds\:mx-0{margin-inline:calc(var(--sgds-spacing) * 0)}.sgds\:mx-auto{margin-inline:auto}.sgds\:my-\[var\(--sgds-text-gap-md\)\]{margin-block:var(--sgds-text-gap-md)}.sgds\:-mt-\[var\(--sgds-gap-xs\)\]{margin-top:calc(var(--sgds-gap-xs) * -1)}.sgds\:mt-0{margin-top:calc(var(--sgds-spacing) * 0)}.sgds\:mt-1{margin-top:calc(var(--sgds-spacing) * 1)}.sgds\:mt-\[2px\]{margin-top:2px}.sgds\:mt-\[var\(--sgds-gap-2-xs\)\]{margin-top:var(--sgds-gap-2-xs)}.sgds\:mt-\[var\(--sgds-text-gap-md\)\]{margin-top:var(--sgds-text-gap-md)}.sgds\:mt-\[var\(--sgds-text-gap-sm\)\]{margin-top:var(--sgds-text-gap-sm)}.sgds\:mt-\[var\(--sgds-text-gap-xs\)\]{margin-top:var(--sgds-text-gap-xs)}.sgds\:mt-layout-sm{margin-top:var(--sgds-spacing-layout-sm)}.sgds\:-mb-\[var\(--sgds-text-gap-md\)\]{margin-bottom:calc(var(--sgds-text-gap-md) * -1)}.sgds\:mb-0{margin-bottom:calc(var(--sgds-spacing) * 0)}.sgds\:mb-\[var\(--sgds-dimension-128\)\]{margin-bottom:var(--sgds-dimension-128)}.sgds\:mb-\[var\(--sgds-gap-sm\)\]{margin-bottom:var(--sgds-gap-sm)}.sgds\:mb-\[var\(--sgds-margin-sm\)\]{margin-bottom:var(--sgds-margin-sm)}.sgds\:mb-\[var\(--sgds-margin-xl\)\]{margin-bottom:var(--sgds-margin-xl)}.sgds\:mb-layout-lg{margin-bottom:var(--sgds-spacing-layout-lg)}.sgds\:mb-layout-md{margin-bottom:var(--sgds-spacing-layout-md)}.sgds\:mb-paragraph-lg{margin-bottom:var(--sgds-margin-paragraph-lg)}.sgds\:mb-paragraph-md{margin-bottom:var(--sgds-margin-paragraph-md)}.sgds\:mb-paragraph-none{margin-bottom:var(--sgds-margin-paragraph-none)}.sgds\:mb-paragraph-sm{margin-bottom:var(--sgds-margin-paragraph-sm)}.sgds\:mb-paragraph-xl{margin-bottom:var(--sgds-margin-paragraph-xl)}.sgds\:ml-auto{margin-left:auto}.sgds\:box-border{box-sizing:border-box}.sgds\:block{display:block}.sgds\:flex{display:flex}.sgds\:grid{display:grid}.sgds\:hidden{display:none}.sgds\:inline-block{display:inline-block}.sgds\:inline-flex{display:inline-flex}.sgds\:aspect-\[424\/300\]{aspect-ratio:424/300}.sgds\:size-10{width:calc(var(--sgds-spacing) * 10);height:calc(var(--sgds-spacing) * 10)}.sgds\:h-4{height:calc(var(--sgds-spacing) * 4)}.sgds\:h-6{height:calc(var(--sgds-spacing) * 6)}.sgds\:h-8{height:calc(var(--sgds-spacing) * 8)}.sgds\:h-10{height:calc(var(--sgds-spacing) * 10)}.sgds\:h-12{height:calc(var(--sgds-spacing) * 12)}.sgds\:h-14{height:calc(var(--sgds-spacing) * 14)}.sgds\:h-16{height:calc(var(--sgds-spacing) * 16)}.sgds\:h-20{height:calc(var(--sgds-spacing) * 20)}.sgds\:h-24{height:calc(var(--sgds-spacing) * 24)}.sgds\:h-28{height:calc(var(--sgds-spacing) * 28)}.sgds\:h-\[13px\]{height:13px}.sgds\:h-\[48px\]{height:48px}.sgds\:h-\[161px\]{height:161px}.sgds\:h-\[209px\]{height:209px}.sgds\:h-\[clamp\(2\.75rem\,6vw\,4rem\)\]{height:clamp(2.75rem,6vw,4rem)}.sgds\:h-\[clamp\(2rem\,5\.3vw\,4rem\)\]{height:clamp(2rem,5.3vw,4rem)}.sgds\:h-\[var\(--sgds-border-width-1\)\]{height:var(--sgds-border-width-1)}.sgds\:h-\[var\(--sgds-dimension-40\)\]{height:var(--sgds-dimension-40)}.sgds\:h-\[var\(--sgds-dimension-48\)\]{height:var(--sgds-dimension-48)}.sgds\:h-auto{height:auto}.sgds\:h-full{height:100%}.sgds\:h-px{height:1px}.sgds\:max-h-\[380px\]{max-height:380px}.sgds\:min-h-0{min-height:calc(var(--sgds-spacing) * 0)}.sgds\:min-h-10{min-height:calc(var(--sgds-spacing) * 10)}.sgds\:min-h-12{min-height:calc(var(--sgds-spacing) * 12)}.sgds\:min-h-\[5rem\]{min-height:5rem}.sgds\:min-h-\[15rem\]{min-height:15rem}.sgds\:min-h-\[18rem\]{min-height:18rem}.sgds\:min-h-\[20rem\]{min-height:20rem}.sgds\:min-h-\[22rem\]{min-height:22rem}.sgds\:min-h-\[88px\]{min-height:88px}.sgds\:min-h-\[180px\]{min-height:180px}.sgds\:min-h-\[240px\]{min-height:240px}.sgds\:min-h-\[376px\]{min-height:376px}.sgds\:min-h-\[480px\]{min-height:480px}.sgds\:min-h-\[var\(--sgds-dimension-224\)\]{min-height:var(--sgds-dimension-224)}.sgds\:min-h-\[var\(--sgds-dimension-280\)\]{min-height:var(--sgds-dimension-280)}.sgds\:min-h-\[var\(--sgds-dimension-288\)\]{min-height:var(--sgds-dimension-288)}.sgds\:min-h-\[var\(--sgds-dimension-320\)\]{min-height:var(--sgds-dimension-320)}.sgds\:min-h-\[var\(--sgds-dimension-1024\)\]{min-height:var(--sgds-dimension-1024)}.sgds\:w-4{width:calc(var(--sgds-spacing) * 4)}.sgds\:w-6{width:calc(var(--sgds-spacing) * 6)}.sgds\:w-8{width:calc(var(--sgds-spacing) * 8)}.sgds\:w-14{width:calc(var(--sgds-spacing) * 14)}.sgds\:w-16{width:calc(var(--sgds-spacing) * 16)}.sgds\:w-20{width:calc(var(--sgds-spacing) * 20)}.sgds\:w-24{width:calc(var(--sgds-spacing) * 24)}.sgds\:w-32{width:calc(var(--sgds-spacing) * 32)}.sgds\:w-40{width:calc(var(--sgds-spacing) * 40)}.sgds\:w-\[0\.4em\]{width:.4em}.sgds\:w-\[1\%\]{width:1%}.sgds\:w-\[6\.5rem\]{width:6.5rem}.sgds\:w-\[13px\]{width:13px}.sgds\:w-\[417px\]{width:417px}.sgds\:w-\[clamp\(2\.75rem\,6vw\,4rem\)\]{width:clamp(2.75rem,6vw,4rem)}.sgds\:w-\[clamp\(2rem\,5\.3vw\,4rem\)\]{width:clamp(2rem,5.3vw,4rem)}.sgds\:w-\[min\(100\%\,var\(--sgds-dimension-512\)\)\]{width:min(100%,var(--sgds-dimension-512))}.sgds\:w-\[min\(100\%\,var\(--sgds-dimension-688\)\)\]{width:min(100%,var(--sgds-dimension-688))}.sgds\:w-\[var\(--sgds-border-width-1\)\]{width:var(--sgds-border-width-1)}.sgds\:w-\[var\(--sgds-border-width-2\)\]{width:var(--sgds-border-width-2)}.sgds\:w-\[var\(--sgds-dimension-40\)\]{width:var(--sgds-dimension-40)}.sgds\:w-\[var\(--sgds-dimension-56\)\]{width:var(--sgds-dimension-56)}.sgds\:w-component-sm{width:var(--sgds-spacing-component-sm)}.sgds\:w-fit{width:fit-content}.sgds\:w-full{width:100%}.sgds\:max-w-\[10rem\]{max-width:10rem}.sgds\:max-w-\[12rem\]{max-width:12rem}.sgds\:max-w-\[16rem\]{max-width:16rem}.sgds\:max-w-\[20rem\]{max-width:20rem}.sgds\:max-w-\[560px\]{max-width:560px}.sgds\:max-w-\[864px\]{max-width:864px}.sgds\:max-w-\[1312px\]{max-width:1312px}.sgds\:max-w-\[var\(--sgds-container-max-width-md\)\]{max-width:var(--sgds-container-max-width-md)}.sgds\:max-w-\[var\(--sgds-dimension-120\)\]{max-width:var(--sgds-dimension-120)}.sgds\:max-w-\[var\(--sgds-dimension-480\)\]{max-width:var(--sgds-dimension-480)}.sgds\:max-w-\[var\(--sgds-dimension-512\)\]{max-width:var(--sgds-dimension-512)}.sgds\:max-w-\[var\(--sgds-dimension-560\)\]{max-width:var(--sgds-dimension-560)}.sgds\:max-w-\[var\(--sgds-dimension-640\)\]{max-width:var(--sgds-dimension-640)}.sgds\:max-w-\[var\(--sgds-dimension-688\)\]{max-width:var(--sgds-dimension-688)}.sgds\:max-w-\[var\(--sgds-dimension-760\)\]{max-width:var(--sgds-dimension-760)}.sgds\:max-w-\[var\(--sgds-dimension-768\)\]{max-width:var(--sgds-dimension-768)}.sgds\:max-w-full{max-width:100%}.sgds\:min-w-0{min-width:calc(var(--sgds-spacing) * 0)}.sgds\:min-w-14{min-width:calc(var(--sgds-spacing) * 14)}.sgds\:min-w-\[var\(--sgds-dimension-80\)\]{min-width:var(--sgds-dimension-80)}.sgds\:flex-1{flex:1}.sgds\:flex-none{flex:none}.sgds\:flex-shrink-0,.sgds\:shrink-0{flex-shrink:0}.sgds\:grow-0{flex-grow:0}.sgds\:basis-\[var\(--sgds-dimension-40\)\]{flex-basis:var(--sgds-dimension-40)}.sgds\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sgds\:cursor-col-resize{cursor:col-resize}.sgds\:cursor-not-allowed{cursor:not-allowed}.sgds\:cursor-pointer{cursor:pointer}.sgds\:resize-none{resize:none}.sgds\:list-decimal{list-style-type:decimal}.sgds\:list-disc{list-style-type:disc}.sgds\:list-none{list-style-type:none}.sgds\:appearance-none{appearance:none}.sgds\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sgds\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sgds\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}.sgds\:grid-cols-\[var\(--sgds-dimension-32\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--sgds-dimension-32) minmax(0,1fr)}.sgds\:grid-cols-\[var\(--sgds-dimension-96\)_minmax\(0\,1fr\)\]{grid-template-columns:var(--sgds-dimension-96) minmax(0,1fr)}.sgds\:flex-col{flex-direction:column}.sgds\:flex-nowrap{flex-wrap:nowrap}.sgds\:flex-wrap{flex-wrap:wrap}.sgds\:items-baseline{align-items:baseline}.sgds\:items-center{align-items:center}.sgds\:items-end{align-items:flex-end}.sgds\:items-start{align-items:flex-start}.sgds\:items-stretch{align-items:stretch}.sgds\:justify-between{justify-content:space-between}.sgds\:justify-center{justify-content:center}.sgds\:justify-start{justify-content:flex-start}.sgds\:gap-0{gap:calc(var(--sgds-spacing) * 0)}.sgds\:gap-2{gap:calc(var(--sgds-spacing) * 2)}.sgds\:gap-2-xs{gap:var(--sgds-gap-2-xs)}.sgds\:gap-6{gap:calc(var(--sgds-spacing) * 6)}.sgds\:gap-\[2px\]{gap:2px}.sgds\:gap-\[8px\]{gap:8px}.sgds\:gap-\[var\(--sgds-component-gap-sm\)\]{gap:var(--sgds-component-gap-sm)}.sgds\:gap-\[var\(--sgds-gap-2-xl\)\]{gap:var(--sgds-gap-2-xl)}.sgds\:gap-\[var\(--sgds-gap-2-xs\)\]{gap:var(--sgds-gap-2-xs)}.sgds\:gap-\[var\(--sgds-gap-lg\)\]{gap:var(--sgds-gap-lg)}.sgds\:gap-\[var\(--sgds-gap-md\)\]{gap:var(--sgds-gap-md)}.sgds\:gap-\[var\(--sgds-gap-sm\)\]{gap:var(--sgds-gap-sm)}.sgds\:gap-\[var\(--sgds-gap-xl\)\]{gap:var(--sgds-gap-xl)}.sgds\:gap-\[var\(--sgds-gap-xs\)\]{gap:var(--sgds-gap-xs)}.sgds\:gap-\[var\(--sgds-margin-5-xl\)\]{gap:var(--sgds-margin-5-xl)}.sgds\:gap-\[var\(--sgds-spacer-10\)\]{gap:var(--sgds-spacer-10)}.sgds\:gap-\[var\(--sgds-text-gap-md\)\]{gap:var(--sgds-text-gap-md)}.sgds\:gap-\[var\(--sgds-text-gap-sm\)\]{gap:var(--sgds-text-gap-sm)}.sgds\:gap-\[var\(--sgds-text-gap-xs\)\]{gap:var(--sgds-text-gap-xs)}.sgds\:gap-component-md{gap:var(--sgds-gap-component-md)}.sgds\:gap-component-sm{gap:var(--sgds-gap-component-sm)}.sgds\:gap-component-xs{gap:var(--sgds-gap-component-xs)}.sgds\:gap-layout-lg{gap:var(--sgds-gap-layout-lg)}.sgds\:gap-layout-md{gap:var(--sgds-gap-layout-md)}.sgds\:gap-layout-sm{gap:var(--sgds-gap-layout-sm)}.sgds\:gap-layout-xl{gap:var(--sgds-gap-layout-xl)}.sgds\:gap-layout-xs{gap:var(--sgds-gap-layout-xs)}.sgds\:gap-md{gap:var(--sgds-gap-md)}.sgds\:gap-sm{gap:var(--sgds-gap-sm)}.sgds\:gap-text-2-xs{gap:var(--sgds-gap-text-2-xs)}.sgds\:gap-text-lg{gap:var(--sgds-gap-text-lg)}.sgds\:gap-text-md{gap:var(--sgds-gap-text-md)}.sgds\:gap-text-sm{gap:var(--sgds-gap-text-sm)}.sgds\:gap-text-xs{gap:var(--sgds-gap-text-xs)}.sgds\:gap-xs{gap:var(--sgds-gap-xs)}.sgds\:gap-x-text-xs{column-gap:var(--sgds-gap-text-xs)}.sgds\:self-center{align-self:center}.sgds\:self-start{align-self:flex-start}.sgds\:overflow-clip{overflow:clip}.sgds\:overflow-hidden{overflow:hidden}.sgds\:overflow-visible{overflow:visible}.sgds\:overflow-y-auto{overflow-y:auto}.sgds\:rounded-2-xl{border-radius:var(--sgds-radius-2-xl)}.sgds\:rounded-3-xl{border-radius:var(--sgds-radius-3-xl)}.sgds\:rounded-\[2px\]{border-radius:2px}.sgds\:rounded-\[8px\]{border-radius:8px}.sgds\:rounded-\[10px\]{border-radius:10px}.sgds\:rounded-\[12px\]{border-radius:12px}.sgds\:rounded-\[16px\]{border-radius:16px}.sgds\:rounded-\[24px\]{border-radius:24px}.sgds\:rounded-\[32px\]{border-radius:32px}.sgds\:rounded-\[var\(--sgds-border-radius-2-xl\)\]{border-radius:var(--sgds-border-radius-2-xl)}.sgds\:rounded-form-full{border-radius:var(--sgds-radius-form-full)}.sgds\:rounded-form-md{border-radius:var(--sgds-radius-form-md)}.sgds\:rounded-form-none{border-radius:var(--sgds-radius-form-none)}.sgds\:rounded-form-sm{border-radius:var(--sgds-radius-form-sm)}.sgds\:rounded-form-xs{border-radius:var(--sgds-radius-form-xs)}.sgds\:rounded-full{border-radius:var(--sgds-radius-full)}.sgds\:rounded-lg{border-radius:var(--sgds-radius-lg)}.sgds\:rounded-md{border-radius:var(--sgds-radius-md)}.sgds\:rounded-none{border-radius:var(--sgds-radius-none)}.sgds\:rounded-sm{border-radius:var(--sgds-radius-sm)}.sgds\:rounded-xl{border-radius:var(--sgds-radius-xl)}.sgds\:rounded-xs{border-radius:var(--sgds-radius-xs)}.sgds\:rounded-t-\[6px\]{border-top-left-radius:6px;border-top-right-radius:6px}.sgds\:border{border-style:var(--tw-border-style);border-width:1px}.sgds\:border-0{border-style:var(--tw-border-style);border-width:var(--sgds-border-width-0)}.sgds\:border-2{border-style:var(--tw-border-style);border-width:var(--sgds-border-width-2)}.sgds\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.sgds\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sgds\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sgds\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--sgds-border-width-2)}.sgds\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--sgds-border-width-4)}.sgds\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sgds\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:var(--sgds-border-width-4)}.sgds\:border-\[var\(--sgds-accent-border-color-default\)\]{border-color:var(--sgds-accent-border-color-default)}.sgds\:border-\[var\(--sgds-primary-border-color-default\)\]{border-color:var(--sgds-primary-border-color-default)}.sgds\:border-\[var\(--sgds-primary-border-color-muted\)\]{border-color:var(--sgds-primary-border-color-muted)}.sgds\:border-\[var\(--sgds-success-border-color-default\)\]{border-color:var(--sgds-success-border-color-default)}.sgds\:border-accent-default{border-color:var(--sgds-border-color-accent-default)}.sgds\:border-accent-emphasis{border-color:var(--sgds-border-color-accent-emphasis)}.sgds\:border-accent-muted{border-color:var(--sgds-border-color-accent-muted)}.sgds\:border-cyan-default{border-color:var(--sgds-border-color-cyan-default)}.sgds\:border-cyan-emphasis{border-color:var(--sgds-border-color-cyan-emphasis)}.sgds\:border-cyan-muted{border-color:var(--sgds-border-color-cyan-muted)}.sgds\:border-danger-default{border-color:var(--sgds-border-color-danger-default)}.sgds\:border-danger-emphasis{border-color:var(--sgds-border-color-danger-emphasis)}.sgds\:border-danger-muted{border-color:var(--sgds-border-color-danger-muted)}.sgds\:border-default{border-color:var(--sgds-border-color-default)}.sgds\:border-emphasis{border-color:var(--sgds-border-color-emphasis)}.sgds\:border-fixed-dark{border-color:var(--sgds-border-color-fixed-dark)}.sgds\:border-fixed-light{border-color:var(--sgds-border-color-fixed-light)}.sgds\:border-muted{border-color:var(--sgds-border-color-muted)}.sgds\:border-neutral-default{border-color:var(--sgds-border-color-neutral-default)}.sgds\:border-neutral-emphasis{border-color:var(--sgds-border-color-neutral-emphasis)}.sgds\:border-neutral-muted{border-color:var(--sgds-border-color-neutral-muted)}.sgds\:border-primary-default{border-color:var(--sgds-border-color-primary-default)}.sgds\:border-primary-emphasis{border-color:var(--sgds-border-color-primary-emphasis)}.sgds\:border-primary-muted{border-color:var(--sgds-border-color-primary-muted)}.sgds\:border-purple-default{border-color:var(--sgds-border-color-purple-default)}.sgds\:border-purple-emphasis{border-color:var(--sgds-border-color-purple-emphasis)}.sgds\:border-purple-muted{border-color:var(--sgds-border-color-purple-muted)}.sgds\:border-success-default{border-color:var(--sgds-border-color-success-default)}.sgds\:border-success-emphasis{border-color:var(--sgds-border-color-success-emphasis)}.sgds\:border-success-muted{border-color:var(--sgds-border-color-success-muted)}.sgds\:border-translucent{border-color:var(--sgds-border-color-translucent)}.sgds\:border-transparent{border-color:#0000}.sgds\:border-warning-default{border-color:var(--sgds-border-color-warning-default)}.sgds\:border-warning-emphasis{border-color:var(--sgds-border-color-warning-emphasis)}.sgds\:border-warning-muted{border-color:var(--sgds-border-color-warning-muted)}.sgds\:bg-\[\#1b222b\]{background-color:#1b222b}.sgds\:bg-\[\#28c840\]{background-color:#28c840}.sgds\:bg-\[\#161c24\]{background-color:#161c24}.sgds\:bg-\[\#252c35\]{background-color:#252c35}.sgds\:bg-\[\#febc2e\]{background-color:#febc2e}.sgds\:bg-\[\#ff5f57\]{background-color:#ff5f57}.sgds\:bg-\[var\(--sgds-accent-surface-muted\)\]{background-color:var(--sgds-accent-surface-muted)}.sgds\:bg-\[var\(--sgds-bg-overlay\)\]{background-color:var(--sgds-bg-overlay)}.sgds\:bg-\[var\(--sgds-border-color-default\)\]{background-color:var(--sgds-border-color-default)}.sgds\:bg-\[var\(--sgds-primary-surface-muted\)\]{background-color:var(--sgds-primary-surface-muted)}.sgds\:bg-\[var\(--sgds-primary-surface-translucent\)\]{background-color:var(--sgds-primary-surface-translucent)}.sgds\:bg-\[var\(--sgds-success-surface-muted\)\]{background-color:var(--sgds-success-surface-muted)}.sgds\:bg-accent-default{background-color:var(--sgds-background-color-accent-default)}.sgds\:bg-accent-surface-default{background-color:var(--sgds-background-color-accent-surface-default)}.sgds\:bg-accent-surface-muted{background-color:var(--sgds-background-color-accent-surface-muted)}.sgds\:bg-alternate{background-color:var(--sgds-background-color-alternate)}.sgds\:bg-cyan-default{background-color:var(--sgds-background-color-cyan-default)}.sgds\:bg-cyan-surface-default{background-color:var(--sgds-background-color-cyan-surface-default)}.sgds\:bg-cyan-surface-muted{background-color:var(--sgds-background-color-cyan-surface-muted)}.sgds\:bg-danger-default{background-color:var(--sgds-background-color-danger-default)}.sgds\:bg-danger-surface-default{background-color:var(--sgds-background-color-danger-surface-default)}.sgds\:bg-danger-surface-muted{background-color:var(--sgds-background-color-danger-surface-muted)}.sgds\:bg-default{background-color:var(--sgds-background-color-default)}.sgds\:bg-fixed-dark{background-color:var(--sgds-background-color-fixed-dark)}.sgds\:bg-fixed-light{background-color:var(--sgds-background-color-fixed-light)}.sgds\:bg-neutral-default{background-color:var(--sgds-background-color-neutral-default)}.sgds\:bg-neutral-surface-default{background-color:var(--sgds-background-color-neutral-surface-default)}.sgds\:bg-neutral-surface-muted{background-color:var(--sgds-background-color-neutral-surface-muted)}.sgds\:bg-overlay{background-color:var(--sgds-background-color-overlay)}.sgds\:bg-primary-default{background-color:var(--sgds-background-color-primary-default)}.sgds\:bg-primary-surface-default{background-color:var(--sgds-background-color-primary-surface-default)}.sgds\:bg-primary-surface-muted{background-color:var(--sgds-background-color-primary-surface-muted)}.sgds\:bg-purple-default{background-color:var(--sgds-background-color-purple-default)}.sgds\:bg-purple-surface-default{background-color:var(--sgds-background-color-purple-surface-default)}.sgds\:bg-purple-surface-muted{background-color:var(--sgds-background-color-purple-surface-muted)}.sgds\:bg-success-default{background-color:var(--sgds-background-color-success-default)}.sgds\:bg-success-surface-default{background-color:var(--sgds-background-color-success-surface-default)}.sgds\:bg-success-surface-muted{background-color:var(--sgds-background-color-success-surface-muted)}.sgds\:bg-surface-default{background-color:var(--sgds-background-color-surface-default)}.sgds\:bg-surface-fixed-dark{background-color:var(--sgds-background-color-surface-fixed-dark)}.sgds\:bg-surface-fixed-light{background-color:var(--sgds-background-color-surface-fixed-light)}.sgds\:bg-surface-inverse{background-color:var(--sgds-background-color-surface-inverse)}.sgds\:bg-surface-raised{background-color:var(--sgds-background-color-surface-raised)}.sgds\:bg-translucent{background-color:var(--sgds-background-color-translucent)}.sgds\:bg-translucent-subtle{background-color:var(--sgds-background-color-translucent-subtle)}.sgds\:bg-transparent{background-color:#0000}.sgds\:bg-warning-default{background-color:var(--sgds-background-color-warning-default)}.sgds\:bg-warning-surface-default{background-color:var(--sgds-background-color-warning-surface-default)}.sgds\:bg-warning-surface-muted{background-color:var(--sgds-background-color-warning-surface-muted)}.sgds\:object-cover{object-fit:cover}.sgds\:p-0{padding:calc(var(--sgds-spacing) * 0)}.sgds\:p-1{padding:calc(var(--sgds-spacing) * 1)}.sgds\:p-2{padding:calc(var(--sgds-spacing) * 2)}.sgds\:p-6{padding:calc(var(--sgds-spacing) * 6)}.sgds\:p-\[var\(--sgds-padding-2-xl\)\]{padding:var(--sgds-padding-2-xl)}.sgds\:p-\[var\(--sgds-padding-lg\)\]{padding:var(--sgds-padding-lg)}.sgds\:p-component-md{padding:var(--sgds-spacing-component-md)}.sgds\:p-layout-lg{padding:var(--sgds-spacing-layout-lg)}.sgds\:p-layout-md{padding:var(--sgds-spacing-layout-md)}.sgds\:px-2{padding-inline:calc(var(--sgds-spacing) * 2)}.sgds\:px-4-xl{padding-inline:var(--sgds-spacing-4-xl)}.sgds\:px-\[1px\]{padding-inline:1px}.sgds\:px-\[5px\]{padding-inline:5px}.sgds\:px-\[6px\]{padding-inline:6px}.sgds\:px-\[16px\]{padding-inline:16px}.sgds\:px-\[20px\]{padding-inline:20px}.sgds\:px-\[var\(--sgds-component-padding-lg\)\]{padding-inline:var(--sgds-component-padding-lg)}.sgds\:px-\[var\(--sgds-component-padding-md\)\]{padding-inline:var(--sgds-component-padding-md)}.sgds\:px-\[var\(--sgds-component-padding-xs\)\]{padding-inline:var(--sgds-component-padding-xs)}.sgds\:px-\[var\(--sgds-padding-2-xs\)\]{padding-inline:var(--sgds-padding-2-xs)}.sgds\:px-\[var\(--sgds-padding-xl\)\]{padding-inline:var(--sgds-padding-xl)}.sgds\:px-component-lg{padding-inline:var(--sgds-spacing-component-lg)}.sgds\:px-component-md{padding-inline:var(--sgds-spacing-component-md)}.sgds\:px-component-sm{padding-inline:var(--sgds-spacing-component-sm)}.sgds\:px-component-xs{padding-inline:var(--sgds-spacing-component-xs)}.sgds\:px-layout-lg{padding-inline:var(--sgds-spacing-layout-lg)}.sgds\:px-lg{padding-inline:var(--sgds-spacing-lg)}.sgds\:px-sm{padding-inline:var(--sgds-spacing-sm)}.sgds\:px-xl{padding-inline:var(--sgds-spacing-xl)}.sgds\:py-2{padding-block:calc(var(--sgds-spacing) * 2)}.sgds\:py-2-xl{padding-block:var(--sgds-spacing-2-xl)}.sgds\:py-3{padding-block:calc(var(--sgds-spacing) * 3)}.sgds\:py-4-xl{padding-block:var(--sgds-spacing-4-xl)}.sgds\:py-\[1px\]{padding-block:1px}.sgds\:py-\[2px\]{padding-block:2px}.sgds\:py-\[18px\]{padding-block:18px}.sgds\:py-\[var\(--sgds-component-padding-md\)\]{padding-block:var(--sgds-component-padding-md)}.sgds\:py-\[var\(--sgds-component-padding-sm\)\]{padding-block:var(--sgds-component-padding-sm)}.sgds\:py-\[var\(--sgds-padding-md\)\]{padding-block:var(--sgds-padding-md)}.sgds\:py-\[var\(--sgds-padding-sm\)\]{padding-block:var(--sgds-padding-sm)}.sgds\:py-component-lg{padding-block:var(--sgds-spacing-component-lg)}.sgds\:py-component-md{padding-block:var(--sgds-spacing-component-md)}.sgds\:py-component-sm{padding-block:var(--sgds-spacing-component-sm)}.sgds\:py-component-xs{padding-block:var(--sgds-spacing-component-xs)}.sgds\:py-layout-lg{padding-block:var(--sgds-spacing-layout-lg)}.sgds\:py-layout-xl{padding-block:var(--sgds-spacing-layout-xl)}.sgds\:py-sm{padding-block:var(--sgds-spacing-sm)}.sgds\:pt-\[80px\]{padding-top:80px}.sgds\:pt-\[var\(--sgds-layout-gap-lg\)\]{padding-top:var(--sgds-layout-gap-lg)}.sgds\:pt-\[var\(--sgds-padding-2-xl\)\]{padding-top:var(--sgds-padding-2-xl)}.sgds\:pt-\[var\(--sgds-padding-2-xs\)\]{padding-top:var(--sgds-padding-2-xs)}.sgds\:pt-\[var\(--sgds-padding-xs\)\]{padding-top:var(--sgds-padding-xs)}.sgds\:pr-2-xl{padding-right:var(--sgds-spacing-2-xl)}.sgds\:pr-\[32px\]{padding-right:32px}.sgds\:pr-\[var\(--sgds-padding-2-xl\)\]{padding-right:var(--sgds-padding-2-xl)}.sgds\:pb-0{padding-bottom:calc(var(--sgds-spacing) * 0)}.sgds\:pl-0{padding-left:calc(var(--sgds-spacing) * 0)}.sgds\:pl-6{padding-left:calc(var(--sgds-spacing) * 6)}.sgds\:pl-\[var\(--sgds-padding-2-xl\)\]{padding-left:var(--sgds-padding-2-xl)}.sgds\:pl-\[var\(--sgds-padding-lg\)\]{padding-left:var(--sgds-padding-lg)}.sgds\:text-center{text-align:center}.sgds\:text-left{text-align:left}.sgds\:\[font-family\:inherit\]{font-family:inherit}.sgds\:font-display{font-family:var(--sgds-font-display)}.sgds\:text-\[0\.875em\]{font-size:.875em}.sgds\:text-\[5rem\]{font-size:5rem}.sgds\:text-\[12px\]{font-size:12px}.sgds\:text-\[16px\]{font-size:16px}.sgds\:text-body-lg{font-size:var(--sgds-text-body-lg)}.sgds\:text-body-md{font-size:var(--sgds-text-body-md)}.sgds\:text-body-sm{font-size:var(--sgds-text-body-sm)}.sgds\:text-caption-md{font-size:var(--sgds-text-caption-md)}.sgds\:text-display-lg{font-size:var(--sgds-text-display-lg)}.sgds\:text-display-md{font-size:var(--sgds-text-display-md)}.sgds\:text-display-sm{font-size:var(--sgds-text-display-sm)}.sgds\:text-heading-lg{font-size:var(--sgds-text-heading-lg)}.sgds\:text-heading-md{font-size:var(--sgds-text-heading-md)}.sgds\:text-heading-sm{font-size:var(--sgds-text-heading-sm)}.sgds\:text-heading-xl{font-size:var(--sgds-text-heading-xl)}.sgds\:text-label-lg{font-size:var(--sgds-text-label-lg)}.sgds\:text-label-md{font-size:var(--sgds-text-label-md)}.sgds\:text-label-sm{font-size:var(--sgds-text-label-sm)}.sgds\:text-label-xs{font-size:var(--sgds-text-label-xs)}.sgds\:text-link-lg{font-size:var(--sgds-text-link-lg)}.sgds\:text-link-md{font-size:var(--sgds-text-link-md)}.sgds\:text-link-sm{font-size:var(--sgds-text-link-sm)}.sgds\:text-link-xs{font-size:var(--sgds-text-link-xs)}.sgds\:text-overline-md{font-size:var(--sgds-text-overline-md)}.sgds\:text-subtitle-md{font-size:var(--sgds-text-subtitle-md)}.sgds\:text-subtitle-sm{font-size:var(--sgds-text-subtitle-sm)}.sgds\:leading-2-xl{--tw-leading:var(--sgds-leading-2-xl);line-height:var(--sgds-leading-2-xl)}.sgds\:leading-2-xs{--tw-leading:var(--sgds-leading-2-xs);line-height:var(--sgds-leading-2-xs)}.sgds\:leading-3-xl{--tw-leading:var(--sgds-leading-3-xl);line-height:var(--sgds-leading-3-xl)}.sgds\:leading-3-xs{--tw-leading:var(--sgds-leading-3-xs);line-height:var(--sgds-leading-3-xs)}.sgds\:leading-16{--tw-leading:var(--sgds-leading-16);line-height:var(--sgds-leading-16)}.sgds\:leading-20{--tw-leading:var(--sgds-leading-20);line-height:var(--sgds-leading-20)}.sgds\:leading-24{--tw-leading:var(--sgds-leading-24);line-height:var(--sgds-leading-24)}.sgds\:leading-28{--tw-leading:var(--sgds-leading-28);line-height:var(--sgds-leading-28)}.sgds\:leading-32{--tw-leading:var(--sgds-leading-32);line-height:var(--sgds-leading-32)}.sgds\:leading-36{--tw-leading:var(--sgds-leading-36);line-height:var(--sgds-leading-36)}.sgds\:leading-40{--tw-leading:var(--sgds-leading-40);line-height:var(--sgds-leading-40)}.sgds\:leading-44{--tw-leading:var(--sgds-leading-44);line-height:var(--sgds-leading-44)}.sgds\:leading-48{--tw-leading:var(--sgds-leading-48);line-height:var(--sgds-leading-48)}.sgds\:leading-52{--tw-leading:var(--sgds-leading-52);line-height:var(--sgds-leading-52)}.sgds\:leading-56{--tw-leading:var(--sgds-leading-56);line-height:var(--sgds-leading-56)}.sgds\:leading-60{--tw-leading:var(--sgds-leading-60);line-height:var(--sgds-leading-60)}.sgds\:leading-64{--tw-leading:var(--sgds-leading-64);line-height:var(--sgds-leading-64)}.sgds\:leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.sgds\:leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.sgds\:leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.sgds\:leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.sgds\:leading-\[20px\]{--tw-leading:20px;line-height:20px}.sgds\:leading-\[24px\]{--tw-leading:24px;line-height:24px}.sgds\:leading-\[100\%\]{--tw-leading:100%;line-height:100%}.sgds\:leading-\[var\(--sgds-line-height-16\)\]{--tw-leading:var(--sgds-line-height-16);line-height:var(--sgds-line-height-16)}.sgds\:leading-lg{--tw-leading:var(--sgds-leading-lg);line-height:var(--sgds-leading-lg)}.sgds\:leading-md{--tw-leading:var(--sgds-leading-md);line-height:var(--sgds-leading-md)}.sgds\:leading-sm{--tw-leading:var(--sgds-leading-sm);line-height:var(--sgds-leading-sm)}.sgds\:leading-xl{--tw-leading:var(--sgds-leading-xl);line-height:var(--sgds-leading-xl)}.sgds\:leading-xs{--tw-leading:var(--sgds-leading-xs);line-height:var(--sgds-leading-xs)}.sgds\:font-bold{--tw-font-weight:var(--sgds-font-weight-bold);font-weight:var(--sgds-font-weight-bold)}.sgds\:font-light{--tw-font-weight:var(--sgds-font-weight-light);font-weight:var(--sgds-font-weight-light)}.sgds\:font-regular{--tw-font-weight:var(--sgds-font-weight-regular);font-weight:var(--sgds-font-weight-regular)}.sgds\:font-semibold{--tw-font-weight:var(--sgds-font-weight-semibold);font-weight:var(--sgds-font-weight-semibold)}.sgds\:tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.sgds\:tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.sgds\:tracking-normal{--tw-tracking:var(--sgds-tracking-normal);letter-spacing:var(--sgds-tracking-normal)}.sgds\:tracking-tight{--tw-tracking:var(--sgds-tracking-tight);letter-spacing:var(--sgds-tracking-tight)}.sgds\:tracking-tighter{--tw-tracking:var(--sgds-tracking-tighter);letter-spacing:var(--sgds-tracking-tighter)}.sgds\:tracking-wide{--tw-tracking:var(--sgds-tracking-wide);letter-spacing:var(--sgds-tracking-wide)}.sgds\:tracking-wider{--tw-tracking:var(--sgds-tracking-wider);letter-spacing:var(--sgds-tracking-wider)}.sgds\:break-words{overflow-wrap:break-word}.sgds\:text-ellipsis{text-overflow:ellipsis}.sgds\:whitespace-nowrap{white-space:nowrap}.sgds\:whitespace-pre-line{white-space:pre-line}.sgds\:text-\[\#4ec9b0\]{color:#4ec9b0}.sgds\:text-\[\#9cdcfe\]{color:#9cdcfe}.sgds\:text-\[\#569cd6\]{color:#569cd6}.sgds\:text-\[\#c5cad3\]{color:#c5cad3}.sgds\:text-\[\#ce9178\]{color:#ce9178}.sgds\:text-\[\#d4d4d4\]{color:#d4d4d4}.sgds\:text-\[\#ffd21e\]{color:#ffd21e}.sgds\:text-\[inherit\]{color:inherit}.sgds\:text-\[var\(--sgds-border-color-emphasis\)\]{color:var(--sgds-border-color-emphasis)}.sgds\:text-\[var\(--sgds-font-size-0\)\]{color:var(--sgds-font-size-0)}.sgds\:text-\[var\(--sgds-label-color-subtle\)\]{color:var(--sgds-label-color-subtle)}.sgds\:text-\[var\(--sgds-primary-color-emphasis\)\]{color:var(--sgds-primary-color-emphasis)}.sgds\:text-accent-default{color:var(--sgds-text-color-accent-default)}.sgds\:text-accent-emphasis{color:var(--sgds-text-color-accent-emphasis)}.sgds\:text-body-default{color:var(--sgds-text-color-body-default)}.sgds\:text-body-subtle{color:var(--sgds-text-color-body-subtle)}.sgds\:text-cyan-default{color:var(--sgds-text-color-cyan-default)}.sgds\:text-cyan-emphasis{color:var(--sgds-text-color-cyan-emphasis)}.sgds\:text-danger-default{color:var(--sgds-text-color-danger-default)}.sgds\:text-danger-emphasis{color:var(--sgds-text-color-danger-emphasis)}.sgds\:text-default{color:var(--sgds-text-color-default)}.sgds\:text-display-default{color:var(--sgds-text-color-display-default)}.sgds\:text-fixed-dark{color:var(--sgds-text-color-fixed-dark)}.sgds\:text-fixed-light{color:var(--sgds-text-color-fixed-light)}.sgds\:text-heading-default{color:var(--sgds-text-color-heading-default)}.sgds\:text-heading-subtle{color:var(--sgds-text-color-heading-subtle)}.sgds\:text-inverse{color:var(--sgds-text-color-inverse)}.sgds\:text-label-default{color:var(--sgds-text-color-label-default)}.sgds\:text-link-default{color:var(--sgds-text-color-link-default)}.sgds\:text-link-emphasis{color:var(--sgds-text-color-link-emphasis)}.sgds\:text-muted{color:var(--sgds-text-color-muted)}.sgds\:text-neutral-default{color:var(--sgds-text-color-neutral-default)}.sgds\:text-neutral-emphasis{color:var(--sgds-text-color-neutral-emphasis)}.sgds\:text-primary-default{color:var(--sgds-text-color-primary-default)}.sgds\:text-purple-default{color:var(--sgds-text-color-purple-default)}.sgds\:text-purple-emphasis{color:var(--sgds-text-color-purple-emphasis)}.sgds\:text-subtle{color:var(--sgds-text-color-subtle)}.sgds\:text-success-default{color:var(--sgds-text-color-success-default)}.sgds\:text-success-emphasis{color:var(--sgds-text-color-success-emphasis)}.sgds\:text-warning-default{color:var(--sgds-text-color-warning-default)}.sgds\:text-warning-emphasis{color:var(--sgds-text-color-warning-emphasis)}.sgds\:normal-case{text-transform:none}.sgds\:uppercase{text-transform:uppercase}.sgds\:italic{font-style:italic}.sgds\:no-underline{text-decoration-line:none}.sgds\:underline{text-decoration-line:underline}.sgds\:opacity-0{opacity:var(--sgds-opacity-0)}.sgds\:opacity-25{opacity:.25}.sgds\:opacity-30{opacity:var(--sgds-opacity-30)}.sgds\:opacity-40{opacity:var(--sgds-opacity-40)}.sgds\:opacity-50{opacity:var(--sgds-opacity-50)}.sgds\:opacity-60{opacity:var(--sgds-opacity-60)}.sgds\:opacity-100{opacity:var(--sgds-opacity-100)}.sgds\:shadow-1{--tw-shadow:var(--sgds-elevation-surface-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-2{--tw-shadow:var(--sgds-elevation-surface-2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-3{--tw-shadow:var(--sgds-elevation-surface-3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-4{--tw-shadow:var(--sgds-elevation-surface-4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-5{--tw-shadow:var(--sgds-elevation-surface-5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-edge-bottom{--tw-shadow:var(--sgds-elevation-edge-bottom);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:shadow-edge-top{--tw-shadow:var(--sgds-elevation-edge-top);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sgds\:contrast-75{--tw-contrast:contrast(75%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sgds\:grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sgds\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.sgds\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.sgds\:duration-100{--tw-duration:.1s;transition-duration:.1s}.sgds\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sgds\:outline-none{--tw-outline-style:none;outline-style:none}.sgds\:select-none{-webkit-user-select:none;user-select:none}.sgds\:\[transition\:opacity_1s_ease-out\,scale_1s_ease-out\,filter_1s_ease-out\]{transition:opacity 1s ease-out,scale 1s ease-out,filter 1s ease-out}@media(hover:hover){.sgds\:group-hover\:opacity-100:is(:where(.sgds\:group):hover *){opacity:var(--sgds-opacity-100)}.sgds\:hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sgds\:hover\:bg-surface-raised:hover{background-color:var(--sgds-background-color-surface-raised)}.sgds\:hover\:text-default:hover{color:var(--sgds-text-color-default)}.sgds\:hover\:opacity-100:hover{opacity:var(--sgds-opacity-100)}.sgds\:hover\:contrast-100:hover{--tw-contrast:contrast(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sgds\:hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sgds\:hover\:\[transition\:opacity_0s_ease-out\,scale_0\.05s_ease-out\,filter_0s_ease-out\]:hover{transition:opacity ease-out,scale 50ms ease-out,filter ease-out}}.sgds\:focus\:text-default:focus{color:var(--sgds-text-color-default)}.sgds\:focus-visible\:scale-125:focus-visible{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sgds\:focus-visible\:text-default:focus-visible{color:var(--sgds-text-color-default)}.sgds\:focus-visible\:opacity-100:focus-visible{opacity:var(--sgds-opacity-100)}.sgds\:focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.sgds\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.sgds\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.sgds\:focus-visible\:outline-offset-\[var\(--sgds-outline-offset-focus\)\]:focus-visible{outline-offset:var(--sgds-outline-offset-focus)}.sgds\:focus-visible\:outline-\[var\(--sgds-outline-focus\)\]:focus-visible{outline-color:var(--sgds-outline-focus)}.sgds\:focus-visible\:contrast-100:focus-visible{--tw-contrast:contrast(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sgds\:focus-visible\:grayscale-0:focus-visible{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}sgds-tab-group[variant=underlined]{width:100%;display:block;overflow:hidden}sgds-tab-group[variant=underlined]>sgds-tab[slot=nav]:last-of-type{position:relative}sgds-tab-group[variant=underlined]>sgds-tab[slot=nav]:last-of-type:after{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);content:"";pointer-events:none;bottom:0;inline-size:100vw;position:absolute;inset-inline-start:100%}.vp-doc p{color:var(--sgds-body-color-default);margin-top:0;margin-bottom:var(--sgds-text-gap-md)}.vp-doc p:last-child{margin-bottom:0}.vp-doc ul,.vp-doc ol{margin-top:0;margin-bottom:var(--sgds-text-gap-md);padding-left:var(--sgds-component-padding-xs)}.vp-doc li{color:var(--sgds-body-color-default);margin-bottom:var(--sgds-text-gap-xs);line-height:var(--sgds-line-height-24)}.vp-doc li:last-child{margin-bottom:0}.vp-doc strong{color:var(--sgds-heading-color-default);font-weight:var(--sgds-font-weight-semibold)}.vp-doc blockquote{border-left:3px solid var(--sgds-border-color-muted);padding:var(--sgds-text-gap-xs) var(--sgds-component-padding-sm);margin:var(--sgds-text-gap-md) 0;color:var(--sgds-body-color-subtle);background:var(--sgds-surface-raised);border-radius:0 var(--sgds-border-radius-sm) var(--sgds-border-radius-sm) 0}.vp-doc blockquote p{margin-bottom:0}.vp-doc code:not(pre code){background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);color:var(--sgds-body-color-default);padding:1px 6px;font-size:.875em}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.instruction-step-content sgds-copy-button{width:100%}.instruction-step-content p{color:var(--sgds-body-color-subtle);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);margin:0}h2,h3,h4,p,ul,li{margin:0}.skills-list{margin:var(--sgds-text-gap-md) 0;padding-left:var(--sgds-padding-lg)}.skills-list li+li{margin-top:var(--sgds-text-gap-xs)}h2+p,h3+p,h4+p{margin-top:var(--sgds-text-gap-sm)}.skills-intro{margin-bottom:var(--sgds-text-gap-lg)}h3,h4,p{margin:0}.body-copy{color:var(--sgds-body-color-subtle)}.intro-followup{margin-top:var(--sgds-text-gap-xs)}.context-copy{margin-bottom:var(--sgds-text-gap-xs)}.tools-copy{margin-top:var(--sgds-text-gap-sm)}.section-heading{margin-top:var(--sgds-layout-gap-lg)}h3+p,h4+p{margin-top:var(--sgds-text-gap-sm)}p+p{margin-top:var(--sgds-text-gap-sm)}.section-block{margin-top:var(--sgds-text-gap-sm)}.flow-long-arrow{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis);display:block;flex:1 1 auto;height:0;position:relative;width:100%}.flow-long-arrow:after{border-bottom:4px solid transparent;border-left:6px solid var(--sgds-border-color-emphasis);border-top:4px solid transparent;content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%)}.flow-long-arrow-reverse{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis);display:block;flex:1 1 auto;height:0;position:relative;width:100%}.flow-long-arrow-reverse:before{border-bottom:4px solid transparent;border-right:6px solid var(--sgds-border-color-emphasis);border-top:4px solid transparent;content:"";left:-1px;position:absolute;top:50%;transform:translateY(-50%)}.flow-node-box>span{color:var(--sgds-color-fixed-dark, #161616)}h2,p,ul,li{margin:0}h2{margin-top:var(--sgds-layout-gap-lg)}h2:first-of-type{margin-top:0}h2+p{margin-top:var(--sgds-text-gap-sm)}p+p,p+ul,ul+p,p+.example-prompts,p+copy-command,p+skills-table,p+ai-workflow-paths,.example-prompts+p{margin-top:var(--sgds-text-gap-sm)}.example-prompts{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm);margin:var(--sgds-text-gap-md) 0}.example-prompt{background-color:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:8px;padding:var(--sgds-component-padding-xs) var(--sgds-component-padding-sm);color:var(--sgds-body-color-default);font-size:var(--sgds-font-size-2)}h2,h3,p,ul,li{margin:0}h2,h3{margin-top:var(--sgds-layout-gap-lg)}h3:first-of-type{margin-top:0}h2+p,h3+p,h2+.ai-role-card,h2+.ai-compare-grid,h2+.ai-example-block,h3+.ai-role-card{margin-top:var(--sgds-text-gap-sm)}p+p,p+ul,ul+p{margin-top:var(--sgds-text-gap-sm)}.ai-role-card,.ai-compare-card,.ai-example-block{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);padding:var(--sgds-component-padding-lg)}.ai-role-card{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm)}.ai-role-title,.ai-example-label,.ai-compare-title{color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-heading-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-sm);margin:0}.ai-list{color:var(--sgds-body-color-subtle);display:flex;flex-direction:column;gap:var(--sgds-text-gap-xs);margin:0;padding-left:var(--sgds-padding-lg)}.ai-example-copy{color:var(--sgds-body-color-subtle);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);margin:0}p,li{color:var(--sgds-body-color-subtle)}.ai-compare-grid{display:grid;gap:var(--sgds-gap-2-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.ai-compare-card{min-height:var(--sgds-dimension-200)}.ai-compare-card--accent{background:var(--sgds-primary-surface-translucent)}.ai-example-block :global(pre){background:transparent;border:none;margin:0;padding:0}.ai-example-block :global(code){color:var(--sgds-body-color-default)}@media(max-width:768px){.ai-compare-grid{grid-template-columns:1fr}}.typography-page-template{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg);width:100%}.typography-page-template__section{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm);width:100%}.typography-page-template__section--spaced{gap:var(--sgds-layout-gap-md)}.typography-page-template__body{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-xl);width:100%}.typography-page-template__body--prose{gap:var(--sgds-layout-gap-md)}.typography-page-template__content-block{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm)}.typography-page-template__copy-block{display:flex;flex-direction:column;gap:var(--sgds-text-gap-xs)}.typography-page-template__split-row{box-sizing:border-box;display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:minmax(0,3fr) minmax(0,6fr);width:100%}.typography-page-template__copy-pane,.typography-page-template__demo-pane{min-width:0}.typography-page-template__demo-pane{display:flex}.typography-page-template__demo-pane>*{flex:1}.typography-page-template__copy-pane{display:flex;flex-direction:column;gap:var(--sgds-text-gap-md)}.typography-page-template--stacked .typography-page-template__split-row{gap:var(--sgds-layout-gap-xs);grid-template-columns:minmax(0,1fr)}.typography-page-template--stacked .typography-page-template__demo-pane{inline-size:100%}.typography-page-template--stacked .typography-page-template__card{min-block-size:22rem}.typography-page-template__card{background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-sizing:border-box;min-block-size:18rem;overflow:hidden;width:100%}.typography-page-template__section h2,.typography-page-template__section h3,.typography-page-template__section h4,.typography-page-template__section p,.typography-page-template__section ol,.typography-page-template__section li,.typography-page-template__copy-pane h2,.typography-page-template__copy-pane h3,.typography-page-template__copy-pane h4,.typography-page-template__copy-pane h5,.typography-page-template__copy-pane p{margin:0}.typography-page-template__section p,.typography-page-template__section ol,.typography-page-template__section li{color:var(--sgds-body-color-default)}.typography-page-template__utility-table{inline-size:100%}.typography-page-template__utility-table sgds-table-row{height:auto}.typography-page-template__utility-table sgds-table-head,.typography-page-template__utility-table sgds-table-cell{block-size:auto;box-sizing:border-box;max-inline-size:22rem;overflow-wrap:anywhere;white-space:normal;word-break:normal}.typography-page-template__utility-table sgds-table-cell{height:auto;vertical-align:top}.typography-page-template__utility-table code{max-inline-size:none;white-space:nowrap}.typography-page-template__table-token-column,.typography-page-template__table-utility-column{box-sizing:border-box;width:30%;min-width:10rem}.typography-page-template__table-metric-column{box-sizing:border-box;inline-size:max-content;max-inline-size:5.5rem;min-inline-size:3.75rem}.typography-page-template__table-preview-column{box-sizing:border-box;width:22%;min-width:10rem}.typography-page-template__table-value-column{box-sizing:border-box;inline-size:max-content;max-inline-size:8rem;min-inline-size:5rem}.typography-page-template__table-style-column{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(14rem,22vw,18rem);min-inline-size:14rem}.typography-page-template__table-usage-column{box-sizing:border-box;inline-size:auto;min-inline-size:14rem}.typography-page-template__utility-copy{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:var(--sgds-gap-2-xs);min-width:0}.typography-page-template__utility-copy code{flex:1;min-width:0}.typography-page-template__utility-copy-button{background:transparent;border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;flex-shrink:0;padding:var(--sgds-spacer-1)}.typography-page-template__utility-copy-button:hover{background:var(--sgds-bg-translucent-subtle)}@media(max-width:1023px){.typography-page-template__split-row{grid-template-columns:minmax(0,1fr)}.typography-page-template__table-token-column,.typography-page-template__table-utility-column,.typography-page-template__table-metric-column,.typography-page-template__table-preview-column,.typography-page-template__table-style-column,.typography-page-template__table-value-column,.typography-page-template__table-usage-column{inline-size:auto;max-inline-size:none;min-inline-size:0}}.border-token-table-name-col{box-sizing:border-box;inline-size:max-content;max-inline-size:18rem;min-inline-size:14rem}.border-token-table-value-col{box-sizing:border-box;inline-size:max-content;max-inline-size:10rem;min-inline-size:8rem}.border-token-table-example-col{box-sizing:border-box;inline-size:max-content;max-inline-size:12rem;min-inline-size:10rem}.border-token-preview-cell{min-block-size:var(--sgds-dimension-64)}.border-token-width-preview{background:#0000000d;border-color:var(--sgds-border-color-default);border-style:solid;block-size:4rem;box-sizing:border-box;inline-size:8rem}.border-token-radius-preview{background:#222;block-size:4rem;box-sizing:border-box;inline-size:8rem}.border-token-default-row{background:var(--sgds-primary-surface-muted)}.border-utilities-radius-table .typography-page-template__table-preview-column{min-width:6rem}.our-colours-brand-card{transform-origin:center;transition:transform .26s cubic-bezier(.2,.9,.22,1.35)}.our-colours-brand-card:hover{transform:translateY(-.5rem) scale(1.01)}.sgds-night-theme .our-colours-brand-card-fixed-light{border:1px solid var(--sgds-border-color-muted)}.our-colours-extended-swatch{animation:extendedSwatchReveal .56s ease-out both;animation-delay:calc(var(--swatch-index, 0) * 60ms);transform-origin:center;transition:transform .26s cubic-bezier(.2,.9,.22,1.35)}.our-colours-extended-swatch:hover{transform:translateY(-.375rem) scale(1.04)}.our-colours-palette-swatch{transform-origin:center;transition:transform .26s cubic-bezier(.2,.9,.22,1.35)}.our-colours-palette-swatch:hover{transform:translateY(-.375rem) scale(1.04)}@media(prefers-reduced-motion:reduce){.our-colours-brand-card{transition:none}.our-colours-brand-card:hover{transform:none}.our-colours-extended-swatch{animation:none;transition:none}.our-colours-extended-swatch:hover{transform:none}.our-colours-palette-swatch{transition:none}.our-colours-palette-swatch:hover{transform:none}}@keyframes extendedSwatchReveal{0%{opacity:0}to{opacity:1}}@keyframes swatchReveal{0%{opacity:0;transform:translateY(.875rem) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}._page_1dbw3_2{width:100%}._sectionStack_1dbw3_6{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-xl)}._pageSection_1dbw3_12{display:flex;flex-direction:column}._card_1dbw3_17{background:var(--sgds-bg-color-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);overflow:hidden;padding:var(--sgds-padding-3-xl)}._backgroundCard_1dbw3_25{background:var(--sgds-bg-color-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);min-height:25rem;overflow:hidden;position:relative}._backgroundHalf_1dbw3_34{display:grid;grid-template-rows:1fr 1fr;height:100%;min-height:25rem}._backgroundStage_1dbw3_41{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sgds-gap-sm);inset:0;justify-content:center;padding-inline:clamp(1rem,4vw,3rem);position:absolute}._backgroundTop_1dbw3_53{background:#fff;min-height:0;width:100%}._backgroundBottom_1dbw3_59{background:#0e0e0e;min-height:0;width:100%}._backgroundCaptionRail_1dbw3_65,._backgroundSwatchRail_1dbw3_66{align-items:center;box-sizing:border-box;display:grid;gap:var(--sgds-gap-xs);grid-template-columns:repeat(12,minmax(0,1fr));max-width:61rem;width:min(100%,61rem)}._backgroundCaptionSlot_1dbw3_76,._backgroundSwatchSlot_1dbw3_77{align-items:center;display:flex;flex:1 1 0;justify-content:center;min-width:0}._backgroundSwatch_1dbw3_66{align-items:center;aspect-ratio:1;border-radius:var(--sgds-border-radius-xl);display:flex;justify-content:center;min-width:0;width:100%}._backgroundSwatchBordered_1dbw3_95{border:1px solid var(--sgds-border-color-muted)}._backgroundSwatchDark_1dbw3_99{color:var(--sgds-color-fixed-light)}._backgroundSwatchLabel_1dbw3_103{color:var(--sgds-color-fixed-dark);font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-16);text-align:center}._backgroundSwatchDark_1dbw3_99 ._backgroundSwatchLabel_1dbw3_103,._backgroundCaptionDark_1dbw3_116{color:var(--sgds-color-fixed-light)}._backgroundCaptionFixedDark_1dbw3_120{color:var(--sgds-color-fixed-dark)}._backgroundCaption_1dbw3_65{align-items:center;display:flex;font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);justify-content:center;letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-16);text-align:center;white-space:pre-line;width:100%}._backgroundCaptionTop_1dbw3_137{color:var(--sgds-body-color-default);min-height:calc(var(--sgds-line-height-16) * 2)}._backgroundCaptionBottom_1dbw3_142{color:var(--sgds-color-fixed-light);min-height:calc(var(--sgds-line-height-16) * 2)}._backgroundCaptionHidden_1dbw3_147{visibility:hidden}._backgroundCaptionBottom_1dbw3_142._backgroundCaptionDark_1dbw3_116{color:var(--sgds-color-fixed-light)}._chartCard_1dbw3_155{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);overflow:hidden;padding-top:calc(var(--sgds-layout-padding-sm) + var(--sgds-padding-sm));padding-bottom:var(--sgds-layout-padding-sm);padding-inline:var(--sgds-component-padding-md)}._scaleFrame_1dbw3_165{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg);margin:0 auto;max-width:61rem;padding-block:var(--sgds-padding-4-xl);position:relative}._chartFrame_1dbw3_175{margin:0 auto;max-width:84.5rem;padding-block:var(--sgds-layout-gap-lg);width:100%}._lightnessChart_1dbw3_182{display:flex;gap:var(--sgds-gap-xs);margin:0 auto;max-width:36rem;width:100%}._lightnessYAxis_1dbw3_190{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-bottom:calc(var(--sgds-line-height-24) + var(--sgds-gap-xs));width:2rem}._lightnessLabel_1dbw3_200{color:var(--sgds-label-color-subtle);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);white-space:nowrap}._lightnessChartWrap_1dbw3_209{flex:1;min-width:0}._lightnessChartBox_1dbw3_214{aspect-ratio:624 / 252;background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);position:relative;width:100%}._lightnessChartHalf_1dbw3_222{border-bottom:1px solid var(--sgds-border-color-muted);height:50%;width:100%}._lightnessCurve_1dbw3_228{display:block;height:100%;left:0;position:absolute;top:0;width:100%}._lightnessXAxis_1dbw3_237{display:flex;justify-content:space-between;margin-top:var(--sgds-gap-xs)}._swatchRow_1dbw3_243{align-items:center;display:grid;gap:var(--sgds-gap-xs);grid-template-columns:repeat(12,minmax(0,1fr));position:relative;z-index:2}._swatch_1dbw3_243{align-items:center;aspect-ratio:1;border-radius:var(--sgds-border-radius-xl);display:flex;justify-content:center;min-width:0}._swatchBordered_1dbw3_261{border:1px solid var(--sgds-border-color-muted)}._swatchDark_1dbw3_265{color:var(--sgds-body-color-fixed-light)}._swatchLabel_1dbw3_269{color:inherit;font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-16);text-align:center}._connector_1dbw3_278{border-color:var(--sgds-border-color-muted);border-style:solid;border-width:1px 1px 0;border-top-left-radius:var(--sgds-border-radius-xl);border-top-right-radius:var(--sgds-border-radius-xl);height:clamp(1.5rem,4vw,4rem);pointer-events:none;position:absolute;z-index:1}._connectorBottom_1dbw3_290{border-radius:0 0 var(--sgds-border-radius-xl) var(--sgds-border-radius-xl);border-width:0 1px 1px}._connectorLabel_1dbw3_295{background:var(--sgds-surface-raised);color:var(--sgds-body-color-default);font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);left:50%;letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-16);padding-inline:var(--sgds-padding-xs);position:absolute;transform:translate(-50%);white-space:nowrap}._connectorTop_1dbw3_309 ._connectorLabel_1dbw3_295{top:-.5rem}._connectorBottom_1dbw3_290 ._connectorLabel_1dbw3_295{bottom:-.5rem}@media(max-width:1023px){._card_1dbw3_17{padding:var(--sgds-padding-2-xl)}._chartCard_1dbw3_155{padding-top:calc(var(--sgds-layout-padding-sm) + var(--sgds-padding-xs));padding-bottom:var(--sgds-layout-padding-sm);padding-inline:var(--sgds-component-padding-sm)}._backgroundSwatchRail_1dbw3_66{left:var(--sgds-component-padding-sm);right:var(--sgds-component-padding-sm)}}@media(max-width:767px){._card_1dbw3_17{border-radius:var(--sgds-border-radius-xl);padding:var(--sgds-padding-xl)}._scaleFrame_1dbw3_165{gap:var(--sgds-layout-gap-md);padding-block:var(--sgds-padding-3-xl)}._chartCard_1dbw3_155{border-radius:var(--sgds-border-radius-xl);padding-top:calc(var(--sgds-layout-padding-xs) + var(--sgds-padding-xs));padding-bottom:var(--sgds-layout-padding-xs);padding-inline:var(--sgds-component-padding-xs)}._swatch_1dbw3_243{border-radius:var(--sgds-border-radius-lg)}._backgroundCard_1dbw3_25{border-radius:var(--sgds-border-radius-xl);min-height:22rem}._backgroundHalf_1dbw3_34{min-height:22rem}._backgroundSwatch_1dbw3_66{border-radius:var(--sgds-border-radius-lg)}._backgroundStage_1dbw3_41{box-sizing:border-box;padding-inline:var(--sgds-component-padding-xs)}._backgroundSwatchLabel_1dbw3_103,._backgroundCaption_1dbw3_65{font-size:var(--sgds-font-size-label-xs);line-height:var(--sgds-line-height-16)}._backgroundCaptionTop_1dbw3_137,._backgroundCaptionBottom_1dbw3_142{min-height:calc(var(--sgds-line-height-16) * 2)}._connectorLabel_1dbw3_295{font-size:var(--sgds-font-size-label-2-xs);line-height:var(--sgds-line-height-16)}}._page_ujudj_2{width:100%}._sectionStack_ujudj_6{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg)}._pageSection_ujudj_12{display:flex;flex-direction:column}._demoCard_ujudj_17,._roleDemoCard_ujudj_18{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl)}._demoCard_ujudj_17{min-height:var(--sgds-dimension-480);overflow:hidden;padding:0 0 0 var(--sgds-component-padding-md);padding-top:var(--sgds-component-padding-md)}._demoCardInset_ujudj_31{padding:var(--sgds-component-padding-md)}._semanticDemo_ujudj_35,._modesDemo_ujudj_36{align-items:center;display:flex;height:100%;justify-content:center;position:relative}._semanticDemo_ujudj_35{gap:var(--sgds-gap-md)}._semanticAlert_ujudj_48{border-radius:var(--sgds-border-radius-lg);height:9rem;width:min(100%,10rem)}._semanticSuccess_ujudj_54{background:var(--sgds-success-surface-muted);border:1px solid var(--sgds-success-border-color-default)}._semanticWarning_ujudj_59{background:var(--sgds-warning-surface-muted);border:1px solid var(--sgds-warning-border-color-default)}._semanticDanger_ujudj_64{background:var(--sgds-danger-surface-muted);border:1px solid var(--sgds-danger-border-color-default)}._rolesStack_ujudj_69{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg)}._roleRow_ujudj_75{display:grid;gap:var(--sgds-layout-gap-lg);grid-template-columns:minmax(0,1fr)}._roleCopy_ujudj_81{display:flex;flex-direction:column;gap:var(--sgds-text-gap-xs)}._roleTitle_ujudj_87{margin:0}._roleParagraphs_ujudj_91{display:flex;flex-direction:column;gap:var(--sgds-text-gap-md)}._roleText_ujudj_97{color:var(--sgds-body-color-subtle);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);margin:0}._roleLabel_ujudj_106{color:var(--sgds-body-color-default);font-weight:var(--sgds-font-weight-semibold)}._rolePreview_ujudj_111{min-width:0}._roleDemoCard_ujudj_18{overflow:hidden;padding:0 0 0 var(--sgds-component-padding-md);padding-top:var(--sgds-component-padding-md)}._roleCanvas_ujudj_121{height:100%;position:relative}._backgroundCanvas_ujudj_126{display:flex;justify-content:flex-end}._backgroundScene_ujudj_131{align-items:flex-end;display:flex;flex:1;flex-direction:column;justify-content:flex-end;overflow:hidden;width:100%}._backgroundImage_ujudj_141{display:block;height:auto;max-width:min(100%,38rem);width:auto}._backgroundImageDark_ujudj_148,.sgds-night-theme ._backgroundImageLight_ujudj_152{display:none}.sgds-night-theme ._backgroundImageDark_ujudj_148{display:block}._swatchDefault_ujudj_160{background:var(--sgds-bg-color-default)}._swatchAlternate_ujudj_164{background:var(--sgds-bg-color-alternate)}._swatchSurfaceDefault_ujudj_168{background:var(--sgds-surface-default)}._swatchSurfaceRaised_ujudj_172{background:var(--sgds-surface-raised)}._swatchTextDefault_ujudj_176{background:var(--sgds-body-color-default)}._swatchTextSubtle_ujudj_180{background:var(--sgds-body-color-subtle)}._modesDemo_ujudj_36 sgds-icon-button{position:absolute;right:0;top:0}._modeLabel_ujudj_190{color:var(--sgds-heading-color-default);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24)}@media(max-width:1023px){._roleRow_ujudj_75{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){._demoCard_ujudj_17,._roleDemoCard_ujudj_18{border-radius:var(--sgds-border-radius-xl)}._semanticDemo_ujudj_35{flex-direction:column}._semanticAlert_ujudj_48{width:100%}._rolePage_ujudj_218{max-width:none}._roleChip_ujudj_222{left:var(--sgds-gap-xs);transform:scale(.94);transform-origin:left center}._roleArrow_ujudj_228{display:none}}._page_1wmx5_2{width:100%}._sectionStack_1wmx5_6{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg)}._pageSection_1wmx5_12{display:flex;flex-direction:column}._practiceGrid_1wmx5_17{display:grid;gap:var(--sgds-layout-gap-lg) var(--sgds-gap-2-xl);grid-template-columns:repeat(2,minmax(0,1fr))}._practiceCard_1wmx5_23{display:flex;flex-direction:column;gap:var(--sgds-gap-md);min-width:0}._demoBox_1wmx5_30{align-items:center;background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);display:flex;justify-content:center;min-height:var(--sgds-dimension-320);padding:var(--sgds-component-padding-md)}._demoCanvas_1wmx5_41{align-items:center;display:flex;height:100%;justify-content:center;width:100%}._surfaceStack_1wmx5_49,._textPanel_1wmx5_50{display:flex;flex-direction:column;gap:var(--sgds-gap-sm);width:min(100%,16rem)}._surfaceHeader_1wmx5_57,._textHeading_1wmx5_58,._cueLabel_1wmx5_59,._cueBadge_1wmx5_60,._panelLine_1wmx5_61,._alertTitle_1wmx5_62,._alertLine_1wmx5_63{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-pill);display:block}._surfaceHeader_1wmx5_57,._textHeading_1wmx5_58{height:.875rem;width:48%}._surfaceBody_1wmx5_75{display:grid;gap:var(--sgds-gap-sm);grid-template-columns:repeat(2,minmax(0,1fr))}._surfaceCard_1wmx5_81{background:var(--sgds-bg-color-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);height:6rem}._surfaceCardAccent_1wmx5_88{background:var(--sgds-primary-surface-muted);border-color:var(--sgds-primary-border-color-default)}._panelBad_1wmx5_93{background:var(--sgds-primary-surface-default);border-radius:var(--sgds-border-radius-lg);min-height:100%}._panelLines_1wmx5_99{display:flex;flex-direction:column;gap:var(--sgds-gap-sm);width:min(100%,14rem)}._panelLine_1wmx5_61{background:var(--sgds-body-color-fixed-light);height:.75rem}._emphasisLayout_1wmx5_111{align-items:center;display:grid;gap:var(--sgds-gap-sm);grid-template-columns:auto 1fr;width:min(100%,14rem)}._emphasisTag_1wmx5_119{background:var(--sgds-accent-surface-muted);border-radius:var(--sgds-border-radius-pill);height:1rem;width:3rem}._emphasisLine_1wmx5_126{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-pill);height:.75rem;width:100%}._emphasisButton_1wmx5_133,._emphasisButtonStrong_1wmx5_134{border-radius:var(--sgds-border-radius-pill);grid-column:span 2;height:2rem}._emphasisButton_1wmx5_133{background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted)}._emphasisButtonStrong_1wmx5_134{background:var(--sgds-primary-color-default)}._hueGrid_1wmx5_149{display:grid;gap:var(--sgds-gap-sm);grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,14rem)}._hueTile_1wmx5_156{aspect-ratio:1;border-radius:var(--sgds-border-radius-lg)}._hueTile1_1wmx5_161{background:var(--sgds-primary-surface-default)}._hueTile2_1wmx5_162{background:var(--sgds-success-surface-default)}._hueTile3_1wmx5_163{background:var(--sgds-warning-surface-default)}._hueTile4_1wmx5_164{background:var(--sgds-danger-surface-default)}._hueTile5_1wmx5_165{background:var(--sgds-accent-surface-default)}._hueTile6_1wmx5_166{background:var(--sgds-primary-surface-muted)}._hueTile7_1wmx5_167{background:var(--sgds-success-surface-muted)}._hueTile8_1wmx5_168{background:var(--sgds-warning-surface-muted)}._textLine_1wmx5_170{background:var(--sgds-body-color-default);border-radius:var(--sgds-border-radius-pill);height:.75rem}._textLineAccent_1wmx5_176{background:var(--sgds-primary-color-default)}._cueRow_1wmx5_180{align-items:center;display:flex;gap:var(--sgds-gap-sm);width:min(100%,14rem)}._cueDot_1wmx5_187,._decorativeDot_1wmx5_188{background:var(--sgds-primary-color-default);border-radius:var(--sgds-border-radius-pill);display:block;flex-shrink:0;height:.875rem;width:.875rem}._cueLabel_1wmx5_59{background:var(--sgds-body-color-default);flex:1;height:.875rem}._cueBadge_1wmx5_60{background:var(--sgds-primary-surface-muted);width:3rem;height:1.25rem}._cueLabelOnly_1wmx5_209{background:var(--sgds-success-color-default)}._cueLabelOnlyMuted_1wmx5_213{background:var(--sgds-danger-color-default)}._semanticStack_1wmx5_217{display:flex;flex-direction:column;gap:var(--sgds-gap-sm);width:min(100%,12rem)}._semanticChip_1wmx5_224{border-radius:var(--sgds-border-radius-pill);height:2rem}._semanticSuccess_1wmx5_229{background:var(--sgds-success-surface-muted)}._semanticWarning_1wmx5_230{background:var(--sgds-warning-surface-muted)}._semanticDanger_1wmx5_231{background:var(--sgds-danger-surface-muted)}._alertCard_1wmx5_233{align-items:stretch;background:var(--sgds-success-surface-muted);border:1px solid var(--sgds-success-border-color-default);border-radius:var(--sgds-border-radius-lg);display:flex;overflow:hidden;width:min(100%,15rem)}._alertStripe_1wmx5_243{background:var(--sgds-success-color-default);width:.375rem}._alertContent_1wmx5_248{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-md)}._alertTitle_1wmx5_62{background:var(--sgds-body-color-default);height:.875rem;width:40%}._alertLine_1wmx5_63{background:var(--sgds-body-color-subtle);height:.75rem}._decorativeRow_1wmx5_267{display:flex;gap:var(--sgds-gap-md)}._decorativeDot1_1wmx5_272{background:var(--sgds-success-color-default)}._decorativeDot2_1wmx5_273{background:var(--sgds-warning-color-default)}._decorativeDot3_1wmx5_274{background:var(--sgds-danger-color-default)}._decorativeDot4_1wmx5_275{background:var(--sgds-accent-color-default)}._decorativeDot_1wmx5_188{height:2rem;width:2rem}._practiceDescription_1wmx5_282{align-items:flex-start;display:flex;gap:var(--sgds-gap-sm)}._doIcon_1wmx5_288{color:var(--sgds-success-color-default);flex-shrink:0}._dontIcon_1wmx5_293{color:var(--sgds-danger-color-default);flex-shrink:0}._practiceText_1wmx5_298{color:var(--sgds-body-color-subtle);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);margin:0}._resourcesCard_1wmx5_307{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);min-height:var(--sgds-dimension-320);padding:var(--sgds-component-padding-md)}._resourceList_1wmx5_315{display:flex;flex-direction:column;gap:var(--sgds-text-gap-xs);list-style:none;margin:0;padding:0}._resourceLink_1wmx5_324{color:var(--sgds-link-color-default);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-24);text-decoration:underline;text-underline-offset:.125rem}@media(max-width:1023px){._practiceGrid_1wmx5_17{gap:var(--sgds-layout-gap-md)}}@media(max-width:767px){._practiceGrid_1wmx5_17{grid-template-columns:minmax(0,1fr)}._demoBox_1wmx5_30{min-height:14rem}._resourcesCard_1wmx5_307{border-radius:var(--sgds-border-radius-xl)}}.colour-utilities-swatch-cell{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.colour-utilities-swatch{border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);display:inline-block;flex-shrink:0;height:20px;width:20px}.colour-utilities-preview-column{inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.cp-token-column{box-sizing:border-box;inline-size:max-content;max-inline-size:18rem;min-inline-size:13rem}.cp-hex-column{box-sizing:border-box;inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.cp-value-column{box-sizing:border-box;inline-size:max-content;max-inline-size:12rem;min-inline-size:8rem}.cp-contrast-column{box-sizing:border-box;inline-size:max-content;max-inline-size:6rem;min-inline-size:4rem}.cp-example-column{box-sizing:border-box;inline-size:max-content;max-inline-size:16rem;min-inline-size:10rem}.cp-segmented-control{background:var(--sgds-bg-default);position:relative;width:fit-content}.cp-segmented-control__pill{appearance:none;background:var(--sgds-bg-default);border:1px solid var(--sgds-border-color-muted);color:var(--sgds-body-color-default);cursor:pointer;font-family:var(--sgds-font-family-brand);font-weight:var(--sgds-font-weight-regular);min-inline-size:6.75rem;position:relative;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.cp-segmented-control__pill:first-child{border-radius:var(--sgds-border-radius-md) 0 0 var(--sgds-border-radius-md)}.cp-segmented-control__pill:last-child{border-left:0;border-radius:0 var(--sgds-border-radius-md) var(--sgds-border-radius-md) 0}.cp-segmented-control__pill--active{background:var(--sgds-product-primary-100);border-color:var(--sgds-product-primary-600);color:var(--sgds-product-primary-600);font-weight:var(--sgds-font-weight-semibold);z-index:1}.cp-segmented-control__pill--active+.cp-segmented-control__pill{border-left-color:transparent}.cp-segmented-control__pill:last-child.cp-segmented-control__pill--active{border-left:1px solid var(--sgds-product-primary-600);margin-left:-1px}.cp-segmented-control__pill:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);position:relative;z-index:1}.cp-source-panel__control--custom{max-inline-size:24rem;position:relative}.cp-custom-picker-field{width:100%}.cp-custom-picker{background:var(--sgds-bg-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-shadow:0 12px 32px #0000001f,0 4px 12px #00000014;inset-block-start:calc(100% + var(--sgds-gap-xs));inset-inline-start:0;padding:var(--sgds-component-padding-sm);position:absolute;width:min(100%,22rem);z-index:3}.sgds-night-theme .cp-custom-picker{box-shadow:0 12px 32px #0000006b,0 4px 12px #0000003d}.cp-custom-picker__swatch{block-size:var(--sgds-dimension-32);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);inline-size:var(--sgds-dimension-32)}.cp-custom-picker__swatch--large{block-size:3.5rem;border-radius:var(--sgds-border-radius-lg);inline-size:3.5rem;margin-block-start:auto}.cp-custom-picker__canvas{--cp-picker-hue: 260deg;background:linear-gradient(to top,#000000,transparent),linear-gradient(to right,#fff,hsl(var(--cp-picker-hue) 100% 50%));border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-sizing:border-box;cursor:crosshair;min-block-size:14rem;position:relative;width:100%}.cp-custom-picker__canvas-thumb{background:transparent;block-size:1.5rem;border:3px solid var(--sgds-color-fixed-light);border-radius:50%;box-shadow:0 0 0 1px #00000038;inline-size:1.5rem;position:absolute;transform:translate(-50%,-50%)}.cp-custom-picker__hue-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:var(--sgds-border-radius-pill);block-size:1.25rem;inline-size:100%;margin:0}.cp-custom-picker__hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--sgds-color-fixed-light);block-size:1.5rem;border:3px solid var(--sgds-product-primary-400);border-radius:50%;box-shadow:0 0 0 1px #0000002e;inline-size:1.5rem}.cp-custom-picker__hue-slider::-moz-range-thumb{background:var(--sgds-color-fixed-light);block-size:1.5rem;border:3px solid var(--sgds-product-primary-400);border-radius:50%;box-shadow:0 0 0 1px #0000002e;inline-size:1.5rem}.cp-custom-hint{color:var(--sgds-body-color-muted);margin:0}.cp-swatch,.cp-contrast-sample{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);box-sizing:border-box;flex:none}.cp-swatch{block-size:var(--sgds-dimension-40);inline-size:var(--sgds-dimension-80)}.cp-example-ag{font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-22);font-weight:var(--sgds-font-weight-semibold);line-height:1}.cp-contrast-sample{align-items:center;appearance:none;cursor:pointer;display:inline-flex;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-16);font-weight:var(--sgds-font-weight-semibold);justify-content:center;line-height:var(--sgds-line-height-24);block-size:var(--sgds-dimension-40);inline-size:var(--sgds-dimension-40);padding:var(--sgds-padding-none)}.cp-contrast-sample:hover,.cp-contrast-sample:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.cp-contrast-bg-dark{background:var(--sgds-gray-1100)}.cp-contrast-bg-light{background:var(--sgds-bg-default)}@media(max-width:1023px){.cp-token-column,.cp-hex-column,.cp-value-column,.cp-contrast-column,.cp-example-column{inline-size:auto;min-inline-size:0}.cp-segmented-control{inline-size:100%}.cp-segmented-control__pill{flex:1 1 0;min-inline-size:0}.cp-custom-picker{width:100%}}.sc-token-column{box-sizing:border-box;inline-size:max-content;max-inline-size:14rem;min-inline-size:11rem}.sc-mode-column{box-sizing:border-box;inline-size:max-content;max-inline-size:11rem;min-inline-size:7rem}.sc-swatch{block-size:24px;border-radius:var(--sgds-border-radius-sm);box-sizing:border-box;flex:none;inline-size:24px}.sc-swatch--border{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.sc-swatch--transparent{background-color:#e8e8e8;background-image:linear-gradient(45deg,#c0c0c0 25%,transparent 25%),linear-gradient(-45deg,#c0c0c0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c0c0c0 75%),linear-gradient(-45deg,transparent 75%,#c0c0c0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.sc-desc-column{inline-size:max-content;max-inline-size:24rem;min-inline-size:16rem;width:auto}.sc-form-table .sc-token-column{max-inline-size:18rem;min-inline-size:14rem}.sc-form-table .sc-mode-column{max-inline-size:9rem;min-inline-size:6rem}@media(max-width:1023px){.sc-token-column,.sc-desc-column,.sc-mode-column{inline-size:auto;max-inline-size:none;min-inline-size:0;width:auto}}.ep-demo-card{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.ep-surface-row{align-items:center;display:flex;gap:var(--sgds-component-gap-md);padding:var(--sgds-component-padding-md)}.ep-shadow-tile{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-xl);flex-shrink:0;height:5rem;width:5rem}.ep-edge-row{align-items:center;display:flex;gap:var(--sgds-component-gap-md);padding:var(--sgds-component-padding-md)}.ep-edge-tile{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-xl);flex-shrink:0;height:5rem;width:5rem}.ep-opacities-scene{position:relative}.ep-opacity-content-card{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-lg);height:40%;left:30%;position:absolute;top:30%;width:40%;z-index:1}.ep-overlay-scrim{background:var(--sgds-bg-overlay, rgba(14, 14, 14, .5));inset:0;position:absolute;z-index:2}.ep-opacity-modal-card{background:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-lg);height:20%;left:35%;position:absolute;top:40%;width:30%;z-index:3}@media(max-width:767px){.ep-demo-card{border-radius:var(--sgds-border-radius-xl)}.ep-shadow-tile{height:3.5rem;width:3.5rem}}.elevation-utilities-preview-column--surface{inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.elevation-utility-table{inline-size:max-content;max-inline-size:100%;width:auto}.elevation-utility-table sgds-table-head,.elevation-utility-table sgds-table-cell{box-sizing:border-box;max-inline-size:22rem;overflow-wrap:anywhere;white-space:normal}.elevation-utility-table sgds-table-cell{height:auto;vertical-align:top}.ev-name-col{box-sizing:border-box;inline-size:max-content;max-inline-size:6rem;min-inline-size:5rem}.ev-token-col{box-sizing:border-box;width:30%;min-width:10rem}.ev-preview-col{box-sizing:border-box;width:10%;min-width:5rem}.ev-desc-col,.ev-usage-col{box-sizing:border-box;inline-size:auto;min-width:10rem}.elevation-surface-1{box-shadow:var(--sgds-elevation-surface-1)}.elevation-surface-2{box-shadow:var(--sgds-elevation-surface-2)}.elevation-surface-3{box-shadow:var(--sgds-elevation-surface-3)}.elevation-surface-4{box-shadow:var(--sgds-elevation-surface-4)}.elevation-surface-5{box-shadow:var(--sgds-elevation-surface-5)}.elevation-edge-top{box-shadow:var(--sgds-elevation-edge-top)}.elevation-edge-bottom{box-shadow:var(--sgds-elevation-edge-bottom)}.ev-shadow-swatch{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);height:3rem;width:5rem}.ev-edge-preview-wrap{align-items:center;display:flex}.ev-edge-shadow-box{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);height:3rem;width:5rem}@media(max-width:1023px){.ev-name-col,.ev-token-col,.ev-preview-col,.ev-desc-col,.ev-usage-col{inline-size:auto;max-inline-size:none;min-inline-size:0}}.ts-token-tab-group{--sgds-gap-xl: 0}.typography-page-template__body{--icon-char-danger-line: var(--sgds-danger-color-default);--icon-char-danger-border: color-mix(in srgb, var(--sgds-danger-color-default) 40%, transparent);--icon-char-danger-fill-soft: color-mix(in srgb, var(--sgds-danger-color-default) 15%, transparent);--icon-char-danger-fill-mid: color-mix(in srgb, var(--sgds-danger-color-default) 20%, transparent);--icon-char-danger-fill-strong: color-mix(in srgb, var(--sgds-danger-color-default) 50%, transparent)}.icon-char-demo-card{align-items:center;display:flex;justify-content:center;min-height:15rem;padding:var(--sgds-component-padding-md)}.icon-char-variants{align-items:center;display:flex;gap:var(--sgds-gap-xl);justify-content:center}.icon-char-sizes{align-items:flex-end;display:flex;gap:var(--sgds-gap-lg);justify-content:center}.icon-char-list{list-style:disc;margin:0;padding-left:1.25rem}.icon-char-copy-list{display:flex;flex-direction:column;gap:var(--sgds-text-gap-xs)}.icon-char-diagram-layout{align-items:flex-start;display:flex;gap:var(--sgds-gap-3-xl);justify-content:center}.icon-char-scale-group{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.icon-char-scale-label{color:var(--sgds-body-color-subtle);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);white-space:nowrap}.icon-char-annotated{display:grid;grid-template-areas:"box  vdim" "hdim gap";grid-template-columns:auto 2.5rem;grid-template-rows:auto 1.75rem}.icon-char-annotated>:first-child{grid-area:box}.icon-char-vdim{grid-area:vdim;padding-left:6px}.icon-char-hdim{grid-area:hdim;padding-top:6px}.icon-char-box-1x{border:1px solid var(--sgds-border-color-emphasis);border-radius:1px;height:24px;position:relative;width:24px}.icon-char-grid-10x{background-color:var(--sgds-surface-default);background-image:linear-gradient(to right,var(--sgds-border-color-muted) 1px,transparent 1px),linear-gradient(to bottom,var(--sgds-border-color-muted) 1px,transparent 1px);background-size:10px 10px;border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);height:240px;position:relative;width:240px}.icon-char-box-pad{box-shadow:inset 0 0 0 2px var(--icon-char-danger-fill-strong)}.icon-char-grid-pad:before{border:20px solid var(--icon-char-danger-fill-mid);content:"";inset:0;pointer-events:none;position:absolute}.icon-char-box-live:before{background:var(--icon-char-danger-fill-soft);content:"";inset:2px;pointer-events:none;position:absolute}.icon-char-grid-live:before{background:var(--icon-char-danger-fill-soft);content:"";inset:20px;pointer-events:none;position:absolute}.icon-char-vdim-line{border-bottom:1px solid var(--icon-char-danger-line);border-left:1px solid var(--icon-char-danger-line);border-top:1px solid var(--icon-char-danger-line);height:100%;position:relative;width:4px}.icon-char-hdim-line{border-bottom:1px solid var(--icon-char-danger-line);border-left:1px solid var(--icon-char-danger-line);border-right:1px solid var(--icon-char-danger-line);height:4px;position:relative;width:100%}.icon-char-dim-label{color:var(--icon-char-danger-line);font-family:var(--sgds-font-family-brand);font-size:10px;font-weight:var(--sgds-font-weight-regular);line-height:1;position:absolute;white-space:nowrap}.icon-char-vdim-line .icon-char-dim-label{left:8px;top:50%;transform:translateY(-50%)}.icon-char-hdim-line .icon-char-dim-label{left:50%;top:6px;transform:translate(-50%)}.icon-char-keyline-demo{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}.icon-char-keyline-large{background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);height:160px;position:relative;width:160px}.icon-char-kl{border:1px solid var(--sgds-border-color-emphasis);display:block}.icon-char-keyline-large>.icon-char-kl{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-char-kl-sq{height:100px;width:100px}.icon-char-kl-rsq{border-radius:10px;height:96px;width:96px}.icon-char-kl-hr{border-radius:4px;height:68px;width:100px}.icon-char-kl-vr{border-radius:4px;height:100px;width:68px}.icon-char-kl-ci{border-radius:50%;height:88px;width:88px}.icon-char-kl-active{background:var(--icon-char-danger-fill-soft);border-color:var(--icon-char-danger-line)}.icon-char-keyline-thumbs{display:flex;gap:var(--sgds-gap-sm)}.icon-char-kl-thumb{align-items:center;background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);display:flex;height:64px;justify-content:center;width:64px}.icon-char-kl-thumb .icon-char-kl-sq{height:36px;width:36px}.icon-char-kl-thumb .icon-char-kl-hr{height:24px;width:36px}.icon-char-kl-thumb .icon-char-kl-vr{height:36px;width:24px}.icon-char-kl-thumb .icon-char-kl-ci{height:32px;width:32px}.icon-char-radius-row{align-items:flex-end;display:flex;gap:var(--sgds-gap-lg);justify-content:center}.icon-char-radius-item{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.icon-char-radius-label{color:var(--sgds-body-color-subtle);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);white-space:nowrap}.icon-char-radius-box{background:var(--sgds-surface-default);border:1.5px solid var(--sgds-border-color-emphasis);height:64px;width:64px}.icon-char-radius-1{border-radius:1px}.icon-char-radius-2{border-radius:2px}.icon-char-radius-4{border-radius:4px}.icon-char-radius-6{border-radius:6px}.icon-char-radius-8{border-radius:8px}.icon-char-icon-grid{align-items:center;display:flex;justify-content:center}.icon-char-annotated-grid{position:relative}.icon-char-grid-annotation{align-items:center;display:flex;gap:var(--sgds-gap-xs);position:absolute;right:-5.5rem;top:50%;transform:translateY(-50%)}.icon-char-annotation-h-line{background:var(--icon-char-danger-line);flex-shrink:0;height:1px;width:16px}.icon-char-anno-label{color:var(--icon-char-danger-line);font-family:var(--sgds-font-family-brand);font-size:10px;font-weight:var(--sgds-font-weight-regular);line-height:1;white-space:nowrap}.icon-char-complex-demo{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-lg)}.icon-char-complex-compare{display:flex;gap:var(--sgds-gap-2-xl)}.icon-char-complex-item{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.icon-char-compare-label{color:var(--sgds-body-color-subtle);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-sm);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs)}.icon-char-container-wrapper{display:flex;justify-content:center}.icon-char-cd-bg{border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);flex-shrink:0;height:200px;position:relative;width:200px}.icon-char-cd-safe{border:1.5px dashed var(--icon-char-danger-line);border-radius:50%;height:160px;left:20px;position:absolute;top:20px;width:160px}.icon-char-cd-icon-area{background:var(--icon-char-danger-fill-soft);border:1px solid var(--icon-char-danger-border);height:120px;left:40px;position:absolute;top:40px;width:120px}.icon-char-cd-labels{display:flex;flex-direction:column;gap:var(--sgds-gap-md);justify-content:center;left:calc(100% + var(--sgds-gap-xl));position:absolute;top:0;bottom:0}.icon-char-cd-lbl{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.icon-char-pairing-demo{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.icon-char-pairing-text{background:var(--icon-char-danger-fill-soft);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-xs);padding:2px 4px}@media(max-width:1023px){.icon-char-demo-card{min-height:auto;padding:var(--sgds-component-padding-sm)}.icon-char-diagram-layout{flex-wrap:wrap;gap:var(--sgds-gap-2-xl);justify-content:flex-start}.icon-char-diagram-layout--focused{display:flex}.icon-char-grid-10x{height:160px;width:160px}.icon-char-grid-pad:before{border-width:13px}.icon-char-grid-live:before{inset:13px}}@media(max-width:767px){.icon-char-sizes,.icon-char-keyline-thumbs,.icon-char-radius-row{flex-wrap:wrap;justify-content:center}.icon-char-annotated-grid{margin-right:4rem}.icon-char-container-wrapper{flex-wrap:wrap}}.il-search-wrap{flex:1 1 20rem;max-inline-size:28rem}.il-status{color:var(--sgds-body-color-muted);white-space:nowrap}.il-empty{color:var(--sgds-body-color-muted)}.il-category-count{color:var(--sgds-body-color-muted);font-variant-numeric:tabular-nums}.il-icon-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.il-tile{appearance:none;border:var(--sgds-border-width-1) solid transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.il-tile:hover,.il-tile--copied{background:var(--sgds-primary-surface-muted);border-color:var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.il-tile:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.il-tile-name{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.il-tile-badge{inset-block-start:var(--sgds-spacer-2);inset-inline-end:var(--sgds-spacer-2);opacity:0;position:absolute;transition:opacity .12s ease}.il-tile:hover .il-tile-badge,.il-tile:focus-visible .il-tile-badge{opacity:1}.il-tile--copied .il-tile-badge{color:var(--sgds-success-color-default);opacity:1}@media(prefers-reduced-motion:reduce){.il-tile,.il-tile-badge{transition:none}}.il-code-block{background:var(--sgds-surface-raised-color);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);overflow-x:auto;padding:var(--sgds-spacer-3) var(--sgds-spacer-4)}.il-api-col--name{inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.il-api-col--type{inline-size:max-content;max-inline-size:18rem;min-inline-size:12rem}.il-api-col--default{inline-size:max-content;max-inline-size:7rem;min-inline-size:5rem}.il-api-col--desc{inline-size:max-content;max-inline-size:24rem;min-inline-size:14rem}@media(max-width:639px){.il-search-wrap{max-inline-size:none}.il-icon-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}.icon-token-table-col{box-sizing:border-box;inline-size:max-content;max-inline-size:16rem;min-inline-size:7rem}.icon-token-preview-cell{min-block-size:var(--sgds-dimension-64)}.icon-token-icon-preview{border:var(--sgds-border-width-1) dashed var(--sgds-border-color-emphasis);border-radius:var(--sgds-border-radius-circle);box-sizing:border-box;display:inline-block;flex:none}.icon-token-default-row{background:var(--sgds-primary-surface-muted)}.coming-soon-char{animation:coming-soon-bounce 1.2s ease-in-out infinite}@keyframes coming-soon-bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.33,0,.66,0)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(.33,1,.66,1)}}.portal-toast-enter-active,.portal-toast-leave-active{transition:opacity .25s ease,transform .25s ease}.portal-toast-enter-from,.portal-toast-leave-to{opacity:0;transform:translate(-50%) translateY(6px)}.portal-toast-enter-to,.portal-toast-leave-from{opacity:1;transform:translate(-50%) translateY(0)}.portal-toast-element{bottom:calc(100% + 8px)}._tokenColumn_12lr5_2{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(12rem,22vw,16rem);min-inline-size:12rem}._valueColumn_12lr5_9{box-sizing:border-box;inline-size:max-content;max-inline-size:11rem;min-inline-size:7.5rem}._numericColumn_12lr5_16{box-sizing:border-box;inline-size:max-content;max-inline-size:6rem;min-inline-size:4.5rem}@media(max-width:1023px){._tokenColumn_12lr5_2,._valueColumn_12lr5_9,._numericColumn_12lr5_16{inline-size:auto;max-inline-size:none;min-inline-size:0}}.typography-page-template.rg-page{gap:var(--sgds-layout-gap-xl)}.rg-name-col{box-sizing:border-box;inline-size:max-content;max-inline-size:14rem;min-inline-size:11rem}.rg-value-col{box-sizing:border-box;inline-size:max-content;max-inline-size:11rem;min-inline-size:8rem}.rg-construction-list{color:var(--sgds-body-color-default);display:flex;flex-direction:column;gap:var(--sgds-text-gap-2-xs);margin:0;padding-inline-start:var(--sgds-spacer-6)}.rg-construction-list li{font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.rg-grid-demo{background:var(--sgds-bg-translucent-subtle);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sgds-component-gap-sm);justify-content:center;min-block-size:16rem;overflow:hidden;padding:var(--sgds-component-padding-md)}.rg-grid-frame{background:var(--sgds-bg-default);border:var(--sgds-border-width-8) solid var(--sgds-border-color-translucent);border-radius:var(--sgds-border-radius-lg);box-sizing:border-box;display:flex;gap:var(--sgds-component-gap-sm);margin-inline:auto;max-inline-size:100%;min-block-size:9rem;padding:var(--sgds-spacer-4);width:min(100%,42rem)}.rg-grid-columns{display:grid;flex:1;gap:var(--grid-gutter);grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));min-width:0}.rg-grid-column{background:var(--sgds-danger-surface-muted);border-radius:var(--sgds-border-radius-xs);min-block-size:8rem;opacity:.65}.rg-sidebar-block{background:var(--sgds-color-fixed-dark);border-radius:var(--sgds-border-radius-md) 0 0 var(--sgds-border-radius-md);flex:0 0 clamp(3rem,18%,6rem);min-block-size:8rem}.rg-demo-label{color:var(--sgds-body-color-muted);font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs);text-align:center}@media(max-width:1023px){.rg-name-col,.rg-value-col{inline-size:auto;min-inline-size:0}.rg-grid-demo{min-block-size:13rem;padding:var(--sgds-component-padding-sm)}.rg-grid-frame{padding:var(--sgds-spacer-3)}.rg-grid-columns{gap:var(--sgds-spacer-2)}}.spacing-page__body[data-v-8e982e5a]{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg);width:100%}.spacing-page__demo-card[data-v-8e982e5a]{padding:var(--sgds-component-padding-md)}.spacing-page__base-card[data-v-8e982e5a],.spacing-page__progression-card[data-v-8e982e5a]{align-items:center;display:flex;justify-content:center}.spacing-page__chart[data-v-8e982e5a]{box-sizing:border-box;inline-size:fit-content;min-width:0;overflow-x:auto;padding-block-start:var(--sgds-component-padding-sm);position:relative}.spacing-page__chart-line[data-v-8e982e5a]{inset-block-start:var(--sgds-component-padding-xs);inset-inline:var(--sgds-component-padding-xs);min-inline-size:28rem;position:absolute;width:calc(100% - (var(--sgds-component-padding-xs) * 2));z-index:0}.spacing-page__chart-line path[data-v-8e982e5a]{fill:none;stroke:var(--sgds-border-color-default);stroke-linecap:round;stroke-width:2}.spacing-page__bars[data-v-8e982e5a]{align-items:end;display:grid;gap:var(--sgds-component-gap-xs);grid-template-columns:repeat(12,minmax(1.5rem,1fr));min-inline-size:28rem;position:relative;z-index:1}.spacing-page__bar-group[data-v-8e982e5a]{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);justify-content:end}.spacing-page__bar[data-v-8e982e5a]{background:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-xs) var(--sgds-border-radius-xs) 0 0;display:block;inline-size:100%;min-block-size:.125rem}.spacing-page__bar--4[data-v-8e982e5a]{background:var(--sgds-body-color-default)}.spacing-page__bar--2[data-v-8e982e5a]{block-size:.125rem}.spacing-page__bar--4[data-v-8e982e5a]{block-size:.25rem}.spacing-page__bar--8[data-v-8e982e5a]{block-size:.5rem}.spacing-page__bar--12[data-v-8e982e5a]{block-size:.75rem}.spacing-page__bar--16[data-v-8e982e5a]{block-size:1rem}.spacing-page__bar--20[data-v-8e982e5a]{block-size:1.25rem}.spacing-page__bar--24[data-v-8e982e5a]{block-size:1.5rem}.spacing-page__bar--32[data-v-8e982e5a]{block-size:2rem}.spacing-page__bar--48[data-v-8e982e5a]{block-size:3rem}.spacing-page__bar--64[data-v-8e982e5a]{block-size:4rem}.spacing-page__bar--96[data-v-8e982e5a]{block-size:6rem}.spacing-page__bar--128[data-v-8e982e5a]{block-size:8rem}.spacing-page__bar-label[data-v-8e982e5a]{color:var(--sgds-body-color-default)}.spacing-page__formula-group[data-v-8e982e5a]{display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:repeat(2,minmax(0,1fr))}.spacing-page__formula-block[data-v-8e982e5a]{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.spacing-page__formula-header[data-v-8e982e5a],.spacing-page__formula-card[data-v-8e982e5a],.spacing-page__formula-block h5[data-v-8e982e5a],.spacing-page__formula-block h6[data-v-8e982e5a],.spacing-page__formula-block p[data-v-8e982e5a]{margin:0}.spacing-page__formula-header[data-v-8e982e5a]{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spacing-page__formula-card[data-v-8e982e5a]{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.spacing-page__formula[data-v-8e982e5a]{background:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md);color:var(--sgds-body-color-default);display:inline-flex;font-family:var(--sgds-font-family-mono);padding-block:var(--sgds-spacer-2);padding-inline:var(--sgds-spacer-3);width:fit-content}.spacing-page__formula-definition[data-v-8e982e5a]{color:var(--sgds-body-color-subtle);display:flex;flex-direction:column;gap:0}.spacing-page__sample[data-v-8e982e5a]{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spacing-page__sample-values[data-v-8e982e5a]{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-2-xs)}.spacing-page__sample-chip[data-v-8e982e5a]{background:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-pill);color:var(--sgds-body-color-default);padding:var(--sgds-spacer-1) var(--sgds-spacer-3)}@media(max-width:767px){.spacing-page__formula-group[data-v-8e982e5a]{grid-template-columns:minmax(0,1fr)}}.st-token-col{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(14rem,24vw,18rem);min-inline-size:13rem}.st-metric-col{box-sizing:border-box;inline-size:max-content;max-inline-size:7.5rem;min-inline-size:5.5rem}.st-swatch-col{box-sizing:border-box;inline-size:max-content;max-inline-size:9rem;min-inline-size:6rem}.st-usage-col{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(18rem,30vw,24rem);min-inline-size:16rem}.st-spacer-bar{background:var(--sgds-danger-surface-muted);block-size:1rem;border-radius:var(--sgds-border-radius-xs);display:block;max-inline-size:8rem;opacity:.65}.st-base-row{background:var(--sgds-primary-surface-muted)}.ts-snippet-row{align-items:center;background:var(--sgds-bg-muted);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:inline-flex;gap:var(--sgds-gap-xs);max-inline-size:100%;padding:var(--sgds-spacer-1) var(--sgds-spacer-3)}.ts-snippet-code{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-mono);font-size:var(--sgds-font-size-13);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-snippet-code span{white-space:nowrap}.ts-snippet-copy-btn{appearance:none;background:none;border:none;cursor:pointer;flex:none;padding:0}.ts-snippet-copy-btn:hover{opacity:.7}@media(max-width:1023px){.st-token-col,.st-metric-col,.st-swatch-col,.st-usage-col{inline-size:auto;max-inline-size:none;min-inline-size:0}}.spacing-utility-table .typography-page-template__table-metric-column,.spacing-utility-table .typography-page-template__table-utility-column,.spacing-utility-table .typography-page-template__table-value-column{width:33%}.typography-page__specimen[data-v-33b44330]{background:#222;border-radius:var(--sgds-border-radius-2-xl);box-sizing:border-box;margin:0;padding:var(--sgds-layout-padding-lg);width:100%}.typography-page__specimen-grid[data-v-33b44330]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));outline:1px solid #565656}.typography-page__specimen-cell[data-v-33b44330]{align-items:center;aspect-ratio:1 / 1;box-shadow:0 0 0 1px #565656;display:flex;justify-content:center}.typography-page__specimen-char[data-v-33b44330]{color:#fff;font-family:var(--sgds-font-family-primary, "Inter", sans-serif);font-size:2.5rem;font-weight:400;letter-spacing:-.02em;line-height:1.3}@media(max-width:1023px){.typography-page__specimen[data-v-33b44330]{padding:var(--sgds-layout-padding-md)}.typography-page__specimen-char[data-v-33b44330]{font-size:1.75rem}}@media(max-width:600px){.typography-page__specimen-grid[data-v-33b44330]{grid-template-columns:repeat(6,minmax(0,1fr))}.typography-page__specimen-char[data-v-33b44330]{font-size:1.5rem}}.typography-page__weight-demo[data-v-33b44330]{text-align:center}.typography-page__weight-demo-text[data-v-33b44330]{color:var(--sgds-body-color-default)}.typography-page__weight-demo-text--bold[data-v-33b44330]{font-weight:700}.typography-page__weight-demo-text--semibold[data-v-33b44330]{font-weight:600}.typography-page__weight-demo-text--regular[data-v-33b44330]{font-weight:400}.typography-page__weight-demo-text--light[data-v-33b44330]{font-weight:300}.typography-page__base-size-band[data-v-33b44330]{align-items:center;border-bottom:1px dashed var(--sgds-border-color-muted);border-top:1px dashed var(--sgds-border-color-muted);box-sizing:border-box;display:flex;justify-content:center;width:100%}.typography-page__base-size-group[data-v-33b44330]{align-items:center;display:flex;gap:.75rem}.typography-page__base-size-number[data-v-33b44330]{color:var(--sgds-body-color-default);font-size:4rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin-block:-.125em}.typography-page__base-size-tick[data-v-33b44330]{display:inline-block;height:3.5rem;position:relative;width:7px}.typography-page__base-size-tick[data-v-33b44330]:before{background:var(--sgds-body-color-default);content:"";inset-block:0;left:calc(50% - .5px);position:absolute;width:1px}.typography-page__base-size-tick[data-v-33b44330]:after{border-bottom:1px solid var(--sgds-body-color-default);border-top:1px solid var(--sgds-body-color-default);content:"";inset:0;position:absolute}.typography-page__base-size-label[data-v-33b44330]{color:var(--sgds-body-color-default)}.typography-page__scale-card[data-v-33b44330]{overflow-x:auto}.typography-page__scale-row[data-v-33b44330]{align-items:baseline;display:inline-flex;gap:12px;justify-content:center;white-space:nowrap}.typography-page__scale-value[data-v-33b44330]{line-height:1}.typography-page__heading-band[data-v-33b44330]{--heading-baseline: 77.4%;position:relative;width:100%}.typography-page__heading-rules[data-v-33b44330]{inset:0;pointer-events:none;position:absolute}.typography-page__heading-rule[data-v-33b44330]{border-top:1px dashed var(--sgds-border-color-muted);left:0;position:absolute;right:0}.typography-page__heading-rule--cap[data-v-33b44330]{top:0}.typography-page__heading-rule--baseline[data-v-33b44330]{top:var(--heading-baseline)}.typography-page__heading-rule--foot[data-v-33b44330]{bottom:0}.typography-page__heading-row[data-v-33b44330]{align-items:baseline;column-gap:1rem;display:flex;justify-content:center;position:relative}.typography-page__heading-text[data-v-33b44330]{color:var(--sgds-body-color-default);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3125;margin:0}.typography-page__heading-small-label[data-v-33b44330]{color:var(--sgds-body-color-default);font-size:.75rem;letter-spacing:normal;line-height:1}.typography-page__heading-tick[data-v-33b44330]{align-self:center;display:inline-block;height:4.59375rem;position:relative;width:7px}.typography-page__heading-tick[data-v-33b44330]:before{background:var(--sgds-body-color-default);content:"";inset-block:0;left:calc(50% - .5px);position:absolute;width:1px}.typography-page__heading-tick[data-v-33b44330]:after{border-bottom:1px solid var(--sgds-body-color-default);border-top:1px solid var(--sgds-body-color-default);content:"";inset:0;position:absolute}.typography-page__formula-chip[data-v-33b44330]{align-self:flex-start;background:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-sm);display:inline-flex;padding:var(--sgds-spacer-2) var(--sgds-spacer-3)}.typography-page__formula-chip code[data-v-33b44330]{font-family:var(--sgds-font-family-mono)}.typography-page__pairing-demo[data-v-33b44330]{box-sizing:border-box}.typography-page__pairing[data-v-33b44330]{box-sizing:border-box;column-gap:8px;display:grid;grid-template-columns:auto minmax(0,1fr);max-width:32rem;width:100%}.typography-page__pairing>p[data-v-33b44330]{margin:0}.typography-page__pairing-side-label[data-v-33b44330]{align-self:baseline;color:var(--sgds-body-color-default);font-size:12px;grid-column:1;grid-row:1;justify-self:end;line-height:1;white-space:nowrap}.typography-page__pairing-heading[data-v-33b44330]{align-self:baseline;grid-column:2;grid-row:1}.typography-page__pairing-meter[data-v-33b44330]{align-items:center;align-self:center;column-gap:6px;display:inline-flex;grid-column:1;grid-row:2;justify-self:end;white-space:nowrap}.typography-page__pairing-meter-label[data-v-33b44330]{color:var(--sgds-body-color-default);font-size:12px;line-height:1}.typography-page__pairing-tick[data-v-33b44330]{display:inline-block;flex-shrink:0;position:relative;width:7px}.typography-page__pairing-tick[data-v-33b44330]:before{background:var(--sgds-body-color-default);content:"";inset-block:0;left:calc(50% - .5px);position:absolute;width:1px}.typography-page__pairing-tick[data-v-33b44330]:after{border-bottom:1px solid var(--sgds-body-color-default);border-top:1px solid var(--sgds-body-color-default);content:"";inset:0;position:absolute}.typography-page__pairing-bar[data-v-33b44330]{background:#d9d9d940;grid-column:2;grid-row:2;width:100%}.typography-page__pairing-body[data-v-33b44330]{grid-column:2;grid-row:3}@media(max-width:767px){.typography-page__base-size-number[data-v-33b44330]{font-size:3rem}.typography-page__base-size-tick[data-v-33b44330]{height:2.5rem}.typography-page__heading-text[data-v-33b44330]{font-size:2.75rem}.typography-page__heading-tick[data-v-33b44330]{height:calc(2.75rem * 1.3125)}}.ts-style-section{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-md)}.ts-style-section-copy{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm)}.ts-type-token-table{inline-size:max-content;max-inline-size:100%;width:auto}.ts-default-row{background:var(--sgds-primary-surface-muted)}.ts-token-name-cell{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-2-xs)}.ts-alias-cell{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.ts-alias-token-list{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-gap-xs);min-width:0}.ts-alias-token-list code{max-inline-size:none;white-space:nowrap}.ts-snippet-code{color:var(--sgds-body-color-subtle);display:flex;flex-direction:column;flex:1;font-family:var(--sgds-font-family-mono, monospace);font-size:var(--sgds-font-size-body-sm);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-xs);min-width:0;overflow:visible;white-space:normal}.ts-preview-cell{overflow:visible}.ts-preview-cell--display{min-width:16rem}.ts-style-name-cell--display{width:13rem}.ts-token-example{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);letter-spacing:var(--sgds-letter-spacing-tighter);margin:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.ts-tokenExampleDisplayLgBold{font-size:var(--sgds-font-size-display-lg);font-weight:var(--sgds-font-weight-bold);line-height:var(--sgds-line-height-3-xl)}.ts-tokenExampleDisplayLgLight{font-size:var(--sgds-font-size-display-lg);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-3-xl)}.ts-tokenExampleDisplayMdBold{font-size:var(--sgds-font-size-display-md);font-weight:var(--sgds-font-weight-bold);line-height:var(--sgds-line-height-2-xl)}.ts-tokenExampleDisplayMdLight{font-size:var(--sgds-font-size-display-md);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-2-xl)}.ts-tokenExampleDisplaySmBold{font-size:var(--sgds-font-size-display-sm);font-weight:var(--sgds-font-weight-bold);line-height:var(--sgds-line-height-xl)}.ts-tokenExampleDisplaySmLight{font-size:var(--sgds-font-size-display-sm);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-xl)}.ts-tokenExampleHeadingXlBold{font-size:var(--sgds-font-size-heading-xl);font-weight:var(--sgds-font-weight-bold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-xl)}.ts-tokenExampleHeadingXlLight{font-size:var(--sgds-font-size-heading-xl);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-xl)}.ts-tokenExampleHeadingLgBold{font-size:var(--sgds-font-size-heading-lg);font-weight:var(--sgds-font-weight-bold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-lg)}.ts-tokenExampleHeadingLgLight{font-size:var(--sgds-font-size-heading-lg);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-lg)}.ts-tokenExampleHeadingMdSemibold{font-size:var(--sgds-font-size-heading-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)}.ts-tokenExampleHeadingMdLight{font-size:var(--sgds-font-size-heading-md);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-md)}.ts-tokenExampleHeadingSmSemibold{font-size:var(--sgds-font-size-heading-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-sm)}.ts-tokenExampleHeadingSmLight{font-size:var(--sgds-font-size-heading-sm);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-tight);line-height:var(--sgds-line-height-sm)}.ts-tokenExampleSubtitleMdSemibold{font-size:var(--sgds-font-size-subtitle-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleSubtitleMdLight{font-size:var(--sgds-font-size-subtitle-md);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleSubtitleSmSemibold{font-size:var(--sgds-font-size-subtitle-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleSubtitleSmLight{font-size:var(--sgds-font-size-subtitle-sm);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleBodyLgSemibold{font-size:var(--sgds-font-size-body-lg);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-md)}.ts-tokenExampleBodyLgRegular{font-size:var(--sgds-font-size-body-lg);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-md)}.ts-tokenExampleBodyMdSemibold{font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleBodyMdRegular{font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleBodySmSemibold{font-size:var(--sgds-font-size-body-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleBodySmRegular{font-size:var(--sgds-font-size-body-sm);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleLabelLgSemibold{font-size:var(--sgds-font-size-label-lg);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-md)}.ts-tokenExampleLabelLgRegular{font-size:var(--sgds-font-size-label-lg);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-md)}.ts-tokenExampleLabelMdSemibold{font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleLabelMdRegular{font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleLabelMdLight{font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-light);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleLabelSmSemibold{font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleLabelSmRegular{font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleLabelXsSemibold{font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs)}.ts-tokenExampleLabelXsRegular{font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs)}.ts-tokenExampleCaptionSemibold{font-size:var(--sgds-font-size-caption-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs)}.ts-tokenExampleCaptionRegular{font-size:var(--sgds-font-size-caption-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs)}.ts-tokenExampleOverlineSemibold{font-size:var(--sgds-font-size-overline-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs);text-transform:uppercase}.ts-tokenExampleOverlineRegular{font-size:var(--sgds-font-size-overline-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs);text-transform:uppercase}.ts-tokenExampleLinkLgRegular{font-size:var(--sgds-font-size-link-lg);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-md)}.ts-tokenExampleLinkMdRegular{font-size:var(--sgds-font-size-link-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleLinkSmRegular{font-size:var(--sgds-font-size-link-sm);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.ts-tokenExampleLinkXsRegular{font-size:var(--sgds-font-size-link-xs);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-3-xs)}.ts-tokenExampleListUnordered,.ts-tokenExampleListOrdered,.ts-tokenExampleListUnstyled{display:list-item;font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs)}.ts-tokenExampleListUnordered{list-style-type:disc;margin-inline-start:var(--sgds-gap-lg)}.ts-tokenExampleListOrdered{list-style-type:decimal;margin-inline-start:var(--sgds-gap-lg)}.ts-tokenExampleListUnstyled{list-style-type:none}.typography-token-default-row{background:var(--sgds-primary-surface-muted)}.typography-token-table__token-column,.typography-token-table__value-column,.typography-token-table__example-column{box-sizing:border-box;inline-size:max-content}.typography-token-table__token-column{max-inline-size:18rem;min-inline-size:14rem}.typography-token-table--paragraph-spacing .typography-token-table__token-column{max-inline-size:21rem;min-inline-size:18rem}.typography-token-table--paragraph-spacing .typography-token-table__value-column{max-inline-size:8rem}.typography-token-table--paragraph-spacing .typography-token-table__example-column{max-inline-size:24rem}.typography-token-table--letter-spacing .typography-token-table__value-column{max-inline-size:12rem;min-inline-size:10rem}.typography-token-table--letter-spacing .typography-token-table__example-column{max-inline-size:24rem;min-inline-size:18rem}.typography-token-table__value-column{max-inline-size:18rem;min-inline-size:12rem}.typography-token-table__breakpoint-column{box-sizing:border-box;inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.typography-token-table__example-column{max-inline-size:24rem;min-inline-size:14rem}.typography-token-table__token-cell{white-space:normal}.typography-token-example-stack,.typography-token-example-text{color:var(--sgds-body-color-default);white-space:pre-line}.typography-token-example-stack .typography-token-example-text:first-child{margin-top:0}.typography-token-example-stack .typography-token-example-text:last-child{margin-bottom:0}.font-size-utility-table{inline-size:max-content;max-inline-size:100%;width:auto}.font-size-utility-table sgds-table-head,.font-size-utility-table sgds-table-cell{box-sizing:border-box;overflow-wrap:anywhere;white-space:normal}.font-size-utility-table sgds-table-cell{height:auto;vertical-align:top}.font-size-preview-cell{align-items:flex-start;display:flex;max-inline-size:clamp(12rem,28vw,20rem);min-width:0;width:100%}.font-size-utility-table .typography-page-template__table-metric-column{width:10%;min-width:5.5rem}.font-size-utility-table .typography-page-template__table-preview-column{width:35%;min-width:14rem}.font-size-preview-text{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);inline-size:100%;max-inline-size:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}@media(max-width:1023px){.font-size-utility-table .typography-page-template__table-utility-column,.font-size-utility-table .typography-page-template__table-preview-column,.font-size-utility-table .typography-page-template__table-metric-column{width:auto;min-width:0;inline-size:auto;max-inline-size:none;min-inline-size:0}}.font-weight-utility-table .typography-page-template__table-value-column{width:8%;min-width:3rem}.font-weight-utility-table .typography-page-template__table-preview-column{width:40%;min-width:14rem}.ts-snippet-row{align-items:flex-start;background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);display:flex;gap:var(--sgds-gap-2-xs);justify-content:space-between;padding:.375rem var(--sgds-padding-sm)}.ts-snippet-code{color:var(--sgds-body-color-subtle);display:flex;flex:1;flex-direction:column;font-family:var(--sgds-font-family-mono, monospace);font-size:var(--sgds-font-size-body-sm);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-xs);min-width:0;overflow:visible;white-space:normal}.ts-snippet-code span{align-self:flex-start;color:var(--sgds-body-color-default);white-space:nowrap}.ts-snippet-copy-btn{background:transparent;border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;flex-shrink:0;padding:var(--sgds-spacer-1)}.ts-snippet-copy-btn:hover{background:var(--sgds-bg-translucent-subtle)}.text-colour-swatch-cell{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.text-colour-swatch{border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-sm);display:inline-block;flex-shrink:0;height:20px;width:20px}.style-page__explainer{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-sm)}.style-page__explainer-diagram{align-items:center;background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xl);box-sizing:border-box;display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:minmax(0,4fr) minmax(0,5fr);padding:var(--sgds-component-padding-md);width:100%}.style-page__preview-pane,.style-page__utility-pane{min-width:0}.style-page__preview-pane{display:flex;justify-content:flex-start}.style-page__preview-text{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);margin:0}.style-page__variable-editor{background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}.style-page__variable-row{align-items:start;box-sizing:border-box;color:var(--sgds-body-color-default);display:grid;gap:var(--sgds-component-gap-sm);grid-template-columns:auto minmax(0,1fr);padding:var(--sgds-component-padding-sm) var(--sgds-component-padding-md)}.style-page__variable-row+.style-page__variable-row{border-top:1px solid var(--sgds-border-color-muted)}.style-page__variable-row sgds-checkbox{display:block;margin-top:.125rem}.style-page__variable-row-text{align-items:flex-start;display:flex;flex-wrap:wrap;min-width:0}.style-page__variable-row-prop{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-mono, var(--sgds-font-family-code, var(--sgds-font-family-brand)));font-size:var(--sgds-font-size-body-sm);line-height:var(--sgds-line-height-xs)}.style-page__code-block{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);box-sizing:border-box;color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-mono);font-size:var(--sgds-font-size-body-sm);line-height:var(--sgds-line-height-sm);margin:0;max-inline-size:100%;overflow-x:auto;padding:var(--sgds-component-padding-md);white-space:pre}@media(max-width:1023px){.style-page__explainer-diagram{grid-template-columns:minmax(0,1fr)}}.font-size-token-col-name{box-sizing:border-box;inline-size:max-content;max-inline-size:18rem;min-inline-size:13rem}.font-size-token-col-value{box-sizing:border-box;inline-size:max-content;max-inline-size:10rem;min-inline-size:7rem}.font-size-token-col-preview{box-sizing:border-box;inline-size:max-content;max-inline-size:10rem;min-inline-size:8rem}.font-size-token-base-row{background:var(--sgds-primary-surface-muted)}.image-container{width:100%;max-width:none;margin:40px auto 0}.image-container svg.landing-hero-art{display:block;width:100%;height:auto;margin:0 auto}.hero-title{font-size:3.5rem}@media screen and (min-width:768px)and (max-width:1279px){.hero-root{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,3vw,40px)}.hero-text{flex:1 1 0;min-width:0;max-width:none}.image-container{flex:0 0 clamp(320px,42vw,560px);width:clamp(320px,42vw,560px);max-width:clamp(320px,42vw,560px);margin:0;align-self:flex-start}}@media screen and (min-width:768px){.hero-title{font-size:4rem}}@media screen and (min-width:1280px){.hero-root{display:block;min-height:0}.hero-text{width:auto;max-width:640px}.image-container{position:absolute;top:0;right:0;flex:none;width:auto;max-width:none;margin:0}.image-container svg.landing-hero-art{width:756px;height:744px}.hero-title{font-size:5rem}}@media screen and (min-width:1280px)and (max-width:1439px){.hero-text{max-width:540px}.image-container svg.landing-hero-art{width:700px;height:auto}}.landing-hero-art{--landing-hero-dark-shape: var(--sgds-gray-1100)}.landing-hero-art{--landing-hero-primary-shape: var(--sgds-product-primary-600)}.sgds-night-theme .landing-hero-art{--landing-hero-primary-shape: var(--sgds-product-primary-700)}.landing-hero-primary-shape{fill:var(--landing-hero-primary-shape)}.sgds-night-theme .landing-hero-art{--landing-hero-dark-shape: var(--sgds-gray-900)}.landing-hero-art .black-tile>rect,.landing-hero-art .black-cube>circle,.landing-hero-art .black-disk>circle{fill:var(--landing-hero-dark-shape)}.landing-hero-title{color:var(--sgds-gray-1100)}.sgds-night-theme .landing-hero-title{color:var(--sgds-gray-900)}.landing-layout-grid-image{--landing-layout-grid-bg: #FCE5C1;--landing-layout-grid-column: color-mix(in srgb, #F1D29B 60%, transparent)}.sgds-night-theme .landing-layout-grid-image{--landing-layout-grid-bg: var(--sgds-surface-raised);--landing-layout-grid-column: color-mix(in srgb, var(--sgds-warning-surface-muted) 16%, transparent)}._homePage_pg9qv_2{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);position:relative}._homePage_pg9qv_2:before{background-color:var(--sgds-border-color-muted);content:"";height:min(2200px,58%);left:0;mask-composite:intersect;mask-image:url(/landing/background.svg),linear-gradient(to bottom,transparent 0,black var(--sgds-dimension-144),black 68%,transparent 100%);mask-position:top center,top center;mask-repeat:no-repeat,no-repeat;mask-size:100% auto,100% 100%;opacity:.56;pointer-events:none;position:absolute;right:0;top:0;-webkit-mask-composite:source-in;-webkit-mask-image:url(/landing/background.svg),linear-gradient(to bottom,transparent 0,black var(--sgds-dimension-144),black 68%,transparent 100%);-webkit-mask-position:top center,top center;-webkit-mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% auto,100% 100%;z-index:0}._homePage_pg9qv_2>*{position:relative;z-index:1}._container_pg9qv_52{padding-bottom:var(--sgds-dimension-144)}._feature-container_pg9qv_56{display:flex;flex-direction:column;gap:var(--sgds-spacer-12)}._feature-section_pg9qv_62{display:flex;flex-direction:column;gap:var(--sgds-spacer-10)}._header_pg9qv_68{font-size:var(--sgds-font-size-8);font-weight:var(--sgds-font-weight-light);line-height:var(--sgds-line-height-56);letter-spacing:var(--sgds-letter-spacing-tighter);margin-bottom:var(--sgds-margin-none)}._feature-grid_pg9qv_76{gap:var(--sgds-gap-3-xl)}._image_pg9qv_80{width:100%;height:100%;object-fit:cover;border-radius:32px}._description-container_pg9qv_87{display:flex;flex-direction:column;gap:var(--sgds-gap-3-xl)}._description_pg9qv_87{font-size:var(--sgds-font-size-3);line-height:var(--sgds-line-height-32);margin-bottom:var(--sgds-margin-none)}._container_zkqge_2{row-gap:var(--sgds-spacer-10)}