/* Generated by forge/build-tokens.mjs. DO NOT EDIT. Run npm run build:tokens -- --published PATH. */
.md-split-demo{max-inline-size:100%;display:grid;justify-items:start;gap:var(--md-sys-measurement-space100)}.md-split-button{--eV: -1px;display:inline-flex;min-block-size:var(--s);align-items:center;gap:var(--eU);max-inline-size:100%}.md-split-button>.md-button{--ce: min( var(--bf), calc(var(--cd) / 2) );--cf: min( var(--eY), calc(var(--cd) / 2) );--as: min( var(--dX), calc(var(--cd) / 2) );--cq: var(--cd);--dg: var(--bs);--ek: var(--bt)}.md-split-button>.md-split-leading{--_button-rest-shape: var(--as) var(--ce) var(--ce) var(--as);--_button-pressed-shape: var(--as) var(--cf) var(--cf) var(--as)}.md-split-button>.md-split-trailing{--bA: var(--eW);--_button-rest-shape: var(--ce) var(--as) var(--as) var(--ce);--_button-pressed-shape: var(--cf) var(--as) var(--as) var(--cf)}.md-split-button:dir(rtl)>.md-split-leading{--_button-rest-shape: var(--ce) var(--as) var(--as) var(--ce);--_button-pressed-shape: var(--cf) var(--as) var(--as) var(--cf)}.md-split-button:dir(rtl)>.md-split-trailing{--_button-rest-shape: var(--as) var(--ce) var(--ce) var(--as);--_button-pressed-shape: var(--as) var(--cf) var(--cf) var(--as)}.md-split-button>.md-button{transition:border-radius var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),background-color var(--aI) var(--aH),color var(--aI) var(--aH),box-shadow var(--aI) var(--aH)}.md-split-button[data-size=medium]{--eV: -2px}.md-split-button[data-size=large]{--eV: -3px}.md-split-button[data-size=xlarge]{--eV: -6px}.md-split-button>.md-button::after{content:"";position:absolute;inline-size:100%;min-inline-size:var(--s);block-size:100%;min-block-size:var(--s);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.md-split-button>.md-split-leading::after{inset-inline-start:auto;inset-inline-end:0;transform:translateY(-50%)}.md-split-button>.md-split-trailing>svg{translate:var(--eV) 0;rotate:0deg;transition:translate var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing),rotate var(--_motion-fast-spatial-duration) var(--_motion-fast-spatial-easing)}.md-split-button:dir(rtl)>.md-split-trailing>svg{translate:calc(-1 * var(--eV)) 0}.md-split-button>.md-split-trailing:is(:active,[data-pressed],[data-button-state=pressed],[aria-expanded=true]):not(:disabled)>svg{translate:0 0;rotate:180deg}.md-split-button:dir(rtl)>.md-split-trailing:is(:active,[data-pressed],[data-button-state=pressed],[aria-expanded=true]):not(:disabled)>svg{rotate:-180deg}@media(prefers-reduced-motion:reduce){.md-split-button>.md-split-trailing>svg{transition:none}}.md-split-menu{position:fixed;inset:auto;margin:0;max-inline-size:calc(100vw - 2 * var(--md-sys-measurement-space100))}@media(prefers-reduced-motion:reduce){.md-split-button>.md-button{transition:none}}.md-split-button>.md-split-trailing[aria-expanded=true]{--bf: var(--eX)}.md-split-button:where([data-size=large]){--eU: var(--md-comp-split-button-large-between-space);--cd: var(--md-comp-split-button-large-container-height);--dX: var(--md-comp-split-button-large-container-shape);--bf: var(--md-comp-split-button-large-inner-corner-corner-size);--eY: var(--md-comp-split-button-large-inner-corner-pressed-corner-size)}.md-split-button:where([data-size=medium]){--eU: var(--md-comp-split-button-medium-between-space);--cd: var(--md-comp-split-button-medium-container-height);--dX: var(--md-comp-split-button-medium-container-shape);--bf: var(--md-comp-split-button-medium-inner-corner-corner-size);--eY: var(--md-comp-split-button-medium-inner-corner-pressed-corner-size)}.md-split-button:where([data-size=small]){--eU: var(--md-comp-split-button-small-between-space);--cd: var(--md-comp-split-button-small-container-height);--dX: var(--md-comp-split-button-small-container-shape);--bf: var(--md-comp-split-button-small-inner-corner-corner-size);--eY: var(--md-comp-split-button-small-inner-corner-pressed-corner-size)}.md-split-button:where([data-size=xlarge]){--eU: var(--md-comp-split-button-xlarge-between-space);--cd: var(--md-comp-split-button-xlarge-container-height);--dX: var(--md-comp-split-button-xlarge-container-shape);--bf: var(--md-comp-split-button-xlarge-inner-corner-corner-size);--eY: var(--md-comp-split-button-xlarge-inner-corner-pressed-corner-size)}.md-split-button:where([data-size=xsmall]){--eU: var(--md-comp-split-button-xsmall-between-space);--cd: var(--md-comp-split-button-xsmall-container-height);--dX: var(--md-comp-split-button-xsmall-container-shape);--bf: var(--md-comp-split-button-xsmall-inner-corner-corner-size);--eY: var(--md-comp-split-button-xsmall-inner-corner-pressed-corner-size)}.md-split-button:where([data-size=xsmall]){--dX: var(--md-comp-split-button-xsmall-outer-corner-corner-size)}.md-split-button:where([data-size=large])>.md-split-leading{--bs: var(--md-comp-split-button-large-leading-button-leading-space);--bt: var(--md-comp-split-button-large-leading-button-trailing-space)}.md-split-button:where([data-size=large])>.md-split-trailing{--eW: var(--md-comp-split-button-large-trailing-button-icon-size);--eX: var(--md-comp-split-button-large-trailing-button-inner-corner-selected-corner-size);--bs: var(--md-comp-split-button-large-trailing-button-leading-space);--bt: var(--md-comp-split-button-large-trailing-button-trailing-space)}.md-split-button:where([data-size=medium])>.md-split-leading{--bs: var(--md-comp-split-button-medium-leading-button-leading-space);--bt: var(--md-comp-split-button-medium-leading-button-trailing-space)}.md-split-button:where([data-size=medium])>.md-split-trailing{--eW: var(--md-comp-split-button-medium-trailing-button-icon-size);--eX: var(--md-comp-split-button-medium-trailing-button-inner-corner-selected-corner-size);--bs: var(--md-comp-split-button-medium-trailing-button-leading-space);--bt: var(--md-comp-split-button-medium-trailing-button-trailing-space)}.md-split-button:where([data-size=small])>.md-split-leading{--bs: var(--md-comp-split-button-small-leading-button-leading-space);--bt: var(--md-comp-split-button-small-leading-button-trailing-space)}.md-split-button:where([data-size=small])>.md-split-trailing{--eW: var(--md-comp-split-button-small-trailing-button-icon-size);--eX: var(--md-comp-split-button-small-trailing-button-inner-corner-selected-corner-size);--bs: var(--md-comp-split-button-small-trailing-button-leading-space);--bt: var(--md-comp-split-button-small-trailing-button-trailing-space)}.md-split-button:where([data-size=xlarge])>.md-split-leading{--bs: var(--md-comp-split-button-xlarge-leading-button-leading-space);--bt: var(--md-comp-split-button-xlarge-leading-button-trailing-space)}.md-split-button:where([data-size=xlarge])>.md-split-trailing{--eW: var(--md-comp-split-button-xlarge-trailing-button-icon-size);--eX: var(--md-comp-split-button-xlarge-trailing-button-inner-corner-selected-corner-size);--bs: var(--md-comp-split-button-xlarge-trailing-button-leading-space);--bt: var(--md-comp-split-button-xlarge-trailing-button-trailing-space)}.md-split-button:where([data-size=xsmall])>.md-split-leading{--bs: var(--md-comp-split-button-xsmall-leading-button-leading-space);--bt: var(--md-comp-split-button-xsmall-leading-button-trailing-space)}.md-split-button:where([data-size=xsmall])>.md-split-trailing{--eW: var(--md-comp-split-button-xsmall-trailing-button-icon-size);--eX: var(--md-comp-split-button-xsmall-trailing-button-inner-corner-selected-corner-size);--bs: var(--md-comp-split-button-xsmall-trailing-button-leading-space);--bt: var(--md-comp-split-button-xsmall-trailing-button-trailing-space)}.md-split-button:where([data-size=large])>.md-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--bf: var(--md-comp-split-button-large-inner-corner-hovered-corner-size)}.md-split-button:where([data-size=medium])>.md-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--bf: var(--md-comp-split-button-medium-inner-corner-hovered-corner-size)}.md-split-button:where([data-size=small])>.md-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--bf: var(--md-comp-split-button-small-inner-corner-hovered-corner-size)}.md-split-button:where([data-size=xlarge])>.md-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--bf: var(--md-comp-split-button-xlarge-inner-corner-hovered-corner-size)}.md-split-button:where([data-size=xsmall])>.md-button:where(:where(:hover,[data-component-state=hovered]):not(:disabled):not([aria-disabled=true]):not(:has(>input:disabled,>select:disabled)):not(:where([data-touch]))){--bf: var(--md-comp-split-button-xsmall-inner-corner-hovered-corner-size)}