.page-header-brand-icon{display:block;height:var(--sgds-dimension-16);width:var(--sgds-dimension-16)}.page-header-brand-icon--github{background-color:#181717;-webkit-mask:url(/brands/github.svg) center / contain no-repeat;mask:url(/brands/github.svg) center / contain no-repeat}.page-header-brand-icon--storybook{background-color:#ff4785;-webkit-mask:url(/brands/storybook.svg) center / contain no-repeat;mask:url(/brands/storybook.svg) center / contain no-repeat}.sgds-night-theme .page-header-brand-icon--github,.sgds-night-theme .page-header-brand-icon--storybook{background-color:var(--sgds-color-fixed-light)}.page-header-source-link:after,.page-header-source-link .external-link-icon{content:none!important;display:none!important}.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)}.docs-layout-mobile-sidenav-trigger{display:none}@media screen and (max-width:1023px){.docs-layout-desktop-sidenav{display:none}.docs-layout-mobile-sidenav-trigger{display:block}}.preview-layout{min-height:100vh;background:var(--sgds-surface-raised)}body{margin:0}.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)}.il-command-code{font-size:.875em;line-height:var(--leading-20);white-space:pre;overflow-x:auto;padding-block:.125rem}.il-tok-keyword{color:var(--sgds-primary-color-default)}.il-tok-string{color:var(--sgds-success-color-default)}.il-tok-tag{color:var(--sgds-danger-color-default)}.il-tok-attr{color:var(--sgds-accent-color-default)}.il-tok-punct{color:var(--sgds-body-color-subtle)}.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}}.segmented-control{align-self:start;box-sizing:border-box;display:inline-flex;gap:var(--sgds-gap-2-xs);max-width:100%;padding:var(--sgds-padding-2-xs);position:relative;touch-action:pan-x;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.segmented-control::-webkit-scrollbar{display:none}.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;flex:0 0 auto;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;gap:var(--sgds-gap-text-xs)}.segment-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--sgds-font-size-2)}.segment-icon svg{width:1em;height:1em;fill:currentColor;display:block}.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}}.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}.interactive-demo{background:var(--sgds-bg-alternate)}.interactive-demo--fullscreen-modal{background:var(--sgds-surface-default)}.interactive-demo--fullscreen-modal .behaviour-demo-markup,.interactive-demo--fullscreen-modal .portal-modal-preview,.interactive-demo--fullscreen-modal .portal-modal-panel{min-height:100%}.interactive-demo--fullscreen-modal .portal-modal-preview-fullscreen .portal-modal-panel{border-radius:0}.portal-demo-drawer-scrim{background:var(--sgds-bg-overlay);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:1}.portal-demo-overlay[data-drawer-open=true] .portal-demo-drawer-scrim{opacity:1;pointer-events:auto}.portal-demo-overlay[data-drawer-open=true] [data-drawer-trigger]{visibility:hidden}.portal-demo-overlay sgds-drawer{inset:0;position:absolute;z-index:0}.portal-demo-overlay[data-drawer-open=true] sgds-drawer{z-index:2}.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-input{display:block;width:var(--sgds-dimension-320)}.behaviour-demo-markup>sgds-textarea{display:block;width:var(--sgds-dimension-320)}.behaviour-demo-markup>sgds-file-upload{display:block;inline-size:fit-content;max-inline-size:100%}.behaviour-demo-markup>sgds-file-upload.portal-demo-file-upload-drag{inline-size:100%;min-inline-size:min(var(--sgds-dimension-320),100%)}.behaviour-demo-markup>sgds-progress-bar{display:block;max-width:var(--sgds-dimension-480);width:100%}.portal-masthead-width-demo{align-items:center;block-size:var(--sgds-dimension-144);display:flex;inline-size:100%;justify-content:center;overflow:hidden}.portal-masthead-width-demo__viewport{flex:0 1 calc(var(--sgds-dimension-688) + var(--sgds-dimension-96));inline-size:min(100%,calc(var(--sgds-dimension-688) + var(--sgds-dimension-96)))}.portal-masthead-width-demo__viewport--fluid{flex-basis:100%;inline-size:100%}.portal-masthead-width-demo .portal-masthead-mainnav-brand-slot{align-self:center;block-size:var(--sgds-dimension-48);display:flex;line-height:var(--sgds-line-height-24);padding-block:var(--sgds-padding-xs)}.portal-mainnav-width-demo,.portal-system-banner-width-demo{--sgds-mainnav-max-width: var(--sgds-dimension-480)}.behaviour-demo-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=size]{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)}.structure-preview-markup,.structure-preview-markup *{pointer-events:none}.structure-preview-markup>*,.structure-preview-markup>* *{z-index:auto!important}.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%}.structure-preview-markup>sgds-modal{display:block;min-height:var(--sgds-dimension-480);position:relative;width:100%}.structure-preview-markup>sgds-modal[size=fullscreen]{min-height:var(--sgds-dimension-320)}.structure-preview-markup>.portal-demo-overlay:has(>sgds-drawer){background:var(--sgds-bg-overlay);min-height:var(--sgds-dimension-360)}.structure-preview-markup>.portal-demo-overlay>sgds-drawer{inset:0;position:absolute}.structure-preview-markup>sgds-tab-group,.structure-preview-markup>sgds-tab-group[variant=underlined],.structure-preview-markup>sgds-tab-group[variant=solid]{display:block;inline-size:var(--sgds-dimension-256);max-inline-size:100%;width:var(--sgds-dimension-256)}.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{appearance:none;background:transparent;border:0;cursor:pointer;padding:0;position:absolute;z-index:9}.accordion-inspect-padding-proxy{appearance:none;background:transparent;border:0;cursor:pointer;min-height:8px;min-width:8px;padding:0;position:absolute;z-index:8}.accordion-inspect-padding-proxy--priority{min-width:12px;z-index:10}.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);box-shadow:0 0 0 2px 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;z-index:1}.accordion-inspect-annotation--height{width:18px}.accordion-inspect-annotation--height:before{background:var(--sgds-purple-border-color-default);content:"";height:calc(100% - 2px);left:8px;position:absolute;top:1px;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:21px;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:1px;position:absolute;top:8px;width:calc(100% - 2px)}.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:21px;transform:translate(-50%)}.accordion-inspect-annotation--min-width.accordion-inspect-annotation--icon-size .accordion-inspect-annotation__label{top:21px}.accordion-inspect-annotation--min-width.accordion-inspect-annotation--label-left .accordion-inspect-annotation__label{left:0;top:21px;transform:translate(0)}.accordion-inspect-annotation--min-width.accordion-inspect-annotation--label-above .accordion-inspect-annotation__label{left:50%;top:-4px;transform:translate(-50%,-100%)}.accordion-inspect-annotation--height.accordion-inspect-annotation--label-left .accordion-inspect-annotation__label{left:-4px;top:50%;transform:translate(-100%,-50%)}.accordion-inspect-annotation--thickness{width:0}.accordion-inspect-annotation--thickness:before,.accordion-inspect-annotation--thickness:after{display:none}.accordion-inspect-annotation--height.accordion-inspect-annotation--thickness .accordion-inspect-annotation__label,.accordion-inspect-annotation--height.accordion-inspect-annotation--thickness.accordion-inspect-annotation--label-left .accordion-inspect-annotation__label{font-size:10px;left:auto;padding:1px 5px;right:0;top:50%;transform:translateY(-50%)}.accordion-inspect-annotation[data-active=true] .accordion-inspect-annotation__label{background:var(--sgds-purple-surface-emphasis);border-color:var(--sgds-purple-surface-emphasis);box-shadow:0 0 0 2px 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=size]{background:transparent;outline:none}.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:var(--sgds-z-index-overlay)}.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-row{align-items:stretch;column-gap:var(--sgds-gap-2-xl);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(var(--sgds-dimension-280),1fr) auto;row-gap:var(--sgds-gap-component-sm)}.best-practice-card{display:grid;gap:var(--sgds-gap-component-sm);grid-row:span 2;grid-template-rows:subgrid;min-width:0}.best-practice-placeholder{grid-row:span 2}@media(max-width:767px){.best-practice-row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:var(--sgds-gap-2-xl)}.best-practice-card{grid-row:auto;grid-template-rows:minmax(var(--sgds-dimension-280),auto) auto}.best-practice-placeholder{display:none}}.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-progress-bar{display:block;inline-size:min(100%,var(--sgds-dimension-384))}.best-practice-demo-markup>sgds-quantity-toggle.portal-quantity-toggle-compact{display:block;flex:0 0 var(--sgds-dimension-192);inline-size:var(--sgds-dimension-192);max-inline-size:var(--sgds-dimension-192)}.best-practice-demo-markup sgds-alert-link{vertical-align:baseline}.best-practice-demo-markup .portal-demo-nav{max-width:100%;overflow:visible;pointer-events:none;width:100%}.best-practice-demo-markup sgds-mainnav{display:block;flex:0 0 var(--portal-mainnav-width, var(--sgds-dimension-768));transform:scale(var(--portal-mainnav-scale, 1));transform-origin:center center;width:var(--portal-mainnav-width, var(--sgds-dimension-768))}.best-practice-demo-markup .portal-demo-nav:has(>sgds-mainnav){align-items:center;display:flex;justify-content:center;min-height:calc(var(--portal-mainnav-height, 80px) * var(--portal-mainnav-scale, 1))}.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}.updates-source-link:after,.updates-source-link .external-link-icon{content:none!important;display:none!important}.portal-demo-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-sm)}.portal-demo-row-center{justify-content:center}.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-skeleton-anatomy-demo{display:flex;flex-direction:column;gap:var(--sgds-gap-sm);inline-size:var(--sgds-dimension-320);max-inline-size:100%}.portal-skeleton-anatomy-demo sgds-skeleton{display:block}.portal-progress-bar-anatomy-demo{inline-size:var(--sgds-dimension-320);max-inline-size:100%}.portal-progress-bar-anatomy-demo sgds-progress-bar{display:block;inline-size:100%}.portal-demo-card{display:block;max-width:var(--sgds-dimension-360);margin-inline:auto;width:100%}.portal-demo-datepicker{display:block;width:var(--sgds-dimension-288)}.portal-slot-example{align-items:center;background:var(--sgds-accent-bg-muted);border:var(--sgds-border-width-1) dashed var(--sgds-accent-border-color-default);border-radius:var(--sgds-border-radius-none);box-sizing:border-box;color:var(--sgds-accent-color-fixed-dark)!important;display:flex;gap:var(--sgds-gap-sm);justify-content:flex-start;padding:var(--sgds-padding-md)}.portal-slot-example,.portal-slot-example *{color:inherit}.portal-slot-example span{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-640);padding:var(--sgds-padding-xl);width:100%}.portal-modal-preview-sm .portal-modal-panel{max-width:var(--sgds-dimension-480)}.portal-modal-preview-lg .portal-modal-panel{max-width:var(--sgds-dimension-800)}.portal-modal-preview-xl .portal-modal-panel{max-width:var(--sgds-dimension-1280)}.portal-modal-preview-fullscreen{align-items:stretch;min-height:var(--sgds-dimension-320)}.portal-modal-preview-fullscreen .portal-modal-panel{border-radius:var(--sgds-border-radius-md);max-width:none;min-height:var(--sgds-dimension-288)}.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-popover-anatomy{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);width:var(--sgds-dimension-280)}.portal-popover-anatomy-trigger{align-items:center;background:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-default);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-subtle);display:flex;font-size:var(--sgds-font-size-body-md);gap:var(--sgds-gap-md);justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.portal-popover-anatomy-listbox{background:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-default);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;padding:var(--sgds-padding-2-xs)}.portal-popover-anatomy-option{border-radius:var(--sgds-border-radius-sm);color:var(--sgds-color-default);font-size:var(--sgds-font-size-body-md);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.portal-anatomy-combo-real{display:block;width:15.75rem}.portal-anatomy-combo-stage{align-items:flex-start;display:inline-flex;justify-content:center;min-height:17.5rem;padding-top:2.75rem}.portal-anatomy-combo-option-label{color:var(--sgds-color-default);line-height:var(--sgds-line-height-xs)}.portal-anatomy-combo-option-secondary{color:var(--sgds-color-subtle);line-height:var(--sgds-line-height-2-xs);margin-top:.125rem}.portal-tooltip-anatomy{block-size:var(--sgds-dimension-192);display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--sgds-dimension-320)}.portal-tab-anatomy{display:inline-block;inline-size:var(--sgds-dimension-320);max-inline-size:100%}.portal-anatomy-tooltip-real{display:inline-flex}.portal-anatomy-tooltip-anchor{block-size:0;inline-size:0;overflow:hidden}.portal-description-list-anatomy{background:var(--sgds-surface-default);display:block;inline-size:var(--sgds-dimension-480);max-inline-size:100%}.portal-icon-anatomy-container{align-items:center;background:var(--sgds-primary-color-default);block-size:var(--sgds-dimension-48);border-radius:var(--sgds-border-radius-md);color:var(--sgds-color-fixed-light);display:inline-flex;inline-size:var(--sgds-dimension-48);justify-content:center}.portal-icon-anatomy-container sgds-icon{color:inherit}.portal-footer-anatomy{display:block;inline-size:var(--sgds-dimension-1168);max-inline-size:100%}.portal-drawer-anatomy{block-size:var(--sgds-dimension-288);inline-size:min(100%,var(--sgds-dimension-768));overflow:hidden;position:relative}.portal-drawer-anatomy-scrim{background:var(--sgds-bg-overlay);block-size:100%;inline-size:calc(100% - var(--sgds-dimension-320));inset-block-start:0;inset-inline-start:0;position:absolute}.portal-drawer-anatomy-panel{background:var(--sgds-surface-default);block-size:100%;display:flex;flex-direction:column;inline-size:var(--sgds-dimension-320);inset-block-start:0;inset-inline-end:0;position:absolute}.portal-drawer-anatomy-slot{background:color-mix(in srgb,var(--sgds-primary-surface-muted) 58%,transparent);border:var(--sgds-border-width-1) dashed var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default);padding:var(--sgds-padding-sm)}.portal-drawer-anatomy-footer{display:flex;gap:var(--sgds-gap-md);justify-content:flex-end}.portal-drawer-anatomy-scrollbar{background:var(--sgds-border-color-muted);block-size:var(--sgds-dimension-48);inline-size:var(--sgds-border-width-2);inset-block-start:4.75rem;inset-inline-end:var(--sgds-padding-2-xs);position:absolute}.portal-demo-nav{max-width:var(--sgds-dimension-688);width:100%}.portal-demo-nav-sm{max-width:var(--sgds-dimension-320);width:100%}.portal-sidenav-anatomy-demo{inline-size:var(--sgds-dimension-320);max-inline-size:100%}.portal-sidenav-anatomy-demo sgds-sidenav{display:block;inline-size: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}.cb-prompt-text{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:normal}.cb-prompt-text p{margin:0;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.cb-keyword{color:var(--sgds-warning-color-default)}.cb-string{color:var(--sgds-accent-color-default)}.cb-comment{color:var(--sgds-color-subtle);font-style:italic}.cb-tag{color:var(--sgds-color-default)}.cb-attr{color:var(--sgds-cyan-color-default)}.cb-vue-attr{color:#ffa657}.cb-vue-brace{color:#e2c08d}.cb-number{color:#ffa657}.cb-type{color:var(--sgds-purple-color-default)}.cb-css-prop{color:#79c0ff}.cb-css-var{color:#a5d6ff}.cb-punct{color:var(--sgds-color-subtle)}@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}}}:is(sgds-accordion-item:not(:defined),sgds-accordion:not(:defined),sgds-alert-link:not(:defined),sgds-alert:not(:defined),sgds-badge:not(:defined),sgds-breadcrumb-item:not(:defined),sgds-breadcrumb:not(:defined),sgds-button:not(:defined),sgds-card:not(:defined),sgds-checkbox-group:not(:defined),sgds-checkbox:not(:defined),sgds-close-button:not(:defined),sgds-combo-box-option:not(:defined),sgds-combo-box:not(:defined),sgds-datepicker:not(:defined),sgds-description-list-group:not(:defined),sgds-description-list:not(:defined),sgds-divider:not(:defined),sgds-drawer:not(:defined),sgds-dropdown-item:not(:defined),sgds-dropdown:not(:defined),sgds-file-upload:not(:defined),sgds-footer-item:not(:defined),sgds-footer:not(:defined),sgds-icon:not(:defined),sgds-icon-button:not(:defined),sgds-icon-card:not(:defined),sgds-icon-list:not(:defined),sgds-image-card:not(:defined),sgds-input:not(:defined),sgds-link:not(:defined),sgds-mainnav-dropdown:not(:defined),sgds-mainnav-item:not(:defined),sgds-mainnav:not(:defined),sgds-masthead:not(:defined),sgds-modal:not(:defined),sgds-overflow-menu:not(:defined),sgds-pagination:not(:defined),sgds-progress-bar:not(:defined),sgds-quantity-toggle:not(:defined),sgds-radio-group:not(:defined),sgds-radio:not(:defined),sgds-select-option:not(:defined),sgds-select:not(:defined),sgds-sidebar-group:not(:defined),sgds-sidebar-item:not(:defined),sgds-sidebar-section:not(:defined),sgds-sidebar:not(:defined),sgds-sidenav-item:not(:defined),sgds-sidenav-link:not(:defined),sgds-sidenav:not(:defined),sgds-skeleton:not(:defined),sgds-spinner:not(:defined),sgds-stepper:not(:defined),sgds-subnav-item:not(:defined),sgds-subnav:not(:defined),sgds-switch:not(:defined),sgds-system-banner-item:not(:defined),sgds-system-banner:not(:defined),sgds-tab-group:not(:defined),sgds-tab-panel:not(:defined),sgds-tab:not(:defined),sgds-table-cell:not(:defined),sgds-table-head:not(:defined),sgds-table-row:not(:defined),sgds-table:not(:defined),sgds-table-of-contents:not(:defined),sgds-textarea:not(:defined),sgds-thumbnail-card:not(:defined),sgds-toast-container:not(:defined),sgds-toast:not(:defined),sgds-tooltip:not(:defined)){opacity:0;transition:opacity .5s ease-in-out}: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-1600:1600;--sgds-z-index-base:var(--sgds-z-index-0);--sgds-z-index-raised:var(--sgds-z-index-100);--sgds-z-index-sticky:var(--sgds-z-index-200);--sgds-z-index-floating:var(--sgds-z-index-400);--sgds-z-index-overlay:var(--sgds-z-index-800);--sgds-z-index-modal:var(--sgds-z-index-1600);--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-1600:1600;--sgds-z-index-base:var(--sgds-z-index-0);--sgds-z-index-raised:var(--sgds-z-index-100);--sgds-z-index-sticky:var(--sgds-z-index-200);--sgds-z-index-floating:var(--sgds-z-index-400);--sgds-z-index-overlay:var(--sgds-z-index-800);--sgds-z-index-modal:var(--sgds-z-index-1600);--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);-webkit-font-smoothing:antialiased}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,.sgds-container-sidebar{width:100%;max-width:calc(100% - 40px);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,.sgds-container-sidebar{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-sm:512px;--sgds-breakpoint-lg:1024px;--sgds-breakpoint-xl:1280px;--sgds-spacing-none:var(--sgds-spacer-0);--sgds-spacing-2-xs:var(--sgds-spacer-2);--sgds-spacing-xs:var(--sgds-spacer-3);--sgds-spacing-sm:var(--sgds-spacer-4);--sgds-spacing-md:var(--sgds-spacer-5);--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-subtle:var(--sgds-bg-translucent-subtle);--sgds-background-color-translucent-fixed-light:var(--sgds-bg-translucent-fixed-light);--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-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-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-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-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-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-text-color-warning-fixed-light:var(--sgds-warning-color-fixed-light);--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-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-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-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-label-subtle:var(--sgds-label-color-subtle);--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-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-12:var(--sgds-font-size-12);--sgds-text-14:var(--sgds-font-size-14);--sgds-text-16:var(--sgds-font-size-16);--sgds-text-18:var(--sgds-font-size-18);--sgds-text-20:var(--sgds-font-size-20);--sgds-text-22:var(--sgds-font-size-22);--sgds-text-24:var(--sgds-font-size-24);--sgds-text-26:var(--sgds-font-size-26);--sgds-text-28:var(--sgds-font-size-28);--sgds-text-30:var(--sgds-font-size-30);--sgds-text-32:var(--sgds-font-size-32);--sgds-text-36:var(--sgds-font-size-36);--sgds-text-40:var(--sgds-font-size-40);--sgds-text-44:var(--sgds-font-size-44);--sgds-text-48:var(--sgds-font-size-48);--sgds-text-52:var(--sgds-font-size-52);--sgds-text-56:var(--sgds-font-size-56);--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-form-2-xl:var(--sgds-form-gap-2-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-text-xl:var(--sgds-text-gap-xl);--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-xs:var(--sgds-layout-padding-xs);--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-width-container:var(--sgds-container-width);--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\:\[container-type\:inline-size\]{container-type:inline-size}.sgds\:pointer-events-none{pointer-events:none}.sgds\:invisible{visibility:hidden}.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-\[40px\]{top:40px}.sgds\:top-\[70px\]{top:70px}.sgds\:top-\[75\.5px\]{top:75.5px}.sgds\:top-\[75px\]{top:75px}.sgds\:top-\[78px\]{top:78px}.sgds\:top-\[79\.5px\]{top:79.5px}.sgds\:top-\[83\.5px\]{top:83.5px}.sgds\:top-\[86px\]{top:86px}.sgds\:top-\[107\.5px\]{top:107.5px}.sgds\:top-\[110px\]{top:110px}.sgds\:top-\[144px\]{top:144px}.sgds\:top-\[332px\]{top:332px}.sgds\:top-\[calc\(100\%\+var\(--sgds-gap-xs\)\)\]{top:calc(100% + var(--sgds-gap-xs))}.sgds\:top-component-xs{top:var(--sgds-spacing-component-xs)}.sgds\:top-md{top:var(--sgds-spacing-md)}.sgds\:right-0{right:calc(var(--sgds-spacing) * 0)}.sgds\:right-component-xs{right:var(--sgds-spacing-component-xs)}.sgds\:right-md{right:var(--sgds-spacing-md)}.sgds\:right-sm{right:var(--sgds-spacing-sm)}.sgds\:bottom-0{bottom:calc(var(--sgds-spacing) * 0)}.sgds\:bottom-md{bottom:var(--sgds-spacing-md)}.sgds\:left-0{left:calc(var(--sgds-spacing) * 0)}.sgds\:left-1\/2{left:50%}.sgds\:left-\[75px\]{left:75px}.sgds\:left-\[164px\]{left:164px}.sgds\:left-\[196px\]{left:196px}.sgds\:left-\[207px\]{left:207px}.sgds\:left-\[243px\]{left:243px}.sgds\:left-\[252px\]{left:252px}.sgds\:left-\[264px\]{left:264px}.sgds\:left-\[269px\]{left:269px}.sgds\:left-\[271px\]{left:271px}.sgds\:left-\[290\.5px\]{left:290.5px}.sgds\:left-\[293px\]{left:293px}.sgds\:left-\[302px\]{left:302px}.sgds\:left-\[337px\]{left:337px}.sgds\:left-\[340px\]{left:340px}.sgds\:left-\[392px\]{left:392px}.sgds\:z-10{z-index:10}.sgds\:z-20{z-index:20}.sgds\:z-30{z-index:30}.sgds\:z-40{z-index:40}.sgds\:z-50{z-index:50}.sgds\:z-\[1\]{z-index:1}.sgds\:z-\[20\]{z-index:20}.sgds\:z-\[55\]{z-index:55}.sgds\:z-\[60\]{z-index:60}.sgds\:z-\[9999\]{z-index:9999}.sgds\:col-start-2{grid-column-start:2}.sgds\:m-0{margin:calc(var(--sgds-spacing) * 0)}.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\:my-layout-sm{margin-block:var(--sgds-spacing-layout-sm)}.sgds\:me-auto{margin-inline-end:auto}.sgds\:-mt-2{margin-top:calc(var(--sgds-spacing) * -2)}.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-2-xl{margin-top:var(--sgds-spacing-2-xl)}.sgds\:mt-\[2px\]{margin-top:2px}.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\:mt-layout-xs{margin-top:var(--sgds-spacing-layout-xs)}.sgds\:mr-layout-md{margin-right:var(--sgds-spacing-layout-md)}.sgds\:mb-0{margin-bottom:calc(var(--sgds-spacing) * 0)}.sgds\:mb-\[var\(--sgds-gap-sm\)\]{margin-bottom:var(--sgds-gap-sm)}.sgds\:mb-\[var\(--sgds-layout-gap-lg\)\]{margin-bottom:var(--sgds-layout-gap-lg)}.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-component-md{margin-bottom:var(--sgds-spacing-component-md)}.sgds\:mb-layout-lg{margin-bottom:var(--sgds-spacing-layout-lg)}.sgds\:mb-layout-md{margin-bottom:var(--sgds-spacing-layout-md)}.sgds\:mb-layout-sm{margin-bottom:var(--sgds-spacing-layout-sm)}.sgds\:mb-layout-xl{margin-bottom:var(--sgds-spacing-layout-xl)}.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\:mb-xl{margin-bottom:var(--sgds-spacing-xl)}.sgds\:mb-xs{margin-bottom:var(--sgds-spacing-xs)}.sgds\:-ml-\[var\(--sgds-gap-2-xs\)\]{margin-left:calc(var(--sgds-gap-2-xs) * -1)}.sgds\:ml-2{margin-left:calc(var(--sgds-spacing) * 2)}.sgds\:ml-auto{margin-left:auto}.sgds\:box-border{box-sizing:border-box}.sgds\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sgds\:block{display:block}.sgds\:flex{display:flex}.sgds\:grid{display:grid}.sgds\:hidden{display:none}.sgds\:inline{display:inline}.sgds\:inline-block{display:inline-block}.sgds\:inline-flex{display:inline-flex}.sgds\:aspect-\[424\/300\]{aspect-ratio:424/300}.sgds\:aspect-\[680\/365\]{aspect-ratio:680/365}.sgds\:aspect-square{aspect-ratio:1}.sgds\:size-8{width:calc(var(--sgds-spacing) * 8);height:calc(var(--sgds-spacing) * 8)}.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-5{height:calc(var(--sgds-spacing) * 5)}.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-32{height:calc(var(--sgds-spacing) * 32)}.sgds\:h-\[5px\]{height:5px}.sgds\:h-\[12px\]{height:12px}.sgds\:h-\[14px\]{height:14px}.sgds\:h-\[18\.5rem\]{height:18.5rem}.sgds\:h-\[26px\]{height:26px}.sgds\:h-\[42px\]{height:42px}.sgds\:h-\[45\%\]{height:45%}.sgds\:h-\[48\%\]{height:48%}.sgds\:h-\[48px\]{height:48px}.sgds\:h-\[57\%\]{height:57%}.sgds\:h-\[58\%\]{height:58%}.sgds\:h-\[161px\]{height:161px}.sgds\:h-\[209px\]{height:209px}.sgds\:h-\[240px\]{height:240px}.sgds\:h-\[320px\]{height:320px}.sgds\:h-\[360px\]{height:360px}.sgds\:h-\[365px\]{height:365px}.sgds\:h-\[420px\]{height:420px}.sgds\:h-\[640px\]{height:640px}.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-\[var\(--sgds-dimension-256\)\]{height:var(--sgds-dimension-256)}.sgds\:h-\[var\(--sgds-dimension-360\)\]{height:var(--sgds-dimension-360)}.sgds\:h-\[var\(--sgds-layout-gap-xs\)\]{height:var(--sgds-layout-gap-xs)}.sgds\:h-\[var\(--sgds-line-height-2-xs\)\]{height:var(--sgds-line-height-2-xs)}.sgds\:h-\[var\(--sgds-text-gap-xs\)\]{height:var(--sgds-text-gap-xs)}.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-12{min-height:calc(var(--sgds-spacing) * 12)}.sgds\:min-h-\[2\.75rem\]{min-height:2.75rem}.sgds\:min-h-\[14rem\]{min-height:14rem}.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-\[600px\]{min-height:600px}.sgds\:min-h-\[640px\]{min-height:640px}.sgds\:min-h-\[var\(--sgds-dimension-32\)\]{min-height:var(--sgds-dimension-32)}.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-360\)\]{min-height:var(--sgds-dimension-360)}.sgds\:min-h-\[var\(--sgds-dimension-400\)\]{min-height:var(--sgds-dimension-400)}.sgds\:min-h-\[var\(--sgds-dimension-480\)\]{min-height:var(--sgds-dimension-480)}.sgds\:min-h-\[var\(--sgds-dimension-512\)\]{min-height:var(--sgds-dimension-512)}.sgds\:min-h-\[var\(--sgds-dimension-1024\)\]{min-height:var(--sgds-dimension-1024)}.sgds\:min-h-screen{min-height:100vh}.sgds\:w-1\/2{width:50%}.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-10{width:calc(var(--sgds-spacing) * 10)}.sgds\:w-14{width:calc(var(--sgds-spacing) * 14)}.sgds\:w-16{width:calc(var(--sgds-spacing) * 16)}.sgds\:w-30{width:calc(var(--sgds-spacing) * 30)}.sgds\:w-32{width:calc(var(--sgds-spacing) * 32)}.sgds\:w-64{width:calc(var(--sgds-spacing) * 64)}.sgds\:w-\[0\.4em\]{width:.4em}.sgds\:w-\[1\%\]{width:1%}.sgds\:w-\[2rem\]{width:2rem}.sgds\:w-\[4\.5rem\]{width:4.5rem}.sgds\:w-\[5px\]{width:5px}.sgds\:w-\[6\.5rem\]{width:6.5rem}.sgds\:w-\[8\%\]{width:8%}.sgds\:w-\[12px\]{width:12px}.sgds\:w-\[14px\]{width:14px}.sgds\:w-\[27\%\]{width:27%}.sgds\:w-\[34\%\]{width:34%}.sgds\:w-\[36\%\]{width:36%}.sgds\:w-\[40\%\]{width:40%}.sgds\:w-\[43\%\]{width:43%}.sgds\:w-\[45\%\]{width:45%}.sgds\:w-\[52px\]{width:52px}.sgds\:w-\[56\%\]{width:56%}.sgds\:w-\[59px\]{width:59px}.sgds\:w-\[417px\]{width:417px}.sgds\:w-\[642px\]{width:642px}.sgds\:w-\[680px\]{width:680px}.sgds\:w-\[calc\(var\(--sgds-dimension-288\)\*2\)\]{width:calc(var(--sgds-dimension-288) * 2)}.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-\[min\(var\(--sgds-dimension-400\)\,calc\(100vw-var\(--sgds-padding-xl\)\)\)\]{width:min(var(--sgds-dimension-400),calc(100vw - var(--sgds-padding-xl)))}.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-\[var\(--sgds-dimension-280\)\]{width:var(--sgds-dimension-280)}.sgds\:w-\[var\(--sgds-dimension-320\)\]{width:var(--sgds-dimension-320)}.sgds\:w-\[var\(--sgds-dimension-480\)\]{width:var(--sgds-dimension-480)}.sgds\:w-\[var\(--sgds-dimension-688\)\]{width:var(--sgds-dimension-688)}.sgds\:w-\[var\(--sgds-dimension-888\)\]{width:var(--sgds-dimension-888)}.sgds\:w-\[var\(--sgds-dimension-1168\)\]{width:var(--sgds-dimension-1168)}.sgds\:w-\[var\(--sgds-dimension-1312\)\]{width:var(--sgds-dimension-1312)}.sgds\:w-component-sm{width:var(--sgds-spacing-component-sm)}.sgds\:w-container{width:var(--sgds-width-container)}.sgds\:w-fit{width:fit-content}.sgds\:w-full{width:100%}.sgds\:w-max{width:max-content}.sgds\:w-px{width:1px}.sgds\:max-w-40{max-width:calc(var(--sgds-spacing) * 40)}.sgds\:max-w-\[6rem\]{max-width:6rem}.sgds\:max-w-\[11rem\]{max-width:11rem}.sgds\:max-w-\[12rem\]{max-width:12rem}.sgds\:max-w-\[16rem\]{max-width:16rem}.sgds\:max-w-\[18rem\]{max-width:18rem}.sgds\:max-w-\[20rem\]{max-width:20rem}.sgds\:max-w-\[32rem\]{max-width:32rem}.sgds\:max-w-\[54rem\]{max-width:54rem}.sgds\:max-w-\[56rem\]{max-width:56rem}.sgds\:max-w-\[70ch\]{max-width:70ch}.sgds\:max-w-\[560px\]{max-width:560px}.sgds\:max-w-\[635px\]{max-width:635px}.sgds\:max-w-\[642px\]{max-width:642px}.sgds\:max-w-\[680px\]{max-width:680px}.sgds\:max-w-\[864px\]{max-width:864px}.sgds\:max-w-\[1312px\]{max-width:1312px}.sgds\:max-w-\[clamp\(12rem\,22vw\,16rem\)\]{max-width:clamp(12rem,22vw,16rem)}.sgds\:max-w-\[var\(--sgds-container-max-width-md\)\]{max-width:var(--sgds-container-max-width-md)}.sgds\:max-w-\[var\(--sgds-dimension-96\)\]{max-width:var(--sgds-dimension-96)}.sgds\:max-w-\[var\(--sgds-dimension-120\)\]{max-width:var(--sgds-dimension-120)}.sgds\:max-w-\[var\(--sgds-dimension-320\)\]{max-width:var(--sgds-dimension-320)}.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-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-\[var\(--sgds-dimension-1168\)\]{max-width:var(--sgds-dimension-1168)}.sgds\:max-w-\[var\(--sgds-dimension-1312\)\]{max-width:var(--sgds-dimension-1312)}.sgds\:max-w-full{max-width:100%}.sgds\:min-w-0{min-width:calc(var(--sgds-spacing) * 0)}.sgds\:min-w-6{min-width:calc(var(--sgds-spacing) * 6)}.sgds\:min-w-12{min-width:calc(var(--sgds-spacing) * 12)}.sgds\:min-w-28{min-width:calc(var(--sgds-spacing) * 28)}.sgds\:min-w-32{min-width:calc(var(--sgds-spacing) * 32)}.sgds\:min-w-\[4\.5rem\]{min-width:4.5rem}.sgds\:min-w-\[7\.5rem\]{min-width:7.5rem}.sgds\:min-w-\[12rem\]{min-width:12rem}.sgds\:min-w-\[13rem\]{min-width:13rem}.sgds\:min-w-\[14rem\]{min-width:14rem}.sgds\:min-w-\[28rem\]{min-width:28rem}.sgds\:min-w-\[var\(--sgds-dimension-80\)\]{min-width:var(--sgds-dimension-80)}.sgds\:min-w-\[var\(--sgds-dimension-200\)\]{min-width:var(--sgds-dimension-200)}.sgds\:min-w-full{min-width:100%}.sgds\:min-w-max{min-width:max-content}.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-10{flex-basis:calc(var(--sgds-spacing) * 10)}.sgds\:\[border-collapse\:collapse\]{border-collapse:collapse}.sgds\:origin-top-left{transform-origin:0 0}.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\:\[transform\:scale\(min\(1\,calc\(100cqw\/680px\)\)\)\]{transform:scale(min(1,calc(100cqw/680px)))}.sgds\:cursor-col-resize{cursor:col-resize}.sgds\:cursor-default{cursor:default}.sgds\:cursor-ew-resize{cursor:ew-resize}.sgds\:cursor-not-allowed{cursor:not-allowed}.sgds\:cursor-pointer{cursor:pointer}.sgds\:cursor-text{cursor:text}.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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-\[auto_1fr\]{grid-template-columns:auto 1fr}.sgds\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,5fr)}.sgds\:grid-cols-\[repeat\(4\,max-content\)\]{grid-template-columns:repeat(4,max-content)}.sgds\:grid-cols-\[repeat\(auto-fit\,minmax\(10rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.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-end{justify-content:flex-end}.sgds\:justify-start{justify-content:flex-start}.sgds\:justify-items-center{justify-items:center}.sgds\:gap-0{gap:calc(var(--sgds-spacing) * 0)}.sgds\:gap-1{gap:calc(var(--sgds-spacing) * 1)}.sgds\:gap-2{gap:calc(var(--sgds-spacing) * 2)}.sgds\:gap-2-xl{gap:var(--sgds-gap-2-xl)}.sgds\:gap-2-xs{gap:var(--sgds-gap-2-xs)}.sgds\:gap-3-xl{gap:var(--sgds-gap-3-xl)}.sgds\:gap-4{gap:calc(var(--sgds-spacing) * 4)}.sgds\:gap-5{gap:calc(var(--sgds-spacing) * 5)}.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-4-xl\)\]{gap:var(--sgds-gap-4-xl)}.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-2-xs\)\]{gap:var(--sgds-text-gap-2-xs)}.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-form-2-xl{gap:var(--sgds-gap-form-2-xl)}.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-lg{gap:var(--sgds-gap-lg)}.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-xl{gap:var(--sgds-gap-text-xl)}.sgds\:gap-text-xs{gap:var(--sgds-gap-text-xs)}.sgds\:gap-xs{gap:var(--sgds-gap-xs)}.sgds\:gap-x-2-xs{column-gap:var(--sgds-gap-2-xs)}.sgds\:gap-x-text-xs{column-gap:var(--sgds-gap-text-xs)}.sgds\:gap-y-2-xs{row-gap:var(--sgds-gap-2-xs)}.sgds\:gap-y-10{row-gap:calc(var(--sgds-spacing) * 10)}.sgds\:self-end{align-self:flex-end}.sgds\:self-start{align-self:flex-start}.sgds\:overflow-clip{overflow:clip}.sgds\:overflow-hidden{overflow:hidden}.sgds\:overflow-visible{overflow:visible}.sgds\:overflow-x-auto{overflow-x:auto}.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-\[8px\]{border-radius:8px}.sgds\:rounded-\[10px\]{border-radius:10px}.sgds\:rounded-\[32px\]{border-radius:32px}.sgds\:rounded-\[min\(var\(--sgds-border-radius-xl\)\,30\%\)\]{border-radius:min(var(--sgds-border-radius-xl),30%)}.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-t{border-top-style:var(--tw-border-style);border-top-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-0{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--sgds-border-width-0)}.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-cyan-border-color-muted\)\]{border-color:var(--sgds-cyan-border-color-muted)}.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-purple-border-color-muted\)\]{border-color:var(--sgds-purple-border-color-muted)}.sgds\:border-\[var\(--sgds-success-border-color-default\)\]{border-color:var(--sgds-success-border-color-default)}.sgds\:border-\[var\(--sgds-success-border-color-muted\)\]{border-color:var(--sgds-success-border-color-muted)}.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-\[currentColor\]{background-color:currentColor}.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-color-default\)\]{background-color:var(--sgds-color-default)}.sgds\:bg-\[var\(--sgds-cyan-surface-muted\)\]{background-color:var(--sgds-cyan-surface-muted)}.sgds\:bg-\[var\(--sgds-neutral-surface-emphasis\)\]{background-color:var(--sgds-neutral-surface-emphasis)}.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-purple-surface-muted\)\]{background-color:var(--sgds-purple-surface-muted)}.sgds\:bg-\[var\(--sgds-success-surface-muted\)\]{background-color:var(--sgds-success-surface-muted)}.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-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-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-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-inverse{background-color:var(--sgds-background-color-surface-inverse)}.sgds\:bg-surface-raised{background-color:var(--sgds-background-color-surface-raised)}.sgds\:bg-translucent-fixed-light{background-color:var(--sgds-background-color-translucent-fixed-light)}.sgds\:bg-transparent{background-color:#0000}.sgds\:bg-warning-surface-muted{background-color:var(--sgds-background-color-warning-surface-muted)}.sgds\:object-contain{object-fit:contain}.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-5{padding:calc(var(--sgds-spacing) * 5)}.sgds\:p-\[var\(--sgds-padding-2-xl\)\]{padding:var(--sgds-padding-2-xl)}.sgds\:p-component-md{padding:var(--sgds-spacing-component-md)}.sgds\:p-component-xs{padding:var(--sgds-spacing-component-xs)}.sgds\:p-layout-lg{padding:var(--sgds-spacing-layout-lg)}.sgds\:p-layout-md{padding:var(--sgds-spacing-layout-md)}.sgds\:p-layout-sm{padding:var(--sgds-spacing-layout-sm)}.sgds\:p-layout-xs{padding:var(--sgds-spacing-layout-xs)}.sgds\:p-md{padding:var(--sgds-spacing-md)}.sgds\:p-sm{padding:var(--sgds-spacing-sm)}.sgds\:p-xl{padding:var(--sgds-spacing-xl)}.sgds\:px-1{padding-inline:calc(var(--sgds-spacing) * 1)}.sgds\:px-2{padding-inline:calc(var(--sgds-spacing) * 2)}.sgds\:px-2-xs{padding-inline:var(--sgds-spacing-2-xs)}.sgds\:px-4-xl{padding-inline:var(--sgds-spacing-4-xl)}.sgds\:px-6{padding-inline:calc(var(--sgds-spacing) * 6)}.sgds\:px-8{padding-inline:calc(var(--sgds-spacing) * 8)}.sgds\:px-\[0\.75rem\]{padding-inline:.75rem}.sgds\:px-\[1px\]{padding-inline:1px}.sgds\:px-\[1rem\]{padding-inline:1rem}.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-padding-2-xs\)\]{padding-inline:var(--sgds-padding-2-xs)}.sgds\:px-\[var\(--sgds-padding-xl\)\]{padding-inline:var(--sgds-padding-xl)}.sgds\:px-\[var\(--sgds-padding-xs\)\]{padding-inline:var(--sgds-padding-xs)}.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-md{padding-inline:var(--sgds-spacing-md)}.sgds\:px-sm{padding-inline:var(--sgds-spacing-sm)}.sgds\:px-xl{padding-inline:var(--sgds-spacing-xl)}.sgds\:px-xs{padding-inline:var(--sgds-spacing-xs)}.sgds\:py-0{padding-block:calc(var(--sgds-spacing) * 0)}.sgds\:py-2{padding-block:calc(var(--sgds-spacing) * 2)}.sgds\:py-2-xl{padding-block:var(--sgds-spacing-2-xl)}.sgds\:py-2-xs{padding-block:var(--sgds-spacing-2-xs)}.sgds\:py-3{padding-block:calc(var(--sgds-spacing) * 3)}.sgds\:py-4-xl{padding-block:var(--sgds-spacing-4-xl)}.sgds\:py-\[0\.375rem\]{padding-block:.375rem}.sgds\:py-\[1px\]{padding-block:1px}.sgds\:py-\[1rem\]{padding-block:1rem}.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-sm\)\]{padding-block:var(--sgds-padding-sm)}.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-md{padding-block:var(--sgds-spacing-layout-md)}.sgds\:py-layout-xl{padding-block:var(--sgds-spacing-layout-xl)}.sgds\:py-sm{padding-block:var(--sgds-spacing-sm)}.sgds\:pt-1{padding-top:calc(var(--sgds-spacing) * 1)}.sgds\:pt-\[14px\]{padding-top:14px}.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\:pt-\[var\(--sgds-text-gap-2-xl\)\]{padding-top:var(--sgds-text-gap-2-xl)}.sgds\:pt-component-sm{padding-top:var(--sgds-spacing-component-sm)}.sgds\:pt-layout-sm{padding-top:var(--sgds-spacing-layout-sm)}.sgds\:pt-layout-xs{padding-top:var(--sgds-spacing-layout-xs)}.sgds\:pt-md{padding-top:var(--sgds-spacing-md)}.sgds\:pt-sm{padding-top:var(--sgds-spacing-sm)}.sgds\:pr-2-xl{padding-right:var(--sgds-spacing-2-xl)}.sgds\:pr-\[0\.75rem\]{padding-right:.75rem}.sgds\:pr-\[1rem\]{padding-right:1rem}.sgds\:pr-\[32px\]{padding-right:32px}.sgds\:pr-\[var\(--sgds-padding-2-xl\)\]{padding-right:var(--sgds-padding-2-xl)}.sgds\:pr-layout-xs{padding-right:var(--sgds-spacing-layout-xs)}.sgds\:pb-0{padding-bottom:calc(var(--sgds-spacing) * 0)}.sgds\:pb-\[7px\]{padding-bottom:7px}.sgds\:pb-layout-md{padding-bottom:var(--sgds-spacing-layout-md)}.sgds\:pb-layout-xl{padding-bottom:var(--sgds-spacing-layout-xl)}.sgds\:pl-0{padding-left:calc(var(--sgds-spacing) * 0)}.sgds\:pl-6{padding-left:calc(var(--sgds-spacing) * 6)}.sgds\:pl-8{padding-left:calc(var(--sgds-spacing) * 8)}.sgds\:pl-\[0\.75rem\]{padding-left:.75rem}.sgds\:pl-\[1rem\]{padding-left:1rem}.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\:pl-layout-xs{padding-left:var(--sgds-spacing-layout-xs)}.sgds\:text-center{text-align:center}.sgds\:text-left{text-align:left}.sgds\:text-right{text-align:right}.sgds\:align-middle{vertical-align:middle}.sgds\:align-top{vertical-align:top}.sgds\:\[font-family\:inherit\]{font-family:inherit}.sgds\:font-display{font-family:var(--sgds-font-display)}.sgds\:text-12{font-size:var(--sgds-text-12)}.sgds\:text-14{font-size:var(--sgds-text-14)}.sgds\:text-16{font-size:var(--sgds-text-16)}.sgds\:text-18{font-size:var(--sgds-text-18)}.sgds\:text-20{font-size:var(--sgds-text-20)}.sgds\:text-22{font-size:var(--sgds-text-22)}.sgds\:text-24{font-size:var(--sgds-text-24)}.sgds\:text-26{font-size:var(--sgds-text-26)}.sgds\:text-28{font-size:var(--sgds-text-28)}.sgds\:text-30{font-size:var(--sgds-text-30)}.sgds\:text-32{font-size:var(--sgds-text-32)}.sgds\:text-36{font-size:var(--sgds-text-36)}.sgds\:text-40{font-size:var(--sgds-text-40)}.sgds\:text-44{font-size:var(--sgds-text-44)}.sgds\:text-48{font-size:var(--sgds-text-48)}.sgds\:text-52{font-size:var(--sgds-text-52)}.sgds\:text-56{font-size:var(--sgds-text-56)}.sgds\:text-\[0\.875em\]{font-size:.875em}.sgds\:text-\[5rem\]{font-size:5rem}.sgds\:text-\[12px\]{font-size:12px}.sgds\:text-\[14px\]{font-size:14px}.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\.2\]{--tw-leading:1.2;line-height:1.2}.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\.6\]{--tw-leading:1.6;line-height:1.6}.sgds\:leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.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-none{--tw-leading:var(--sgds-spacing-none);line-height:var(--sgds-spacing-none)}.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\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.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\:\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.sgds\:break-words{overflow-wrap:break-word}.sgds\:break-all{word-break:break-all}.sgds\:text-ellipsis{text-overflow:ellipsis}.sgds\:whitespace-normal{white-space:normal}.sgds\:whitespace-nowrap{white-space:nowrap}.sgds\:whitespace-pre{white-space:pre}.sgds\:whitespace-pre-line{white-space:pre-line}.sgds\:whitespace-pre-wrap{white-space:pre-wrap}.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-cyan-color-emphasis\)\]{color:var(--sgds-cyan-color-emphasis)}.sgds\:text-\[var\(--sgds-font-size-0\)\]{color:var(--sgds-font-size-0)}.sgds\:text-\[var\(--sgds-primary-color-emphasis\)\]{color:var(--sgds-primary-color-emphasis)}.sgds\:text-\[var\(--sgds-purple-color-emphasis\)\]{color:var(--sgds-purple-color-emphasis)}.sgds\:text-\[var\(--sgds-success-color-emphasis\)\]{color:var(--sgds-success-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-label-subtle{color:var(--sgds-text-color-label-subtle)}.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\:text-warning-fixed-light{color:var(--sgds-text-color-warning-fixed-light)}.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-75{opacity:.75}.sgds\:opacity-100{opacity:var(--sgds-opacity-100)}.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\: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\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.sgds\:duration-100{--tw-duration:.1s;transition-duration:.1s}.sgds\:duration-500{--tw-duration:.5s;transition-duration:.5s}.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\:-translate-y-2:is(:where(.sgds\:group):hover *){--tw-translate-y:calc(var(--sgds-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:group-hover\:scale-\[1\.04\]:is(:where(.sgds\:group):hover *){scale:1.04}.sgds\:group-hover\:opacity-100:is(:where(.sgds\:group):hover *){opacity:var(--sgds-opacity-100)}}.sgds\:group-focus-visible\:-translate-y-2:is(:where(.sgds\:group):focus-visible *){--tw-translate-y:calc(var(--sgds-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:group-focus-visible\:scale-\[1\.04\]:is(:where(.sgds\:group):focus-visible *){scale:1.04}@media(hover:hover){.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\:bg-translucent-subtle:hover{background-color:var(--sgds-background-color-translucent-subtle)}.sgds\:hover\:text-default:hover{color:var(--sgds-text-color-default)}.sgds\:hover\:underline:hover{text-decoration-line:underline}.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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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,)}@media(prefers-reduced-motion:reduce){.sgds\:motion-reduce\:transition-none{transition-property:none}@media(hover:hover){.sgds\:motion-reduce\:group-hover\:translate-y-0:is(:where(.sgds\:group):hover *){--tw-translate-y:calc(var(--sgds-spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:motion-reduce\:group-hover\:scale-100:is(:where(.sgds\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.sgds\:motion-reduce\:group-focus-visible\:translate-y-0:is(:where(.sgds\:group):focus-visible *){--tw-translate-y:calc(var(--sgds-spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sgds\:motion-reduce\:group-focus-visible\:scale-100:is(:where(.sgds\:group):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media not all and (min-width:1280px){.sgds\:max-xl\:hidden{display:none}.sgds\:max-xl\:h-auto{height:auto}.sgds\:max-xl\:min-h-0{min-height:calc(var(--sgds-spacing) * 0)}.sgds\:max-xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sgds\:max-xl\:overflow-visible{overflow:visible}.sgds\:max-xl\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sgds\:max-xl\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:var(--sgds-border-width-0)}}@media not all and (min-width:1024px){.sgds\:max-lg\:min-h-\[auto\]{min-height:auto}.sgds\:max-lg\:min-h-\[var\(--sgds-dimension-320\)\]{min-height:var(--sgds-dimension-320)}.sgds\:max-lg\:w-full{width:100%}.sgds\:max-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:768px){.sgds\:max-md\:col-start-auto{grid-column-start:auto}.sgds\:max-md\:hidden{display:none}.sgds\:max-md\:min-h-\[14rem\]{min-height:14rem}.sgds\:max-md\:min-h-\[15rem\]{min-height:15rem}.sgds\:max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:512px){.sgds\:max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:768px){.sgds\:md\:flex-row{flex-direction:row}}@media(min-width:1024px){.sgds\:lg\:absolute{position:absolute}.sgds\:lg\:right-0{right:calc(var(--sgds-spacing) * 0)}.sgds\:lg\:gap-\[var\(--sgds-spacer-12\)\]{gap:var(--sgds-spacer-12)}}.sgds\:\[\&\>p\]\:\!my-0>p,.sgds\:\[\&\>ul\]\:\!my-0>ul{margin-block:calc(var(--sgds-spacing) * 0)!important}}*{box-sizing:border-box}sgds-tab-group[variant=underlined]{width:100%;display:block;overflow:hidden}.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 :not(pre,h1,h2,h3,h4,h5,h6)>code{background:var(--sgds-surface-raised)!important;background-color:var(--sgds-surface-raised)!important;border-radius:var(--sgds-border-radius-sm)!important;color:var(--sgds-color-default)!important;font-family:var(--sgds-font-family-mono)!important;white-space:nowrap!important;padding:0 6px!important;font-size:.875em!important;line-height:1.4!important;display:inline-block!important}@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}.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%)}h3[data-v-4319530e],h4[data-v-4319530e],p[data-v-4319530e]{margin:0}.body-copy[data-v-4319530e]{color:var(--sgds-body-color-subtle)}.intro-followup[data-v-4319530e]{margin-top:var(--sgds-text-gap-xs)}.context-copy[data-v-4319530e]{margin-bottom:var(--sgds-text-gap-xs)}.tools-copy[data-v-4319530e]{margin-top:var(--sgds-text-gap-sm)}.section-heading[data-v-4319530e]{margin-top:var(--sgds-layout-gap-lg)}h3+p[data-v-4319530e],h4+p[data-v-4319530e]{margin-top:var(--sgds-text-gap-sm)}p+p[data-v-4319530e]{margin-top:var(--sgds-text-gap-sm)}.section-block[data-v-4319530e]{margin-top:var(--sgds-text-gap-sm)}h2[data-v-051b7058],p[data-v-051b7058],ul[data-v-051b7058],li[data-v-051b7058]{margin:0}h2[data-v-051b7058]{margin-top:var(--sgds-layout-gap-lg)}h2[data-v-051b7058]:first-of-type{margin-top:0}h2+p[data-v-051b7058]{margin-top:var(--sgds-text-gap-sm)}p+p[data-v-051b7058],p+ul[data-v-051b7058],ul+p[data-v-051b7058],p+.example-prompts[data-v-051b7058],p+copy-command[data-v-051b7058],p+skills-table[data-v-051b7058],p+ai-workflow-paths[data-v-051b7058],.example-prompts+p[data-v-051b7058]{margin-top:var(--sgds-text-gap-sm)}.example-prompts[data-v-051b7058]{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm);margin:var(--sgds-text-gap-md) 0}.example-prompt[data-v-051b7058]{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)}.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[data-v-3fdae83d],h3[data-v-3fdae83d],p[data-v-3fdae83d],ul[data-v-3fdae83d],li[data-v-3fdae83d]{margin:0}h2[data-v-3fdae83d],h3[data-v-3fdae83d]{margin-top:var(--sgds-layout-gap-lg)}h3[data-v-3fdae83d]:first-of-type{margin-top:0}h2+p[data-v-3fdae83d],h3+p[data-v-3fdae83d],h2+.ai-role-card[data-v-3fdae83d],h2+.ai-compare-grid[data-v-3fdae83d],h2+.ai-example-block[data-v-3fdae83d],h3+.ai-role-card[data-v-3fdae83d]{margin-top:var(--sgds-text-gap-sm)}p+p[data-v-3fdae83d],p+ul[data-v-3fdae83d],ul+p[data-v-3fdae83d]{margin-top:var(--sgds-text-gap-sm)}.ai-role-card[data-v-3fdae83d],.ai-compare-card[data-v-3fdae83d],.ai-example-block[data-v-3fdae83d]{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[data-v-3fdae83d]{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm)}.ai-role-title[data-v-3fdae83d],.ai-example-label[data-v-3fdae83d],.ai-compare-title[data-v-3fdae83d]{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[data-v-3fdae83d]{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[data-v-3fdae83d]{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[data-v-3fdae83d],li[data-v-3fdae83d]{color:var(--sgds-body-color-subtle)}.ai-compare-grid[data-v-3fdae83d]{display:grid;gap:var(--sgds-gap-2-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.ai-compare-card[data-v-3fdae83d]{min-height:var(--sgds-dimension-200)}.ai-compare-card--accent[data-v-3fdae83d]{background:var(--sgds-primary-surface-translucent)}.ai-example-block[data-v-3fdae83d] pre{background:transparent;border:none;margin:0;padding:0}.ai-example-block[data-v-3fdae83d] code{color:var(--sgds-body-color-default)}@media(max-width:768px){.ai-compare-grid[data-v-3fdae83d]{grid-template-columns:1fr}}.template-preview-toolbar{display:contents}.template-preview-template-menu{grid-column:2;justify-self:center}.template-preview-template-button{width:var(--sgds-dimension-280)}.template-preview-toolbar-label{font-family:var(--sgds-font-family-brand);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-label-sm)}.template-preview-toolbar-divider{align-self:center;block-size:var(--sgds-dimension-40);display:inline-flex;flex:0 0 auto}.template-preview-toolbar-actions{align-items:center;display:inline-flex;gap:var(--sgds-gap-xs);grid-column:3;margin-inline-start:auto;justify-self:end}.template-preview-storybook-button:after,.template-preview-storybook-button .external-link-icon{content:none!important;display:none!important}.template-preview-storybook-icon{background-color:#ff4785;display:block;height:var(--sgds-dimension-24);-webkit-mask:url(/brands/storybook.svg) center / contain no-repeat;mask:url(/brands/storybook.svg) center / contain no-repeat;width:var(--sgds-dimension-24)}.sgds-night-theme .template-preview-storybook-icon{background-color:var(--sgds-color-fixed-light)}@media(max-width:640px){.template-preview-toolbar{align-items:center;display:inline-flex;gap:var(--sgds-gap-xs)}.template-preview-template-button{width:auto}.template-preview-template-menu{grid-column:1 / -1}}.template-preview-shell{background:var(--sgds-surface-raised);min-height:100vh;position:relative}.template-preview-sticky-bar{align-items:center;background:var(--sgds-surface-default);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);box-shadow:0 2px 8px color-mix(in srgb,var(--sgds-color-fixed-dark) 8%,transparent);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--sgds-gap-xs);padding:var(--sgds-padding-2-xs) var(--sgds-padding-xs);position:sticky;top:0;z-index:50}.template-preview-back-action{justify-self:start}.template-preview-stage{display:flex}.template-preview-iframe{width:100%;border:0;display:block;height:calc(100vh - 57px)}@media(max-width:640px){.template-preview-sticky-bar{display:flex;overflow-x:auto}}.block-raw-root{display:flex;flex-direction:column;background:var(--sgds-surface-raised)}.block-raw-variant{background:var(--sgds-surface-default);margin-bottom:var(--sgds-spacing-layout-md)}.block-raw-variant:last-child{margin-bottom:0}.block-raw-variant-header{padding:var(--sgds-spacing-component-md) var(--sgds-spacing-layout-md);border-bottom:1px solid var(--sgds-border-color-muted);background:var(--sgds-surface-raised)}.block-raw-variant-label{display:inline-block;font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-wide);color:var(--sgds-body-color-subtle);text-transform:uppercase;margin-bottom:var(--sgds-spacing-2-xs)}.block-raw-variant-title{font-size:var(--sgds-font-size-4);font-weight:var(--sgds-font-weight-semibold);color:var(--sgds-heading-color-default);margin:0 0 var(--sgds-spacing-2-xs) 0}.block-raw-variant-description{font-size:var(--sgds-font-size-2);color:var(--sgds-body-color-subtle);margin:0}.block-raw-single{background:var(--sgds-surface-default)}.sgds-night-theme .block-raw-root img[src*="placeholder-sgds.png"],.sgds-night-theme .block-raw-single img[src*="placeholder-sgds.png"]{filter:invert(1) brightness(.9) contrast(1.05)}.sgds-night-theme .block-raw-root [style*="placeholder-sgds.png"],.sgds-night-theme .block-raw-single [style*="placeholder-sgds.png"]{background-color:var(--sgds-bg-fixed-dark);background-blend-mode:multiply}.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-lg);width:100%}.typography-page-template__body--prose{gap:var(--sgds-layout-gap-lg)}.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-xs)}.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}}.br-bullet-list{display:block;margin-block-start:calc(var(--sgds-text-gap-2-xs) - var(--sgds-text-gap-xs))}.br-bullet-list>li+li{margin-block-start:var(--sgds-text-gap-2-xs)}.br-modal-backdrop{background-color:var(--sgds-bg-overlay)}.br-hover-frozen{border-radius:var(--sgds-border-radius-sm);display:inline-flex;pointer-events:none}.br-hover-frozen--close{background-color:var(--sgds-bg-translucent)}.br-hover-frozen--overflow{background-color:var(--sgds-bg-translucent-subtle)}.border-utilities-radius-table .typography-page-template__table-preview-column{min-width:6rem}.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-usage-col{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(18rem,30vw,24rem);min-inline-size:16rem}.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-box{align-items:center;background:transparent;block-size:3.5rem;border:var(--sgds-border-width-1) solid var(--sgds-border-color-default);box-sizing:border-box;display:flex;inline-size:6.5rem;justify-content:center}.border-token-form-radius-preview-box{align-items:center;background:transparent;block-size:3rem;border:var(--sgds-border-width-1) solid var(--sgds-border-color-default);box-sizing:border-box;display:flex;inline-size:100%;max-inline-size:12rem}.border-token-default-row{background:var(--sgds-primary-surface-muted)}.cs-card{background:var(--sgds-bg-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)}.cs-backgroundCard{background:var(--sgds-bg-default);border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);min-height:25rem;overflow:hidden;position:relative}.cs-backgroundHalf{display:grid;grid-template-rows:1fr 1fr;height:100%;min-height:25rem}.cs-backgroundStage{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}.cs-backgroundTop{background:var(--sgds-bg-fixed-light);min-height:0;width:100%}.cs-backgroundBottom{background:var(--sgds-bg-fixed-dark);min-height:0;width:100%}.cs-backgroundCaptionRail,.cs-backgroundSwatchRail{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)}.cs-backgroundCaptionSlot,.cs-backgroundSwatchSlot{align-items:center;display:flex;flex:1 1 0;justify-content:center;min-width:0}.cs-backgroundSwatch{align-items:center;aspect-ratio:1;border-radius:min(var(--sgds-border-radius-xl),30%);display:flex;justify-content:center;min-width:0;width:100%}.cs-backgroundSwatchBordered{border:1px solid var(--sgds-border-color-muted)}.cs-backgroundSwatchDark{color:var(--sgds-color-fixed-light)}.cs-backgroundSwatchLabel{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}.cs-backgroundSwatchDark .cs-backgroundSwatchLabel,.cs-backgroundCaptionDark{color:var(--sgds-color-fixed-light)}.cs-backgroundCaptionFixedDark{color:var(--sgds-color-fixed-dark)}.cs-backgroundCaption{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%}.cs-backgroundCaptionTop{color:var(--sgds-color-fixed-dark);min-height:calc(var(--sgds-line-height-16) * 2)}.cs-backgroundCaptionBottom{color:var(--sgds-color-fixed-light);min-height:calc(var(--sgds-line-height-16) * 2)}.cs-backgroundCaptionHidden{visibility:hidden}.cs-backgroundCaptionBottom.cs-backgroundCaptionDark{color:var(--sgds-color-fixed-light)}.cs-backgroundCaptionTop.cs-backgroundCaptionDark{color:var(--sgds-color-fixed-dark)}.cs-chartCard{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)}.cs-scaleFrame{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}.cs-chartFrame{margin:0 auto;max-width:84.5rem;padding-block:var(--sgds-layout-gap-lg);width:100%}.cs-lightnessChart{display:flex;gap:var(--sgds-gap-xs);margin:0 auto;max-width:36rem;width:100%}.cs-lightnessYAxis{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}.cs-lightnessLabel{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}.cs-lightnessChartWrap{flex:1;min-width:0}.cs-lightnessChartBox{aspect-ratio:624 / 252;background:var(--sgds-surface-default);border:1px solid var(--sgds-border-color-muted);position:relative;width:100%}.cs-lightnessChartHalf{border-bottom:1px solid var(--sgds-border-color-muted);height:50%;width:100%}.cs-lightnessCurve{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.cs-lightnessXAxis{display:flex;justify-content:space-between;margin-top:var(--sgds-gap-xs)}.cs-swatchRow{align-items:center;display:grid;gap:var(--sgds-gap-xs);grid-template-columns:repeat(12,minmax(0,1fr));position:relative;z-index:2}.cs-swatch{align-items:center;aspect-ratio:1;border-radius:min(var(--sgds-border-radius-xl),30%);display:flex;justify-content:center;min-width:0}.cs-swatchBordered{border:1px solid var(--sgds-border-color-muted)}.cs-swatchDark{color:var(--sgds-body-color-fixed-light)}.cs-swatchLabel{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}.cs-connector{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}.cs-connectorBottom{border-radius:0 0 var(--sgds-border-radius-xl) var(--sgds-border-radius-xl);border-width:0 1px 1px}.cs-connectorLabel{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}.cs-connectorTop .cs-connectorLabel{top:-.5rem}.cs-connectorBottom .cs-connectorLabel{bottom:-.5rem}@media(max-width:1023px){.cs-card{padding:var(--sgds-padding-2-xl)}.cs-chartCard{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)}.cs-backgroundSwatchRail{left:var(--sgds-component-padding-sm);right:var(--sgds-component-padding-sm)}}@media(max-width:767px){.cs-card{border-radius:var(--sgds-border-radius-xl);padding:var(--sgds-padding-xl)}.cs-scaleFrame{gap:var(--sgds-layout-gap-md);padding-block:var(--sgds-padding-3-xl)}.cs-chartCard{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)}.cs-backgroundCard{border-radius:var(--sgds-border-radius-xl);min-height:22rem}.cs-backgroundHalf{min-height:22rem}.cs-backgroundStage{box-sizing:border-box;padding-inline:var(--sgds-component-padding-xs)}.cs-backgroundSwatchLabel,.cs-backgroundCaption{font-size:var(--sgds-font-size-label-xs);line-height:var(--sgds-line-height-16)}.cs-backgroundCaptionTop,.cs-backgroundCaptionBottom{min-height:calc(var(--sgds-line-height-16) * 2)}.cs-connectorLabel{font-size:var(--sgds-font-size-label-2-xs);line-height:var(--sgds-line-height-16)}}.cp-token-column{box-sizing:border-box;inline-size:max-content;max-inline-size:none;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-colour-select{min-width:10rem}.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-token-anatomy{align-items:center;background:transparent;column-gap:var(--sgds-padding-xs);display:grid;grid-template-columns:max-content max-content max-content;justify-content:start;margin-block:var(--sgds-layout-gap-xs);padding-inline:var(--sgds-padding-2-xl);row-gap:var(--sgds-text-gap-sm);width:fit-content}.cp-token-anatomy--theme-mapping{grid-template-columns:max-content max-content max-content max-content max-content max-content;row-gap:var(--sgds-text-gap-md)}.cp-token-anatomy__theme{color:var(--sgds-color-default);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-xs);padding-inline-end:var(--sgds-padding-xs)}.cp-token-anatomy__pill--span-2{align-self:center;grid-row:span 2}.cp-token-anatomy__arrow--merge{block-size:100%;grid-row:span 2;inline-size:56px;justify-self:center;min-block-size:4.5rem}.cp-token-anatomy__swatch--split{background:linear-gradient(135deg,#0269d0 50%,#60aaf4 50%)}.cp-token-anatomy__label{color:var(--sgds-color-default);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)}.cp-token-anatomy__pill{align-items:center;background:var(--sgds-surface-raised);border-radius:var(--sgds-border-radius-full);color:var(--sgds-color-default);display:inline-flex;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-padding-2-xs);justify-self:start;line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-xs) var(--sgds-padding-md)}.cp-token-anatomy__swatch{block-size:.875rem;border-radius:var(--sgds-border-radius-full);display:inline-block;flex-shrink:0;inline-size:.875rem}.cp-token-anatomy__code{background:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;padding:0}.cp-token-anatomy__arrow{color:var(--sgds-border-color-default);justify-self:center}.cp-name-anatomy{--cp-callout-family-color: var(--sgds-primary-color-default);--cp-callout-scale-color: var(--sgds-success-color-default);background:transparent;display:block;margin-block:var(--sgds-layout-gap-xs);padding-inline:var(--sgds-padding-2-xl);width:max-content}.cp-name-anatomy__inner{display:inline-block;padding-block-end:var(--sgds-layout-gap-sm);padding-block-start:4.25rem;padding-inline-end:12.5rem;position:relative}.cp-name-anatomy__token{align-items:center;background:var(--sgds-surface-raised);border-radius:var(--sgds-border-radius-full);color:var(--sgds-color-default);display:inline-flex;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-lg);gap:var(--sgds-padding-sm);letter-spacing:0;line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);white-space:nowrap}.cp-name-anatomy__swatch{background:var(--sgds-blue-600, #0269d0);block-size:1.5rem;border-radius:var(--sgds-border-radius-full);display:inline-block;flex-shrink:0;inline-size:1.5rem}.cp-name-anatomy__swatch--danger{background:var(--sgds-red-600, #cf2323)}.cp-name-anatomy__text,.cp-name-anatomy__seg{display:inline-block}.cp-name-anatomy__seg--prefix,.cp-name-anatomy__seg--separator{color:var(--sgds-color-default)}.cp-name-anatomy__seg--group,.cp-name-anatomy__seg--family,.cp-name-anatomy__seg--scale,.cp-name-anatomy__seg--property,.cp-name-anatomy__seg--modifier{font-weight:var(--sgds-font-weight-semibold)}.cp-name-anatomy__call{color:var(--sgds-color-default);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);position:absolute;white-space:nowrap}.cp-name-anatomy__call-label{font-weight:var(--sgds-font-weight-semibold)}.cp-name-anatomy__call:after{content:"";position:absolute}.cp-name-anatomy__call--family{left:calc(var(--sgds-padding-lg) + 5.25rem);top:0;transform:translate(-50%)}.cp-name-anatomy__call--family:after{background:var(--sgds-border-color-default);block-size:2.625rem;inline-size:var(--sgds-border-width-1, 1px);left:50%;top:calc(100% + .25rem)}.cp-name-anatomy__call--family:before{background:var(--sgds-border-color-default);block-size:.5rem;border-radius:50%;content:"";inline-size:.5rem;left:50%;position:absolute;top:calc(100% + 2.625rem);transform:translate(-50%)}.cp-name-anatomy__call--scale{right:0;top:5.875rem;transform:translateY(-50%)}.cp-name-anatomy--semantic{--cp-callout-base-color: var(--sgds-purple-color-default);--cp-callout-modifier-color: var(--sgds-success-color-default)}.cp-name-anatomy--semantic .cp-name-anatomy__inner{padding-inline-end:8.75rem}.cp-name-anatomy__call--base-element{left:calc(var(--sgds-padding-lg) + 10ch);top:0;transform:translate(-50%)}.cp-name-anatomy__call--base-element:after{background:var(--sgds-border-color-default);block-size:2.625rem;inline-size:var(--sgds-border-width-1, 1px);left:50%;top:calc(100% + .25rem)}.cp-name-anatomy__call--base-element:before{background:var(--sgds-border-color-default);block-size:.5rem;border-radius:50%;content:"";inline-size:.5rem;left:50%;position:absolute;top:calc(100% + 2.625rem);transform:translate(-50%)}.cp-name-anatomy__call--modifier{right:0;top:5.875rem;transform:translateY(-50%)}.cp-name-anatomy__call--modifier:after{background:var(--sgds-border-color-default);block-size:var(--sgds-border-width-1, 1px);inline-size:4.5rem;right:calc(100% + .5rem);top:50%}.cp-name-anatomy__call--modifier:before{background:var(--sgds-border-color-default);block-size:.5rem;border-radius:50%;content:"";inline-size:.5rem;position:absolute;right:calc(100% + 4.75rem);top:50%;transform:translateY(-50%)}.cp-name-anatomy__call--scale:after{background:var(--sgds-border-color-default);block-size:var(--sgds-border-width-1, 1px);inline-size:4.4rem;right:calc(100% + .5rem);top:50%}.cp-name-anatomy__call--scale:before{background:var(--sgds-border-color-default);block-size:.5rem;border-radius:50%;content:"";inline-size:.5rem;position:absolute;right:calc(100% + 4.9rem);top:50%;transform:translateY(-50%)}@media(max-width:640px){.cp-name-anatomy{width:auto;max-inline-size:100%;padding-inline:var(--sgds-padding-md)}.cp-name-anatomy__inner{padding-block-end:var(--sgds-layout-gap-xs);padding-block-start:3rem;padding-inline-end:4.5rem}.cp-name-anatomy__token{font-size:var(--sgds-font-size-label-xs);gap:var(--sgds-padding-2-xs);padding:var(--sgds-padding-2-xs) var(--sgds-padding-sm)}.cp-name-anatomy__swatch{block-size:.875rem;inline-size:.875rem}.cp-name-anatomy__call{font-size:var(--sgds-font-size-label-xs)}.cp-name-anatomy__call--family{left:calc(var(--sgds-padding-sm) + 3.15rem)}.cp-name-anatomy__call--family:after{block-size:1.875rem}.cp-name-anatomy__call--family:before{top:calc(100% + 1.875rem)}.cp-name-anatomy__call--scale{top:3.875rem}.cp-name-anatomy__call--scale:after{inline-size:3rem}.cp-name-anatomy__call--scale:before{right:calc(100% + 3.25rem)}.cp-name-anatomy--semantic .cp-name-anatomy__inner{padding-inline-end:4.5rem}.cp-name-anatomy__call--base-element{left:calc(var(--sgds-padding-sm) + .875rem + var(--sgds-padding-2-xs) + 14ch)}.cp-name-anatomy__call--base-element:after{block-size:1.875rem}.cp-name-anatomy__call--base-element:before{top:calc(100% + 1.875rem)}.cp-name-anatomy__call--modifier{top:3.875rem}.cp-name-anatomy__call--modifier:after{inline-size:3rem}.cp-name-anatomy__call--modifier:before{right:calc(100% + 3.25rem)}}.cp-scale-card{background:var(--sgds-bg-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-2-xl);min-block-size:25rem;overflow:hidden;position:relative}.cp-scale-card__halves{block-size:100%;display:grid;grid-template-rows:1fr 1fr;inline-size:100%;min-block-size:25rem}.cp-scale-card__half--light{background:#fff}.cp-scale-card__half--dark{background:#0e0e0e}.cp-scale-card__stage{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}.cp-scale-card__rail{align-items:center;box-sizing:border-box;display:flex;gap:var(--sgds-gap-xs);inline-size:min(100%,61rem);max-inline-size:61rem}.cp-scale-card__slot{align-items:center;display:flex;flex:1 1 0;justify-content:center;min-inline-size:0}.cp-scale-card__swatch{align-items:center;aspect-ratio:1;border-radius:min(var(--sgds-border-radius-xl),30%);display:flex;inline-size:100%;justify-content:center;min-inline-size:0}.cp-scale-card__swatch--bordered{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.cp-scale-card__swatch-label{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}.cp-scale-card__swatch--dark .cp-scale-card__swatch-label{color:var(--sgds-color-fixed-light)}.cp-scale-card__caption{align-items:center;display:flex;font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-regular);inline-size:100%;justify-content:center;letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-16);min-block-size:calc(var(--sgds-line-height-16) * 2);text-align:center;white-space:pre-line}.cp-scale-card__caption--top{color:var(--sgds-color-fixed-dark)}.cp-scale-card__caption--bottom{color:var(--sgds-color-fixed-light)}.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-surface-fixed-light)}@media(max-width:1023px){.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:none;min-inline-size:11rem}.sc-mode-column{box-sizing:border-box;inline-size:max-content;max-inline-size:16rem;min-inline-size:10rem}.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{inline-size:max-content;max-inline-size:none;min-inline-size:14rem}.sc-form-table .sc-mode-column{max-inline-size:14rem;min-inline-size:9rem}.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)}.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)}}.typography-diagram{--typography-diagram-primary-surface: var(--sgds-primary-surface-muted);--typography-diagram-danger-surface: var(--sgds-danger-surface-muted)}.sgds-night-theme .typography-diagram{--typography-diagram-primary-surface: var(--sgds-primary-surface-emphasis);--typography-diagram-danger-surface: var(--sgds-danger-surface-emphasis)}.system-update-flow{--system-update-token-colour: var(--sgds-primary-surface-default);--system-update-govtech-blue: #0269d0;animation:system-update-token-colour-change 5.5s ease-in-out infinite}.system-update-flow__raw-value-start,.system-update-flow__raw-value-end{animation-duration:5.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-box:fill-box;transform-origin:center}.system-update-flow__raw-value-start{animation-name:system-update-raw-value-start}.system-update-flow__raw-value-end{animation-name:system-update-raw-value-end;opacity:0}@keyframes system-update-token-colour-change{0%,34%{--system-update-token-colour: var(--sgds-primary-surface-default)}50%,84%{--system-update-token-colour: var(--system-update-govtech-blue)}to{--system-update-token-colour: var(--sgds-primary-surface-default)}}@keyframes system-update-raw-value-start{0%,34%{opacity:1;transform:translateY(0)}50%,84%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes system-update-raw-value-end{0%,34%{opacity:0;transform:translateY(14px)}50%,84%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.system-update-flow,.system-update-flow__raw-value-start,.system-update-flow__raw-value-end{animation:none}.system-update-flow{--system-update-token-colour: var(--system-update-govtech-blue)}.system-update-flow__raw-value-start{opacity:0}.system-update-flow__raw-value-end{opacity:1}}.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-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-value-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}.ts-token-tab-group{--sgds-gap-xl: 0;margin-top:calc(var(--sgds-layout-gap-sm) - var(--sgds-layout-gap-md));margin-bottom:calc(var(--sgds-layout-gap-sm) - var(--sgds-layout-gap-lg))}.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-component-gap-md);justify-content:center}.icon-char-sizes{align-items:flex-end;display:flex;gap:var(--sgds-component-gap-sm);justify-content:center}.icon-char-list{list-style:disc;margin:0;padding-left:1.25rem}.icon-char-list li{margin:0}.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-layout-gap-xl);justify-content:center}.icon-char-scale-group{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sgds-text-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{background:#d9d9d940;border:1px solid var(--sgds-border-color-muted);border-radius:1px;height:24px;position:relative;width:24px}.icon-char-grid-10x{background-color:#d9d9d940;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);height:240px;position:relative;width:240px}.icon-char-box-pad{box-shadow:inset 0 0 0 2px var(--icon-char-danger-fill-mid)}.icon-char-grid-pad:before{border:20px solid var(--icon-char-danger-fill-mid);box-sizing:border-box;content:"";inset:0;pointer-events:none;position:absolute}.icon-char-box-pad~.icon-char-vdim,.icon-char-grid-pad~.icon-char-vdim{align-items:flex-end;display:flex}.icon-char-box-pad~.icon-char-hdim,.icon-char-grid-pad~.icon-char-hdim{display:flex;justify-content:flex-end}.icon-char-box-pad~.icon-char-vdim .icon-char-vdim-line{height:2px}.icon-char-box-pad~.icon-char-hdim .icon-char-hdim-line{width:2px}.icon-char-grid-pad~.icon-char-vdim .icon-char-vdim-line{height:20px}.icon-char-grid-pad~.icon-char-hdim .icon-char-hdim-line{width:20px}.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-base-grid-card,.icon-char-padding-card,.icon-char-live-card,.icon-char-keyline-card,.icon-char-radius-card,.icon-char-stroke-alignment-card,.icon-char-stroke-terminal-card,.icon-char-stroke-size-card,.icon-char-complex-card,.icon-char-size-container-card,.icon-char-counter-space-card,.icon-char-angles-card{display:flex;justify-content:center;padding:var(--sgds-component-padding-md)}.icon-char-base-grid-card>svg,.icon-char-padding-card>svg,.icon-char-live-card>svg,.icon-char-keyline-card>svg,.icon-char-radius-card>svg,.icon-char-stroke-alignment-card>svg,.icon-char-stroke-terminal-card>svg,.icon-char-stroke-size-card>svg,.icon-char-complex-card>svg,.icon-char-size-container-card>svg,.icon-char-counter-space-card>svg,.icon-char-angles-card>svg{block-size:auto;display:block;inline-size:100%;max-inline-size:40rem}.icon-char-size-container-card>svg{max-inline-size:28.32rem}.icon-char-icon-grid{align-items:center;display:flex;justify-content:center}.icon-char-angle-grid{overflow:hidden}.icon-char-angle-svg{display:block;height:100%;width:100%}.icon-char-annotated-grid{position:relative}.icon-char-grid-annotation{align-items:center;display:flex;gap:var(--sgds-text-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-component-gap-sm)}.icon-char-complex-compare{display:flex;gap:var(--sgds-component-gap-md)}.icon-char-complex-item{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-text-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-component-gap-xs);justify-content:center;left:calc(100% + var(--sgds-component-gap-md));position:absolute;top:0;bottom:0}.icon-char-cd-lbl{align-items:center;display:flex;gap:var(--sgds-text-gap-xs)}.icon-char-pairing-demo{align-items:center;display:flex;gap:var(--sgds-text-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-component-gap-md);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-pad~.icon-char-vdim .icon-char-vdim-line{height:13px}.icon-char-grid-pad~.icon-char-hdim .icon-char-hdim-line{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-style-tabs{block-size:var(--sgds-dimension-48);flex:0 0 auto}.il-style-tabs sgds-tab,.il-style-tabs sgds-tab::part(base){block-size:100%}.il-size-select{flex:0 0 auto;inline-size:var(--sgds-dimension-256)}.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));grid-auto-rows:1fr}.il-tile-icon{block-size:var(--sgds-icon-size-3-xl);min-block-size:var(--sgds-icon-size-3-xl);max-block-size:var(--sgds-icon-size-3-xl);flex-shrink:0}.il-tile{appearance:none;border:var(--sgds-border-width-1) solid transparent;min-block-size:var(--sgds-dimension-96);inline-size:100%;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:10rem;min-inline-size:6rem}.il-api-col--desc{inline-size:auto}.il-default-size-badge{background:var(--sgds-primary-color-default);color:#fff;font-size:.875em;line-height:1.4;padding-block:2px;padding-inline:6px}@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)}.lp-diagram-wrapper,.lp-diagram-scroll{width:100%}.lp-diagram-svg{display:block;height:auto;width:100%}.lp-legend{display:flex;flex-wrap:wrap;gap:var(--sgds-component-gap-md) var(--sgds-component-gap-lg);list-style:none;margin:0;margin-block-start:var(--sgds-layout-gap-sm);padding:0}.lp-legend__item{align-items:center;color:var(--sgds-body-color-default);display:inline-flex;font-family:var(--sgds-font-family-base);font-size:var(--sgds-font-size-body-md);font-weight:var(--sgds-font-weight-regular);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs)}.lp-legend__swatch{block-size:1.5rem;border-radius:var(--sgds-border-radius-xs);display:inline-block;flex-shrink:0;inline-size:1.5rem}.lp-legend__swatch--inverse{background:var(--sgds-surface-inverse, #2a2a2a)}.lp-legend__swatch--outlined{background:var(--sgds-surface-raised);border:1px solid var(--sgds-border-color-emphasis)}.lp-legend__swatch--scrim{background:#868686}.layer-token-name-col{box-sizing:border-box;inline-size:max-content;max-inline-size:clamp(14rem,24vw,20rem);min-inline-size:14rem}.layer-token-value-col{box-sizing:border-box;inline-size:max-content;max-inline-size:8rem;min-inline-size:6rem}.layer-token-usage-col{box-sizing:border-box;inline-size:auto;max-inline-size:clamp(18rem,30vw,28rem);min-inline-size:16rem}@media(max-width:1023px){.layer-token-name-col,.layer-token-value-col,.layer-token-usage-col{inline-size:auto;max-inline-size:none;min-inline-size:0}}.br-screen-size-diagram-wrap{transform-origin:top left}@media(max-width:48rem){.br-screen-size-diagram-wrap{inline-size:125%;transform:scale(.8)}}@media(max-width:32rem){.br-screen-size-diagram-wrap{inline-size:calc(100% / .65);transform:scale(.65)}}.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-scroll-table sgds-table-head,.rg-scroll-table sgds-table-cell{max-inline-size:none;overflow-wrap:normal;white-space:nowrap;word-break:keep-all}.rg-scroll-table .rg-name-col{min-inline-size:14rem}.rg-scroll-table .rg-value-col{min-inline-size:10rem}.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%,56rem)}.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-xs-demo{background:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-xl);aspect-ratio:1672 / 480;box-sizing:border-box;inline-size:100%;overflow:hidden;position:relative}.rg-xs-svg{block-size:100%;inline-size:100%}.rg-xs-svg__measure rect{transform:scale(1.5);transform-box:fill-box;transform-origin:center}.rg-xs-svg__measure text{color:var(--sgds-color-fixed-light);fill:var(--sgds-color-fixed-light);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-xs);font-weight:var(--sgds-font-weight-medium);letter-spacing:0;line-height:var(--sgds-line-height-3-xs);transform:scale(1.3);transform-box:fill-box;transform-origin:center}.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}.rg-construction{display:grid;gap:var(--sgds-component-gap-md);grid-auto-columns:1fr;grid-auto-flow:column;margin:0;margin-inline:auto;width:min(100%,56rem)}.rg-construction__item{display:flex;flex-direction:column;gap:var(--sgds-text-gap-2-xs);min-inline-size:0;text-align:center}.rg-construction__label{color:var(--sgds-body-color-muted);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);margin:0;text-transform:uppercase}.rg-construction__value{color:var(--sgds-body-color-default);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);margin:0}@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)}.rg-construction{grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}}.spacing-page__body[data-v-9b7b6ca9]{display:flex;flex-direction:column;gap:var(--sgds-layout-gap-lg);width:100%}.spacing-page__demo-card[data-v-9b7b6ca9]{padding:var(--sgds-component-padding-md)}.spacing-page__base-card[data-v-9b7b6ca9],.spacing-page__progression-card[data-v-9b7b6ca9]{align-items:center;display:flex;justify-content:center}.spacing-page__chart[data-v-9b7b6ca9]{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-9b7b6ca9]{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-9b7b6ca9]{fill:none;stroke:var(--sgds-border-color-default);stroke-linecap:round;stroke-width:2}.spacing-page__bars[data-v-9b7b6ca9]{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-9b7b6ca9]{align-items:center;display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);justify-content:end}.spacing-page__bar[data-v-9b7b6ca9]{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-9b7b6ca9]{background:var(--sgds-body-color-default)}.spacing-page__bar--2[data-v-9b7b6ca9]{block-size:.125rem}.spacing-page__bar--4[data-v-9b7b6ca9]{block-size:.25rem}.spacing-page__bar--8[data-v-9b7b6ca9]{block-size:.5rem}.spacing-page__bar--12[data-v-9b7b6ca9]{block-size:.75rem}.spacing-page__bar--16[data-v-9b7b6ca9]{block-size:1rem}.spacing-page__bar--20[data-v-9b7b6ca9]{block-size:1.25rem}.spacing-page__bar--24[data-v-9b7b6ca9]{block-size:1.5rem}.spacing-page__bar--32[data-v-9b7b6ca9]{block-size:2rem}.spacing-page__bar--48[data-v-9b7b6ca9]{block-size:3rem}.spacing-page__bar--64[data-v-9b7b6ca9]{block-size:4rem}.spacing-page__bar--96[data-v-9b7b6ca9]{block-size:6rem}.spacing-page__bar--128[data-v-9b7b6ca9]{block-size:8rem}.spacing-page__bar-label[data-v-9b7b6ca9]{color:var(--sgds-body-color-default)}.spacing-page__formula-group[data-v-9b7b6ca9]{display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:repeat(2,minmax(0,1fr))}.spacing-page__formula-block[data-v-9b7b6ca9]{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.spacing-page__formula-header[data-v-9b7b6ca9],.spacing-page__formula-card[data-v-9b7b6ca9],.spacing-page__formula-block h6[data-v-9b7b6ca9],.spacing-page__formula-block p[data-v-9b7b6ca9]{margin:0}.spacing-page__formula-header[data-v-9b7b6ca9]{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spacing-page__formula-card[data-v-9b7b6ca9]{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.spacing-page__formula[data-v-9b7b6ca9]{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-9b7b6ca9]{color:var(--sgds-body-color-subtle);display:flex;flex-direction:column;gap:0}.spacing-page__sample[data-v-9b7b6ca9]{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs)}.spacing-page__sample-values[data-v-9b7b6ca9]{display:flex;flex-wrap:wrap;gap:var(--sgds-gap-2-xs)}.spacing-page__sample-chip[data-v-9b7b6ca9]{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-9b7b6ca9]{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-neutral-surface-default);block-size:1rem;border-radius:var(--sgds-border-radius-xs);display:block;max-inline-size:8rem}.st-base-row{background:var(--sgds-primary-surface-muted)}.dts-chart .dts-svg{display:block;height:auto;width:100%}.dts-viewport{position:relative}.dts-scroller{background:transparent;border:0;border-radius:var(--sgds-border-radius-md);color:inherit;cursor:zoom-in;display:block;font:inherit;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;text-align:inherit;width:100%}.dts-scroller:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dts-scroll-cue{position:absolute;right:var(--sgds-padding-md);top:50%;transform:translateY(-50%);z-index:1}.dts-expand-cue{position:absolute;right:var(--sgds-padding-md);bottom:var(--sgds-padding-md);z-index:1}.dts-fade-enter-active,.dts-fade-leave-active{transition:opacity .15s ease-out}.dts-fade-enter-from,.dts-fade-leave-to{opacity:0}.dts-fullscreen{display:flex;flex-direction:column;gap:var(--sgds-text-gap-sm);height:100%;width:100%}.dts-zoom-toolbar{align-items:center;align-self:flex-end;background:var(--sgds-surface-raised);border:var(--sgds-border-width-1) solid var(--sgds-border-default);border-radius:var(--sgds-border-radius-full);display:inline-flex;gap:var(--sgds-text-gap-2-xs);padding:var(--sgds-padding-2-xs) var(--sgds-padding-xs)}.dts-zoom-level{background:transparent;border:0;border-radius:var(--sgds-border-radius-sm);color:var(--sgds-text-default);cursor:pointer;min-width:3rem;padding:var(--sgds-padding-2-xs) var(--sgds-padding-xs);text-align:center}.dts-zoom-level:hover{background:var(--sgds-bg-default)}.dts-fullscreen-canvas{flex:1;overflow:auto;width:100%}.dts-fullscreen-stage{width:calc(100% * var(--dts-zoom, 1))}.dts-fullscreen-stage .dts-svg--fullscreen{display:block;height:auto;width:100%}.tne-segment--namespace{background:var(--sgds-neutral-surface-muted)}.tne-segment--context{background:var(--sgds-accent-surface-muted)}.tne-segment--object{background:var(--sgds-primary-surface-muted)}.tne-segment--scale{background:var(--sgds-success-surface-muted)}.tne-token-grid{column-gap:var(--sgds-text-gap-xs);display:grid;inline-size:max-content;position:relative;row-gap:0}.tne-token-grid--3{grid-template-columns:repeat(3,max-content)}.tne-token-grid--4{grid-template-columns:repeat(4,max-content)}.tne-token-grid--5{grid-template-columns:repeat(5,max-content)}.tne-segment{grid-row:1;z-index:1}.tne-segment-col-1{grid-column:1}.tne-segment-col-2{grid-column:2}.tne-segment-col-3{grid-column:3}.tne-segment-col-4{grid-column:4}.tne-segment-col-5{grid-column:5}.tne-callout{gap:0;grid-row:2;justify-self:stretch}.tne-callout-start-1{grid-column-start:1}.tne-callout-start-2{grid-column-start:2}.tne-callout-start-3{grid-column-start:3}.tne-callout-start-4{grid-column-start:4}.tne-callout-start-5{grid-column-start:5}.tne-callout-span-1{grid-column-end:span 1}.tne-callout-span-2{grid-column-end:span 2}.tne-callout-span-3{grid-column-end:span 3}.tne-callout-bracket{display:block;height:1.25rem;position:relative;width:100%}.tne-callout-bracket:before{border-block-end:var(--sgds-border-width-1) solid var(--sgds-border-color-default);border-inline-end:var(--sgds-border-width-1) solid var(--sgds-border-color-default);border-inline-start:var(--sgds-border-width-1) solid var(--sgds-border-color-default);content:"";inset-block-start:0;inset-inline:calc(var(--sgds-padding-md) + var(--sgds-padding-2-xs));position:absolute;height:.75rem}.tne-callout-bracket:after{background:var(--sgds-border-color-default);content:"";height:.5rem;inset-block-end:0;inset-inline-start:50%;position:absolute;transform:translate(-50%);width:var(--sgds-border-width-1)}.typography-page__specimen[data-v-402aba4e]{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-402aba4e]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));outline:1px solid #565656}.typography-page__specimen-cell[data-v-402aba4e]{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-402aba4e]{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-402aba4e]{padding:var(--sgds-layout-padding-md)}.typography-page__specimen-char[data-v-402aba4e]{font-size:1.75rem}}@media(max-width:600px){.typography-page__specimen-grid[data-v-402aba4e]{grid-template-columns:repeat(6,minmax(0,1fr))}.typography-page__specimen-char[data-v-402aba4e]{font-size:1.5rem}}.typography-page__weight-demo[data-v-402aba4e]{text-align:center}.typography-page__weight-demo-text[data-v-402aba4e]{color:var(--sgds-body-color-default)}.typography-page__weight-demo-text--bold[data-v-402aba4e]{font-weight:700}.typography-page__weight-demo-text--semibold[data-v-402aba4e]{font-weight:600}.typography-page__weight-demo-text--regular[data-v-402aba4e]{font-weight:400}.typography-page__weight-demo-text--light[data-v-402aba4e]{font-weight:300}.typography-page__base-size-band[data-v-402aba4e]{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-402aba4e]{align-items:center;display:flex;gap:.75rem}.typography-page__base-size-number[data-v-402aba4e]{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-402aba4e]{display:inline-block;height:3.5rem;position:relative;width:7px}.typography-page__base-size-tick[data-v-402aba4e]: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-402aba4e]: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-402aba4e]{color:var(--sgds-body-color-default)}.typography-page__scale-card[data-v-402aba4e]{overflow-x:auto}.typography-page__scale-row[data-v-402aba4e]{align-items:baseline;display:inline-flex;gap:12px;justify-content:center;white-space:nowrap}.typography-page__scale-value[data-v-402aba4e]{line-height:1}.typography-page__heading-band[data-v-402aba4e]{--heading-baseline: 77.4%;position:relative;width:100%}.typography-page__heading-rules[data-v-402aba4e]{inset:0;pointer-events:none;position:absolute}.typography-page__heading-rule[data-v-402aba4e]{border-top:1px dashed var(--sgds-border-color-muted);left:0;position:absolute;right:0}.typography-page__heading-rule--cap[data-v-402aba4e]{top:0}.typography-page__heading-rule--baseline[data-v-402aba4e]{top:var(--heading-baseline)}.typography-page__heading-rule--foot[data-v-402aba4e]{bottom:0}.typography-page__heading-row[data-v-402aba4e]{align-items:baseline;column-gap:1rem;display:flex;justify-content:center;position:relative}.typography-page__heading-text[data-v-402aba4e]{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-402aba4e]{color:var(--sgds-body-color-default);font-size:.75rem;letter-spacing:normal;line-height:1}.typography-page__heading-tick[data-v-402aba4e]{align-self:center;display:inline-block;height:4.59375rem;position:relative;width:7px}.typography-page__heading-tick[data-v-402aba4e]: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-402aba4e]: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-402aba4e]{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-402aba4e]{font-family:var(--sgds-font-family-mono)}.typography-page__pairing-demo[data-v-402aba4e]{box-sizing:border-box}.typography-page__pairing[data-v-402aba4e]{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-402aba4e]{margin:0}.typography-page__pairing-side-label[data-v-402aba4e]{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-402aba4e]{align-self:baseline;grid-column:2;grid-row:1}.typography-page__pairing-meter[data-v-402aba4e]{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-402aba4e]{color:var(--sgds-body-color-default);font-size:12px;line-height:1}.typography-page__pairing-tick[data-v-402aba4e]{display:inline-block;flex-shrink:0;position:relative;width:7px}.typography-page__pairing-tick[data-v-402aba4e]: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-402aba4e]: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-402aba4e]{background:#d9d9d940;grid-column:2;grid-row:2;width:100%}.typography-page__pairing-body[data-v-402aba4e]{grid-column:2;grid-row:3}@media(max-width:767px){.typography-page__base-size-number[data-v-402aba4e]{font-size:3rem}.typography-page__base-size-tick[data-v-402aba4e]{height:2.5rem}.typography-page__heading-text[data-v-402aba4e]{font-size:2.75rem}.typography-page__heading-tick[data-v-402aba4e]{height:calc(2.75rem * 1.3125)}}.typography-heading-table[data-v-402aba4e]{border:1px solid var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}.typography-heading-table__header[data-v-402aba4e],.typography-heading-table__row[data-v-402aba4e]{box-sizing:border-box;display:grid;gap:var(--sgds-gap-lg);grid-template-columns:minmax(12rem,17.5rem) minmax(10rem,15rem) repeat(5,minmax(4.5rem,5rem)) minmax(6rem,1fr);padding:var(--sgds-padding-lg);width:100%}.typography-heading-table__header[data-v-402aba4e]{background:var(--sgds-bg-translucent-subtle);color:var(--sgds-body-color-subtle);font-family:var(--sgds-font-family-base);font-size:var(--sgds-font-size-overline-md);font-weight:var(--sgds-font-weight-semibold);letter-spacing:var(--sgds-letter-spacing-wide);line-height:var(--sgds-line-height-2-xs);text-transform:uppercase}.typography-heading-table__row[data-v-402aba4e]{align-items:center;background:var(--sgds-bg-default);border-top:1px solid var(--sgds-border-color-muted);min-block-size:6rem}.typography-heading-table__cell-text[data-v-402aba4e]{color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-base);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)}.typography-heading-table__col-cell[data-v-402aba4e],.typography-heading-table__col-margin[data-v-402aba4e],.typography-heading-table__col-style[data-v-402aba4e],.typography-heading-table__col-sample[data-v-402aba4e]{display:flex;flex-direction:column;min-inline-size:0}.typography-heading-table__col-cell span[data-v-402aba4e],.typography-heading-table__col-margin span[data-v-402aba4e]{display:block}@media(max-width:1023px){.typography-heading-table__header[data-v-402aba4e],.typography-heading-table__row[data-v-402aba4e]{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:var(--sgds-gap-sm) var(--sgds-gap-md);padding:var(--sgds-padding-md)}.typography-heading-table__header[data-v-402aba4e]>*+*{display:none}.typography-heading-table__row[data-v-402aba4e]>*+*{min-width:0}}.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-default-row span,.ts-default-row p,.ts-default-row .ts-token-example{color:var(--sgds-color-fixed-dark)}.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)}.ts-preview-cell{min-width:14rem;overflow:visible;width:28%}.ts-preview-cell--display{min-width:20rem;width:34%}.ts-preview-cell--caption{min-width:10rem;width:22%}.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}.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-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)}@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}}.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)}}.get-started-mobile-sidenav-trigger{display:none}@media screen and (max-width:1023px){.get-started-desktop-sidenav{display:none}.get-started-mobile-sidenav-trigger{display:block}}.image-container svg.landing-hero-art{display:block;width:100%;height:auto;margin:0 auto}.hero-title{font-size:3rem;letter-spacing:-.05em}@media(min-width:512px){.hero-title{font-size:3.5rem}}@media(min-width:768px){.hero-title{font-size:4rem}}@media(min-width:1024px){.image-container svg.landing-hero-art{width:550px;height:auto;top:50px;transform:translate(50px)}}@media(min-width:1280px){.image-container svg.landing-hero-art{width:700px;transform:translate(0)}.hero-title{font-size:5rem}}@media screen and (min-width:1440px){.image-container svg.landing-hero-art{width:670px}}.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)}.landing-workflow-visual svg{display:block;width:100%;height:auto}._homePage_oqlqk_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_oqlqk_2>*{position:relative;z-index:1}._feature-section_oqlqk_46{display:flex;flex-direction:column;gap:var(--sgds-spacer-10)}._image_oqlqk_52{width:100%;height:100%;object-fit:cover}._description_oqlqk_58{font-size:var(--sgds-font-size-3);line-height:var(--sgds-line-height-32);margin-bottom:var(--sgds-margin-none)}h1[data-v-e0bafdfe]{margin-bottom:var(--sgds-paragraph-spacing-xl)}ol[data-v-e0bafdfe]:has(li:only-child){margin-bottom:var(--sgds-paragraph-spacing-xl)}ol li>p[data-v-e0bafdfe]:has(+ul){margin-bottom:0}ol li:not(:last-child)>ul[data-v-e0bafdfe]:last-child{margin-bottom:var(--sgds-paragraph-spacing-xl)}._container_zkqge_2{row-gap:var(--sgds-spacer-10)}.sgds-night-theme .template-raw-root img[src*="placeholder-sgds.png"]{filter:invert(1) brightness(.9) contrast(1.05)}h1[data-v-ee25185e]{margin-bottom:var(--sgds-paragraph-spacing-xl)}ol[data-v-ee25185e]:not(:last-child):has(li:only-child){margin-bottom:var(--sgds-paragraph-spacing-xl)}ol li>p[data-v-ee25185e]:has(+ul){margin-bottom:0}ol li>ul[data-v-ee25185e]:last-child{margin-bottom:var(--sgds-paragraph-spacing-xl)}.section[data-v-ee25185e]{margin-top:var(--sgds-layout-padding-md)}