@import "https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&family=Noto+Sans+Thai:wght@200;300;400;500;600;700&display=swap";.ds-icon-button{border:var(--ds-ref-border-width-default) solid transparent;color:var(--ds-sys-color-text-secondary);transition:color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), background-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);background-color:#0000;flex:none;place-items:center;padding:0;display:inline-grid}.ds-icon-button__icon{place-items:center;display:inline-grid}.ds-icon-button--inline{width:var(--ds-ref-size-target-minimum);height:var(--ds-ref-size-target-minimum);border-radius:var(--ds-ref-radius-small)}.ds-icon-button--compact{width:var(--ds-ref-size-control-compact);height:var(--ds-ref-size-control-compact);border-radius:var(--ds-ref-radius-default)}.ds-icon-button--default{width:var(--ds-ref-size-control-default);height:var(--ds-ref-size-control-default);border-radius:var(--ds-ref-radius-default)}.ds-icon-button--inline svg,.ds-icon-button--compact svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact)}.ds-icon-button--default svg{width:var(--ds-comp-icon-graphic-size-default);height:var(--ds-comp-icon-graphic-size-default)}.ds-icon-button svg{stroke-width:var(--ds-comp-icon-graphic-stroke-width-default)}.ds-icon-button--outline.ds-icon-button--neutral{border-color:var(--ds-sys-color-border-default);background-color:var(--ds-sys-color-action-secondary-background)}.ds-icon-button--danger{color:var(--ds-sys-color-action-danger-foreground)}.ds-icon-button--outline.ds-icon-button--danger{border-color:var(--ds-sys-color-action-danger-border);background-color:var(--ds-sys-color-action-danger-background)}.ds-icon-button--ghost.ds-icon-button--neutral:not(:disabled):hover,.ds-icon-button--ghost.ds-icon-button--neutral:not(:disabled):active{color:var(--ds-sys-color-text-primary);background-color:var(--ds-sys-color-surface-subtle)}.ds-icon-button--outline.ds-icon-button--neutral:not(:disabled):hover,.ds-icon-button--outline.ds-icon-button--neutral:not(:disabled):active{color:var(--ds-sys-color-text-primary);border-color:var(--ds-sys-color-border-strong);background-color:var(--ds-sys-color-action-secondary-background-hover)}.ds-icon-button--danger:not(:disabled):hover,.ds-icon-button--danger:not(:disabled):active{background-color:var(--ds-sys-color-action-danger-background-hover)}.ds-icon-button:disabled{color:var(--ds-sys-color-action-foreground-disabled);background-color:var(--ds-sys-color-action-background-disabled)}.ds-icon-button--ghost:disabled{border-color:#0000}.ds-icon-button--outline:disabled{border-color:var(--ds-sys-color-action-border-disabled)}.ds-button{min-height:var(--ds-comp-button-container-height-default);justify-content:center;align-items:center;gap:var(--ds-comp-button-content-gap-default);padding:0 var(--ds-comp-button-container-padding-inline-default);border:var(--ds-ref-border-width-default) solid transparent;border-radius:var(--ds-comp-button-container-radius-default);font-size:var(--ds-ref-font-size-014);font-weight:var(--ds-ref-font-weight-medium);transition:color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), background var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), transform var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);line-height:1;text-decoration:none;display:inline-flex}.ds-button__icon{justify-content:center;align-items:center;display:inline-flex}.ds-button svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);stroke-width:var(--ds-comp-icon-graphic-stroke-width-default)}.ds-button--primary{color:var(--ds-sys-color-action-primary-foreground);background:var(--ds-sys-color-brand-primary-strong)}.ds-button--primary:hover,.ds-button--primary.is-hovered{background:color-mix(in srgb, var(--ds-sys-color-brand-primary-strong) 88%, black)}.ds-button--primary:active,.ds-button--primary.is-active{background:color-mix(in srgb, var(--ds-sys-color-brand-primary-strong) 76%, black);transform:translateY(1px)}.ds-button--secondary{color:var(--ds-sys-color-action-secondary-foreground);border-color:var(--ds-sys-color-action-secondary-border);background:var(--ds-sys-color-action-secondary-background)}.ds-button--secondary:hover,.ds-button--secondary.is-hovered{border-color:var(--ds-sys-color-border-strong);background:var(--ds-sys-color-action-secondary-background-hover)}.ds-button--ghost{color:var(--ds-sys-color-text-secondary);background:0 0}.ds-button--ghost:hover{color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle)}.ds-button--danger{color:var(--ds-sys-color-action-danger-foreground);border-color:var(--ds-sys-color-action-danger-border);background:var(--ds-sys-color-action-danger-background)}.ds-button--danger:hover{background:var(--ds-sys-color-action-danger-background-hover)}.ds-button:disabled{color:var(--ds-sys-color-action-foreground-disabled);border-color:var(--ds-sys-color-action-border-disabled);background:var(--ds-sys-color-action-background-disabled);transform:none}.ds-button--compact{min-height:var(--ds-comp-button-container-height-compact);padding-inline:var(--ds-ref-space-150);font-size:var(--ds-ref-font-size-013)}.ds-button--large{min-height:var(--ds-comp-button-container-height-large);padding-inline:var(--ds-ref-space-250)}.ds-removable-chip{min-height:var(--ds-comp-button-container-height-compact);align-items:center;gap:var(--ds-comp-chip-content-gap-default);padding:0 var(--ds-ref-space-050) 0 var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-chip-container-radius-default);color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle);font-family:var(--ds-sys-type-label-small-font-family);font-size:var(--ds-sys-type-label-small-font-size);font-weight:var(--ds-sys-type-label-small-font-weight);letter-spacing:var(--ds-sys-type-label-small-letter-spacing);line-height:var(--ds-sys-type-label-small-line-height);white-space:nowrap;display:inline-flex}.ds-action-link{max-width:100%;min-height:var(--ds-ref-size-control-default);justify-content:center;align-items:center;gap:var(--ds-ref-space-100);padding-inline:var(--ds-ref-space-200);border:var(--ds-ref-border-width-default) solid transparent;border-radius:var(--ds-ref-radius-default);font-family:var(--ds-sys-type-label-font-family);font-size:var(--ds-sys-type-label-font-size);font-weight:var(--ds-sys-type-label-font-weight);line-height:var(--ds-sys-type-label-line-height);letter-spacing:var(--ds-sys-type-label-letter-spacing);text-align:center;white-space:normal;overflow-wrap:anywhere;transition:color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), background-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);text-decoration:none;display:inline-flex}.ds-action-link__label{min-width:0}.ds-action-link__icon{flex:none;place-items:center;display:inline-grid}.ds-action-link svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);stroke-width:var(--ds-comp-icon-graphic-stroke-width-default)}.ds-action-link--primary,.ds-action-link--primary:visited{color:var(--ds-sys-color-action-primary-foreground);background-color:var(--ds-sys-color-brand-primary-strong);border-color:#0000}.ds-action-link--secondary,.ds-action-link--secondary:visited{color:var(--ds-sys-color-action-secondary-foreground);border-color:var(--ds-sys-color-action-secondary-border);background-color:var(--ds-sys-color-action-secondary-background)}.ds-action-link--primary:hover,.ds-action-link--primary:active{color:var(--ds-sys-color-action-primary-foreground);background-color:var(--ds-sys-color-brand-primary-strong);border-color:#0000}.ds-action-link--secondary:hover,.ds-action-link--secondary:active{color:var(--ds-sys-color-text-primary);border-color:var(--ds-sys-color-border-strong);background-color:var(--ds-sys-color-action-secondary-background-hover)}.ds-action-link:hover .ds-action-link__label,.ds-action-link:active .ds-action-link__label{text-decoration-line:underline;text-decoration-thickness:var(--ds-ref-border-width-default);text-underline-offset:var(--ds-ref-space-050)}@media (forced-colors:active){.ds-action-link{border-color:currentColor}}.ds-select-shell{width:100%;max-width:100%;display:inline-block;position:relative}.ds-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-inline:var(--ds-comp-field-container-padding-inline-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-field-container-radius-default);color:var(--ds-sys-color-text-primary);background-color:var(--ds-sys-color-surface-default);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);appearance:none;cursor:pointer;transition:color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), background-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);padding-inline-end:calc(var(--ds-comp-field-container-padding-inline-default) + var(--ds-ref-space-300));line-height:1}.ds-select__indicator{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);color:var(--ds-sys-color-text-secondary);pointer-events:none;place-items:center;display:inline-grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--ds-ref-space-250);transform:translateY(-50%)}.ds-select__indicator svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);stroke-width:var(--ds-comp-icon-graphic-stroke-width-default)}.ds-select--compact{height:var(--ds-ref-size-control-compact)}.ds-select--default{height:var(--ds-comp-field-container-height-default)}.ds-select--large{height:var(--ds-ref-size-control-large)}.ds-select:not(:disabled):hover{border-color:var(--ds-sys-color-border-strong)}.ds-select:focus-visible,.ds-select[data-focus-visible=true]{border-color:var(--ds-sys-color-border-focus);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.ds-select[aria-invalid=true]{border-color:var(--ds-sys-color-border-danger)}.ds-select:disabled{color:var(--ds-sys-color-action-foreground-disabled);border-color:var(--ds-sys-color-action-border-disabled);background-color:var(--ds-sys-color-action-background-disabled);cursor:not-allowed}.ds-select:disabled+.ds-select__indicator{color:var(--ds-sys-color-action-foreground-disabled)}@media (forced-colors:active){.ds-select{appearance:auto;padding-inline-end:var(--ds-comp-field-container-padding-inline-default)}.ds-select__indicator{display:none}}.ds-status-chip{box-sizing:border-box;min-height:var(--ds-comp-chip-container-height-default);align-items:center;gap:var(--ds-comp-chip-content-gap-default);padding-inline:var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid;border-radius:var(--ds-comp-chip-container-radius-default);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);letter-spacing:var(--ds-sys-type-label-small-letter-spacing);white-space:nowrap;display:inline-flex}.ds-status-chip--neutral{color:var(--ds-sys-color-feedback-muted-foreground);border-color:var(--ds-sys-color-feedback-muted-border);background-color:var(--ds-sys-color-feedback-muted-background)}.ds-status-chip--info{color:var(--ds-sys-color-feedback-info-foreground);border-color:var(--ds-sys-color-feedback-info-border);background-color:var(--ds-sys-color-feedback-info-background)}.ds-status-chip--highlight{color:var(--ds-sys-color-feedback-highlight-foreground);border-color:var(--ds-sys-color-feedback-highlight-border);background-color:var(--ds-sys-color-feedback-highlight-background)}.ds-status-chip--warning{color:var(--ds-sys-color-feedback-warning-foreground);border-color:var(--ds-sys-color-feedback-warning-border);background-color:var(--ds-sys-color-feedback-warning-background)}.ds-status-chip--success{color:var(--ds-sys-color-feedback-success-foreground);border-color:var(--ds-sys-color-feedback-success-border);background-color:var(--ds-sys-color-feedback-success-background)}.ds-status-chip--danger{color:var(--ds-sys-color-feedback-danger-foreground);border-color:var(--ds-sys-color-feedback-danger-border);background-color:var(--ds-sys-color-feedback-danger-background)}.ds-filter-chip{box-sizing:border-box;min-height:var(--ds-comp-button-container-height-compact);justify-content:center;align-items:center;gap:var(--ds-comp-chip-content-gap-default);padding-inline:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-chip-container-radius-default);color:var(--ds-sys-color-text-secondary);background-color:var(--ds-sys-color-action-secondary-background);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);letter-spacing:var(--ds-sys-type-label-small-letter-spacing);white-space:nowrap;cursor:pointer;display:inline-flex}.ds-filter-chip:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--ds-sys-color-border-strong)}.ds-filter-chip[aria-pressed=true]{border-width:var(--ds-ref-border-width-strong);color:var(--ds-sys-color-selection-foreground);border-color:var(--ds-sys-color-selection-border);background-color:var(--ds-sys-color-selection-background)}.ds-filter-chip:disabled{color:var(--ds-sys-color-action-foreground-disabled);border-color:var(--ds-sys-color-action-border-disabled);background-color:var(--ds-sys-color-action-background-disabled);cursor:not-allowed}.ds-text-field{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:var(--ds-comp-field-container-height-default);padding-inline:var(--ds-comp-field-container-padding-inline-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-field-container-radius-default);color:var(--ds-sys-color-text-primary);background-color:var(--ds-sys-color-surface-default);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);letter-spacing:var(--ds-sys-type-body-letter-spacing);transition:color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), background-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard)}.ds-text-field::placeholder{color:var(--ds-sys-color-text-secondary);opacity:1}.ds-text-field:not(:disabled):not([readonly]):not([aria-invalid=true]):hover{border-color:var(--ds-sys-color-border-strong)}.ds-text-field:focus-visible{border-color:var(--ds-sys-color-border-focus);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.ds-text-field[readonly]{background-color:var(--ds-sys-color-surface-subtle)}.ds-text-field[aria-invalid=true]{border-color:var(--ds-sys-color-border-danger)}.ds-text-field[aria-invalid=true]:focus-visible{border-color:var(--ds-sys-color-border-danger);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.ds-text-field:disabled{color:var(--ds-sys-color-action-foreground-disabled);background-color:var(--ds-sys-color-action-background-disabled);border-color:var(--ds-sys-color-action-border-disabled);cursor:not-allowed}.ds-text-field:disabled::placeholder{color:var(--ds-sys-color-action-foreground-disabled)}.ds-popover{box-sizing:border-box;top:var(--_popover-y,0);left:var(--_popover-x,0);inline-size:var(--_popover-inline-size,max-content);block-size:var(--_popover-block-size,fit-content);max-inline-size:min(var(--_popover-max-inline,100vi), calc(100vi - var(--ds-ref-space-200) - var(--ds-ref-space-200)));max-block-size:min(var(--_popover-max-block,100vb), calc(100vb - var(--ds-ref-space-200) - var(--ds-ref-space-200)));padding:var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-panel-container-radius-default);color:var(--ds-sys-color-text-primary);background-color:var(--ds-sys-color-surface-default);box-shadow:var(--ds-ref-shadow-popover);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);letter-spacing:var(--ds-sys-type-body-letter-spacing);opacity:0;transition:opacity var(--ds-ref-duration-fast) var(--ds-ref-easing-exit), display var(--ds-ref-duration-fast) var(--ds-ref-easing-exit), overlay var(--ds-ref-duration-fast) var(--ds-ref-easing-exit);transition-behavior:allow-discrete;margin:0;position:fixed;overflow:auto}.ds-popover:popover-open{opacity:1;transition-timing-function:var(--ds-ref-easing-entrance)}.ds-popover[data-ds-popover-anchor-axis=inline]:popover-open{inline-size:var(--_popover-inline-size)}.ds-popover[data-ds-popover-anchor-axis=block]:popover-open{block-size:var(--_popover-block-size)}@starting-style{.ds-popover:popover-open{opacity:0}}.ds-popover__arrow{box-sizing:border-box;inline-size:var(--ds-ref-space-100);block-size:var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);background-color:var(--ds-sys-color-surface-default);pointer-events:none;display:block;position:absolute;rotate:45deg}.ds-popover__arrow[hidden]{display:none}.ds-popover[data-side=block-end] .ds-popover__arrow{inset-block-start:var(--ds-ref-space-025);inset-inline-start:calc(var(--_popover-arrow-offset) - var(--ds-ref-space-050))}.ds-popover[data-side=block-start] .ds-popover__arrow{inset-block-end:var(--ds-ref-space-025);inset-inline-start:calc(var(--_popover-arrow-offset) - var(--ds-ref-space-050))}.ds-popover[data-side=inline-end] .ds-popover__arrow{inset-block-start:calc(var(--_popover-arrow-offset) - var(--ds-ref-space-050));inset-inline-start:var(--ds-ref-space-025)}.ds-popover[data-side=inline-start] .ds-popover__arrow{inset-block-start:calc(var(--_popover-arrow-offset) - var(--ds-ref-space-050));inset-inline-end:var(--ds-ref-space-025)}@media (forced-colors:active){.ds-popover,.ds-popover__arrow{background-color:canvas;border-color:canvastext}.ds-popover{box-shadow:none}}:root{--ds-ref-color-neutral-000:#fff;--ds-ref-color-neutral-050:#f7f8fc;--ds-ref-color-neutral-100:#f0f3f7;--ds-ref-color-neutral-150:#e8edf3;--ds-ref-color-neutral-200:#dde3ea;--ds-ref-color-neutral-300:#c4cdd8;--ds-ref-color-neutral-400:#b8bdc3;--ds-ref-color-neutral-500:#8a94a2;--ds-ref-color-neutral-600:#66707d;--ds-ref-color-neutral-700:#47515e;--ds-ref-color-neutral-900:#20252d;--ds-ref-color-neutral-1000:#000;--ds-ref-color-teal-050:#e5f4f1;--ds-ref-color-teal-100:#d7efea;--ds-ref-color-teal-300:#8fc9be;--ds-ref-color-teal-500:#2d8478;--ds-ref-color-teal-600:#216e65;--ds-ref-color-teal-700:#185850;--ds-ref-color-teal-800:#12443e;--ds-ref-color-sky-100:#e2f1fa;--ds-ref-color-sky-500:#3b82a5;--ds-ref-color-sky-700:#235e79;--ds-ref-color-lilac-100:#eee8fa;--ds-ref-color-lilac-500:#7b61a8;--ds-ref-color-lilac-700:#5d448a;--ds-ref-color-amber-100:#f7e8bc;--ds-ref-color-amber-400:#fc5;--ds-ref-color-amber-600:#9a6c00;--ds-ref-color-amber-700:#704d00;--ds-ref-color-coral-100:#f7dcda;--ds-ref-color-coral-600:#b5444e;--ds-ref-color-coral-700:#922f38;--ds-ref-color-mint-100:#ddf4ea;--ds-ref-color-mint-600:#2f8a65;--ds-ref-color-mint-700:#176a4d;--ds-ref-color-emerald-500:#098;--ds-ref-color-emerald-600:#0a6;--ds-ref-color-cyan-400:#0cf;--ds-ref-color-blue-500:#08f;--ds-ref-color-violet-300:#a9e;--ds-ref-color-lavender-200:#ccf;--ds-ref-color-red-600:#d92d3c;--ds-ref-color-black-alpha-008:#00000014;--ds-ref-color-black-alpha-012:#0000001f;--ds-ref-color-black-alpha-048:#0000007a;--ds-sys-color-brand-support-start:var(--ds-ref-color-emerald-500);--ds-sys-color-brand-support-end:var(--ds-ref-color-emerald-600);--ds-sys-color-brand-primary-start:var(--ds-ref-color-cyan-400);--ds-sys-color-brand-primary-end:var(--ds-ref-color-blue-500);--ds-sys-color-brand-highlight-start:var(--ds-ref-color-violet-300);--ds-sys-color-brand-highlight-end:var(--ds-ref-color-lavender-200);--ds-sys-color-brand-signal:var(--ds-ref-color-amber-400);--ds-sys-color-brand-background:var(--ds-ref-color-neutral-000);--ds-sys-color-brand-foreground:var(--ds-ref-color-neutral-1000);--ds-sys-gradient-brand-support:linear-gradient(180deg, var(--ds-sys-color-brand-support-start), var(--ds-sys-color-brand-support-end));--ds-sys-gradient-brand-primary:linear-gradient(180deg, var(--ds-sys-color-brand-primary-start), var(--ds-sys-color-brand-primary-end));--ds-sys-gradient-brand-highlight:linear-gradient(270deg, var(--ds-sys-color-brand-highlight-start), var(--ds-sys-color-brand-highlight-end));--ds-sys-color-brand-primary:var(--ds-sys-color-brand-primary-end);--ds-sys-color-brand-primary-hover:color-mix(in srgb, var(--ds-sys-color-brand-primary) 88%, black);--ds-sys-color-brand-primary-active:color-mix(in srgb, var(--ds-sys-color-brand-primary) 78%, black);--ds-sys-color-brand-primary-soft:color-mix(in srgb, var(--ds-sys-color-brand-primary) 12%, white);--ds-sys-color-brand-primary-strong:color-mix(in srgb, var(--ds-sys-color-brand-primary) 62%, black);--ds-sys-color-brand-primary-ring:#0088ff47;--ds-sys-color-brand-support:var(--ds-sys-color-brand-support-end);--ds-sys-color-brand-support-soft:color-mix(in srgb, var(--ds-sys-color-brand-support) 12%, white);--ds-sys-color-brand-support-strong:color-mix(in srgb, var(--ds-sys-color-brand-support) 58%, black);--ds-sys-color-brand-signal-soft:color-mix(in srgb, var(--ds-sys-color-brand-signal) 32%, white);--ds-sys-color-brand-signal-strong:color-mix(in srgb, var(--ds-sys-color-brand-signal) 52%, black);--ds-ref-font-family-sans:"Mitr", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--ds-ref-font-family-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ds-ref-font-weight-regular:400;--ds-ref-font-weight-medium:500;--ds-ref-font-weight-semibold:600;--ds-ref-font-weight-bold:700;--ds-ref-font-size-012:12px;--ds-ref-font-size-013:13px;--ds-ref-font-size-014:14px;--ds-ref-font-size-016:16px;--ds-ref-font-size-018:18px;--ds-ref-font-size-022:22px;--ds-ref-font-size-028:28px;--ds-ref-font-size-032:32px;--ds-ref-space-000:0;--ds-ref-space-025:2px;--ds-ref-space-050:4px;--ds-ref-space-075:8px;--ds-ref-space-100:8px;--ds-ref-space-150:12px;--ds-ref-space-200:16px;--ds-ref-space-250:20px;--ds-ref-space-300:24px;--ds-ref-space-400:32px;--ds-ref-space-500:40px;--ds-ref-space-600:48px;--ds-ref-space-800:64px;--ds-ref-size-target-minimum:24px;--ds-ref-size-control-compact:32px;--ds-ref-size-control-default:40px;--ds-ref-size-control-large:44px;--ds-ref-size-row-default:44px;--ds-ref-size-icon-compact:16px;--ds-ref-size-icon-default:18px;--ds-ref-size-icon-large:20px;--ds-ref-size-icon-display:24px;--ds-ref-radius-none:0;--ds-ref-radius-small:4px;--ds-ref-radius-default:8px;--ds-ref-radius-panel:8px;--ds-ref-radius-dialog:12px;--ds-ref-radius-large:16px;--ds-ref-radius-full:999px;--ds-ref-border-width-default:1px;--ds-ref-border-width-strong:2px;--ds-ref-border-width-selection-marker:3px;--ds-ref-duration-none:0s;--ds-ref-duration-fast:.1s;--ds-ref-duration-standard:.16s;--ds-ref-duration-slow:.24s;--ds-ref-easing-standard:cubic-bezier(.2, 0, 0, 1);--ds-ref-easing-entrance:cubic-bezier(0, 0, .2, 1);--ds-ref-easing-exit:cubic-bezier(.4, 0, 1, 1);--ds-ref-shadow-subtle:0 1px 3px 0 var(--ds-ref-color-black-alpha-008);--ds-ref-shadow-popover:0 8px 24px -4px var(--ds-ref-color-black-alpha-012);--ds-ref-shadow-dialog:0 16px 48px -8px var(--ds-ref-color-black-alpha-012);--ds-ref-z-base:0;--ds-ref-z-navigation:100;--ds-ref-z-sticky:200;--ds-ref-z-inspector:300;--ds-ref-z-popover:400;--ds-ref-z-notification:500;--ds-ref-z-modal:600;--ds-ref-breakpoint-compact:480px;--ds-ref-breakpoint-medium:768px;--ds-ref-breakpoint-large:1024px;--ds-ref-breakpoint-wide:1280px;--ds-ref-breakpoint-maximum:1440px;--ds-sys-color-surface-canvas:var(--ds-ref-color-neutral-050);--ds-sys-color-surface-default:var(--ds-ref-color-neutral-000);--ds-sys-color-surface-subtle:var(--ds-ref-color-neutral-100);--ds-sys-color-surface-muted:var(--ds-ref-color-neutral-150);--ds-sys-color-surface-overlay:var(--ds-ref-color-black-alpha-048);--ds-sys-color-text-primary:var(--ds-ref-color-neutral-900);--ds-sys-color-text-secondary:var(--ds-ref-color-neutral-600);--ds-sys-color-text-metadata-strong:var(--ds-ref-color-neutral-700);--ds-sys-color-text-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-text-inverse:var(--ds-ref-color-neutral-000);--ds-sys-color-text-link:var(--ds-sys-color-brand-primary);--ds-sys-color-border-default:var(--ds-ref-color-neutral-200);--ds-sys-color-border-strong:var(--ds-ref-color-neutral-500);--ds-sys-color-border-focus:var(--ds-sys-color-brand-primary);--ds-sys-color-focus-ring:var(--ds-sys-color-brand-primary-ring);--ds-sys-color-border-danger:var(--ds-ref-color-coral-700);--ds-sys-color-action-primary-background:var(--ds-sys-color-brand-primary);--ds-sys-color-action-primary-background-hover:var(--ds-sys-color-brand-primary-hover);--ds-sys-color-action-primary-background-active:var(--ds-sys-color-brand-primary-active);--ds-sys-color-action-primary-foreground:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background-hover:var(--ds-sys-color-brand-primary-soft);--ds-sys-color-action-secondary-foreground:var(--ds-ref-color-neutral-900);--ds-sys-color-action-secondary-border:var(--ds-ref-color-neutral-500);--ds-sys-color-action-danger-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-danger-background-hover:var(--ds-ref-color-coral-100);--ds-sys-color-action-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-action-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-action-background-disabled:var(--ds-ref-color-neutral-100);--ds-sys-color-action-foreground-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-action-border-disabled:var(--ds-ref-color-neutral-200);--ds-sys-color-selection-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-selection-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-selection-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-success-quiet-background:var(--ds-ref-color-neutral-000);--ds-sys-color-feedback-success-quiet-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-quiet-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-info-background:var(--ds-ref-color-sky-100);--ds-sys-color-feedback-info-foreground:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-info-border:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-highlight-background:var(--ds-ref-color-lilac-100);--ds-sys-color-feedback-highlight-foreground:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-highlight-border:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-warning-background:var(--ds-sys-color-brand-signal-soft);--ds-sys-color-feedback-warning-foreground:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-warning-border:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-danger-background:var(--ds-ref-color-coral-100);--ds-sys-color-feedback-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-success-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-feedback-success-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-muted-background:var(--ds-ref-color-neutral-100);--ds-sys-color-feedback-muted-foreground:var(--ds-ref-color-neutral-700);--ds-sys-color-feedback-muted-border:var(--ds-ref-color-neutral-700);--ds-sys-color-indicator-danger:var(--ds-ref-color-red-600);--ds-sys-color-indicator-attention:var(--ds-sys-color-brand-signal);--ds-sys-color-indicator-primary:var(--ds-sys-color-brand-primary);--ds-sys-color-indicator-muted:var(--ds-ref-color-neutral-400);--ds-sys-type-display-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-display-font-size:var(--ds-ref-font-size-032);--ds-sys-type-display-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-display-letter-spacing:0;--ds-sys-type-display-line-height:1.25;--ds-sys-type-page-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-page-title-font-size:var(--ds-ref-font-size-028);--ds-sys-type-page-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-page-title-letter-spacing:0;--ds-sys-type-page-title-line-height:1.2857;--ds-sys-type-section-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-section-title-font-size:var(--ds-ref-font-size-022);--ds-sys-type-section-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-section-title-letter-spacing:0;--ds-sys-type-section-title-line-height:1.3636;--ds-sys-type-subsection-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-subsection-font-size:var(--ds-ref-font-size-018);--ds-sys-type-subsection-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-subsection-letter-spacing:0;--ds-sys-type-subsection-line-height:1.4444;--ds-sys-type-body-large-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-large-font-size:var(--ds-ref-font-size-016);--ds-sys-type-body-large-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-large-letter-spacing:0;--ds-sys-type-body-large-line-height:1.5625;--ds-sys-type-body-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-font-size:var(--ds-ref-font-size-014);--ds-sys-type-body-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-letter-spacing:0;--ds-sys-type-body-line-height:1.5714;--ds-sys-type-body-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-small-font-size:var(--ds-ref-font-size-013);--ds-sys-type-body-small-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-small-letter-spacing:0;--ds-sys-type-body-small-line-height:1.5385;--ds-sys-type-label-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-font-size:var(--ds-ref-font-size-014);--ds-sys-type-label-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-letter-spacing:0;--ds-sys-type-label-line-height:1.4286;--ds-sys-type-label-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-small-font-size:var(--ds-ref-font-size-012);--ds-sys-type-label-small-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-small-letter-spacing:0;--ds-sys-type-label-small-line-height:1.5;--ds-sys-type-data-id-font-family:var(--ds-ref-font-family-mono);--ds-sys-type-data-id-font-size:var(--ds-ref-font-size-013);--ds-sys-type-data-id-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-data-id-letter-spacing:0;--ds-sys-type-data-id-line-height:1.5385;--ds-comp-shell-topbar-height-default:var(--ds-ref-space-800);--ds-comp-shell-sidebar-width-default:232px;--ds-comp-shell-inspector-width-default:360px;--ds-comp-shell-content-max-width-default:1440px;--ds-sys-size-target-minimum:var(--ds-ref-size-target-minimum);--ds-sys-size-target-preferred:var(--ds-ref-size-control-default);--ds-sys-border-focus-width:var(--ds-ref-border-width-strong);--ds-sys-border-focus-offset:var(--ds-ref-space-025);--ds-comp-button-container-height-compact:var(--ds-ref-size-control-compact);--ds-comp-button-container-height-default:var(--ds-ref-size-control-default);--ds-comp-button-container-height-large:var(--ds-ref-size-control-large);--ds-comp-button-container-radius-default:var(--ds-ref-radius-default);--ds-comp-button-content-gap-default:var(--ds-ref-space-100);--ds-comp-button-container-padding-inline-default:var(--ds-ref-space-200);--ds-comp-field-container-height-default:var(--ds-ref-size-control-default);--ds-comp-field-container-radius-default:var(--ds-ref-radius-default);--ds-comp-field-container-padding-inline-default:var(--ds-ref-space-150);--ds-comp-chip-container-height-default:var(--ds-ref-size-target-minimum);--ds-comp-chip-container-radius-default:var(--ds-ref-radius-small);--ds-comp-chip-content-gap-default:var(--ds-ref-space-075);--ds-comp-row-container-min-height-default:var(--ds-ref-size-row-default);--ds-comp-row-content-gap-default:var(--ds-ref-space-150);--ds-comp-panel-container-radius-default:var(--ds-ref-radius-panel);--ds-comp-panel-container-padding-default:var(--ds-ref-space-200);--ds-comp-panel-content-gap-default:var(--ds-ref-space-200);--ds-comp-dialog-container-radius-default:var(--ds-ref-radius-dialog);--ds-comp-dialog-container-padding-default:var(--ds-ref-space-300);--ds-comp-dialog-container-max-width-default:640px;--ds-comp-icon-graphic-size-compact:var(--ds-ref-size-icon-compact);--ds-comp-icon-graphic-size-default:var(--ds-ref-size-icon-default);--ds-comp-icon-graphic-size-large:var(--ds-ref-size-icon-large);--ds-comp-icon-graphic-stroke-width-default:1.75}@media (prefers-reduced-motion:reduce){:root{--ds-ref-duration-fast:0s;--ds-ref-duration-standard:0s;--ds-ref-duration-slow:0s}}:root{font-family:var(--ds-sys-type-body-font-family);color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--ds-sys-color-surface-canvas);scroll-behavior:smooth;min-width:320px}body{background:var(--ds-sys-color-surface-canvas);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}#root{min-height:100vh}:root{--site-page-gutter:var(--ds-ref-space-400)}strong{font-weight:var(--ds-ref-font-weight-semibold)}.site-shell{min-height:100vh}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:calc(var(--ds-ref-z-modal) + 1);top:var(--ds-ref-space-150);left:var(--ds-ref-space-150);padding:var(--ds-ref-space-100) var(--ds-ref-space-200);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-inverse);background:var(--ds-sys-color-text-primary);transition:transform var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);text-decoration:none;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sidebar{z-index:var(--ds-ref-z-navigation);width:var(--ds-comp-shell-sidebar-width-default);border-right:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);background:var(--ds-sys-color-surface-default);flex-direction:column;min-height:100vh;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__header{min-height:var(--ds-comp-shell-topbar-height-default);padding:var(--ds-ref-space-100) var(--ds-ref-space-150);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);justify-content:space-between;align-items:center;display:flex}.brand-lockup{align-items:center;gap:var(--ds-ref-space-100);min-width:0;color:var(--ds-sys-color-brand-foreground);text-decoration:none;display:flex}.brand-lockup img{flex:none;width:32px;height:32px;display:block}.brand-lockup span{min-width:0;line-height:1.15;display:grid}.brand-lockup strong{font-size:var(--ds-ref-font-size-016);font-weight:var(--ds-ref-font-weight-semibold)}.brand-lockup small{color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-regular)}.sidebar__close,.topbar__menu{display:none}.catalog-search{min-height:var(--ds-comp-field-container-height-default);align-items:center;gap:var(--ds-ref-space-100);margin:var(--ds-ref-space-150);padding:0 var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-field-container-radius-default);color:var(--ds-sys-color-text-secondary);background:var(--ds-sys-color-surface-subtle);display:flex}.catalog-search:focus-within{border-color:var(--ds-sys-color-border-focus);box-shadow:0 0 0 2px var(--ds-sys-color-border-focus)}.catalog-search>svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);flex:none}.catalog-search input{width:100%;min-width:0;color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013);background:0 0;border:0;outline:0}.catalog-search input::placeholder{color:var(--ds-sys-color-text-secondary)}.catalog-nav{min-height:0;padding:0 var(--ds-ref-space-100) var(--ds-ref-space-200);flex:1;overflow-y:auto}.catalog-nav a{text-decoration:none}.catalog-nav__overview,.catalog-nav__group a{min-height:var(--ds-sys-size-target-preferred);align-items:center;gap:var(--ds-ref-space-100);padding:var(--ds-ref-space-100) var(--ds-ref-space-150);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013);display:flex}.catalog-nav__overview{margin-bottom:var(--ds-ref-space-150);color:var(--ds-sys-color-text-primary);font-weight:var(--ds-ref-font-weight-medium)}.catalog-nav__overview.active,.catalog-nav__group a.is-active{color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-selection-background);box-shadow:inset var(--ds-ref-border-width-selection-marker) 0 0 var(--ds-sys-color-selection-border)}.catalog-nav__group{margin-top:var(--ds-ref-space-150)}.catalog-nav__group h2{margin:0 0 var(--ds-ref-space-050);padding:0 var(--ds-ref-space-150);color:var(--ds-sys-color-text-metadata-strong);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.catalog-nav__group ul{gap:var(--ds-ref-space-025);margin:0;padding:0;list-style:none;display:grid}.catalog-nav__group a:hover{color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle)}.catalog-nav__group a svg{width:var(--ds-comp-icon-graphic-size-compact);height:var(--ds-comp-icon-graphic-size-compact);stroke-width:var(--ds-comp-icon-graphic-stroke-width-default);flex:none}.catalog-nav__group a span{flex:1}.catalog-nav__group a small{color:var(--ds-sys-color-text-metadata-strong);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.catalog-nav__empty{margin:var(--ds-ref-space-200) var(--ds-ref-space-150);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013)}.sidebar__footer{min-height:var(--ds-comp-shell-topbar-height-default);align-items:center;gap:var(--ds-ref-space-100);padding:0 var(--ds-ref-space-200);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);display:flex}.sidebar__footer code{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);margin-left:auto}.status-dot{width:var(--ds-ref-space-075);height:var(--ds-ref-space-075);border-radius:var(--ds-ref-radius-full);background:var(--ds-sys-color-brand-support);box-shadow:0 0 0 3px var(--ds-sys-color-brand-support-soft)}.site-frame{min-width:0;min-height:100vh;margin-left:var(--ds-comp-shell-sidebar-width-default)}.topbar{z-index:var(--ds-ref-z-sticky);min-height:var(--ds-comp-shell-topbar-height-default);align-items:center;gap:var(--ds-ref-space-150);padding:0 var(--site-page-gutter);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:var(--ds-ref-space-100);min-width:0;color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013);display:flex}.breadcrumb strong{color:var(--ds-sys-color-text-primary);font-weight:var(--ds-ref-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__work-item{padding:var(--ds-ref-space-050) var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-small);color:var(--ds-sys-color-text-secondary);background:var(--ds-sys-color-surface-default);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);margin-left:auto;text-decoration:none}.topbar__work-item:hover{color:var(--ds-sys-color-brand-primary-strong);border-color:var(--ds-sys-color-border-focus)}.main-content{width:min(100%, calc(var(--ds-comp-shell-content-max-width-default) + (var(--site-page-gutter) * 2)));min-width:0;padding:var(--ds-ref-space-600) var(--site-page-gutter) var(--ds-ref-space-800);margin:0 auto}.page-header{max-width:920px;margin-bottom:var(--ds-ref-space-500)}.main-content--component-page{padding-top:var(--ds-ref-space-500);padding-bottom:var(--ds-ref-space-800)}.main-content--component-page>.page-header{width:100%;max-width:none;margin-bottom:var(--ds-ref-space-200)}.main-content--component-page>.page-header h1,.main-content--component-page>.page-header p{width:100%}.main-content--component-page>.page-header p{max-width:none}.component-page__navigation{align-items:center;gap:var(--ds-ref-space-200);padding:var(--ds-ref-space-100) var(--ds-ref-space-200);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);background:var(--ds-sys-color-surface-default);margin-bottom:var(--ds-ref-space-200);grid-template-columns:max-content minmax(0,1fr);display:grid}.component-page__navigation-label{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);text-transform:uppercase;letter-spacing:.04em}.component-page__navigation-list{gap:var(--ds-ref-space-050);scrollbar-width:thin;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.component-page__navigation-list a{padding:var(--ds-ref-space-025) var(--ds-ref-space-100);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);white-space:nowrap;text-decoration:none;display:block}.component-page__navigation-list a:hover{color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle)}.main-content--component-page .component-page__section{margin-bottom:var(--ds-ref-space-200);padding-block:0}.main-content--component-page .specimen-block__fragment-target{scroll-margin-top:calc(var(--ds-comp-shell-topbar-height-default) + var(--ds-ref-space-150))}.main-content--component-page .specimen-block__fragment-target:focus{border-radius:var(--ds-ref-radius-default);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.main-content--component-page>.candidate-note{max-width:none;margin:0 0 var(--ds-ref-space-200)}.page-header__meta{align-items:center;gap:var(--ds-ref-space-100);margin-bottom:var(--ds-ref-space-150);color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);text-transform:uppercase;letter-spacing:.04em;display:flex}.maturity{padding:var(--ds-ref-space-025) var(--ds-ref-space-100);border-radius:var(--ds-ref-radius-full);color:var(--ds-sys-color-feedback-success-foreground);background:var(--ds-sys-color-feedback-success-background);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);letter-spacing:0}.maturity--candidate{color:var(--ds-sys-color-feedback-warning-foreground);background:var(--ds-sys-color-feedback-warning-background)}.documentation-progress{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-sys-type-label-small-font-size);font-weight:var(--ds-sys-type-label-small-font-weight);line-height:var(--ds-sys-type-label-small-line-height);letter-spacing:0}.page-header h1{font:var(--ds-sys-type-page-title-font-weight) var(--ds-sys-type-page-title-font-size) / var(--ds-sys-type-page-title-line-height) var(--ds-sys-type-page-title-font-family);letter-spacing:var(--ds-sys-type-page-title-letter-spacing);margin:0}.page-header p{max-width:640px;margin:var(--ds-ref-space-100) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-large-font-weight) var(--ds-sys-type-body-large-font-size) / var(--ds-sys-type-body-large-line-height) var(--ds-sys-type-body-large-font-family)}.catalog-receipt{margin-top:var(--ds-ref-space-500);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.catalog-receipt>summary{justify-content:space-between;align-items:center;gap:var(--ds-ref-space-100);padding:var(--ds-ref-space-150) 0;color:var(--ds-sys-color-text-metadata-strong);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);cursor:pointer;list-style:none;display:flex}.catalog-receipt>summary::-webkit-details-marker{display:none}.catalog-receipt>summary:focus-visible{border-radius:var(--ds-ref-radius-small);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.catalog-receipt>summary svg{width:var(--ds-ref-size-icon-compact);height:var(--ds-ref-size-icon-compact);transition:transform var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);flex:none}.catalog-receipt[open]>summary{border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.catalog-receipt[open]>summary svg{transform:rotate(180deg)}.page-receipt{gap:var(--ds-ref-space-150) var(--ds-ref-space-300);padding:var(--ds-ref-space-200) 0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.page-receipt>div{min-width:0}.page-receipt dt{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.page-receipt dd{margin:var(--ds-ref-space-025) 0 0;color:var(--ds-sys-color-text-metadata-strong);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);overflow-wrap:anywhere}.page-receipt code{font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.drift{color:var(--ds-sys-color-feedback-success-foreground)!important}.drift--detected{color:var(--ds-sys-color-feedback-danger-foreground)!important}.specimen-block{padding:var(--ds-ref-space-200) 0}.documentation-section-card{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-dialog);background:var(--ds-sys-color-surface-default)}.specimen-block__heading{margin-bottom:var(--ds-ref-space-300);padding:var(--ds-ref-space-400) var(--ds-ref-space-400) 0}.specimen-block__heading h2,.overview-section h2{font:var(--ds-sys-type-subsection-font-weight) var(--ds-sys-type-subsection-font-size) / var(--ds-sys-type-subsection-line-height) var(--ds-sys-type-subsection-font-family);margin:0}.specimen-block__heading p{max-width:680px;margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.specimen-block__heading.is-collapsed{padding-bottom:var(--ds-ref-space-400);margin-bottom:0}.specimen-block__toggle,.token-inventory__toggle,.token-inventory__group-toggle{width:100%;min-height:var(--ds-ref-size-target-minimum);justify-content:space-between;align-items:center;gap:var(--ds-ref-space-100);margin:calc(var(--ds-ref-space-050) * -1) calc(var(--ds-ref-space-100) * -1);padding:var(--ds-ref-space-050) var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid transparent;border-radius:var(--ds-ref-radius-default);appearance:none;color:inherit;cursor:pointer;font:inherit;line-height:inherit;text-align:left;transition:background-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard), border-color var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);background:0 0;display:flex}.specimen-block__toggle:hover,.token-inventory__toggle:hover,.token-inventory__group-toggle:hover{background:var(--ds-sys-color-surface-subtle)}.specimen-block__toggle:focus-visible,.token-inventory__toggle:focus-visible,.token-inventory__group-toggle:focus-visible{border-color:var(--ds-sys-color-border-focus);outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-ref-space-025)}.specimen-block__toggle svg,.token-inventory__toggle svg,.token-inventory__group-toggle svg{width:var(--ds-ref-size-icon-compact);height:var(--ds-ref-size-icon-compact);transition:transform var(--ds-ref-duration-fast) var(--ds-ref-easing-standard);flex:none}.specimen-block__toggle[aria-expanded=true] svg,.token-inventory__toggle[aria-expanded=true] svg,.token-inventory__group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.specimen-block__toggle>span,.token-inventory__toggle>span,.token-inventory__group-toggle>span:first-child{flex:1;min-width:0}.specimen-block__canvas{min-width:0;padding:var(--ds-ref-space-400)}.candidate-note{align-items:flex-start;gap:var(--ds-ref-space-150);max-width:780px;margin:calc(var(--ds-ref-space-300) * -1) 0 var(--ds-ref-space-300);padding:var(--ds-ref-space-150) var(--ds-ref-space-200);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-feedback-warning-border);color:var(--ds-sys-color-feedback-warning-foreground);background:var(--ds-sys-color-feedback-warning-background);display:flex}.candidate-note svg{width:var(--ds-comp-icon-graphic-size-default);height:var(--ds-comp-icon-graphic-size-default);margin-top:var(--ds-ref-space-025);flex:none}.candidate-note strong{font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.candidate-note p{margin:var(--ds-ref-space-025) 0 0;font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.token-reference{justify-content:space-between;align-items:baseline;gap:var(--ds-ref-space-200);margin-top:var(--ds-ref-space-200);padding-top:var(--ds-ref-space-150);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);display:flex}.token-inventory{padding:var(--ds-ref-space-200) 0}.token-inventory__heading{justify-content:space-between;align-items:flex-start;gap:var(--ds-ref-space-300);margin-bottom:var(--ds-ref-space-300);padding:var(--ds-ref-space-400) var(--ds-ref-space-400) 0;display:flex}.token-inventory__heading h2,.token-inventory__group h3{margin:0}.token-inventory__heading h2{font:var(--ds-sys-type-subsection-font-weight) var(--ds-sys-type-subsection-font-size) / var(--ds-sys-type-subsection-line-height) var(--ds-sys-type-subsection-font-family)}.token-inventory__heading p{max-width:680px;margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.token-inventory__heading>span,.token-inventory__group h3>span,.token-inventory__group-toggle>span:last-of-type{border-radius:var(--ds-comp-chip-container-radius-default);color:var(--ds-sys-color-selection-foreground);background:var(--ds-sys-color-selection-background);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.token-inventory__heading>span{padding:var(--ds-ref-space-050) var(--ds-ref-space-100);flex:none}.token-inventory__layers{gap:var(--ds-ref-space-300);display:grid}.token-inventory__content{min-width:0;padding:0 var(--ds-ref-space-400) var(--ds-ref-space-400)}.token-inventory__group{content-visibility:auto;contain-intrinsic-block-size:auto 640px}.token-inventory__group h3{justify-content:space-between;align-items:center;gap:var(--ds-ref-space-200);padding:0 var(--ds-ref-space-150) var(--ds-ref-space-100);color:var(--ds-sys-color-text-metadata-strong);font:var(--ds-sys-type-label-font-weight) var(--ds-sys-type-label-font-size) / var(--ds-sys-type-label-line-height) var(--ds-sys-type-label-font-family);display:flex}.token-inventory__group h3>span,.token-inventory__group-toggle>span:last-of-type{min-width:var(--ds-ref-size-target-minimum);padding:var(--ds-ref-space-025) var(--ds-ref-space-100);text-align:center}.token-inventory__group-toggle>span:last-of-type{flex:none}.token-inventory__list{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-panel-container-radius-default);background:var(--ds-sys-color-surface-default);margin:0;overflow:hidden}.token-inventory__row{gap:var(--ds-ref-space-200);min-height:var(--ds-comp-row-container-min-height-default);padding:var(--ds-ref-space-100) var(--ds-comp-panel-container-padding-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.token-inventory__row:last-child{border-bottom:0}.token-inventory__row code,.token-inventory__row dd{overflow-wrap:anywhere;min-width:0}.token-inventory__row code{color:var(--ds-sys-color-text-primary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.token-inventory__row dd{color:var(--ds-sys-color-text-secondary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);margin:0}.token-reference code,.data-id-specimen code,.reference-table code{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);overflow-wrap:anywhere}.text-field-provenance-note{overflow-wrap:anywhere}.overview-hero{gap:var(--ds-ref-space-500);padding:var(--ds-ref-space-500);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-large);background:var(--ds-sys-color-surface-default);grid-template-columns:minmax(0,1fr) 320px;align-items:center;display:grid}.overview-hero__eyebrow,.section-kicker{color:var(--ds-sys-color-text-metadata-strong);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.overview-hero h2{max-width:620px;margin:var(--ds-ref-space-100) 0 0;font:var(--ds-sys-type-section-title-font-weight) var(--ds-sys-type-section-title-font-size) / var(--ds-sys-type-section-title-line-height) var(--ds-sys-type-section-title-font-family)}.overview-hero>div>p{max-width:600px;margin:var(--ds-ref-space-150) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.overview-hero__actions,.button-row,.chip-row,.data-id-specimen{gap:var(--ds-ref-space-100);flex-wrap:wrap;align-items:center;display:flex}.removable-chip-page__source-revision{font-family:var(--ds-ref-font-family-mono);overflow-wrap:anywhere}.overview-hero__actions{margin-top:var(--ds-ref-space-300)}.icon-button-specimen{align-items:center;gap:var(--ds-ref-space-150);flex-wrap:wrap;display:flex}.overview-loop{gap:var(--ds-ref-space-100);display:grid}.overview-loop>div{gap:var(--ds-ref-space-150);padding:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);grid-template-columns:48px 1fr;align-items:center;display:grid}.overview-loop>svg{width:var(--ds-ref-size-icon-compact);height:var(--ds-ref-size-icon-compact);margin-left:var(--ds-ref-space-200);color:var(--ds-sys-color-text-disabled);transform:rotate(90deg)}.overview-loop code{border-radius:var(--ds-ref-radius-small);height:32px;color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);place-items:center;display:grid}.overview-loop span{color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013)}.overview-section{padding:var(--ds-ref-space-600) 0}.overview-section__heading{margin-bottom:var(--ds-ref-space-300)}.overview-section h2{margin-top:var(--ds-ref-space-050)}.overview-section__heading>p{max-width:720px;margin:var(--ds-ref-space-100) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.coverage-columns{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coverage-columns>div{padding:var(--ds-ref-space-300)}.coverage-columns>div+div{border-left:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.coverage-columns__title{align-items:center;gap:var(--ds-ref-space-100);display:flex}.coverage-columns__title svg{width:var(--ds-comp-icon-graphic-size-default);height:var(--ds-comp-icon-graphic-size-default);color:var(--ds-sys-color-text-secondary)}.coverage-columns__title h3{font-size:var(--ds-ref-font-size-016);margin:0}.coverage-columns__title span{color:var(--ds-sys-color-text-secondary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);margin-left:auto}.coverage-columns ul{gap:var(--ds-ref-space-100);margin:var(--ds-ref-space-200) 0 0;padding:0;list-style:none;display:grid}.coverage-columns li{align-items:center;gap:var(--ds-ref-space-100);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013);display:flex}.coverage-columns li svg{width:var(--ds-ref-size-icon-compact);height:var(--ds-ref-size-icon-compact);color:var(--ds-sys-color-brand-support)}.contract-layout{gap:var(--ds-ref-space-500);padding:var(--ds-ref-space-300) 0;border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);display:grid}.documentation-contract{gap:0 var(--ds-ref-space-300);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.documentation-contract li{align-items:baseline;gap:var(--ds-ref-space-100);padding:var(--ds-ref-space-100) 0;border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);font-size:var(--ds-ref-font-size-013);display:flex}.documentation-contract li span{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.catalog-axes{gap:var(--ds-ref-space-150);margin:0;display:grid}.catalog-axes div{padding-left:var(--ds-ref-space-150);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-border-strong)}.catalog-axes dt{color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013);font-weight:var(--ds-ref-font-weight-semibold)}.catalog-axes dd{margin:var(--ds-ref-space-025) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.authority-strip{align-items:center;gap:var(--ds-ref-space-200);padding:var(--ds-ref-space-200);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-border-strong);background:var(--ds-sys-color-surface-subtle);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.authority-strip>svg{width:var(--ds-ref-size-icon-display);height:var(--ds-ref-size-icon-display);color:var(--ds-sys-color-text-primary)}.authority-strip h2{font:var(--ds-sys-type-label-font-weight) var(--ds-sys-type-label-font-size) / var(--ds-sys-type-label-line-height) var(--ds-sys-type-label-font-family);margin:0}.authority-strip p{margin:var(--ds-ref-space-025) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.authority-strip>code{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.font-family-specimen{align-items:center;gap:var(--ds-ref-space-300);grid-template-columns:140px minmax(0,1fr);display:grid}.font-family-specimen>span{color:var(--ds-sys-color-text-primary);font-size:48px;font-weight:var(--ds-ref-font-weight-semibold)}.font-family-specimen strong{font:var(--ds-sys-type-section-title-font-weight) var(--ds-sys-type-section-title-font-size) / var(--ds-sys-type-section-title-line-height) var(--ds-sys-type-section-title-font-family)}.font-family-specimen p{margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.font-weight-scale__row{gap:var(--ds-ref-space-200);padding:var(--ds-ref-space-200) 0;border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:128px minmax(280px,1fr) minmax(220px,.7fr);align-items:center;display:grid}.font-weight-scale__row:first-child{padding-top:0}.font-weight-scale__row:last-child{border-bottom:0;padding-bottom:0}.font-weight-scale__identity{justify-content:space-between;align-items:baseline;gap:var(--ds-ref-space-100);display:flex}.font-weight-scale__identity strong{font-size:var(--ds-ref-font-size-013)}.font-weight-scale__identity code,.font-weight-scale__row>span{color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012)}.font-weight-scale__identity code{font-family:var(--ds-ref-font-family-mono)}.font-weight-scale__row>p{font-family:var(--ds-sys-type-subsection-font-family);font-size:var(--ds-sys-type-subsection-font-size);line-height:var(--ds-sys-type-subsection-line-height);margin:0}.type-scale__row{gap:var(--ds-ref-space-200);padding:var(--ds-ref-space-200) 0;border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:112px minmax(260px,1fr) 144px 240px;align-items:start;display:grid}.type-scale__row:first-child{padding-top:0}.type-scale__row:last-child{border-bottom:0;padding-bottom:0}.type-scale__identity{gap:var(--ds-ref-space-025);display:grid}.type-scale__identity strong{font-size:var(--ds-ref-font-size-013)}.type-scale__identity span,.type-scale__sample>span{color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012)}.type-scale__sample{min-width:0}.type-scale__sample p{margin:0}.type-scale__sample>span{margin-top:var(--ds-ref-space-050);display:block}.type-scale__metrics{gap:var(--ds-ref-space-100);margin:0;display:grid}.type-scale__metrics>div{gap:var(--ds-ref-space-025);display:grid}.type-scale__metrics dt{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);letter-spacing:.04em;text-transform:uppercase}.type-scale__metrics dd{font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);margin:0}.type-scale__row>code{color:var(--ds-sys-color-text-secondary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);overflow-wrap:anywhere}.type-sample--display{font:var(--ds-ref-font-weight-medium) var(--ds-sys-type-display-font-size) / var(--ds-sys-type-display-line-height) var(--ds-sys-type-display-font-family)}.type-sample--page-title{font:var(--ds-ref-font-weight-medium) var(--ds-sys-type-page-title-font-size) / var(--ds-sys-type-page-title-line-height) var(--ds-sys-type-page-title-font-family)}.type-sample--section-title{font:var(--ds-ref-font-weight-medium) var(--ds-sys-type-section-title-font-size) / var(--ds-sys-type-section-title-line-height) var(--ds-sys-type-section-title-font-family)}.type-sample--subsection{font:var(--ds-ref-font-weight-medium) var(--ds-sys-type-subsection-font-size) / var(--ds-sys-type-subsection-line-height) var(--ds-sys-type-subsection-font-family)}.type-sample--h4{font:var(--ds-ref-font-weight-medium) var(--ds-ref-font-size-016) / 1.5625 var(--ds-ref-font-family-sans)}.type-sample--h5{font:var(--ds-ref-font-weight-medium) var(--ds-ref-font-size-014) / 1.5714 var(--ds-ref-font-family-sans)}.type-sample--h6{font:var(--ds-ref-font-weight-medium) var(--ds-ref-font-size-013) / 1.5385 var(--ds-ref-font-family-sans)}.type-sample--body-large{font:var(--ds-sys-type-body-large-font-weight) var(--ds-sys-type-body-large-font-size) / var(--ds-sys-type-body-large-line-height) var(--ds-sys-type-body-large-font-family)}.type-sample--body{font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family)}.type-sample--body-small{font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.type-sample--label{font:var(--ds-sys-type-label-font-weight) var(--ds-sys-type-label-font-size) / var(--ds-sys-type-label-line-height) var(--ds-sys-type-label-font-family)}.type-sample--label-small{font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.type-sample--data-id{font:var(--ds-sys-type-data-id-font-weight) var(--ds-sys-type-data-id-font-size) / var(--ds-sys-type-data-id-line-height) var(--ds-sys-type-data-id-font-family)}.data-id-specimen code{padding:var(--ds-ref-space-100) var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-small);background:var(--ds-sys-color-surface-subtle)}.swatch-grid{gap:var(--ds-ref-space-150);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.color-swatch{min-width:0}.color-swatch__color{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);height:96px}.color-swatch>div:last-child{gap:var(--ds-ref-space-025);margin-top:var(--ds-ref-space-100);display:grid}.color-swatch strong{font-size:var(--ds-ref-font-size-013)}.color-swatch span,.color-swatch code{color:var(--ds-sys-color-text-secondary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);overflow-wrap:anywhere}.semantic-color-row{gap:var(--ds-ref-space-100);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.semantic-color{align-content:space-between;gap:var(--ds-ref-space-100);min-height:104px;padding:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid;border-radius:var(--ds-ref-radius-default);font-size:var(--ds-ref-font-size-013);display:grid}.semantic-color code{font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);overflow-wrap:anywhere}.semantic-color--primary{color:var(--ds-ref-color-neutral-1000);border-color:var(--ds-sys-color-action-primary-background);background:var(--ds-sys-color-action-primary-background)}.semantic-color--selection{color:var(--ds-sys-color-selection-foreground);border-color:var(--ds-sys-color-selection-border);background:var(--ds-sys-color-selection-background)}.semantic-color--warning{color:var(--ds-sys-color-feedback-warning-foreground);border-color:var(--ds-sys-color-feedback-warning-border);background:var(--ds-sys-color-feedback-warning-background)}.semantic-color--highlight{color:var(--ds-sys-color-feedback-highlight-foreground);border-color:var(--ds-sys-color-feedback-highlight-border);background:var(--ds-sys-color-feedback-highlight-background)}.semantic-color--danger{color:var(--ds-sys-color-feedback-danger-foreground);border-color:var(--ds-sys-color-feedback-danger-border);background:var(--ds-sys-color-feedback-danger-background)}.contrast-contract{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.contrast-contract>div{padding:var(--ds-ref-space-200)}.contrast-contract>div+div{border-left:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.contrast-contract dt,.usage-guidance h3,.color-responsibility dt{color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013);font-weight:var(--ds-ref-font-weight-semibold)}.contrast-contract dd,.color-responsibility dd{margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.guidance-list{gap:var(--ds-ref-space-100);padding-left:var(--ds-ref-space-250);margin:var(--ds-ref-space-200) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family);display:grid}.known-mismatch{margin:var(--ds-ref-space-200) 0 0;padding:var(--ds-ref-space-150) var(--ds-ref-space-200);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-feedback-warning-border);color:var(--ds-sys-color-feedback-warning-foreground);background:var(--ds-sys-color-feedback-warning-background);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.shadow-grid{gap:var(--ds-ref-space-300);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shadow-specimen__surface{height:148px;margin-bottom:var(--ds-ref-space-200);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-secondary);background:var(--ds-sys-color-surface-default);place-items:center;display:grid}.shadow-specimen strong{font-size:var(--ds-ref-font-size-014)}.shadow-specimen p{min-height:44px;margin:var(--ds-ref-space-050) 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.shadow-specimen code{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.depth-rule{gap:var(--ds-ref-space-300);padding:var(--ds-ref-space-300);background:var(--ds-sys-color-surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.depth-rule>div{border-radius:var(--ds-ref-radius-default);background:var(--ds-sys-color-surface-default);place-items:center;min-height:120px;display:grid}.depth-rule__border{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.depth-rule__shadow{box-shadow:var(--ds-ref-shadow-popover)}.grid-specimen{gap:var(--ds-ref-space-100);grid-template-columns:repeat(12,minmax(0,1fr));min-height:180px;display:grid}.grid-specimen span{padding-bottom:var(--ds-ref-space-100);border-radius:var(--ds-ref-radius-small);color:var(--ds-sys-color-text-metadata-strong);background:var(--ds-sys-color-surface-subtle);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);place-items:end center;display:grid}.grid-examples{gap:var(--ds-ref-space-100);margin-top:var(--ds-ref-space-100);grid-template-columns:2fr 1fr;display:grid}.grid-example{padding:var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-strong);border-radius:var(--ds-ref-radius-small);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);text-align:center}.reference-table{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);max-width:100%;overflow-x:auto}.reference-table table{border-collapse:collapse;width:100%;min-width:640px}.reference-table caption{padding:var(--ds-ref-space-150);color:var(--ds-sys-color-text-secondary);background:var(--ds-sys-color-surface-subtle);font-size:var(--ds-ref-font-size-012);text-align:left}.reference-table th,.reference-table td{padding:var(--ds-ref-space-150);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);font-size:var(--ds-ref-font-size-013);text-align:left}.reference-table thead th{color:var(--ds-sys-color-text-secondary);background:var(--ds-sys-color-surface-subtle);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-semibold);border-top:0}.reference-table tbody th{font-weight:var(--ds-ref-font-weight-medium)}.reusable-component-guide .specimen-block__canvas:not([hidden]){gap:var(--ds-ref-space-300);display:grid}.reusable-component-guide__summary,.reusable-component-guide__details{gap:var(--ds-ref-space-150);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.reusable-component-guide__summary>div,.reusable-component-guide__details>section{min-width:0;padding:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);background:var(--ds-sys-color-surface-subtle)}.reusable-component-guide h3{color:var(--ds-sys-color-text-primary);font:var(--ds-sys-type-label-font-weight) var(--ds-sys-type-label-font-size) / var(--ds-sys-type-label-line-height) var(--ds-sys-type-label-font-family);margin:0}.reusable-component-guide dt{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.reusable-component-guide dd{margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-primary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.reusable-component-guide__details code{margin-top:var(--ds-ref-space-050);color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);overflow-wrap:anywhere;display:block}.reusable-component-guide__example{min-width:0}.reusable-component-guide__example h3,.reusable-component-guide__api h3{margin-bottom:var(--ds-ref-space-100)}.reusable-component-guide pre{max-width:100%;padding:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012);line-height:var(--ds-sys-type-body-small-line-height);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow-x:auto}.reusable-component-guide pre code{display:block}.reusable-component-guide__api .reference-table table{table-layout:fixed;min-width:0}.reusable-component-guide__api th,.reusable-component-guide__api td{overflow-wrap:anywhere}.reusable-component-guide__package-boundary{padding:var(--ds-ref-space-150);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);background:var(--ds-sys-color-surface-subtle)}.reusable-component-guide__package-boundary strong{color:var(--ds-sys-color-text-primary);font:var(--ds-sys-type-label-font-weight) var(--ds-sys-type-label-font-size) / var(--ds-sys-type-label-line-height) var(--ds-sys-type-label-font-family)}.reusable-component-guide__package-boundary p{margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-small-font-weight) var(--ds-sys-type-body-small-font-size) / var(--ds-sys-type-body-small-line-height) var(--ds-sys-type-body-small-font-family)}.spacing-scale{display:grid}.spacing-scale__row{gap:var(--ds-ref-space-150);min-height:var(--ds-ref-size-control-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);font-size:var(--ds-ref-font-size-012);grid-template-columns:44px 80px 48px minmax(220px,1fr);align-items:center;display:grid}.spacing-scale__row:last-child{border-bottom:0}.spacing-scale__bar{min-height:var(--ds-ref-space-100);border-radius:var(--ds-ref-radius-small);background:var(--ds-ref-color-neutral-600);max-width:64px;display:block}.spacing-scale__row>code:last-child,.shape-reference code,.motion-reference code{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);overflow-wrap:anywhere}.shape-reference-grid{gap:var(--ds-ref-space-200);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.shape-reference{gap:var(--ds-ref-space-050);min-width:0;color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);display:grid}.shape-reference>div{height:72px;margin-bottom:var(--ds-ref-space-050);border:var(--ds-ref-border-width-strong) solid var(--ds-sys-color-border-strong);background:var(--ds-sys-color-surface-subtle)}.shape-reference strong{color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013)}.shape-reference code{font-size:var(--ds-ref-font-size-012)}.motion-reference-list{display:grid}.motion-reference{gap:var(--ds-ref-space-150);min-height:var(--ds-ref-size-control-large);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);font-size:var(--ds-ref-font-size-012);grid-template-columns:80px minmax(260px,1fr) 56px minmax(220px,1fr);align-items:center;display:grid}.motion-reference:last-child{border-bottom:0}.motion-reference>div{height:var(--ds-ref-space-100);border-radius:var(--ds-ref-radius-full);background:var(--ds-sys-color-surface-subtle)}.motion-reference>div span{border-radius:inherit;background:var(--ds-ref-color-neutral-600);max-width:100%;height:100%;display:block}.brand-mark-specimen{gap:var(--ds-ref-space-500);grid-template-columns:220px minmax(0,1fr);align-items:center;display:grid}.brand-mark-specimen__mark{aspect-ratio:1;border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-large);background:var(--ds-sys-color-brand-background);place-items:center;display:grid}.brand-mark-specimen__mark img{width:74%;height:74%}.brand-wordmark{color:var(--ds-sys-color-brand-foreground);font-size:var(--ds-ref-font-size-032);font-weight:var(--ds-ref-font-weight-semibold)}.brand-mark-specimen p{margin:var(--ds-ref-space-100) 0 var(--ds-ref-space-200);color:var(--ds-sys-color-text-secondary)}.brand-mark-specimen .token-reference{margin-top:var(--ds-ref-space-100);padding-top:var(--ds-ref-space-100)}.brand-gradient-grid{gap:var(--ds-ref-space-150);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-gradient{min-height:150px;padding:var(--ds-ref-space-200);border-radius:var(--ds-ref-radius-default);color:var(--ds-ref-color-neutral-1000);align-content:space-between;display:grid}.brand-gradient span{font-size:var(--ds-ref-font-size-016);font-weight:var(--ds-ref-font-weight-semibold)}.brand-gradient code{font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-012)}.brand-gradient--support{background:var(--ds-sys-gradient-brand-support)}.brand-gradient--primary{background:var(--ds-sys-gradient-brand-primary)}.brand-gradient--highlight{background:var(--ds-sys-gradient-brand-highlight)}.brand-gradient--signal{background:var(--ds-sys-color-brand-signal)}.color-balance-guide{gap:var(--ds-ref-space-150);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-balance-guide__role{gap:var(--ds-ref-space-150);min-width:0;padding:var(--ds-ref-space-200);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);background:var(--ds-sys-color-surface-default);grid-template-columns:auto minmax(0,1fr);display:grid}.color-balance-guide__role--foundation{background:var(--ds-ref-color-neutral-050)}.color-balance-guide__role--structure{background:var(--ds-ref-color-neutral-100)}.color-balance-guide__role>span{color:var(--ds-sys-color-text-primary);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-022);font-weight:var(--ds-ref-font-weight-semibold);line-height:1}.color-balance-guide__role strong{font-size:var(--ds-ref-font-size-013)}.color-balance-guide__role p{margin:var(--ds-ref-space-050) 0 0;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family)}.semantic-accent-list{gap:var(--ds-ref-space-100) var(--ds-ref-space-150);margin:var(--ds-ref-space-150) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.semantic-accent{align-items:center;gap:var(--ds-ref-space-050);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-012);display:inline-flex}.semantic-accent>span{border-radius:var(--ds-ref-radius-full);width:10px;height:10px}.semantic-accent--primary>span{background:var(--ds-sys-color-brand-primary)}.semantic-accent--support>span{background:var(--ds-sys-color-brand-support)}.semantic-accent--signal>span{background:var(--ds-sys-color-brand-signal)}.semantic-accent--highlight>span{background:var(--ds-ref-color-violet-300)}.semantic-accent--danger>span{background:var(--ds-ref-color-red-600)}.usage-guidance{gap:var(--ds-ref-space-400);margin-top:var(--ds-ref-space-300);padding-top:var(--ds-ref-space-300);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.usage-guidance h3{margin:0}.color-responsibility__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.color-responsibility__grid>div{padding:var(--ds-ref-space-200);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.color-responsibility__grid>div+div{border-left:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default)}.button-row--aligned{align-items:baseline}.field-grid{gap:var(--ds-ref-space-300);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.select-specimen-grid,.select-state-grid{gap:var(--ds-ref-space-300);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.select-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.select-field{align-content:start;gap:var(--ds-ref-space-100);min-width:0;display:grid}.select-field label{color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013);font-weight:var(--ds-ref-font-weight-medium)}.select-field p{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);margin:0}.select-field .select-field__error{color:var(--ds-sys-color-feedback-danger-foreground)}.select-live-specimen{align-items:end;gap:var(--ds-ref-space-300);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.select-live-specimen__result{min-width:0;padding:var(--ds-ref-space-150) var(--ds-ref-space-200);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-selection-border);color:var(--ds-sys-color-selection-foreground);background:var(--ds-sys-color-selection-background);margin:0}.popover-specimen__content{min-inline-size:min(18rem, calc(100vi - var(--ds-ref-space-400)));gap:var(--ds-ref-space-100)}:is(.popover-specimen__content:popover-open,.popover-listbox-specimen__content:popover-open){display:grid}.popover-specimen__content>p,.popover-listbox-specimen>p{margin:0}.popover-specimen__content--long{inline-size:min(22rem, calc(100vi - var(--ds-ref-space-400)))}.popover-listbox-specimen{gap:var(--ds-ref-space-150);display:grid}.popover-listbox-specimen__content{gap:var(--ds-ref-space-050)}.popover-listbox-specimen__option{justify-content:flex-start;inline-size:100%}.popover-edge-grid{gap:var(--ds-ref-space-300);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.popover-edge-grid__case{min-block-size:7rem;display:flex}.popover-edge-grid__case:nth-child(2n){justify-content:flex-end}.popover-edge-grid__case:nth-child(n+3){align-items:flex-end}.ds-field{gap:var(--ds-ref-space-100);min-width:0;display:grid}.ds-field label{color:var(--ds-sys-color-text-primary);font-size:var(--ds-ref-font-size-013);font-weight:var(--ds-ref-font-weight-medium)}.ds-field p{color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-label-small-font-weight) var(--ds-sys-type-label-small-font-size) / var(--ds-sys-type-label-small-line-height) var(--ds-sys-type-label-small-font-family);margin:0}.ds-field--error p{color:var(--ds-sys-color-feedback-danger-foreground)}.text-field-search{align-items:end;gap:var(--ds-ref-space-300);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.text-field-search__result{justify-content:space-between;align-items:center;gap:var(--ds-ref-space-150);min-width:0;padding:var(--ds-ref-space-150) var(--ds-ref-space-200);border-left:var(--ds-ref-border-width-selection-marker) solid var(--ds-sys-color-selection-border);color:var(--ds-sys-color-selection-foreground);background:var(--ds-sys-color-selection-background);display:flex}.text-field-search__result p{min-width:0;margin:0}.reference-table--work-items table{min-width:760px}.reference-table--work-items tbody tr:hover{background:var(--ds-sys-color-surface-subtle)}.reference-table--work-items tbody tr.is-selected,.reference-table--work-items tbody tr.is-selected:hover{background:var(--ds-sys-color-selection-background);box-shadow:inset var(--ds-ref-border-width-selection-marker) 0 0 var(--ds-sys-color-selection-border)}.table-id{align-items:center;gap:var(--ds-ref-space-100);display:flex}.row-selection-label,.priority-label{min-height:var(--ds-comp-chip-container-height-default);align-items:center;gap:var(--ds-ref-space-050);padding:0 var(--ds-ref-space-100);border:var(--ds-ref-border-width-default) solid transparent;border-radius:var(--ds-comp-chip-container-radius-default);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;display:inline-flex}.row-selection-label{color:var(--ds-sys-color-selection-foreground);border-color:var(--ds-sys-color-selection-border);background:var(--ds-sys-color-selection-background)}.row-selection-label svg,.priority-label svg{width:12px;height:12px}.priority-label--high{color:var(--ds-sys-color-feedback-warning-foreground);border-color:var(--ds-sys-color-feedback-warning-border);background:var(--ds-sys-color-feedback-warning-background)}.priority-label--normal{color:var(--ds-sys-color-feedback-muted-foreground);border-color:var(--ds-sys-color-border-default);background:var(--ds-sys-color-feedback-muted-background)}.stage-label{min-height:var(--ds-comp-chip-container-height-default);padding:0 var(--ds-ref-space-100);border-radius:var(--ds-comp-chip-container-radius-default);font-size:var(--ds-ref-font-size-012);font-weight:var(--ds-ref-font-weight-medium);align-items:center;display:inline-flex}.stage-label--implement{color:var(--ds-sys-color-feedback-info-foreground);border-color:var(--ds-sys-color-feedback-info-border);background:var(--ds-sys-color-feedback-info-background)}.stage-label--validation{color:var(--ds-sys-color-feedback-highlight-foreground);border-color:var(--ds-sys-color-feedback-highlight-border);background:var(--ds-sys-color-feedback-highlight-background)}.stage-label--done{color:var(--ds-sys-color-feedback-success-foreground);border-color:var(--ds-sys-color-feedback-success-border);background:var(--ds-sys-color-feedback-success-background)}.tabs-specimen{border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default)}.tabs-list{border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);display:flex;overflow-x:auto}.tabs-list button{min-height:var(--ds-sys-size-target-preferred);padding:0 var(--ds-ref-space-200);color:var(--ds-sys-color-text-secondary);font-size:var(--ds-ref-font-size-013);font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;background:0 0;border:0;position:relative}.tabs-list button:hover{color:var(--ds-sys-color-text-primary);background:var(--ds-sys-color-surface-subtle)}.tabs-list button[aria-selected=true]{color:var(--ds-sys-color-selection-foreground);background:var(--ds-sys-color-selection-background)}.tabs-list button[aria-selected=true]:after{right:var(--ds-ref-space-150);bottom:-1px;left:var(--ds-ref-space-150);height:var(--ds-ref-border-width-strong);border-radius:var(--ds-ref-radius-full);background:var(--ds-sys-color-selection-border);content:"";position:absolute}.tabs-specimen [role=tabpanel]{min-height:132px;padding:var(--ds-ref-space-300)}.tabs-specimen [role=tabpanel] p{max-width:620px;color:var(--ds-sys-color-text-secondary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);margin:0}.not-found{max-width:560px;min-height:calc(100vh - var(--ds-comp-shell-topbar-height-default) - (var(--ds-ref-space-800) * 2));align-content:center;justify-items:start;display:grid}.not-found>span{color:var(--ds-sys-color-text-metadata-strong);font-family:var(--ds-ref-font-family-mono);font-size:var(--ds-ref-font-size-014)}.not-found h1{margin:var(--ds-ref-space-100) 0;font-size:var(--ds-ref-font-size-028)}.not-found p{margin:0 0 var(--ds-ref-space-300);color:var(--ds-sys-color-text-secondary)}.navigation-backdrop{display:none}@media (width<=1040px){:root{--site-page-gutter:var(--ds-ref-space-300)}.overview-hero{grid-template-columns:minmax(0,1fr) 280px}.swatch-grid,.semantic-color-row{grid-template-columns:repeat(2,minmax(0,1fr))}.font-weight-scale__row{grid-template-columns:112px minmax(220px,1fr)}.font-weight-scale__row>span{grid-column:2}.type-scale__row{grid-template-columns:96px minmax(220px,1fr) 144px}.type-scale__row>code{grid-column:2/-1}.shape-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=840px){:root{--site-page-gutter:var(--ds-ref-space-200)}.sidebar{z-index:var(--ds-ref-z-modal);width:min(86vw,320px);box-shadow:var(--ds-ref-shadow-dialog);transition:transform var(--ds-ref-duration-standard) var(--ds-ref-easing-standard);transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar__close,.topbar__menu{display:inline-grid}.navigation-backdrop{z-index:calc(var(--ds-ref-z-modal) - 1);background:var(--ds-sys-color-surface-overlay);border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.site-frame{margin-left:0}.topbar{padding-inline:var(--ds-ref-space-100) var(--site-page-gutter)}.overview-hero{grid-template-columns:1fr}.overview-loop{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-loop>div{grid-template-columns:1fr;align-content:start}.overview-loop>svg{display:none}.shadow-grid{grid-template-columns:1fr}.shadow-specimen p{min-height:auto}.grid-specimen{gap:var(--ds-ref-space-050)}.grid-specimen span{font-size:8px}.page-receipt{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-layout{grid-template-columns:1fr}.motion-reference{grid-template-columns:72px minmax(180px,1fr) 48px}.motion-reference code{padding-bottom:var(--ds-ref-space-100);grid-column:2/-1}}@media (width<=640px){.main-content{padding-top:var(--ds-ref-space-400)}.main-content--component-page{padding-top:var(--ds-ref-space-500)}.component-page__navigation{gap:var(--ds-ref-space-050);grid-template-columns:minmax(0,1fr)}.main-content--component-page .specimen-block__fragment-target{scroll-margin-top:calc(var(--ds-comp-shell-topbar-height-default) + var(--ds-ref-space-100))}.component-page__navigation-list{padding-bottom:var(--ds-ref-space-025)}.page-header{margin-bottom:var(--ds-ref-space-400)}.page-header h1{font-size:var(--ds-ref-font-size-022)}.page-header p{font-size:var(--ds-ref-font-size-014)}.specimen-block__toggle,.token-inventory__toggle,.token-inventory__group-toggle{padding-inline:var(--ds-ref-space-050);margin-inline:0}.specimen-block__heading,.token-inventory__heading{padding:var(--ds-ref-space-300) var(--ds-ref-space-200) 0}.token-inventory__heading{align-items:flex-start;gap:var(--ds-ref-space-150);flex-direction:column}.token-inventory__content{padding:0 var(--ds-ref-space-200) var(--ds-ref-space-300)}.token-inventory__row{gap:var(--ds-ref-space-050);padding:var(--ds-ref-space-150);grid-template-columns:minmax(0,1fr)}.token-inventory__row code,.token-inventory__row dd{white-space:normal}.specimen-block__canvas,.overview-hero{padding:var(--ds-ref-space-200)}.reusable-component-guide__summary,.reusable-component-guide__details{grid-template-columns:minmax(0,1fr)}.overview-hero__actions{flex-direction:column;align-items:stretch}.page-receipt,.documentation-contract{grid-template-columns:1fr}.shape-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spacing-scale__row{padding-block:var(--ds-ref-space-100);grid-template-columns:36px 72px 40px}.spacing-scale__row>code:last-child{grid-column:2/-1}.motion-reference{grid-template-columns:64px minmax(120px,1fr) 44px}.coverage-columns,.field-grid,.text-field-search,.select-specimen-grid,.select-state-grid,.select-live-specimen,.popover-edge-grid,.brand-gradient-grid,.depth-rule{grid-template-columns:1fr}.coverage-columns>div{padding-inline:0}.coverage-columns>div+div{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-left:0}.authority-strip{grid-template-columns:auto minmax(0,1fr)}.authority-strip>code{grid-column:2}.font-family-specimen,.brand-mark-specimen{grid-template-columns:1fr}.font-family-specimen>span{font-size:var(--ds-ref-font-size-032)}.brand-mark-specimen__mark{max-width:220px}.type-scale__row{gap:var(--ds-ref-space-100);grid-template-columns:1fr}.type-scale__row>code{grid-column:auto}.font-weight-scale__row{gap:var(--ds-ref-space-100);grid-template-columns:1fr}.font-weight-scale__row>span{grid-column:auto}.swatch-grid,.semantic-color-row{grid-template-columns:1fr}.grid-examples{grid-template-columns:2fr 1fr}.color-balance-guide,.usage-guidance,.color-responsibility__grid,.contrast-contract{grid-template-columns:1fr}.color-responsibility__grid>div+div,.contrast-contract>div+div{border-left:0}.button-row{flex-direction:column;align-items:stretch}.button-row .ds-button{width:100%}.chip-row{align-items:flex-start}}@media (width<=380px){:root{--site-page-gutter:var(--ds-ref-space-150)}.breadcrumb>span:first-child,.topbar__work-item{display:none}.overview-loop{grid-template-columns:1fr}.overview-loop>div{grid-template-columns:48px 1fr}.specimen-block__canvas{padding:var(--ds-ref-space-150)}.shape-reference-grid{grid-template-columns:1fr}.motion-reference{gap:var(--ds-ref-space-100);grid-template-columns:56px minmax(80px,1fr) 40px}.grid-specimen span{color:#0000}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}