:root{--mp-button-border-radius: var(--mp-sys-radius-md);--mp-button-content-gap: var(--mp-sys-space-3);--mp-button-danger-color: var(--mp-sys-color-status-danger);--mp-button-danger-disabled-color: rgb(var(--mp-danger-3));--mp-button-danger-foreground-color: var(--mp-sys-color-content-danger);--mp-button-danger-tonal-color: rgb(var(--mp-danger-1));--mp-button-default-color: var(--mp-sys-color-surface-default);--mp-button-default-foreground-color: var(--mp-sys-color-content-primary);--mp-button-default-tonal-color: var(--mp-sys-color-surface-muted);--mp-button-disabled-color: var(--mp-color-fill-2);--mp-button-disabled-solid-text-color: var(--mp-sys-color-content-on-dark);--mp-button-disabled-text-color: var(--mp-sys-color-content-disabled);--mp-button-focus-color: var(--mp-sys-color-content-brand);--mp-button-info-color: var(--mp-sys-color-status-info);--mp-button-info-disabled-color: rgb(var(--mp-blue-3));--mp-button-info-foreground-color: var(--mp-sys-color-content-info);--mp-button-info-tonal-color: rgb(var(--mp-blue-1));--mp-button-lg-height: 56px;--mp-button-lg-padding: 0 var(--mp-sys-space-7);--mp-button-loading-duration: 1s;--mp-button-loading-line-height: 3px;--mp-button-md-height: 48px;--mp-button-md-padding: 0 var(--mp-sys-space-6);--mp-button-plain-state-opacity-active: 1;--mp-button-plain-state-opacity-hover: .5;--mp-button-primary-color: var(--mp-sys-color-action-primary);--mp-button-primary-disabled-color: rgb(var(--mp-primary-3));--mp-button-primary-foreground-color: var(--mp-sys-color-content-brand);--mp-button-primary-state-layer-color: var(--mp-button-solid-state-layer-color);--mp-button-primary-tonal-color: rgb(var(--mp-primary-1));--mp-button-secondary-color: rgb(var(--mp-gray-6));--mp-button-secondary-foreground-color: var(--mp-sys-color-content-secondary);--mp-button-secondary-tonal-color: rgb(var(--mp-gray-2));--mp-button-sm-height: 40px;--mp-button-sm-padding: 0 var(--mp-sys-space-5);--mp-button-solid-state-layer-color: var(--mp-sys-color-content-on-dark);--mp-button-solid-text-color: var(--mp-sys-color-content-on-dark);--mp-button-stacked-gap: var(--mp-sys-space-2);--mp-button-state-layer-color: var(--mp-sys-color-surface-page);--mp-button-state-opacity-active: .12;--mp-button-state-opacity-hover: .08;--mp-button-success-color: var(--mp-sys-color-status-success);--mp-button-success-disabled-color: rgb(var(--mp-success-3));--mp-button-success-foreground-color: var(--mp-sys-color-content-success);--mp-button-success-tonal-color: rgb(var(--mp-success-1));--mp-button-tertiary-color: rgb(var(--mp-gray-7));--mp-button-tertiary-foreground-color: var(--mp-sys-color-content-secondary);--mp-button-tertiary-state-layer-color: var(--mp-sys-color-content-on-bright);--mp-button-tertiary-text-color: var(--mp-sys-color-content-on-dark);--mp-button-tertiary-tonal-color: rgb(var(--mp-gray-1));--mp-button-warning-color: var(--mp-sys-color-status-warning);--mp-button-warning-disabled-color: rgb(var(--mp-warning-3));--mp-button-warning-foreground-color: var(--mp-sys-color-content-warning);--mp-button-warning-tonal-color: rgb(var(--mp-warning-1));--mp-button-xl-height: 64px;--mp-button-xl-padding: 0 var(--mp-sys-space-8);--mp-button-xs-height: 32px;--mp-button-xs-padding: 0 var(--mp-sys-space-4)}:root[maple-theme=dark]{--mp-button-disabled-solid-text-color: rgba(255, 255, 255, .3);--mp-button-info-disabled-color: rgba(var(--mp-blue-6), .5);--mp-button-danger-disabled-color: rgba(var(--mp-danger-6), .5);--mp-button-warning-disabled-color: rgba(var(--mp-warning-6), .5);--mp-button-success-disabled-color: rgba(var(--mp-success-6), .5);--mp-button-primary-disabled-color: rgba(var(--mp-primary-6), .5);--mp-button-tertiary-text-color: var(--mp-sys-color-content-on-bright);--mp-button-tertiary-state-layer-color: var(--mp-sys-color-content-on-dark)}.mp-button{position:relative;display:inline-flex;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mp-button-content-gap);outline:none;border:none;border-radius:var(--mp-button-border-radius);-webkit-user-select:none;user-select:none;cursor:pointer;font-family:inherit;line-height:1.2;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mp-sys-motion-duration-standard),background-color var(--mp-sys-motion-duration-standard),border-radius var(--mp-sys-motion-duration-standard);--mp-internal-button-state-layer-color: var(--mp-button-state-layer-color);--mp-internal-button-state-opacity-hover: var(--mp-button-state-opacity-hover);--mp-internal-button-state-opacity-active: var(--mp-button-state-opacity-active);isolation:isolate}.mp-button__content{display:flex;align-items:center;flex-wrap:wrap;line-height:1}.mp-button--icon{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mp-button--block{width:100%}.mp-button--round{border-radius:50%;flex-shrink:0}.mp-button--stacked{flex-direction:column;gap:var(--mp-button-stacked-gap)}.mp-button--loading{cursor:default}.mp-button--hidden{opacity:0}.mp-button--size-xs{height:var(--mp-button-xs-height);padding:var(--mp-button-xs-padding);font-size:var(--mp-sys-font-size-xs)}.mp-button--size-xs.mp-button--stacked:not(.mp-button--round):not(.mp-button--icon-only){height:auto;padding-block:var(--mp-sys-space-4);min-height:max(44px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)));min-width:max(44px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)))}.mp-button--size-xs.mp-button--round,.mp-button--size-xs.mp-button--icon-only{width:var(--mp-button-xs-height);min-width:var(--mp-button-xs-height);padding:0}.mp-button--size-sm{height:var(--mp-button-sm-height);padding:var(--mp-button-sm-padding);font-size:var(--mp-sys-font-size-md)}.mp-button--size-sm.mp-button--stacked:not(.mp-button--round):not(.mp-button--icon-only){height:auto;padding-block:var(--mp-sys-space-4);min-height:max(48px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)));min-width:max(48px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)))}.mp-button--size-sm.mp-button--round,.mp-button--size-sm.mp-button--icon-only{width:var(--mp-button-sm-height);min-width:var(--mp-button-sm-height);padding:0}.mp-button--size-md{height:var(--mp-button-md-height);padding:var(--mp-button-md-padding);font-size:var(--mp-sys-font-size-lg)}.mp-button--size-md.mp-button--stacked:not(.mp-button--round):not(.mp-button--icon-only){height:auto;padding-block:var(--mp-sys-space-4);min-height:max(56px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)));min-width:max(56px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)))}.mp-button--size-md.mp-button--round,.mp-button--size-md.mp-button--icon-only{width:var(--mp-button-md-height);min-width:var(--mp-button-md-height);padding:0}.mp-button--size-lg{height:var(--mp-button-lg-height);padding:var(--mp-button-lg-padding);font-size:var(--mp-sys-font-size-lg)}.mp-button--size-lg.mp-button--stacked:not(.mp-button--round):not(.mp-button--icon-only){height:auto;padding-block:var(--mp-sys-space-4);min-height:max(64px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)));min-width:max(64px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)))}.mp-button--size-lg.mp-button--round,.mp-button--size-lg.mp-button--icon-only{width:var(--mp-button-lg-height);min-width:var(--mp-button-lg-height);padding:0}.mp-button--size-xl{height:var(--mp-button-xl-height);padding:var(--mp-button-xl-padding);font-size:var(--mp-sys-font-size-xl)}.mp-button--size-xl.mp-button--stacked:not(.mp-button--round):not(.mp-button--icon-only){height:auto;padding-block:var(--mp-sys-space-4);min-height:max(72px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)));min-width:max(72px,calc(2em + var(--mp-button-stacked-gap) + 2 * var(--mp-sys-space-4)))}.mp-button--size-xl.mp-button--round,.mp-button--size-xl.mp-button--icon-only{width:var(--mp-button-xl-height);min-width:var(--mp-button-xl-height);padding:0}.mp-button--variant-text,.mp-button--variant-outline{background-color:transparent}.mp-button--variant-outline{border:thin solid currentColor}.mp-button--status-default.mp-button--variant-default{color:var(--mp-button-default-foreground-color);background-color:var(--mp-button-default-color);--mp-internal-button-state-layer-color: var(--mp-button-default-foreground-color)}.mp-button--status-default.mp-button--variant-text,.mp-button--status-default.mp-button--variant-outline,.mp-button--status-default.mp-button--variant-tonal{color:var(--mp-button-default-foreground-color)}.mp-button--status-default.mp-button--variant-tonal{background-color:var(--mp-button-default-tonal-color)}.mp-button--status-default.mp-button--variant-text,.mp-button--status-default.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-default-tonal-color)}.mp-button--status-primary.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-primary-color);--mp-internal-button-state-layer-color: var(--mp-button-primary-state-layer-color)}.mp-button--status-primary.mp-button--variant-text,.mp-button--status-primary.mp-button--variant-outline,.mp-button--status-primary.mp-button--variant-tonal{color:var(--mp-button-primary-foreground-color)}.mp-button--status-primary.mp-button--variant-tonal{background-color:var(--mp-button-primary-tonal-color)}.mp-button--status-primary.mp-button--variant-text,.mp-button--status-primary.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-primary-tonal-color)}.mp-button--status-info.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-info-color);--mp-internal-button-state-layer-color: var(--mp-button-solid-state-layer-color)}.mp-button--status-info.mp-button--variant-text,.mp-button--status-info.mp-button--variant-outline,.mp-button--status-info.mp-button--variant-tonal{color:var(--mp-button-info-foreground-color)}.mp-button--status-info.mp-button--variant-tonal{background-color:var(--mp-button-info-tonal-color)}.mp-button--status-info.mp-button--variant-text,.mp-button--status-info.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-info-tonal-color)}.mp-button--status-success.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-success-color);--mp-internal-button-state-layer-color: var(--mp-button-solid-state-layer-color)}.mp-button--status-success.mp-button--variant-text,.mp-button--status-success.mp-button--variant-outline,.mp-button--status-success.mp-button--variant-tonal{color:var(--mp-button-success-foreground-color)}.mp-button--status-success.mp-button--variant-tonal{background-color:var(--mp-button-success-tonal-color)}.mp-button--status-success.mp-button--variant-text,.mp-button--status-success.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-success-tonal-color)}.mp-button--status-warning.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-warning-color);--mp-internal-button-state-layer-color: var(--mp-button-solid-state-layer-color)}.mp-button--status-warning.mp-button--variant-text,.mp-button--status-warning.mp-button--variant-outline,.mp-button--status-warning.mp-button--variant-tonal{color:var(--mp-button-warning-foreground-color)}.mp-button--status-warning.mp-button--variant-tonal{background-color:var(--mp-button-warning-tonal-color)}.mp-button--status-warning.mp-button--variant-text,.mp-button--status-warning.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-warning-tonal-color)}.mp-button--status-danger.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-danger-color);--mp-internal-button-state-layer-color: var(--mp-button-solid-state-layer-color)}.mp-button--status-danger.mp-button--variant-text,.mp-button--status-danger.mp-button--variant-outline,.mp-button--status-danger.mp-button--variant-tonal{color:var(--mp-button-danger-foreground-color)}.mp-button--status-danger.mp-button--variant-tonal{background-color:var(--mp-button-danger-tonal-color)}.mp-button--status-danger.mp-button--variant-text,.mp-button--status-danger.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-danger-tonal-color)}.mp-button--status-secondary.mp-button--variant-default{color:var(--mp-button-solid-text-color);background-color:var(--mp-button-secondary-color);--mp-internal-button-state-layer-color: var(--mp-button-solid-state-layer-color)}.mp-button--status-secondary.mp-button--variant-text,.mp-button--status-secondary.mp-button--variant-outline,.mp-button--status-secondary.mp-button--variant-tonal{color:var(--mp-button-secondary-foreground-color)}.mp-button--status-secondary.mp-button--variant-tonal{background-color:var(--mp-button-secondary-tonal-color)}.mp-button--status-secondary.mp-button--variant-text,.mp-button--status-secondary.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-secondary-tonal-color)}.mp-button--status-tertiary.mp-button--variant-default{color:var(--mp-button-tertiary-text-color);background-color:var(--mp-button-tertiary-color);--mp-internal-button-state-layer-color: var(--mp-button-tertiary-state-layer-color)}.mp-button--status-tertiary.mp-button--variant-text,.mp-button--status-tertiary.mp-button--variant-outline,.mp-button--status-tertiary.mp-button--variant-tonal{color:var(--mp-button-tertiary-foreground-color)}.mp-button--status-tertiary.mp-button--variant-tonal{background-color:var(--mp-button-tertiary-tonal-color)}.mp-button--status-tertiary.mp-button--variant-text,.mp-button--status-tertiary.mp-button--variant-outline{--mp-internal-button-state-layer-color: var(--mp-button-tertiary-tonal-color)}.mp-button--variant-text,.mp-button--variant-outline{--mp-internal-button-state-opacity-hover: var(--mp-button-plain-state-opacity-hover);--mp-internal-button-state-opacity-active: var(--mp-button-plain-state-opacity-active)}.mp-button>.mp-hover-overlay{z-index:-1;background-color:var(--mp-internal-button-state-layer-color);opacity:0}.mp-button--hovering:not(.mp-button--disabled):not(.mp-button--loading)>.mp-hover-overlay{opacity:var(--mp-internal-button-state-opacity-hover)}.mp-button:not(.mp-button--disabled):not(.mp-button--loading):active>.mp-hover-overlay{opacity:var(--mp-internal-button-state-opacity-active)}.mp-button--focus:not(.mp-button--disabled):not(.mp-button--loading):focus-visible{outline:var(--mp-sys-space-1) solid var(--mp-button-focus-color);outline-offset:var(--mp-sys-space-1)}.mp-button.mp-button--disabled{color:var(--mp-button-disabled-text-color);background-color:var(--mp-button-disabled-color);cursor:not-allowed;box-shadow:none!important}.mp-button.mp-button--disabled.mp-button--variant-text,.mp-button.mp-button--disabled.mp-button--variant-outline{background-color:transparent}.mp-button.mp-button--disabled.mp-button--status-default.mp-button--variant-tonal{background-color:var(--mp-button-default-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-primary.mp-button--variant-tonal{background-color:var(--mp-button-primary-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-info.mp-button--variant-tonal{background-color:var(--mp-button-info-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-success.mp-button--variant-tonal{background-color:var(--mp-button-success-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-warning.mp-button--variant-tonal{background-color:var(--mp-button-warning-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-danger.mp-button--variant-tonal{background-color:var(--mp-button-danger-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-secondary.mp-button--variant-tonal{background-color:var(--mp-button-secondary-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-tertiary.mp-button--variant-tonal{background-color:var(--mp-button-tertiary-tonal-color)}.mp-button.mp-button--disabled.mp-button--status-primary{color:var(--mp-button-primary-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-primary.mp-button--variant-default{color:var(--mp-button-disabled-solid-text-color);background-color:var(--mp-button-primary-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-info{color:var(--mp-button-info-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-info.mp-button--variant-default{color:var(--mp-button-disabled-solid-text-color);background-color:var(--mp-button-info-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-success{color:var(--mp-button-success-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-success.mp-button--variant-default{color:var(--mp-button-disabled-solid-text-color);background-color:var(--mp-button-success-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-warning{color:var(--mp-button-warning-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-warning.mp-button--variant-default{color:var(--mp-button-disabled-solid-text-color);background-color:var(--mp-button-warning-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-danger{color:var(--mp-button-danger-disabled-color)}.mp-button.mp-button--disabled.mp-button--status-danger.mp-button--variant-default{color:var(--mp-button-disabled-solid-text-color);background-color:var(--mp-button-danger-disabled-color)}.mp-button__loading{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.mp-button__loading>.mp-loading{display:flex}.mp-button--loading-fill>.mp-button__loading{position:absolute;inset:0}.mp-button--icon>.mp-button__loading{position:absolute;inset:0}.mp-button--loading-default>.mp-button--icon>:not(.mp-button__loading){visibility:hidden}.mp-button--loading-line>.mp-button__loading{position:absolute;inset:auto 0 0;height:var(--mp-button-loading-line-height);overflow:hidden;border-radius:inherit}.mp-button__loading-line{width:40%;height:100%;background:currentColor;animation:mp-button-loading-line var(--mp-button-loading-duration) linear infinite}@keyframes mp-button-loading-line{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion: reduce){.mp-button{transition:none}.mp-button__loading-line{animation:none;width:100%;opacity:.5}}.mp-button-group{display:inline-flex;border-radius:var(--mp-button-border-radius);max-width:100%;box-sizing:border-box;align-items:stretch;overflow:visible}.mp-button-group>.mp-button{border-radius:var(--mp-button-border-radius);flex-shrink:0}.mp-button-group>.mp-button:active{box-shadow:none}.mp-button-group--horizontal>.mp-button{border-radius:0}.mp-button-group--horizontal:dir(ltr)>.mp-button:first-child{border-top-left-radius:var(--mp-button-border-radius);border-bottom-left-radius:var(--mp-button-border-radius)}.mp-button-group--horizontal:dir(ltr)>.mp-button:last-child{border-top-right-radius:var(--mp-button-border-radius);border-bottom-right-radius:var(--mp-button-border-radius)}.mp-button-group--horizontal:dir(rtl)>.mp-button:first-child{border-top-right-radius:var(--mp-button-border-radius);border-bottom-right-radius:var(--mp-button-border-radius)}.mp-button-group--horizontal:dir(rtl)>.mp-button:last-child{border-top-left-radius:var(--mp-button-border-radius);border-bottom-left-radius:var(--mp-button-border-radius)}.mp-button-group--horizontal:dir(ltr)>.mp-button--variant-outline+.mp-button--variant-outline{border-left:none}.mp-button-group--horizontal:dir(ltr)>.mp-button--variant-text+.mp-button--variant-text{border-left:thin solid currentColor}.mp-button-group--horizontal:dir(rtl)>.mp-button--variant-outline+.mp-button--variant-outline{border-right:none}.mp-button-group--horizontal:dir(rtl)>.mp-button--variant-text+.mp-button--variant-text{border-right:thin solid currentColor}.mp-button-group--vertical{flex-direction:column}.mp-button-group--vertical>.mp-button:not(.mp-button--stacked):not(.mp-button--round):not(.mp-button--icon-only){justify-content:flex-start}.mp-button-group--vertical>.mp-button:first-child{border-end-start-radius:0;border-end-end-radius:0}.mp-button-group--vertical>.mp-button:last-child{border-start-start-radius:0;border-start-end-radius:0}.mp-button-group--vertical>.mp-button:not(:first-child):not(:last-child){border-radius:0}.mp-button-group--vertical>.mp-button--variant-outline+.mp-button--variant-outline{border-top:none}.mp-button-group--vertical>.mp-button--variant-text+.mp-button--variant-text{border-top:thin solid currentColor}.mp-button-group>.mp-button:only-child{border-radius:var(--mp-button-border-radius)}