.ButtonPressDemo_frame__GxK2j{align-items:center;display:flex;justify-content:center;min-height:var(--spacing-16);padding:var(--spacing-inset-md)}.ButtonPressDemo_button__vOC2T{background:var(--color-action-primary-default);border:var(--border-width-default) solid transparent;border-radius:var(--border-radius-component);box-shadow:var(--elevation-8);color:var(--color-action-primary-text);cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-lineheight);padding:var(--spacing-inset-sm) var(--spacing-inset-md);transform:translateY(var(--spacing-0));transition:box-shadow var(--motion-duration-fast) var(--motion-easing-default),transform var(--motion-duration-fast) var(--motion-easing-default),background-color var(--motion-duration-fast) var(--motion-easing-default)}.ButtonPressDemo_button__vOC2T:hover{background:var(--color-action-primary-hover)}.ButtonPressDemo_button__vOC2T:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.ButtonPressDemo_button__vOC2T:active{box-shadow:var(--elevation-2);transform:translateY(var(--spacing-1))}@media (prefers-reduced-motion:reduce){.ButtonPressDemo_button__vOC2T{transition:none}.ButtonPressDemo_button__vOC2T:active{transform:none}}.CheckboxCheckDemo_frame__y5Rhk{align-items:center;display:flex;justify-content:center;min-height:var(--spacing-16);padding:var(--spacing-inset-md)}.CheckboxCheckDemo_option__nqSEn{align-items:center;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);gap:var(--spacing-inline-sm)}.CheckboxCheckDemo_control__SR03Y{align-items:center;background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--border-radius-sm);color:var(--color-action-primary-text);display:inline-flex;flex:0 0 auto;height:calc(var(--spacing-6) - var(--spacing-1));justify-content:center;position:relative;transition:background-color var(--motion-duration-normal) var(--motion-easing-default),border-color var(--motion-duration-normal) var(--motion-easing-default);width:calc(var(--spacing-6) - var(--spacing-1))}.CheckboxCheckDemo_control__SR03Y[data-checked=true]{background:var(--color-action-primary-default);border-color:var(--color-action-primary-default)}.CheckboxCheckDemo_native__F0kfB{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.CheckboxCheckDemo_native__F0kfB:focus-visible+.CheckboxCheckDemo_indicator__yu9mm{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.CheckboxCheckDemo_indicator__yu9mm{display:block;height:100%;pointer-events:none;width:100%}.CheckboxCheckDemo_check__4NAve{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset var(--motion-duration-normal) var(--motion-easing-spring)}.CheckboxCheckDemo_control__SR03Y[data-checked=true] .CheckboxCheckDemo_check__4NAve{stroke-dashoffset:0}.CheckboxCheckDemo_label__vpw5i{color:var(--color-text-primary);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-lineheight)}@media (prefers-reduced-motion:reduce){.CheckboxCheckDemo_check__4NAve,.CheckboxCheckDemo_control__SR03Y{transition:none}}.ErrorShakeDemo_frame__qyYX8{display:flex;flex-direction:column;gap:var(--spacing-stack-sm);padding:var(--spacing-inset-md)}.ErrorShakeDemo_label__LSvik{color:var(--color-text-primary);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-lineheight)}.ErrorShakeDemo_row__K0uWP{display:flex;gap:var(--spacing-inline-sm)}.ErrorShakeDemo_input__I6Syp{background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--border-radius-component);color:var(--color-text-primary);flex:1 1;font-family:var(--type-body-md-family);font-size:var(--type-body-sm-size);min-width:0;padding:var(--spacing-inset-sm) var(--spacing-inset-sm)}.ErrorShakeDemo_input__I6Syp:focus-visible{border-color:var(--color-border-focus);outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-0)}.ErrorShakeDemo_invalid__ineS8{background:var(--color-feedback-error-bg);border-color:var(--color-border-error)}.ErrorShakeDemo_button__DUy2U{background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-action-secondary-border);border-radius:var(--border-radius-component);color:var(--color-text-primary);cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);padding:var(--spacing-inset-sm) var(--spacing-inset-md)}.ErrorShakeDemo_button__DUy2U:hover{background:var(--color-action-secondary-hover)}.ErrorShakeDemo_button__DUy2U:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.ErrorShakeDemo_error__t2jW5{color:var(--color-text-error);font-family:var(--type-caption-family);font-size:var(--type-caption-size);line-height:var(--type-caption-lineheight);margin:var(--spacing-0)}@keyframes ErrorShakeDemo_shake__Mli_2{0%{transform:translateX(var(--spacing-0))}20%{transform:translateX(calc(var(--spacing-1) * -1))}40%{transform:translateX(var(--spacing-1))}60%{transform:translateX(calc(var(--spacing-1) * -1))}80%{transform:translateX(var(--spacing-1))}to{transform:translateX(var(--spacing-0))}}.ErrorShakeDemo_shake__Mli_2{animation:ErrorShakeDemo_shake__Mli_2 var(--motion-duration-fast) var(--motion-easing-default) 1}@media (prefers-reduced-motion:reduce){.ErrorShakeDemo_shake__Mli_2{animation:none}}.HoverRevealDemo_frame__kGuXv{display:flex;flex-direction:column;gap:var(--spacing-stack-sm);padding:var(--spacing-inset-md)}.HoverRevealDemo_row__5ZWn9{align-items:center;background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);display:flex;gap:var(--spacing-inline-md);justify-content:space-between;padding:var(--spacing-inset-sm) var(--spacing-inset-md);transition:background-color var(--motion-duration-fast) var(--motion-easing-default)}.HoverRevealDemo_row__5ZWn9:focus-within,.HoverRevealDemo_row__5ZWn9:hover{background:var(--color-surface-subtle)}.HoverRevealDemo_label__bDW7Z{color:var(--color-text-primary);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-weight:var(--type-label-weight);line-height:var(--type-body-sm-lineheight)}.HoverRevealDemo_actions__HVaFU{display:inline-flex;gap:var(--spacing-inline-xs);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-default)}.HoverRevealDemo_row__5ZWn9:focus-within .HoverRevealDemo_actions__HVaFU,.HoverRevealDemo_row__5ZWn9:hover .HoverRevealDemo_actions__HVaFU{opacity:1}.HoverRevealDemo_action__FXgCa{align-items:center;background:transparent;border:var(--border-width-default) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--type-caption-family);font-size:var(--type-caption-size);gap:var(--spacing-inline-xs);padding:var(--spacing-1) var(--spacing-2)}.HoverRevealDemo_action__FXgCa:hover{background:var(--color-surface-default);color:var(--color-text-primary)}.HoverRevealDemo_action__FXgCa:focus-visible{border-color:var(--color-border-focus);color:var(--color-text-primary);outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-0)}@media (prefers-reduced-motion:reduce){.HoverRevealDemo_actions__HVaFU,.HoverRevealDemo_row__5ZWn9{transition:none}}.page_container__wHMKq{max-width:var(--layout-container-wide);padding:var(--spacing-inset-lg) var(--spacing-inset-lg) var(--spacing-section-gap)}.page_sectionSpacing__GXhby{margin:0 0 var(--spacing-section-gap)}.page_sectionHeading__wRUtG{color:var(--color-text-primary);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);letter-spacing:var(--type-h2-letterspacing);line-height:var(--type-h2-lineheight);margin:0 0 var(--spacing-stack-sm)}.page_sectionIntro__IQ0dl{color:var(--color-text-secondary);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lineheight);margin:0 0 var(--spacing-stack-md);max-width:var(--layout-container-prose)}.page_bulletList__Yxze9 code,.page_sectionIntro__IQ0dl code{background:var(--color-surface-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:var(--type-code-family);font-size:var(--type-caption-size);padding:0 var(--spacing-inset-xs)}.page_afterTableNote__UHLtZ{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight);margin:var(--spacing-stack-md) 0 0;max-width:var(--layout-container-prose)}.page_inlineLink__E57DA{color:var(--color-text-link-default);text-decoration:underline;text-decoration-thickness:var(--border-width-default);text-underline-offset:var(--spacing-1)}.page_inlineLink__E57DA:focus-visible,.page_inlineLink__E57DA:hover{color:var(--color-text-link-hover)}.page_inlineLink__E57DA:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.page_frameworkGrid__JJk9a{display:grid;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-stack-md)}.page_frameworkCard___a8YK{background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-container);padding:var(--spacing-inset-md)}.page_frameworkName__tFIhf{color:var(--color-text-primary);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);margin:0 0 var(--spacing-stack-xs)}.page_frameworkBody__q5sQA{color:var(--color-text-secondary);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lineheight);margin:0}.page_ruleCallout__XyWrB{background:var(--color-surface-brand);border-left:var(--spacing-1) solid var(--color-border-brand);border-radius:var(--border-radius-component);margin-bottom:var(--spacing-stack-md);max-width:var(--layout-container-prose);padding:var(--spacing-inset-md)}.page_ruleCallout__XyWrB p{color:var(--color-text-primary);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lineheight);margin:0}.page_tableWrap__Ij9pL{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);overflow-x:auto}.page_table__C7cRZ{border-collapse:collapse;color:var(--color-text-secondary);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight);width:100%}.page_table__C7cRZ td,.page_table__C7cRZ th{padding:var(--spacing-inset-sm) var(--spacing-inset-md);text-align:left;vertical-align:top;width:50%}.page_table__C7cRZ thead th{background:var(--color-surface-subtle);border-bottom:var(--border-width-default) solid var(--color-border-default);color:var(--color-text-tertiary);font-size:var(--type-caption-size);font-weight:var(--type-label-weight);letter-spacing:var(--font-letterspacing-subtle);text-transform:uppercase}.page_acceptHeader__pnOZE{color:var(--color-text-success)}.page_acceptHeader__pnOZE,.page_rejectHeader__FPMRC{align-items:center;display:inline-flex;gap:var(--spacing-inline-xs)}.page_rejectHeader__FPMRC{color:var(--color-text-error)}.page_table__C7cRZ tbody tr+tr td{border-top:var(--border-width-default) solid var(--color-border-default)}.page_table__C7cRZ tbody td{color:var(--color-text-primary)}.page_categoryBlock__qViyx{margin-bottom:var(--spacing-stack-lg)}.page_categoryHeading__gtIn_{color:var(--color-text-primary);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);letter-spacing:var(--font-letterspacing-subtle);margin:var(--spacing-stack-lg) 0 var(--spacing-stack-md);text-transform:uppercase}.page_demoGrid__WyyTP{display:grid;grid-gap:var(--spacing-content-gap);gap:var(--spacing-content-gap);grid-template-columns:repeat(3,1fr)}.page_demoCard__mQcUq{background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-container);display:flex;flex-direction:column;gap:var(--spacing-stack-sm);padding:var(--spacing-inset-md)}.page_demoHeader__Bugj_{display:flex;flex-direction:column;gap:var(--spacing-stack-xs)}.page_demoTitle__YtnJl{color:var(--color-text-primary);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);margin:0}.page_demoDescription__4J1xo{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight);margin:0}.page_demoStage__gA6hP{align-items:center;background:var(--color-surface-subtle);border-radius:var(--border-radius-component);display:flex;justify-content:center;min-height:var(--spacing-32);padding:var(--spacing-inset-md)}.page_demoFooter__Xq9td{border-top:var(--border-width-default) solid var(--color-border-default);display:flex;flex-direction:column;gap:var(--spacing-stack-xs);padding-top:var(--spacing-stack-sm)}.page_demoFooterLabel__gRpZr{color:var(--color-text-tertiary);font-size:var(--type-caption-size);font-weight:var(--type-label-weight);letter-spacing:var(--font-letterspacing-subtle);text-transform:uppercase}.page_tokenList__zd_A1{display:flex;flex-wrap:wrap;gap:var(--spacing-inline-xs);list-style:none;margin:0;padding:0}.page_tokenList__zd_A1 code{background:var(--color-surface-subtle);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:var(--type-code-family);font-size:var(--type-caption-size);padding:var(--spacing-inset-xs) var(--spacing-inset-sm)}.page_bulletList__Yxze9{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--type-body-md-size);gap:var(--spacing-stack-sm);line-height:var(--type-body-md-lineheight);list-style:none;margin:0 0 var(--spacing-stack-md);max-width:var(--layout-container-prose);padding:0}.page_bulletList__Yxze9 li{padding-left:var(--spacing-inline-md);position:relative}.page_bulletList__Yxze9 li:before{color:var(--color-text-brand);content:"\2022";font-weight:var(--type-label-weight);left:0;position:absolute;top:0}.page_bulletList__Yxze9 strong{color:var(--color-text-primary)}.page_dontList__5d59J{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--type-body-md-size);gap:var(--spacing-stack-sm);line-height:var(--type-body-md-lineheight);list-style:none;margin:0;max-width:var(--layout-container-prose);padding:0}.page_dontList__5d59J li{padding-left:var(--spacing-inline-md);position:relative}.page_dontList__5d59J li:before{color:var(--color-text-error);content:"\2715";font-size:var(--type-caption-size);font-weight:var(--type-label-weight);left:0;position:absolute;top:0}.page_dontList__5d59J code,.page_dontList__5d59J strong{color:var(--color-text-primary)}.page_dontList__5d59J code{background:var(--color-surface-subtle);border-radius:var(--border-radius-sm);font-family:var(--type-code-family);font-size:var(--type-caption-size);padding:0 var(--spacing-inset-xs)}.page_antiPatternList__gTEg2{display:flex;flex-direction:column;gap:var(--spacing-stack-sm);list-style:none;margin:0;padding:0}.page_antiPatternCard__VNgEE{align-items:center;background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);color:inherit;display:grid;grid-gap:var(--spacing-inline-md);gap:var(--spacing-inline-md);grid-template-columns:auto 1fr auto;padding:var(--spacing-inset-md);text-decoration:none;transition:border-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default),transform var(--motion-duration-fast) var(--motion-easing-default)}.page_antiPatternCard__VNgEE:focus-visible,.page_antiPatternCard__VNgEE:hover{border-color:var(--color-border-brand);box-shadow:var(--elevation-4);transform:translateY(calc(var(--spacing-1) * -1))}.page_antiPatternCard__VNgEE:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.page_severityBadge__IBaoz{align-self:flex-start;border-radius:var(--border-radius-badge);font-size:var(--type-caption-size);font-weight:var(--type-label-weight);letter-spacing:var(--font-letterspacing-subtle);padding:var(--spacing-inset-xs) var(--spacing-inset-sm);text-transform:uppercase;white-space:nowrap}.page_severityHigh__tjk79{background-color:var(--color-feedback-error-bg);color:var(--color-text-error)}.page_severityMedium__fswMT{background-color:var(--color-accent-yellow-bg);color:var(--color-accent-yellow-text)}.page_severityLow__g8hbs{background-color:var(--color-surface-subtle);color:var(--color-text-secondary)}.page_antiPatternBody___v6y3{display:flex;flex-direction:column;gap:var(--spacing-stack-xs);min-width:0}.page_antiPatternTitle__p3Ofd{color:var(--color-text-primary);font-size:var(--type-body-md-size);font-weight:var(--type-label-weight)}.page_antiPatternSummary__ASjSG{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight)}.page_antiPatternArrow__wgtDX{color:var(--color-text-tertiary);flex-shrink:0;transition:transform var(--motion-duration-fast) var(--motion-easing-spring)}.page_antiPatternCard__VNgEE:focus-visible .page_antiPatternArrow__wgtDX,.page_antiPatternCard__VNgEE:hover .page_antiPatternArrow__wgtDX{color:var(--color-text-brand);transform:translateX(var(--spacing-1))}@media (max-width:60em){.page_frameworkGrid__JJk9a{grid-template-columns:1fr}.page_demoGrid__WyyTP{grid-template-columns:repeat(2,1fr)}}@media (max-width:40em){.page_demoGrid__WyyTP{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.page_antiPatternArrow__wgtDX,.page_antiPatternCard__VNgEE,.page_antiPatternCard__VNgEE:hover,.page_antiPatternCard__VNgEE:hover .page_antiPatternArrow__wgtDX{transform:none;transition:none}}.SkeletonLoadDemo_frame__pB966{display:flex;flex-direction:column;gap:var(--spacing-stack-sm);padding:var(--spacing-inset-md)}.SkeletonLoadDemo_button__aZc72{align-self:flex-start;background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-action-secondary-border);border-radius:var(--border-radius-component);color:var(--color-text-primary);cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);padding:var(--spacing-inset-sm) var(--spacing-inset-md)}.SkeletonLoadDemo_button__aZc72:hover:not(:disabled){background:var(--color-action-secondary-hover)}.SkeletonLoadDemo_button__aZc72:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.SkeletonLoadDemo_button__aZc72:disabled{cursor:not-allowed;opacity:.55}.SkeletonLoadDemo_body__XpiBg{background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);min-height:calc(var(--spacing-12) + var(--spacing-6));padding:var(--spacing-inset-md)}.SkeletonLoadDemo_content__y_yOi{display:flex;flex-direction:column;gap:var(--spacing-stack-xs)}.SkeletonLoadDemo_line__p5clu{color:var(--color-text-primary);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lineheight);margin:var(--spacing-0)}.SkeletonLoadDemo_skeleton__RwDt_{display:flex;flex-direction:column;gap:var(--spacing-stack-sm)}.SkeletonLoadDemo_bar__EmfN7{background:var(--color-surface-subtle);background-image:linear-gradient(90deg,var(--color-surface-subtle) 0,var(--color-surface-muted) 50%,var(--color-surface-subtle) 100%);background-size:200% 100%;border-radius:var(--border-radius-sm);display:block;height:var(--spacing-3)}.SkeletonLoadDemo_barLong__5ny6Y{width:100%}.SkeletonLoadDemo_barMedium__nL_h7{width:75%}.SkeletonLoadDemo_barShort__Qxy1L{width:50%}@keyframes SkeletonLoadDemo_shimmer__Zd297{0%{background-position:200% 0}to{background-position:-200% 0}}.SkeletonLoadDemo_bar__EmfN7{animation:SkeletonLoadDemo_shimmer__Zd297 var(--motion-duration-slower) var(--motion-easing-default) infinite}.SkeletonLoadDemo_srOnly__OjRE_{border:0;clip:rect(0 0 0 0);height:var(--border-width-default);margin:calc(var(--border-width-default) * -1);overflow:hidden;padding:var(--spacing-0);position:absolute;width:var(--border-width-default)}@media (prefers-reduced-motion:reduce){.SkeletonLoadDemo_bar__EmfN7{animation:none;background-image:none}}.SuccessFlashDemo_frame__E8Cl9{align-items:center;display:flex;justify-content:center;min-height:var(--spacing-16);padding:var(--spacing-inset-md)}.SuccessFlashDemo_button__SJxFi{align-items:center;background:var(--color-action-primary-default);border:var(--border-width-default) solid transparent;border-radius:var(--border-radius-component);color:var(--color-action-primary-text);cursor:pointer;display:inline-flex;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);gap:var(--spacing-inline-xs);justify-content:center;line-height:var(--type-label-lineheight);min-width:calc(var(--spacing-24) + var(--spacing-2));padding:var(--spacing-inset-sm) var(--spacing-inset-md);transition:background-color var(--motion-duration-normal) var(--motion-easing-default),color var(--motion-duration-normal) var(--motion-easing-default)}.SuccessFlashDemo_button__SJxFi:hover{background:var(--color-action-primary-hover)}.SuccessFlashDemo_button__SJxFi:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.SuccessFlashDemo_success__rCkBY{color:var(--color-accent-green-text)}.SuccessFlashDemo_success__rCkBY,.SuccessFlashDemo_success__rCkBY:hover{background:var(--color-accent-green-bg)}@media (prefers-reduced-motion:reduce){.SuccessFlashDemo_button__SJxFi{transition:none}}.ToggleDemo_frame__aIvVZ{align-items:center;display:flex;gap:var(--spacing-inline-md);justify-content:space-between;padding:var(--spacing-inset-md)}.ToggleDemo_label__2balL{color:var(--color-text-primary);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-lineheight)}.ToggleDemo_track__RYLZX{align-items:center;background:var(--color-surface-subtle);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--border-radius-full);cursor:pointer;display:inline-flex;flex:0 0 auto;height:var(--spacing-6);justify-content:flex-start;padding:var(--border-width-focus);position:relative;transition:background-color var(--motion-duration-fast) var(--motion-easing-default),border-color var(--motion-duration-fast) var(--motion-easing-default);width:calc(var(--spacing-12) - var(--spacing-1))}.ToggleDemo_track__RYLZX:focus-visible{border-color:var(--color-border-focus);outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.ToggleDemo_track__RYLZX[aria-checked=true]{background:var(--color-action-primary-default);border-color:var(--color-action-primary-default);justify-content:flex-end}.ToggleDemo_thumb__rc0rZ{background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-full);box-shadow:var(--elevation-2);display:block;height:calc(var(--spacing-4) + var(--spacing-1));transition:transform var(--motion-duration-fast) var(--motion-easing-default);width:calc(var(--spacing-4) + var(--spacing-1))}@media (prefers-reduced-motion:reduce){.ToggleDemo_thumb__rc0rZ,.ToggleDemo_track__RYLZX{transition:none}}.UndoToastDemo_frame__HD6qe{display:flex;flex-direction:column;gap:var(--spacing-stack-md);padding:var(--spacing-inset-md);position:relative}.UndoToastDemo_row__MD6Vk{align-items:center;background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);display:flex;gap:var(--spacing-inline-md);justify-content:space-between;padding:var(--spacing-inset-sm) var(--spacing-inset-md)}.UndoToastDemo_label__lamrQ{color:var(--color-text-primary);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-weight:var(--type-label-weight);line-height:var(--type-body-sm-lineheight)}.UndoToastDemo_deleteButton__8oeoo{background:var(--color-surface-default);border:var(--border-width-default) solid var(--color-border-error);border-radius:var(--border-radius-component);color:var(--color-text-error);cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);padding:var(--spacing-1) var(--spacing-3)}.UndoToastDemo_deleteButton__8oeoo:hover{background:var(--color-feedback-error-bg)}.UndoToastDemo_deleteButton__8oeoo:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-1)}.UndoToastDemo_empty__oCocN{color:var(--color-text-secondary);font-family:var(--type-body-sm-family);font-size:var(--type-body-sm-size);font-style:italic;margin:var(--spacing-0);padding:var(--spacing-inset-sm) var(--spacing-inset-md)}.UndoToastDemo_toast__N42JS{background:var(--color-feedback-warning-bg);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--border-radius-component);box-shadow:var(--elevation-8);overflow:hidden}.UndoToastDemo_toastBody__18HW2{align-items:center;color:var(--color-text-warning);display:flex;gap:var(--spacing-inline-md);justify-content:space-between;padding:var(--spacing-inset-sm) var(--spacing-inset-md)}.UndoToastDemo_toastText__7rPIw{line-height:var(--type-label-lineheight)}.UndoToastDemo_toastText__7rPIw,.UndoToastDemo_undoButton__2s6vv{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.UndoToastDemo_undoButton__2s6vv{background:transparent;border:var(--border-width-default) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-text-warning);cursor:pointer;padding:var(--spacing-1) var(--spacing-3);text-decoration:underline}.UndoToastDemo_undoButton__2s6vv:hover{background:var(--color-surface-default)}.UndoToastDemo_undoButton__2s6vv:focus-visible{outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:var(--spacing-0)}@keyframes UndoToastDemo_undo-countdown__aVc_I{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.UndoToastDemo_countdown__oC12e{animation:UndoToastDemo_undo-countdown__aVc_I calc(var(--motion-duration-slower) * 8) linear 1 forwards;background:var(--color-text-warning);display:block;height:var(--border-width-thick);transform-origin:left center;width:100%}@media (prefers-reduced-motion:reduce){.UndoToastDemo_countdown__oC12e{animation:none}}