@layer components{.md3-button-root{--_container-height:40px;--_leading-space:16px;--_trailing-space:16px;--_icon-label-space:8px;--_icon-size:20px;--_outline-width:1px;--_label-font:var(--md-sys-typescale-label-large-font);--_label-size:var(--md-sys-typescale-label-large-size);--_label-line-height:var(--md-sys-typescale-label-large-line-height);--_label-weight:var(--md-sys-typescale-label-large-weight);--_label-tracking:var(--md-sys-typescale-label-large-tracking);--_shape-square:var(--md-sys-shape-corner-medium);--md3-shape-round:calc(var(--_container-height) / 2);--_shape-round:var(--md3-shape-round);--_radius:var(--_shape-round);box-sizing:border-box;isolation:isolate;justify-content:center;align-items:center;gap:var(--_icon-label-space);height:var(--_container-height);padding-inline:var(--_leading-space) var(--_trailing-space);border-radius:var(--_radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--_label-font);font-size:var(--_label-size);line-height:var(--_label-line-height);font-weight:var(--_label-weight);letter-spacing:var(--_label-tracking);transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), border-radius var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-fast-spatial);border:none;outline:none;text-decoration:none;display:inline-flex;position:relative}.md3-button-root[data-size=xsmall]{--_container-height:32px;--_leading-space:12px;--_trailing-space:12px}.md3-button-root[data-size=medium]{--_container-height:56px;--_leading-space:24px;--_trailing-space:24px;--_icon-size:24px;--_shape-square:var(--md-sys-shape-corner-large);--_label-font:var(--md-sys-typescale-title-medium-font);--_label-size:var(--md-sys-typescale-title-medium-size);--_label-line-height:var(--md-sys-typescale-title-medium-line-height);--_label-weight:var(--md-sys-typescale-title-medium-weight);--_label-tracking:var(--md-sys-typescale-title-medium-tracking)}.md3-button-root[data-size=large]{--_container-height:96px;--_leading-space:48px;--_trailing-space:48px;--_icon-label-space:12px;--_icon-size:32px;--_outline-width:2px;--_shape-square:var(--md-sys-shape-corner-extra-large);--_label-font:var(--md-sys-typescale-headline-small-font);--_label-size:var(--md-sys-typescale-headline-small-size);--_label-line-height:var(--md-sys-typescale-headline-small-line-height);--_label-weight:var(--md-sys-typescale-headline-small-weight);--_label-tracking:var(--md-sys-typescale-headline-small-tracking)}.md3-button-root[data-size=xlarge]{--_container-height:136px;--_leading-space:64px;--_trailing-space:64px;--_icon-label-space:16px;--_icon-size:40px;--_outline-width:3px;--_shape-square:var(--md-sys-shape-corner-extra-large);--_label-font:var(--md-sys-typescale-headline-large-font);--_label-size:var(--md-sys-typescale-headline-large-size);--_label-line-height:var(--md-sys-typescale-headline-large-line-height);--_label-weight:var(--md-sys-typescale-headline-large-weight);--_label-tracking:var(--md-sys-typescale-headline-large-tracking)}.md3-button-root:where([data-shape=square]),.md3-button-root:where([data-toggle][data-pressed]){--_radius:var(--_shape-square)}.md3-button-root:where([data-toggle][data-pressed][data-shape=square]){--_radius:var(--_shape-round)}.md3-button-root:after{content:"";width:var(--md3-touch-target-width,max(48px, 100%));height:max(48px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md3-button-stateLayer{z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.md3-button-stateLayer:before{content:"";opacity:0;background:currentColor;transition:opacity 15ms linear;position:absolute;inset:0}.md3-button-root:hover .md3-button-stateLayer:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-button-root:focus-visible .md3-button-stateLayer:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md3-button-root:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md3-button-icon{font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);display:inline-flex}.md3-button-icon>*{block-size:100%;inline-size:100%}.md3-button-label{position:relative}.md3-button-root[data-variant=filled]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-button-root[data-variant=filled]:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.md3-button-root[data-variant=tonal]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-button-root[data-variant=tonal]:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.md3-button-root[data-variant=outlined]{color:var(--md-sys-color-on-surface-variant);border:var(--_outline-width) solid var(--md-sys-color-outline-variant);background:0 0}.md3-button-root[data-variant=elevated]{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.md3-button-root[data-variant=elevated]:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.md3-button-root[data-variant=text]{color:var(--md-sys-color-primary);background:0 0}.md3-button-root:where([data-toggle])[data-variant=filled]{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.md3-button-root:where([data-toggle][data-pressed])[data-variant=filled]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-button-root:where([data-toggle][data-pressed])[data-variant=tonal]{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.md3-button-root:where([data-toggle][data-pressed])[data-variant=elevated]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-button-root:where([data-toggle][data-pressed])[data-variant=outlined]{background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-color:#0000}.md3-button-root:is(:disabled,[data-disabled]){cursor:default;pointer-events:none;box-shadow:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent)}.md3-button-root:is(:disabled,[data-disabled]):is([data-variant=filled],[data-variant=tonal],[data-variant=elevated]){background:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity) * 100%), transparent)}.md3-button-root[data-variant=outlined]:is(:disabled,[data-disabled]){border-color:var(--md-sys-color-outline-variant)}.md3-button-root:where([data-toggle][data-pressed])[data-variant=outlined]:is(:disabled,[data-disabled]){background:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity) * 100%), transparent);border-color:#0000}}