.mds-layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-surface-page);color:var(--color-text-default);font-family:var(--font-family-global);overflow:hidden}.mds-layout__body{display:flex;flex:1;overflow:hidden;min-height:0}.mds-layout__content{flex:1;overflow-y:auto;padding:100px;box-sizing:border-box;background-color:var(--color-surface-page);display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 768px){.mds-layout{height:100%}.mds-layout__body{overflow-x:clip;padding-top:64px}.mds-layout__content{padding:32px 24px 64px;overflow-x:hidden;max-width:100vw}.mds-layout__content>*{max-width:100%;box-sizing:border-box}}.mds-layout__backdrop{display:none}@media (max-width: 768px){.mds-layout__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:20}}.mds-navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-layout-lg);background-color:var(--color-surface-default);border-bottom:var(--border-default) solid var(--color-border-default);position:sticky;top:0;z-index:10;box-sizing:border-box;flex-shrink:0}.mds-navbar__logo{display:flex;align-items:center;color:var(--color-text-default);flex-shrink:0;width:268px}.mds-navbar__right,.mds-navbar__links{display:flex;align-items:center;gap:var(--space-layout-md)}.mds-navbar__link{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);text-decoration:none;transition:color .15s ease;white-space:nowrap}.mds-navbar__link:hover{color:var(--color-text-subtle)}.mds-navbar__mode-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--color-icon-default);border-radius:var(--radius-none);transition:color .15s ease;padding:0;flex-shrink:0}.mds-navbar__mode-toggle:hover{color:var(--color-icon-subtle)}.mds-navbar__mode-toggle:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-navbar__left{display:flex;align-items:center;gap:var(--space-layout-sm)}.mds-navbar__hamburger{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--color-icon-default);padding:0;flex-shrink:0}.mds-navbar__hamburger:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}@media (max-width: 768px){.mds-navbar__hamburger{display:flex}.mds-navbar__logo{width:auto}.mds-navbar__links{display:none}}@media (max-width: 768px){.mds-navbar{position:fixed;top:0;left:0;right:0;z-index:10;padding:0 24px}}.mds-sidebar{display:flex;flex-direction:column;width:300px;min-width:300px;height:100%;background-color:var(--color-surface-default);border-right:var(--border-default) solid var(--color-border-default);box-sizing:border-box;flex-shrink:0;overflow:hidden}.mds-sidebar__nav{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:var(--space-layout-sm) 0 var(--space-layout-sm)}.mds-sidebar__section-label{display:block;padding:var(--space-layout-sm) var(--space-layout-lg) var(--space-component-sm);font-family:var(--font-family-global);font-size:var(--font-size-helper);font-weight:var(--font-weight-strong);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-font-smoothing:antialiased}.mds-sidebar__nav-item{display:block;padding:var(--space-component-lg) var(--space-layout-lg);font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);text-decoration:none;background-color:var(--color-interactive-pale-base);transition:background-color .15s ease;-webkit-font-smoothing:antialiased}.mds-sidebar__nav-item:hover{background-color:var(--color-interactive-pale-hover)}.mds-sidebar__nav-item--active{background-color:var(--color-interactive-default-base);color:var(--color-text-inverse);font-weight:var(--font-weight-strong)}.mds-sidebar__nav-item--active:hover{background-color:var(--color-interactive-default-base)}.mds-sidebar__divider{height:1px;background-color:var(--color-border-default);margin:var(--space-component-sm) 0}.mds-sidebar__footer{flex-shrink:0;padding:var(--space-layout-sm) var(--space-layout-lg);border-top:var(--border-default) solid var(--color-border-default);background-color:var(--color-surface-default)}.mds-sidebar__built-by{font-family:var(--font-family-global);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.mds-sidebar__built-by:hover{color:var(--color-text-subtle)}.mds-sidebar__mobile-header{display:none}@media (max-width: 768px){.mds-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:30;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column}.mds-sidebar--open{transform:translate(0)}.mds-sidebar__nav{flex:1;overflow-y:auto;min-height:0}.mds-sidebar__mobile-header{display:flex;align-items:center;justify-content:flex-end;height:64px;padding:0 var(--space-layout-lg);flex-shrink:0;border-bottom:var(--border-default) solid var(--color-border-default)}.mds-sidebar__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--color-icon-default);padding:0}.mds-sidebar__close:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}}@media (max-width: 768px){.mds-sidebar:not(.mds-sidebar--open){visibility:hidden}}.mds-sidebar__nav-item--mobile-only{display:none}.mds-sidebar__nav-item--mobile-only+div>.mds-sidebar__divider,.mds-sidebar__nav-item--mobile-only~.mds-sidebar__divider{display:none}@media (max-width: 768px){.mds-sidebar__nav-item--mobile-only{display:flex}.mds-sidebar__nav-item--mobile-only~.mds-sidebar__divider,.mds-sidebar__nav-item--mobile-only+* .mds-sidebar__divider{display:block}}.mds-page-home{max-width:800px}.mds-page-home__hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-layout-sm);margin-bottom:var(--space-layout-2xl)}.mds-page-home__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0;-webkit-font-smoothing:antialiased}.mds-page-home__subtitle{font-family:var(--font-family-global);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0}.mds-page-home__body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5;margin:0}.mds-page-home__divider{height:1px;background-color:var(--color-border-default);margin:var(--space-layout-2xl) 0}.mds-page-home__cards{display:flex;flex-direction:column;gap:var(--space-layout-sm)}.mds-page-home__card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-layout-md);padding:28px;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card)}.mds-page-home__card-text{display:flex;flex-direction:column;gap:var(--space-component-sm);flex:1}.mds-page-home__card-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0;-webkit-font-smoothing:antialiased}.mds-page-home__card-body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5;margin:0}@media (max-width: 768px){.mds-page-home__card{flex-direction:column;align-items:flex-start}.mds-page-home__card .mds-button{width:100%}}.mds-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-component-md);padding:0 var(--space-component-xl);border-radius:var(--radius-button);border:var(--border-default) solid transparent;font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;text-decoration:none;-webkit-font-smoothing:antialiased}.mds-button--default{height:48px}.mds-button--small{height:32px}.mds-button__icon{display:inline-flex;align-items:center;flex-shrink:0;width:16px;height:16px}.mds-button--primary{background-color:var(--color-interactive-brand-base);border-color:transparent;color:var(--color-text-inverse)}.mds-button--primary:hover:not(:disabled){background-color:var(--color-interactive-brand-hover)}.mds-button--primary:active:not(:disabled){background-color:var(--color-interactive-brand-active)}.mds-button--primary:disabled{background-color:var(--color-interactive-default-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button--secondary{background-color:var(--color-interactive-ghost-base);border-color:var(--color-interactive-default-base);color:var(--color-text-default)}.mds-button--secondary:hover:not(:disabled){background-color:var(--color-interactive-ghost-hover);border-color:var(--color-interactive-default-hover)}.mds-button--secondary:active:not(:disabled){background-color:var(--color-interactive-ghost-active);border-color:var(--color-interactive-default-active)}.mds-button--secondary:disabled{background-color:var(--color-interactive-ghost-disabled);border-color:var(--color-interactive-default-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button--ghost{background-color:var(--color-interactive-ghost-base);border-color:transparent;color:var(--color-text-default)}.mds-button--ghost:hover:not(:disabled){background-color:var(--color-interactive-ghost-hover)}.mds-button--ghost:active:not(:disabled){background-color:var(--color-interactive-ghost-active)}.mds-button--ghost:disabled{background-color:var(--color-interactive-ghost-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button--inverse{background-color:var(--color-interactive-inverse-base);border-color:transparent;color:var(--color-text-default)}.mds-button--inverse:hover:not(:disabled){background-color:var(--color-interactive-inverse-hover)}.mds-button--inverse:active:not(:disabled){background-color:var(--color-interactive-inverse-active)}.mds-button--inverse:disabled{background-color:var(--color-interactive-inverse-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button--success{background-color:var(--color-interactive-positive-base);border-color:transparent;color:var(--color-text-inverse)}.mds-button--success:hover:not(:disabled){background-color:var(--color-interactive-positive-hover)}.mds-button--success:active:not(:disabled){background-color:var(--color-interactive-positive-active)}.mds-button--success:disabled{background-color:var(--color-interactive-positive-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button--danger{background-color:var(--color-interactive-danger-base);border-color:transparent;color:var(--color-text-inverse)}.mds-button--danger:hover:not(:disabled){background-color:var(--color-interactive-danger-hover)}.mds-button--danger:active:not(:disabled){background-color:var(--color-interactive-danger-active)}.mds-button--danger:disabled{background-color:var(--color-interactive-danger-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mds-button:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-page-about{max-width:800px}.mds-page-about__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-md);-webkit-font-smoothing:antialiased}.mds-page-about__subtitle{font-family:var(--font-family-global);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-sm)}.mds-page-about__body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5;margin:0 0 var(--space-component-lg)}.mds-page-about__body:last-of-type{margin-bottom:var(--space-layout-2xl)}.mds-page-about__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-layout-sm)}.mds-page-about__card{padding:28px;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card)}.mds-page-about__card-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-sm);-webkit-font-smoothing:antialiased}.mds-page-about__card-body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5;margin:0 0 var(--space-layout-md)}.mds-page-about__card-link{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-interactive-default-base);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.mds-page-about__card-link:hover{color:var(--color-interactive-default-hover)}@media (max-width: 768px){.mds-page-about__cards{grid-template-columns:1fr}}.mds-page-releases{max-width:800px}.mds-page-releases__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-md);-webkit-font-smoothing:antialiased}.mds-page-releases__subtitle{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-page-releases__list{display:flex;flex-direction:column;gap:var(--space-layout-md)}.mds-page-releases__release{padding:28px;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card)}.mds-page-releases__release-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-layout-sm)}.mds-page-releases__release-meta{display:flex;align-items:center;gap:var(--space-layout-xs)}.mds-page-releases__version{font-family:var(--font-family-global);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);-webkit-font-smoothing:antialiased}.mds-page-releases__date{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle)}.mds-page-releases__label{font-family:var(--font-family-global);font-size:var(--font-size-helper);font-weight:var(--font-weight-strong);padding:0 12px;height:24px;display:inline-flex;align-items:center;border-radius:var(--radius-none);border:var(--border-default) solid}.mds-page-releases__label--major{background-color:var(--color-surface-info);border-color:var(--color-border-info);color:var(--color-text-info)}.mds-page-releases__label--minor{background-color:var(--color-surface-positive);border-color:var(--color-border-positive);color:var(--color-text-positive)}.mds-page-releases__label--patch{background-color:var(--color-surface-warning);border-color:var(--color-border-warning);color:var(--color-text-warning)}.mds-page-releases__notes{margin:0;padding:0 0 0 var(--space-layout-sm);list-style:disc}.mds-page-releases__note{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin-bottom:var(--space-component-xs)}.mds-page-colour{max-width:800px}.mds-page-colour__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-md);-webkit-font-smoothing:antialiased}.mds-page-colour__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-colour__section{margin-bottom:64px}.mds-colour__tag{display:block;font-family:var(--font-family-heading);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);margin-bottom:var(--space-component-xs);-webkit-font-smoothing:antialiased}.mds-colour__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-lg);-webkit-font-smoothing:antialiased}.mds-colour__table{border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden;width:100%}.mds-colour__swatch-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:11px var(--space-component-lg);min-height:56px}.mds-colour__swatch-name,.mds-colour__swatch-hex{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-colour__swatch-text--dark{color:#141414}.mds-colour__swatch-text--light{color:#fff}.mds-colour__two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.mds-colour__two-col .mds-colour__section{margin-bottom:0}@media (max-width: 768px){.mds-colour__two-col{grid-template-columns:1fr;gap:var(--space-layout-2xl)}}.mds-dropdown{position:relative;display:inline-block;width:320px;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-dropdown__field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 var(--space-component-lg);gap:var(--space-component-lg);background-color:var(--color-interactive-pale-base);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-input);cursor:pointer;text-align:left;transition:background-color .15s ease;box-sizing:border-box}.mds-dropdown__field:hover{background-color:var(--color-interactive-pale-hover)}.mds-dropdown--active .mds-dropdown__field{background-color:var(--color-surface-default)}.mds-dropdown--disabled .mds-dropdown__field{cursor:not-allowed;opacity:.5}.mds-dropdown--inner-label .mds-dropdown__field{height:64px;padding:var(--space-component-md) var(--space-component-lg);border-radius:var(--radius-card)}.mds-dropdown__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.mds-dropdown__inner-label{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mds-dropdown__value{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mds-dropdown__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-default);transition:transform .2s ease}.mds-dropdown__chevron--open{transform:rotate(180deg)}.mds-dropdown__menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);margin-top:-1px;z-index:50;list-style:none;padding:0;overflow:hidden;box-shadow:0 8px 16px #00000014}.mds-dropdown__item{display:block;width:100%;padding:var(--space-component-md) var(--space-component-lg);background:var(--color-interactive-pale-base);border:none;text-align:left;font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);cursor:pointer;transition:background-color .15s ease;-webkit-font-smoothing:antialiased}.mds-dropdown__item:hover{background-color:var(--color-interactive-pale-hover)}.mds-dropdown__item--selected{font-weight:var(--font-weight-strong)}.mds-dropdown__divider{height:1px;background-color:var(--color-surface-subtle)}.mds-dropdown__field:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-dropdown__item:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:-2px}.mds-page-typography{max-width:800px}.mds-page-typography__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2;margin:0 0 var(--space-component-md);-webkit-font-smoothing:antialiased}.mds-page-typography__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-page-typography__panel{border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}.mds-page-typography__controls{display:flex;flex-direction:row}.mds-page-typography__controls .mds-dropdown{flex:1;width:auto;border-radius:0;border-right:none;border-top:none;border-left:none;border-bottom:var(--border-default) solid var(--color-border-default)}.mds-page-typography__controls .mds-dropdown:not(:last-child){border-right:var(--border-default) solid var(--color-border-default)}.mds-page-typography__controls .mds-dropdown__field{border:none;border-radius:0;width:100%}.mds-page-typography__table{background-color:var(--color-surface-default)}.mds-page-typography__row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--space-layout-md);padding:var(--space-layout-md) var(--space-component-lg);min-height:72px;border-bottom:var(--border-default) solid var(--color-border-default)}.mds-page-typography__row:last-child{border-bottom:none}.mds-page-typography__meta{display:flex;flex-direction:column;gap:var(--space-component-xs)}.mds-page-typography__style-name{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-medium);color:var(--color-text-default);line-height:1.4;-webkit-font-smoothing:antialiased}.mds-page-typography__style-detail{font-family:var(--font-family-heading);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:1.4;-webkit-font-smoothing:antialiased}.mds-page-typography__sample{color:var(--color-text-default);-webkit-font-smoothing:antialiased;word-break:break-word}.mds-page-typography__sample--link{color:var(--color-interactive-default-base);text-decoration:underline;text-underline-offset:2px}@media (max-width: 768px){.mds-page-typography{max-width:100%;overflow-x:hidden}.mds-page-typography__table{overflow-x:hidden}.mds-page-typography__row{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0;padding:var(--space-layout-md) var(--space-component-md)}.mds-page-typography__preview{order:1;overflow:hidden;word-break:break-word;max-width:100%;font-size:clamp(16px,5vw,32px)!important}.mds-page-typography__meta{order:2;margin-top:var(--space-component-xs)}.mds-page-typography__preview-panel{max-width:100%;overflow-x:hidden}}@media (max-width: 768px){.mds-page-typography__controls .mds-dropdown,.mds-page-typography__controls .mds-dropdown__field{min-width:0}.mds-page-typography__controls .mds-dropdown__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.mds-page-icons{max-width:800px;width:100%}.mds-page-icons__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-page-icons__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-page-icons__grid{display:grid;grid-template-columns:repeat(5,1fr);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}.mds-page-icons__item{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-right:var(--border-default) solid var(--color-border-default);border-bottom:var(--border-default) solid var(--color-border-default);background-color:var(--color-surface-default);position:relative}.mds-page-icons__item:nth-child(5n){border-right:none}.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+1),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+2),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+3),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+4),.mds-page-icons__item:nth-last-child(-n+5){border-bottom:none}.mds-page-icons__icon{display:flex;align-items:center;color:var(--color-icon-default);width:32px;height:32px;flex-shrink:0}.mds-page-icons__icon svg{width:32px;height:32px}.mds-page-icons__name{position:absolute;bottom:12px;left:0;right:0;font-family:var(--font-family-heading);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:1.4;text-align:center;padding:0 8px;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.mds-page-icons__grid{grid-template-columns:repeat(3,1fr)}.mds-page-icons__item:nth-child(5n),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+1),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+2),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+3),.mds-page-icons__item:nth-last-child(-n+5):nth-child(5n+4),.mds-page-icons__item:nth-last-child(-n+5){border-bottom:1px solid var(--color-border-default)}}.mds-page-spacing{max-width:800px;width:100%}.mds-page-spacing__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-page-spacing__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-spacing__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-layout-2xl);align-items:start}.mds-spacing__col-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-spacing__table{border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}.mds-spacing__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-component-lg);min-height:53px;border-bottom:var(--border-default) solid var(--color-border-default);background-color:var(--color-surface-default);box-sizing:border-box}.mds-spacing__row:last-child{border-bottom:none}.mds-spacing__name{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-spacing__value{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;white-space:nowrap;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.mds-spacing__cols{grid-template-columns:1fr;gap:var(--space-layout-2xl)}}.mds-page-radius{max-width:800px;width:100%}.mds-page-radius__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-page-radius__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-2xl)}.mds-page-radius__panel{border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:visible;position:relative}.mds-page-radius__controls{display:flex;flex-direction:row;border-bottom:var(--border-default) solid var(--color-border-default);position:relative;z-index:10}.mds-page-radius__controls .mds-dropdown{flex:1;width:auto;border-radius:0}.mds-page-radius__controls .mds-dropdown:first-child .mds-dropdown__field{border-radius:var(--radius-card) 0 0 0}.mds-page-radius__controls .mds-dropdown:last-child .mds-dropdown__field{border-radius:0 var(--radius-card) 0 0}.mds-page-radius__controls .mds-dropdown__field{border:none;width:100%}.mds-page-radius__controls .mds-dropdown:not(:last-child){border-right:var(--border-default) solid var(--color-border-default)}.mds-page-radius__preview-area{background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-top:none;height:278px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-layout-md);border-radius:0 0 var(--radius-card) var(--radius-card);overflow:hidden}.mds-page-radius__shape{width:132px;height:132px;background-color:var(--color-text-default);transition:border-radius .2s ease;flex-shrink:0}.mds-page-radius__value{font-family:var(--font-family-global);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:1.4;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.mds-page-radius__preview-area{height:auto!important;min-height:0!important;max-height:none!important;padding:24px}}.mds-tab-group{display:flex;flex-direction:row;align-items:center;gap:0;padding:0;width:fit-content}.mds-tab{display:flex;flex-direction:column;align-items:center;gap:var(--space-component-md);padding:0;background:transparent;border:none;cursor:pointer;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-tab__text{display:block;padding:0 var(--space-component-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-interactive-default-base);line-height:1.5;white-space:nowrap;transition:color .15s ease,font-weight .1s ease}.mds-tab:hover:not(.mds-tab--selected) .mds-tab__text{color:var(--color-interactive-default-hover)}.mds-tab--selected .mds-tab__text{color:var(--color-interactive-brand-base);font-weight:var(--font-weight-strong)}.mds-tab__indicator{display:block;width:100%;height:1px;background-color:var(--color-interactive-ghost-base);transition:background-color .15s ease}.mds-tab:hover:not(.mds-tab--selected) .mds-tab__indicator{background-color:var(--color-interactive-ghost-hover)}.mds-tab--selected .mds-tab__indicator{background-color:var(--color-interactive-brand-base)}.mds-tab:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px;border-radius:2px}.mds-page-tokens{max-width:800px;width:100%}.mds-page-tokens__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-page-tokens__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-md)}.mds-tokens__anchors{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-layout-sm) var(--space-layout-2xl);margin-bottom:var(--space-layout-xl);padding-bottom:var(--space-layout-xl);border-bottom:var(--border-default) solid var(--color-border-default)}.mds-tokens__anchor-link{font-family:var(--font-family-global);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);text-decoration:none;line-height:1.5;background:none;border:none;padding:0;cursor:pointer;text-align:left}.mds-tokens__anchor-link:hover{text-decoration:underline;text-underline-offset:2px}.mds-tokens__section--first{border-top:none;padding-top:0}.mds-tokens__tabs{margin-bottom:var(--space-layout-2xl)}.mds-tokens__section{margin-bottom:64px;padding-top:64px;border-top:var(--border-default) solid var(--color-border-default)}.mds-tokens__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h3);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 32px;-webkit-font-smoothing:antialiased}.mds-tokens__subsection{margin-bottom:64px}.mds-tokens__subsection:last-child{margin-bottom:0}.mds-tokens__subsection-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;margin:0 0 16px;-webkit-font-smoothing:antialiased}.mds-tokens__table{border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);overflow:hidden}.mds-tokens__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-component-lg);min-height:53px;border-bottom:var(--border-default) solid var(--color-border-default);background-color:var(--color-surface-default);box-sizing:border-box;gap:var(--space-layout-sm)}.mds-tokens__row:last-child{border-bottom:none}.mds-tokens__name{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-tokens__value{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;white-space:nowrap;-webkit-font-smoothing:antialiased}.mds-tokens__colour-right{display:flex;align-items:center;gap:var(--space-layout-sm);flex-shrink:0}.mds-tokens__label{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;white-space:nowrap;text-align:right;-webkit-font-smoothing:antialiased}.mds-tokens__swatch{width:40px;height:40px;border-radius:9999px;border:var(--border-default) solid var(--color-border-default);flex-shrink:0}@media (max-width: 768px){.mds-tokens__anchors{grid-template-columns:1fr}.mds-tokens__row{flex-wrap:wrap;align-items:flex-start;gap:var(--space-component-xs)}.mds-tokens__name{width:100%;flex-shrink:0}.mds-tokens__value{white-space:normal}.mds-tokens__colour-right{margin-left:auto}.mds-tokens__label{white-space:normal;text-align:left}}.mds-accordion{width:100%;border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-none);overflow:hidden;font-family:var(--font-family-global)}.mds-accordion__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:var(--space-component-md) var(--space-component-lg);gap:var(--space-component-sm);background-color:var(--color-interactive-pale-base);border:none;cursor:pointer;text-align:left;transition:background-color .15s ease;-webkit-font-smoothing:antialiased}.mds-accordion--hover .mds-accordion__header,.mds-accordion__header:hover{background-color:var(--color-interactive-pale-hover)}.mds-accordion__title{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;transition:font-weight .1s ease}.mds-accordion--hover .mds-accordion__title,.mds-accordion__header:hover .mds-accordion__title,.mds-accordion--open .mds-accordion__title{font-weight:var(--font-weight-strong)}.mds-accordion__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-default);transition:transform .2s ease;width:24px;height:24px}.mds-accordion--open .mds-accordion__icon{transform:rotate(180deg)}.mds-accordion__body{padding:var(--space-component-xs) var(--space-component-lg) var(--space-component-md);background-color:var(--color-interactive-pale-base)}.mds-accordion__description{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0}.mds-accordion__header:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:-2px}.mds-component-page{max-width:800px;width:100%}.mds-component-page__header{margin-bottom:48px}.mds-component-page__title{font-family:var(--font-family-display);font-size:var(--font-size-desktop-h1);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-component-page__subtitle{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 var(--space-layout-sm);-webkit-font-smoothing:antialiased}.mds-component-page__figma-link{display:inline-flex;align-items:center;gap:var(--space-component-sm);font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);text-decoration:underline;text-underline-offset:2px}.mds-component-page__preview-panel{margin-bottom:48px;border:1px solid var(--color-border-default);border-radius:var(--radius-card);overflow:visible}.mds-component-page__controls{display:flex;flex-direction:row;position:relative;z-index:10;border-bottom:1px solid var(--color-border-default)}.mds-component-page__controls .mds-dropdown{flex:1;min-width:0;border-radius:0}.mds-component-page__controls .mds-dropdown__field{border:none;border-radius:0;width:100%}.mds-component-page__controls .mds-dropdown:first-child .mds-dropdown__field{border-radius:var(--radius-card) 0 0 0}.mds-component-page__controls .mds-dropdown:last-child .mds-dropdown__field{border-radius:0 var(--radius-card) 0 0}.mds-component-page__controls .mds-dropdown:only-child .mds-dropdown__field{border-radius:var(--radius-card) var(--radius-card) 0 0}.mds-component-page__controls .mds-dropdown:not(:last-child){border-right:1px solid var(--color-border-default)}.mds-component-page__preview-area{background-color:var(--color-surface-default);height:278px;min-height:278px;max-height:278px;display:flex;align-items:center;justify-content:center;padding:0 64px;box-sizing:border-box;overflow:hidden;border-radius:0 0 var(--radius-card) var(--radius-card)}.mds-component-page__preview-scope{display:flex;align-items:center;width:400px;max-width:100%;flex-shrink:0;background-color:transparent!important}.mds-component-page__preview-scope>*{width:100%}.mds-checkbox-page .mds-component-page__preview-scope,.mds-button-page .mds-component-page__preview-scope{width:auto}.mds-checkbox-page .mds-component-page__preview-scope>*,.mds-button-page .mds-component-page__preview-scope>*{width:auto}.mds-component-page__section{margin-bottom:48px;padding-top:48px}.mds-component-page__section:last-child{margin-bottom:0}.mds-component-page__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-desktop-h3);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;margin:0 0 12px;-webkit-font-smoothing:antialiased}.mds-component-page__body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0 0 12px}.mds-component-page__body:last-child{margin-bottom:0}.mds-component-page__usage{display:flex;gap:var(--space-layout-md);margin-top:var(--space-layout-md)}.mds-component-page__usage>*{flex:1;min-width:0}.mds-component-page__usage-list{margin:0;padding-left:20px;font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-component-page__usage-list li{margin-bottom:var(--space-component-sm)}.mds-component-page__usage-list li:last-child{margin-bottom:0}.mds-component-page__state-panel{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);height:278px;min-height:278px;max-height:278px;display:flex;align-items:center;justify-content:center;padding:0 64px;box-sizing:border-box;overflow:hidden;margin-top:var(--space-layout-lg)}.mds-component-page__state-inner{width:400px;max-width:100%}.mds-component-page__state-static{width:400px;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.mds-component-page{max-width:100%;overflow-x:hidden}.mds-component-page__subtitle,.mds-component-page__body{max-width:100%;overflow-wrap:break-word;word-break:break-word}.mds-component-page__preview-panel{overflow:hidden}.mds-component-page__preview-area{height:auto!important;min-height:0!important;max-height:none!important;padding:24px!important;overflow:visible;align-items:center;justify-content:center}.mds-component-page__preview-scope{width:100%!important;max-width:100%;display:flex;justify-content:center;align-items:center}.mds-component-page__preview-scope>*{max-width:100%}.mds-component-page__state-panel{height:auto;min-height:0;max-height:none;padding:var(--space-layout-lg);overflow:hidden}.mds-component-page__usage{flex-direction:column!important}.mds-component-page__usage>*{max-width:100%!important;min-width:0!important;width:100%}.mds-component-page__controls,.mds-component-page__preview-panel{overflow:visible}}.mds-alert{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-component-md);border:var(--border-default) solid;border-radius:var(--radius-none);font-family:var(--font-family-global);width:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased}.mds-alert--default{padding:var(--space-component-md)}.mds-alert--large{padding:var(--space-component-xl)}.mds-alert--success{background-color:var(--color-surface-positive);border-color:var(--color-border-positive);color:var(--color-text-positive)}.mds-alert--warning{background-color:var(--color-surface-warning);border-color:var(--color-border-warning);color:var(--color-text-warning)}.mds-alert--danger{background-color:var(--color-surface-danger);border-color:var(--color-border-danger);color:var(--color-text-danger)}.mds-alert--info{background-color:var(--color-surface-info);border-color:var(--color-border-info);color:var(--color-text-info)}.mds-alert__icon{display:flex;align-items:flex-start;flex-shrink:0;padding-top:2px;width:16px;height:16px;color:var(--color-text-default)}.mds-alert__content{display:flex;flex-direction:column;gap:var(--space-component-lg);flex:1;min-width:0}.mds-alert__text{display:flex;flex-direction:column;gap:var(--space-component-xs)}.mds-alert__title{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5}.mds-alert__description{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-alert__action{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-component-xl);background-color:var(--color-interactive-ghost-base);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-button);font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);cursor:pointer;transition:background-color .15s ease;align-self:flex-start;-webkit-font-smoothing:antialiased}.mds-alert__action:hover{background-color:var(--color-interactive-ghost-hover)}.mds-alert__action:active{background-color:var(--color-interactive-ghost-active)}.mds-alert__action:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-alert__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background-color:transparent;border:none;color:var(--color-text-default);cursor:pointer;border-radius:var(--radius-none);transition:background-color .15s ease;margin-left:auto}.mds-alert__dismiss:hover{background-color:var(--color-interactive-ghost-hover)}.mds-alert__dismiss:active{background-color:var(--color-interactive-ghost-active)}.mds-alert__dismiss:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-divider--horizontal{display:block;width:100%;height:1px;background-color:var(--color-surface-subtle);border:none;flex-shrink:0}.mds-divider--vertical{display:block;width:1px;height:100%;background-color:var(--color-surface-subtle);border:none;flex-shrink:0;align-self:stretch}.mds-alert-page .mds-component-page__preview-scope{width:320px}.mds-alert-page__states{margin-top:var(--space-layout-md)}.mds-alert-page__states-row{display:grid;grid-template-columns:1fr 1fr}.mds-alert-page__states-row .mds-component-page__state-panel{margin-top:0;border-radius:0;margin-right:-1px;margin-bottom:-1px}.mds-alert-page__descriptions{display:flex;flex-direction:column;gap:var(--space-layout-md);margin-top:var(--space-layout-lg)}.mds-alert-page__description{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-alert-page__description-title{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-alert-page__description-body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.mds-alert-page__states-row{grid-template-columns:1fr}.mds-alert-page .mds-component-page__preview-scope .mds-alert{width:100%!important;min-width:0!important}}.mds-button-page__preview-inner{display:flex;justify-content:center;width:100%}.mds-button-page__preview-inner .mds-button{width:auto}.mds-button-page__states{margin-top:var(--space-layout-md)}.mds-button-page__states-row{display:grid;grid-template-columns:1fr 1fr}.mds-button-page__states-row--single{grid-template-columns:1fr}.mds-button-page__states-row .mds-component-page__state-panel{margin-top:0;border-radius:0;margin-right:-1px;margin-bottom:-1px}.mds-button-page__variants{display:flex;flex-direction:column;gap:var(--space-layout-md);margin-top:var(--space-layout-md)}.mds-button-page__variant{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-button-page__variant-name{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-button-page__variant-body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;-webkit-font-smoothing:antialiased}.mds-card{display:flex;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);font-family:var(--font-family-global);box-sizing:border-box;-webkit-font-smoothing:antialiased}.mds-card--default{width:480px}.mds-card--small{width:320px}.mds-card--bottom{flex-direction:column}.mds-card--bottom .mds-card__content{display:flex;flex-direction:column;gap:var(--space-component-3xl);padding:var(--space-component-3xl);width:100%}.mds-card--side{flex-direction:row;align-items:center;gap:var(--space-component-2xl);padding:var(--space-component-3xl)}.mds-card--side .mds-card__content{display:flex;flex-direction:row;align-items:center;gap:var(--space-component-2xl);flex:1;min-width:0}.mds-card--side .mds-card__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-card__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-default);width:24px;height:24px}.mds-card--bottom .mds-card__text{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-card__title{margin:0;font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2}.mds-card__description{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-card__slot{width:100%}.mds-card__buttons{display:flex;flex-direction:row;gap:var(--space-component-md);flex-shrink:0}.mds-card:hover{background-color:var(--color-interactive-pale-hover);cursor:pointer}.mds-card:active{background-color:var(--color-interactive-pale-active)}.mds-component-page__preview-scope .mds-card:hover,.mds-card-page__state-panel .mds-card:hover{background-color:var(--color-surface-default);cursor:default}.mds-component-page__preview-scope .mds-card:active,.mds-card-page__state-panel .mds-card:active{background-color:var(--color-surface-default)}.mds-card-page__state-panel{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;padding:var(--space-layout-2xl);box-sizing:border-box;overflow:hidden;margin-top:var(--space-layout-md)}.mds-card-page__state-panel+.mds-card-page__state-panel{margin-top:-1px}.mds-card-page__state-panel--tall{padding:var(--space-layout-2xl) var(--space-layout-2xl)}.mds-card-page__card-row{display:flex;gap:var(--space-layout-md);width:100%}.mds-card-page__card-row>*{flex:1;width:auto;min-width:0}.mds-card-page__state-panel:not(.mds-card-page__state-panel--tall)>*{width:480px}@media (max-width: 768px){.mds-card-page__card-row{flex-direction:column}}.mds-checkbox-group{display:flex;flex-direction:column;gap:var(--space-component-md);border:none;padding:0;margin:0;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-checkbox-group__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;padding:0;margin:0 0 var(--space-component-sm)}.mds-checkbox-group--disabled .mds-checkbox-group__label{color:var(--color-text-disabled)}.mds-checkbox-group__checkboxes--vertical{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-checkbox-group__checkboxes--horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-component-2xl)}.mds-checkbox-group__helper{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-checkbox-group--disabled .mds-checkbox-group__helper{color:var(--color-text-disabled)}.mds-checkbox-group__error{display:inline-flex;align-items:center;gap:var(--space-component-xs);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-danger);line-height:1.5}.mds-checkbox-group__error-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-danger);width:16px;height:16px}.mds-checkbox{display:inline-flex;flex-direction:row;align-items:flex-start;gap:var(--space-component-sm);cursor:pointer;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-checkbox--disabled{cursor:not-allowed}.mds-checkbox__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.mds-checkbox__control-wrapper{position:relative;flex-shrink:0;padding-top:2px}.mds-checkbox__control{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--color-interactive-pale-base);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-sm);transition:background-color .15s ease,border-color .15s ease;box-sizing:border-box}.mds-checkbox--base:not(.mds-checkbox--checked):hover .mds-checkbox__control{background-color:var(--color-interactive-pale-hover)}.mds-checkbox--base.mds-checkbox--checked:hover .mds-checkbox__control{background-color:var(--color-interactive-brand-hover)}.mds-checkbox--checked .mds-checkbox__control{background-color:var(--color-interactive-brand-base);border-color:transparent;color:var(--color-text-inverse)}.mds-checkbox--disabled .mds-checkbox__control{border-color:var(--color-interactive-default-disabled)}.mds-checkbox--disabled.mds-checkbox--checked .mds-checkbox__control{background-color:var(--color-interactive-brand-disabled);border-color:transparent}.mds-checkbox--error .mds-checkbox__control{border-color:var(--color-interactive-danger-base)}.mds-checkbox__input:focus-visible+.mds-checkbox__control,.mds-checkbox__control-wrapper:focus-within .mds-checkbox__control{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-checkbox__text{display:flex;flex-direction:column;gap:var(--space-component-xs)}.mds-checkbox__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-checkbox--disabled .mds-checkbox__label{color:var(--color-text-disabled)}.mds-checkbox--error .mds-checkbox__label{color:var(--color-text-danger)}.mds-checkbox__description{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-checkbox--disabled .mds-checkbox__description{color:var(--color-text-disabled)}.mds-checkbox--error .mds-checkbox__description{color:var(--color-text-danger)}.mds-checkbox-page .mds-component-page__state-panel{align-items:center;justify-content:center;padding:var(--space-layout-2xl)}.mds-checkbox-page .mds-component-page__state-inner{width:100%;display:flex}.mds-checkbox-page__variants{display:flex;gap:var(--space-layout-2xl);align-items:flex-start;justify-content:center;width:100%}.mds-checkbox-page__variants .mds-checkbox{pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.mds-checkbox-page__variants{flex-direction:column;align-items:flex-start}}.mds-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-surface-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-layout-md)}.mds-dialog{display:flex;flex-direction:column;gap:var(--space-component-3xl);padding:var(--space-component-3xl);background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:0 16px 24px #00000014;font-family:var(--font-family-global);box-sizing:border-box;-webkit-font-smoothing:antialiased;position:relative}.mds-dialog--default{width:480px}.mds-dialog--small{width:320px}.mds-dialog__header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-component-md)}.mds-dialog__title-body{display:flex;flex-direction:column;gap:var(--space-component-md);flex:1;min-width:0}.mds-dialog__title{margin:0;font-size:var(--font-size-desktop-h4);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.2}.mds-dialog__body{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-dialog__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--color-text-default);cursor:pointer;border-radius:var(--radius-none);transition:opacity .15s ease}.mds-dialog__close:hover{opacity:.7}.mds-dialog__close:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-dialog__slot{width:100%}.mds-dialog__buttons{display:flex;flex-direction:row;gap:var(--space-layout-xs);align-items:center}.mds-dialog-page .mds-component-page__preview-scope{width:400px}.mds-dialog-page .mds-component-page__preview-scope>*{width:100%}.mds-dialog-page .mds-component-page__preview-scope .mds-dialog{width:100%}.mds-dialog-page .mds-component-page__preview-area{height:360px;min-height:360px;max-height:360px}.mds-dialog-page .mds-component-page__preview-scope .mds-dialog__header,.mds-dialog-page .mds-component-page__preview-scope .mds-dialog__slot,.mds-dialog-page__slots-panel .mds-dialog{pointer-events:none;-webkit-user-select:none;user-select:none}.mds-dialog-page__slots-panel{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;padding:var(--space-layout-2xl);box-sizing:border-box;overflow:visible;margin-top:var(--space-layout-md)}@media (max-width: 768px){.mds-dialog-page .mds-component-page__preview-area{height:auto!important;min-height:0!important;max-height:none!important;padding:24px}.mds-dialog-page .mds-component-page__preview-scope,.mds-dialog-page .mds-component-page__preview-scope .mds-dialog{width:100%!important}.mds-dialog-page__slots-panel{min-height:0!important}}.mds-link{display:inline-flex;align-items:center;gap:var(--space-component-sm);font-family:var(--font-family-global);font-size:var(--font-size-body);color:var(--color-interactive-default-base);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease;-webkit-font-smoothing:antialiased}.mds-link--regular{font-weight:var(--font-weight-regular)}.mds-link--bold{font-weight:var(--font-weight-strong)}.mds-link:hover{color:var(--color-interactive-default-hover)}.mds-link:active{color:var(--color-interactive-default-active)}.mds-link--brand{color:var(--color-interactive-brand-base)}.mds-link--brand:hover{color:var(--color-interactive-brand-hover)}.mds-link--brand:active{color:var(--color-interactive-brand-active)}.mds-link__external-icon{display:inline-flex;align-items:center;flex-shrink:0;width:16px;height:16px;color:inherit}.mds-link:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px;border-radius:2px}.mds-dropdown-page .mds-component-page__preview-scope{width:auto}.mds-dropdown-page .mds-component-page__preview-scope>*{width:320px}.mds-dropdown-page__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-layout-lg);background-color:var(--color-surface-default);border:1px solid var(--color-border-default);padding:var(--space-layout-2xl);box-sizing:border-box;margin-top:var(--space-layout-md);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.mds-dropdown-page__panel .mds-dropdown{width:400px}@media (max-width: 768px){.mds-dropdown-page__panel .mds-dropdown{width:100%}}.mds-input{display:flex;flex-direction:column;gap:var(--space-component-sm);width:320px;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-input__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5}.mds-input--disabled .mds-input__label{color:var(--color-text-disabled)}.mds-input__field{display:flex;flex-direction:row;align-items:center;gap:var(--space-component-md);width:100%;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-input);box-sizing:border-box;transition:border-color .15s ease,border-width .15s ease;overflow:hidden}.mds-input--default .mds-input__field{height:48px;padding:0 var(--space-component-lg)}.mds-input--large .mds-input__field{height:120px;padding:15.5px var(--space-component-lg);align-items:flex-start;border-radius:var(--radius-card)}.mds-input--base .mds-input__field:hover{border-color:var(--color-interactive-brand-hover)}.mds-input__field:focus-within{border-color:var(--color-interactive-brand-active);border-width:var(--border-strong)}.mds-input--error .mds-input__field{border-color:var(--color-interactive-danger-base);border-width:var(--border-strong)}.mds-input--disabled .mds-input__field{border-color:var(--color-interactive-default-disabled);cursor:not-allowed}.mds-input__leading-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-subtle);width:16px;height:16px}.mds-input__prefix{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-input__control{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;padding:0;-webkit-font-smoothing:antialiased}.mds-input__control::placeholder{color:var(--color-text-muted)}.mds-input__control:disabled{color:var(--color-text-disabled);cursor:not-allowed}.mds-input__control--textarea{resize:vertical;height:100%;min-height:88px}.mds-input__helper{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-input__error{display:inline-flex;align-items:center;gap:var(--space-component-xs);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-danger);line-height:1.5}.mds-input__error-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-danger);width:16px;height:16px}.mds-input-page .mds-component-page__preview-scope{width:auto}.mds-input-page .mds-component-page__preview-scope>*{width:320px}.mds-input-page__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-layout-lg);border:1px solid var(--color-border-default);padding:var(--space-layout-2xl);box-sizing:border-box;margin-top:var(--space-layout-md);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-height:0!important;background-color:var(--color-surface-default)!important}.mds-link-page .mds-component-page__preview-scope{width:auto}.mds-link-page .mds-component-page__preview-scope>*{width:auto}.mds-link-page__panel{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-layout-lg);background-color:var(--color-surface-default);border:1px solid var(--color-border-default);padding:var(--space-layout-4xl);box-sizing:border-box;margin-top:var(--space-layout-md);width:100%}.mds-radio-group{display:flex;flex-direction:column;gap:var(--space-component-md);border:none;padding:0;margin:0;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-radio-group__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;padding:0;margin:0}.mds-radio-group--disabled .mds-radio-group__label{color:var(--color-text-disabled)}.mds-radio-group__radios--vertical{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-radio-group__radios--horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-component-2xl)}.mds-radio-group__helper{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-radio-group--disabled .mds-radio-group__helper{color:var(--color-text-disabled)}.mds-radio-group__error{display:inline-flex;align-items:center;gap:var(--space-component-xs);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-danger);line-height:1.5}.mds-radio-group__error-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-danger);width:16px;height:16px}.mds-radio{display:inline-flex;flex-direction:row;align-items:flex-start;gap:var(--space-component-sm);cursor:pointer;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-radio--disabled{cursor:not-allowed}.mds-radio__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.mds-radio__control-wrapper{position:relative;flex-shrink:0;padding-top:2px}.mds-radio__control{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-full);transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.mds-radio--base:hover .mds-radio__control{background-color:var(--color-interactive-pale-hover)}.mds-radio--checked .mds-radio__control{border-color:var(--color-interactive-brand-base)}.mds-radio--checked:hover .mds-radio__control{border-color:var(--color-interactive-brand-hover)}.mds-radio__dot{display:block;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-interactive-brand-base);flex-shrink:0}.mds-radio--checked:hover .mds-radio__dot{background-color:var(--color-interactive-brand-hover)}.mds-radio--disabled .mds-radio__control{border-color:var(--color-interactive-default-disabled)}.mds-radio--disabled.mds-radio--checked .mds-radio__control{border-color:var(--color-interactive-brand-disabled)}.mds-radio--disabled .mds-radio__dot{background-color:var(--color-interactive-brand-disabled)}.mds-radio--error .mds-radio__control{border-color:var(--color-interactive-danger-base)}.mds-radio--error .mds-radio__label,.mds-radio--error .mds-radio__description{color:var(--color-text-danger)}.mds-radio__input:focus-visible~.mds-radio__control,.mds-radio__control-wrapper:focus-within .mds-radio__control{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-radio__text{display:flex;flex-direction:column;gap:var(--space-component-xs)}.mds-radio__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-radio--disabled .mds-radio__label{color:var(--color-text-disabled)}.mds-radio__description{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-radio--disabled .mds-radio__description{color:var(--color-text-disabled)}.mds-radio-page .mds-component-page__preview-scope{width:auto}.mds-radio-page .mds-component-page__preview-scope>*{width:auto}.mds-radio-page__panel{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--space-layout-2xl);background-color:var(--color-surface-default);border:1px solid var(--color-border-default);padding:var(--space-layout-4xl);box-sizing:border-box;margin-top:var(--space-layout-md);width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.mds-radio-page__panel{flex-direction:column;align-items:flex-start}}.mds-select{position:relative;display:flex;flex-direction:column;gap:var(--space-component-sm);width:320px;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-select__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5}.mds-select--disabled .mds-select__label{color:var(--color-text-disabled)}.mds-select__field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 var(--space-component-lg);gap:var(--space-component-md);background-color:var(--color-surface-default);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-input);cursor:pointer;text-align:left;transition:border-color .15s ease,border-width .15s ease;box-sizing:border-box}.mds-select--base .mds-select__field:hover{border-color:var(--color-interactive-brand-hover)}.mds-select--active .mds-select__field{border-color:var(--color-interactive-brand-active);border-width:var(--border-strong)}.mds-select--error .mds-select__field{border-color:var(--color-interactive-danger-base);border-width:var(--border-strong)}.mds-select--disabled .mds-select__field{border-color:var(--color-interactive-default-disabled);cursor:not-allowed}.mds-select__value{flex:1;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mds-select--disabled .mds-select__value{color:var(--color-text-disabled)}.mds-select__chevron{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-default);transition:transform .2s ease}.mds-select__chevron--open{transform:rotate(180deg)}.mds-select--disabled .mds-select__chevron{color:var(--color-icon-disabled)}.mds-select__menu{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:-1px}.mds-select__menu .mds-menu{width:100%}.mds-select__helper{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-select__error{display:inline-flex;align-items:center;gap:var(--space-component-xs);font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-danger);line-height:1.5}.mds-select__error-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-danger);width:16px;height:16px}.mds-select__field:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-menu{display:flex;flex-direction:column;width:300px;background-color:var(--color-interactive-pale-base);border:var(--border-default) solid var(--color-border-default);border-radius:var(--radius-none);box-shadow:0 8px 12px #00000014;overflow:hidden}.mds-menu__item-wrapper{display:flex;flex-direction:column}.mds-menu__divider{height:1px;background-color:var(--color-surface-subtle);flex-shrink:0}.mds-menu-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-component-md);width:100%;background-color:var(--color-interactive-pale-base);border:none;border-radius:var(--radius-none);cursor:pointer;text-align:left;transition:background-color .15s ease;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased;box-sizing:border-box}.mds-menu-item--basic{padding:var(--space-component-lg) var(--space-component-md) var(--space-component-lg) var(--space-component-2xl);align-items:center;min-height:53px}.mds-menu-item--detailed{padding:var(--space-component-md);align-items:flex-start;min-height:68px}.mds-menu-item:hover:not(:disabled):not(.mds-menu-item--selected){background-color:var(--color-interactive-pale-hover)}.mds-menu-item:active:not(:disabled):not(.mds-menu-item--selected){background-color:var(--color-interactive-pale-active)}.mds-menu-item--selected{background-color:var(--color-interactive-default-base)}.mds-menu-item--selected .mds-menu-item__label{color:var(--color-text-inverse);font-weight:var(--font-weight-strong)}.mds-menu-item--selected .mds-menu-item__description,.mds-menu-item--selected .mds-menu-item__shortcut{color:var(--color-text-inverse)}.mds-menu-item--selected .mds-menu-item__icon{color:var(--color-icon-inverse)}.mds-menu-item--disabled{cursor:not-allowed;opacity:.5}.mds-menu-item__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-default);width:16px;height:16px;margin-top:2px}.mds-menu-item__content{flex:1;min-width:0}.mds-menu-item__title-description{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-menu-item__label{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-menu-item__description{display:block;font-size:var(--font-size-helper);font-weight:var(--font-weight-regular);color:var(--color-text-subtle);line-height:1.5}.mds-menu-item__shortcut{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin-left:auto}.mds-menu-item:focus-visible{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:-2px}.mds-select-page .mds-component-page__preview-scope{width:auto}.mds-select-page .mds-component-page__preview-scope>*{width:320px}.mds-select-page__comparison{display:flex;flex-direction:column;gap:var(--space-layout-md);margin-top:var(--space-layout-md)}.mds-select-page__comparison-item{display:flex;flex-direction:column;gap:var(--space-component-sm)}.mds-select-page__comparison-title{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}.mds-select-page__comparison-body{font-family:var(--font-family-global);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}.mds-switch{display:inline-flex;align-items:center;gap:var(--space-component-sm);cursor:pointer;font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-switch--disabled{cursor:not-allowed}.mds-switch__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.mds-switch__track{position:relative;display:flex;align-items:center;width:40px;height:24px;padding:var(--space-component-xs);background-color:var(--color-interactive-pale-base);border:var(--border-default) solid var(--color-interactive-default-base);border-radius:var(--radius-full);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box;flex-shrink:0}.mds-switch--base:hover .mds-switch__track{background-color:var(--color-interactive-pale-hover);border-color:var(--color-interactive-default-hover)}.mds-switch--disabled .mds-switch__track{border-color:var(--color-interactive-default-disabled)}.mds-switch--checked .mds-switch__track{background-color:var(--color-interactive-brand-base);border-color:transparent}.mds-switch--checked.mds-switch--base:hover .mds-switch__track{background-color:var(--color-interactive-brand-hover)}.mds-switch--checked.mds-switch--disabled .mds-switch__track{background-color:var(--color-interactive-brand-disabled);border-color:transparent}.mds-switch__thumb{position:absolute;left:var(--space-component-xs);width:16px;height:16px;background-color:var(--color-interactive-default-base);border-radius:var(--radius-full);transition:transform .2s ease,background-color .2s ease;flex-shrink:0}.mds-switch--base:hover .mds-switch__thumb{background-color:var(--color-interactive-default-hover)}.mds-switch--disabled .mds-switch__thumb{background-color:var(--color-interactive-default-disabled)}.mds-switch--checked .mds-switch__thumb{transform:translate(16px);background-color:var(--color-interactive-pale-base)}.mds-switch--checked.mds-switch--base:hover .mds-switch__thumb{background-color:var(--color-interactive-pale-hover)}.mds-switch--checked.mds-switch--disabled .mds-switch__thumb{background-color:var(--color-interactive-pale-disabled)}.mds-switch__label{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-default);line-height:1.5}.mds-switch--disabled .mds-switch__label{color:var(--color-text-disabled)}.mds-switch__input:focus-visible~.mds-switch__track{outline:var(--border-strong) solid var(--color-border-focus);outline-offset:2px}.mds-switch-page .mds-component-page__preview-scope{width:auto}.mds-switch-page .mds-component-page__preview-scope>*{width:auto}.mds-tabs-page .mds-component-page__preview-scope{width:fit-content}.mds-tabs-page .mds-component-page__preview-scope>*{width:auto}.mds-tag{display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-component-sm);height:32px;padding:0 12px;border:var(--border-default) solid;border-radius:var(--radius-none);font-family:var(--font-family-global);-webkit-font-smoothing:antialiased}.mds-tag--success{background-color:var(--color-surface-positive);border-color:var(--color-border-positive);color:var(--color-text-default)}.mds-tag--warning{background-color:var(--color-surface-warning);border-color:var(--color-border-warning);color:var(--color-text-default)}.mds-tag--danger{background-color:var(--color-surface-danger);border-color:var(--color-border-danger);color:var(--color-text-default)}.mds-tag--info{background-color:var(--color-surface-info);border-color:var(--color-border-info);color:var(--color-text-default)}.mds-tag__icon{display:flex;align-items:center;flex-shrink:0;width:16px;height:16px;color:inherit}.mds-tag__label{font-size:var(--font-size-helper);font-weight:var(--font-weight-strong);color:var(--color-text-default);line-height:1;white-space:nowrap}.mds-tag-page .mds-component-page__preview-scope{width:auto}.mds-tag-page .mds-component-page__preview-scope>*{width:auto}:root,[data-brand=minimal][data-mode=light]{--color-surface-default: #FFFFFF;--color-surface-page: #F5F5F5;--color-surface-subtle: #E5E5E5;--color-surface-inverse: #141414;--color-surface-brand: #141414;--color-surface-brand-subtle: #E5E5E5;--color-surface-positive: #DCFCE7;--color-surface-warning: #FEF9C3;--color-surface-danger: #FEE2E2;--color-surface-info: #DBEAFE;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #141414;--color-text-subtle: #4B4B4B;--color-text-muted: #919191;--color-text-disabled: #D4D4D4;--color-text-inverse: #FFFFFF;--color-text-brand: #141414;--color-text-positive: #15803D;--color-text-warning: #A16207;--color-text-danger: #B91C1C;--color-text-info: #1D4ED8;--color-icon-default: #141414;--color-icon-subtle: #4B4B4B;--color-icon-muted: #919191;--color-icon-disabled: #D4D4D4;--color-icon-inverse: #FFFFFF;--color-icon-brand: #141414;--color-icon-positive: #15803D;--color-icon-warning: #A16207;--color-icon-danger: #B91C1C;--color-icon-info: #1D4ED8;--color-border-default: #D4D4D4;--color-border-subtle: #E5E5E5;--color-border-muted: #F5F5F5;--color-border-disabled: #D4D4D4;--color-border-inverse: #2E2E2E;--color-border-brand: #141414;--color-border-positive: #86EFAC;--color-border-warning: #FDE047;--color-border-danger: #FCA5A5;--color-border-info: #93C5FD;--color-border-focus: #141414;--color-interactive-default-base: #141414;--color-interactive-default-hover: #2E2E2E;--color-interactive-default-active: #4B4B4B;--color-interactive-default-disabled: #D4D4D4;--color-interactive-pale-base: #FFFFFF;--color-interactive-pale-hover: #E5E5E5;--color-interactive-pale-active: #D4D4D4;--color-interactive-pale-disabled: #FFFFFF;--color-interactive-ghost-base: rgba(0, 0, 0, 0);--color-interactive-ghost-hover: rgba(0, 0, 0, .1);--color-interactive-ghost-active: rgba(0, 0, 0, .2);--color-interactive-ghost-disabled: rgba(0, 0, 0, 0);--color-interactive-brand-base: #141414;--color-interactive-brand-hover: #2E2E2E;--color-interactive-brand-active: #4B4B4B;--color-interactive-brand-disabled: #D4D4D4;--color-interactive-inverse-base: #FFFFFF;--color-interactive-inverse-hover: #E5E5E5;--color-interactive-inverse-active: #D4D4D4;--color-interactive-inverse-disabled: #FFFFFF;--color-interactive-positive-base: #15803D;--color-interactive-positive-hover: #14532D;--color-interactive-positive-active: #0B3D1E;--color-interactive-positive-disabled:#D4D4D4;--color-interactive-danger-base: #B91C1C;--color-interactive-danger-hover: #7F1D1D;--color-interactive-danger-active: #5D0D0D;--color-interactive-danger-disabled: #D4D4D4;--radius-none: 0px;--radius-sm: 0px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--radius-button: 0px;--radius-input: 0px;--radius-card: 0px;--border-default: 1px;--border-strong: 2px;--space-component-minus: -1px;--space-component-none: 0px;--space-component-xs: 4px;--space-component-sm: 8px;--space-component-md: 12px;--space-component-lg: 16px;--space-component-xl: 20px;--space-component-2xl: 24px;--space-component-3xl: 28px;--space-component-4xl: 32px;--space-component-5xl: 40px;--space-layout-minus: -1px;--space-layout-none: 0px;--space-layout-xs: 8px;--space-layout-sm: 16px;--space-layout-md: 24px;--space-layout-lg: 32px;--space-layout-xl: 48px;--space-layout-2xl: 64px;--space-layout-3xl: 80px;--space-layout-4xl: 96px;--font-family-global: "Inter", sans-serif;--font-family-heading: "Inter", sans-serif;--font-family-display: "Roboto Mono", monospace;--font-size-desktop-display: 48px;--font-size-desktop-h1: 40px;--font-size-desktop-h2: 32px;--font-size-desktop-h3: 24px;--font-size-desktop-h4: 18px;--font-size-mobile-display: 32px;--font-size-mobile-h1: 28px;--font-size-mobile-h2: 24px;--font-size-mobile-h3: 20px;--font-size-mobile-h4: 16px;--font-size-body: 14px;--font-size-helper: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-strong: 700}[data-brand=minimal][data-mode=dark]{--color-surface-default: #141414;--color-surface-page: #0A0A0A;--color-surface-subtle: #1F1F1F;--color-surface-inverse: #F5F5F5;--color-surface-brand: #F5F5F5;--color-surface-brand-subtle: #1F1F1F;--color-surface-positive: #14532D;--color-surface-warning: #713F12;--color-surface-danger: #7F1D1D;--color-surface-info: #1E3A8A;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #F5F5F5;--color-text-subtle: #919191;--color-text-muted: #4B4B4B;--color-text-disabled: #2E2E2E;--color-text-inverse: #141414;--color-text-brand: #F5F5F5;--color-text-positive: #86EFAC;--color-text-warning: #FDE047;--color-text-danger: #FCA5A5;--color-text-info: #93C5FD;--color-icon-default: #F5F5F5;--color-icon-subtle: #919191;--color-icon-muted: #4B4B4B;--color-icon-disabled: #2E2E2E;--color-icon-inverse: #141414;--color-icon-brand: #F5F5F5;--color-icon-positive: #86EFAC;--color-icon-warning: #FDE047;--color-icon-danger: #FCA5A5;--color-icon-info: #93C5FD;--color-border-default: #2E2E2E;--color-border-subtle: #1F1F1F;--color-border-muted: #141414;--color-border-disabled: #1F1F1F;--color-border-inverse: #D4D4D4;--color-border-brand: #F5F5F5;--color-border-positive: #15803D;--color-border-warning: #A16207;--color-border-danger: #B91C1C;--color-border-info: #1D4ED8;--color-border-focus: #F5F5F5;--color-interactive-default-base: #F5F5F5;--color-interactive-default-hover: #D4D4D4;--color-interactive-default-active: #B5B5B5;--color-interactive-default-disabled: #2E2E2E;--color-interactive-pale-base: #141414;--color-interactive-pale-hover: #1F1F1F;--color-interactive-pale-active: #2E2E2E;--color-interactive-pale-disabled: #141414;--color-interactive-ghost-base: rgba(255, 255, 255, 0);--color-interactive-ghost-hover: rgba(255, 255, 255, .1);--color-interactive-ghost-active: rgba(255, 255, 255, .2);--color-interactive-ghost-disabled: rgba(255, 255, 255, 0);--color-interactive-brand-base: #F5F5F5;--color-interactive-brand-hover: #D4D4D4;--color-interactive-brand-active: #B5B5B5;--color-interactive-brand-disabled: #2E2E2E;--color-interactive-inverse-base: #141414;--color-interactive-inverse-hover: #1F1F1F;--color-interactive-inverse-active: #2E2E2E;--color-interactive-inverse-disabled: #141414;--color-interactive-positive-base: #86EFAC;--color-interactive-positive-hover: #BBF7D0;--color-interactive-positive-active: #DCFCE7;--color-interactive-positive-disabled:#2E2E2E;--color-interactive-danger-base: #FCA5A5;--color-interactive-danger-hover: #FECACA;--color-interactive-danger-active: #FEE2E2;--color-interactive-danger-disabled: #2E2E2E}[data-brand=purpura][data-mode=light]{--color-surface-default: #FFFFFF;--color-surface-page: #FAF5FF;--color-surface-subtle: #E5E5E5;--color-surface-inverse: #141414;--color-surface-brand: #6B21A8;--color-surface-brand-subtle: #F3E8FF;--color-surface-positive: #DCFCE7;--color-surface-warning: #FEF9C3;--color-surface-danger: #FEE2E2;--color-surface-info: #DBEAFE;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #141414;--color-text-subtle: #4B4B4B;--color-text-muted: #919191;--color-text-disabled: #D4D4D4;--color-text-inverse: #FFFFFF;--color-text-brand: #7E22CE;--color-text-positive: #15803D;--color-text-warning: #A16207;--color-text-danger: #B91C1C;--color-text-info: #1D4ED8;--color-icon-default: #141414;--color-icon-subtle: #4B4B4B;--color-icon-muted: #919191;--color-icon-disabled: #D4D4D4;--color-icon-inverse: #FFFFFF;--color-icon-brand: #7E22CE;--color-icon-positive: #15803D;--color-icon-warning: #A16207;--color-icon-danger: #B91C1C;--color-icon-info: #1D4ED8;--color-border-default: #D4D4D4;--color-border-subtle: #E5E5E5;--color-border-muted: #F5F5F5;--color-border-disabled: #D4D4D4;--color-border-inverse: #2E2E2E;--color-border-brand: #A855F7;--color-border-positive: #86EFAC;--color-border-warning: #FDE047;--color-border-danger: #FCA5A5;--color-border-info: #93C5FD;--color-border-focus: #A855F7;--color-interactive-default-base: #141414;--color-interactive-default-hover: #2E2E2E;--color-interactive-default-active: #4B4B4B;--color-interactive-default-disabled: #D4D4D4;--color-interactive-pale-base: #FFFFFF;--color-interactive-pale-hover: #E5E5E5;--color-interactive-pale-active: #D4D4D4;--color-interactive-pale-disabled: #FFFFFF;--color-interactive-ghost-base: rgba(0, 0, 0, 0);--color-interactive-ghost-hover: rgba(0, 0, 0, .1);--color-interactive-ghost-active: rgba(0, 0, 0, .2);--color-interactive-ghost-disabled: rgba(0, 0, 0, 0);--color-interactive-brand-base: #7E22CE;--color-interactive-brand-hover: #6B21A8;--color-interactive-brand-active: #581C87;--color-interactive-brand-disabled: #D4D4D4;--color-interactive-inverse-base: #FFFFFF;--color-interactive-inverse-hover: #E5E5E5;--color-interactive-inverse-active: #D4D4D4;--color-interactive-inverse-disabled: #FFFFFF;--color-interactive-positive-base: #15803D;--color-interactive-positive-hover: #14532D;--color-interactive-positive-active: #0B3D1E;--color-interactive-positive-disabled:#D4D4D4;--color-interactive-danger-base: #B91C1C;--color-interactive-danger-hover: #7F1D1D;--color-interactive-danger-active: #5D0D0D;--color-interactive-danger-disabled: #D4D4D4;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-button: 9999px;--radius-input: 9999px;--radius-card: 12px;--font-family-global: "Montserrat", sans-serif;--font-family-heading: "Montserrat", sans-serif;--font-family-display: "Montserrat", sans-serif}[data-brand=purpura][data-mode=dark]{--color-surface-default: #141414;--color-surface-page: #0A0A0A;--color-surface-subtle: #1F1F1F;--color-surface-inverse: #F5F5F5;--color-surface-brand: #A855F7;--color-surface-brand-subtle: #581C87;--color-surface-positive: #14532D;--color-surface-warning: #713F12;--color-surface-danger: #7F1D1D;--color-surface-info: #1E3A8A;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #F5F5F5;--color-text-subtle: #919191;--color-text-muted: #4B4B4B;--color-text-disabled: #2E2E2E;--color-text-inverse: #141414;--color-text-brand: #C084FC;--color-text-positive: #86EFAC;--color-text-warning: #FDE047;--color-text-danger: #FCA5A5;--color-text-info: #93C5FD;--color-icon-default: #F5F5F5;--color-icon-subtle: #919191;--color-icon-muted: #4B4B4B;--color-icon-disabled: #2E2E2E;--color-icon-inverse: #141414;--color-icon-brand: #C084FC;--color-icon-positive: #86EFAC;--color-icon-warning: #FDE047;--color-icon-danger: #FCA5A5;--color-icon-info: #93C5FD;--color-border-default: #2E2E2E;--color-border-subtle: #1F1F1F;--color-border-muted: #141414;--color-border-disabled: #1F1F1F;--color-border-inverse: #D4D4D4;--color-border-brand: #C084FC;--color-border-positive: #15803D;--color-border-warning: #A16207;--color-border-danger: #B91C1C;--color-border-info: #1D4ED8;--color-border-focus: #C084FC;--color-interactive-default-base: #F5F5F5;--color-interactive-default-hover: #D4D4D4;--color-interactive-default-active: #B5B5B5;--color-interactive-default-disabled: #2E2E2E;--color-interactive-pale-base: #141414;--color-interactive-pale-hover: #1F1F1F;--color-interactive-pale-active: #2E2E2E;--color-interactive-pale-disabled: #141414;--color-interactive-ghost-base: rgba(255, 255, 255, 0);--color-interactive-ghost-hover: rgba(255, 255, 255, .1);--color-interactive-ghost-active: rgba(255, 255, 255, .2);--color-interactive-ghost-disabled: rgba(255, 255, 255, 0);--color-interactive-brand-base: #C084FC;--color-interactive-brand-hover: #D8B4FE;--color-interactive-brand-active: #E9D5FF;--color-interactive-brand-disabled: #2E2E2E;--color-interactive-inverse-base: #141414;--color-interactive-inverse-hover: #1F1F1F;--color-interactive-inverse-active: #2E2E2E;--color-interactive-inverse-disabled: #141414;--color-interactive-positive-base: #86EFAC;--color-interactive-positive-hover: #BBF7D0;--color-interactive-positive-active: #DCFCE7;--color-interactive-positive-disabled:#2E2E2E;--color-interactive-danger-base: #FCA5A5;--color-interactive-danger-hover: #FECACA;--color-interactive-danger-active: #FEE2E2;--color-interactive-danger-disabled: #2E2E2E;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-button: 9999px;--radius-input: 9999px;--radius-card: 12px;--font-family-global: "Montserrat", sans-serif;--font-family-heading: "Montserrat", sans-serif;--font-family-display: "Montserrat", sans-serif}[data-brand=azure][data-mode=light]{--color-surface-default: #FFFFFF;--color-surface-page: #F0F9FF;--color-surface-subtle: #E5E5E5;--color-surface-inverse: #141414;--color-surface-brand: #075985;--color-surface-brand-subtle: #E0F2FE;--color-surface-positive: #DCFCE7;--color-surface-warning: #FEF9C3;--color-surface-danger: #FEE2E2;--color-surface-info: #DBEAFE;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #141414;--color-text-subtle: #4B4B4B;--color-text-muted: #919191;--color-text-disabled: #D4D4D4;--color-text-inverse: #FFFFFF;--color-text-brand: #0369A1;--color-text-positive: #15803D;--color-text-warning: #A16207;--color-text-danger: #B91C1C;--color-text-info: #1D4ED8;--color-icon-default: #141414;--color-icon-subtle: #4B4B4B;--color-icon-muted: #919191;--color-icon-disabled: #D4D4D4;--color-icon-inverse: #FFFFFF;--color-icon-brand: #0369A1;--color-icon-positive: #15803D;--color-icon-warning: #A16207;--color-icon-danger: #B91C1C;--color-icon-info: #1D4ED8;--color-border-default: #D4D4D4;--color-border-subtle: #E5E5E5;--color-border-muted: #F5F5F5;--color-border-disabled: #D4D4D4;--color-border-inverse: #2E2E2E;--color-border-brand: #0EA5E9;--color-border-positive: #86EFAC;--color-border-warning: #FDE047;--color-border-danger: #FCA5A5;--color-border-info: #93C5FD;--color-border-focus: #0EA5E9;--color-interactive-default-base: #141414;--color-interactive-default-hover: #2E2E2E;--color-interactive-default-active: #4B4B4B;--color-interactive-default-disabled: #D4D4D4;--color-interactive-pale-base: #FFFFFF;--color-interactive-pale-hover: #E5E5E5;--color-interactive-pale-active: #D4D4D4;--color-interactive-pale-disabled: #FFFFFF;--color-interactive-ghost-base: rgba(0, 0, 0, 0);--color-interactive-ghost-hover: rgba(0, 0, 0, .1);--color-interactive-ghost-active: rgba(0, 0, 0, .2);--color-interactive-ghost-disabled: rgba(0, 0, 0, 0);--color-interactive-brand-base: #0369A1;--color-interactive-brand-hover: #075985;--color-interactive-brand-active: #0C4A6E;--color-interactive-brand-disabled: #D4D4D4;--color-interactive-inverse-base: #FFFFFF;--color-interactive-inverse-hover: #E5E5E5;--color-interactive-inverse-active: #D4D4D4;--color-interactive-inverse-disabled: #FFFFFF;--color-interactive-positive-base: #15803D;--color-interactive-positive-hover: #14532D;--color-interactive-positive-active: #0B3D1E;--color-interactive-positive-disabled:#D4D4D4;--color-interactive-danger-base: #B91C1C;--color-interactive-danger-hover: #7F1D1D;--color-interactive-danger-active: #5D0D0D;--color-interactive-danger-disabled: #D4D4D4;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-button: 8px;--radius-input: 8px;--radius-card: 6px;--font-family-global: "Source Sans Pro", sans-serif;--font-family-heading: "Source Sans Pro", sans-serif;--font-family-display: "Playfair Display", serif}[data-brand=azure][data-mode=dark]{--color-surface-default: #141414;--color-surface-page: #0A0A0A;--color-surface-subtle: #1F1F1F;--color-surface-inverse: #F5F5F5;--color-surface-brand: #0EA5E9;--color-surface-brand-subtle: #0C4A6E;--color-surface-positive: #14532D;--color-surface-warning: #713F12;--color-surface-danger: #7F1D1D;--color-surface-info: #1E3A8A;--color-surface-overlay: rgba(0, 0, 0, .7);--color-text-default: #F5F5F5;--color-text-subtle: #919191;--color-text-muted: #4B4B4B;--color-text-disabled: #2E2E2E;--color-text-inverse: #141414;--color-text-brand: #38BDF8;--color-text-positive: #86EFAC;--color-text-warning: #FDE047;--color-text-danger: #FCA5A5;--color-text-info: #93C5FD;--color-icon-default: #F5F5F5;--color-icon-subtle: #919191;--color-icon-muted: #4B4B4B;--color-icon-disabled: #2E2E2E;--color-icon-inverse: #141414;--color-icon-brand: #38BDF8;--color-icon-positive: #86EFAC;--color-icon-warning: #FDE047;--color-icon-danger: #FCA5A5;--color-icon-info: #93C5FD;--color-border-default: #2E2E2E;--color-border-subtle: #1F1F1F;--color-border-muted: #141414;--color-border-disabled: #1F1F1F;--color-border-inverse: #D4D4D4;--color-border-brand: #38BDF8;--color-border-positive: #15803D;--color-border-warning: #A16207;--color-border-danger: #B91C1C;--color-border-info: #1D4ED8;--color-border-focus: #38BDF8;--color-interactive-default-base: #F5F5F5;--color-interactive-default-hover: #D4D4D4;--color-interactive-default-active: #B5B5B5;--color-interactive-default-disabled: #2E2E2E;--color-interactive-pale-base: #141414;--color-interactive-pale-hover: #1F1F1F;--color-interactive-pale-active: #2E2E2E;--color-interactive-pale-disabled: #141414;--color-interactive-ghost-base: rgba(255, 255, 255, 0);--color-interactive-ghost-hover: rgba(255, 255, 255, .1);--color-interactive-ghost-active: rgba(255, 255, 255, .2);--color-interactive-ghost-disabled: rgba(255, 255, 255, 0);--color-interactive-brand-base: #0EA5E9;--color-interactive-brand-hover: #38BDF8;--color-interactive-brand-active: #7DD3FC;--color-interactive-brand-disabled: #2E2E2E;--color-interactive-inverse-base: #141414;--color-interactive-inverse-hover: #1F1F1F;--color-interactive-inverse-active: #2E2E2E;--color-interactive-inverse-disabled: #141414;--color-interactive-positive-base: #86EFAC;--color-interactive-positive-hover: #BBF7D0;--color-interactive-positive-active: #DCFCE7;--color-interactive-positive-disabled:#2E2E2E;--color-interactive-danger-base: #FCA5A5;--color-interactive-danger-hover: #FECACA;--color-interactive-danger-active: #FEE2E2;--color-interactive-danger-disabled: #2E2E2E;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-button: 8px;--radius-input: 8px;--radius-card: 6px;--font-family-global: "Source Sans Pro", sans-serif;--font-family-heading: "Source Sans Pro", sans-serif;--font-family-display: "Playfair Display", serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,sans-serif}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}[data-brand][data-mode]{font-family:var(--font-family-global);background-color:var(--color-surface-page);color:var(--color-text-default);min-height:100vh}#root{height:100%}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit}button{font-family:inherit}@media (max-width: 768px){.mds-component-page__preview-scope[data-brand][data-mode]{min-height:0!important}.mds-component-page__preview-area,.mds-dialog-page .mds-component-page__preview-area,.mds-page-radius__preview-area{height:auto!important;min-height:0!important;max-height:none!important}body{overflow-x:hidden}}