@layer components{.md3-split-button-root{--_leading-pad-start:16px;--_leading-pad-end:12px;--_trailing-pad:13px;--_menu-icon-size:22px;--_inner-rest:var(--md-sys-shape-corner-extra-small);--_inner-active:var(--md-sys-shape-corner-medium);--_menu-icon-offset:-1px;--md3-touch-target-width:100%;align-items:center;gap:2px;display:inline-flex}.md3-split-button-root[data-size=xsmall]{--_leading-pad-start:12px;--_leading-pad-end:10px;--_inner-active:var(--md-sys-shape-corner-small)}.md3-split-button-root[data-size=medium]{--_leading-pad-start:24px;--_leading-pad-end:24px;--_trailing-pad:15px;--_menu-icon-size:26px;--_menu-icon-offset:-2px}.md3-split-button-root[data-size=large]{--_leading-pad-start:48px;--_leading-pad-end:48px;--_trailing-pad:29px;--_menu-icon-size:38px;--_inner-rest:var(--md-sys-shape-corner-small);--_inner-active:var(--md-sys-shape-corner-large-increased);--_menu-icon-offset:-3px}.md3-split-button-root[data-size=xlarge]{--_leading-pad-start:64px;--_leading-pad-end:64px;--_trailing-pad:43px;--_menu-icon-size:50px;--_inner-rest:var(--md-sys-shape-corner-medium);--_inner-active:var(--md-sys-shape-corner-large-increased);--_menu-icon-offset:-6px}.md3-split-button-root :is(.md3-split-button-leading,.md3-split-button-trailing){--_inner:var(--_inner-rest);min-width:48px}.md3-split-button-root .md3-split-button-leading{padding-inline:var(--_leading-pad-start) var(--_leading-pad-end);white-space:nowrap;border-start-start-radius:var(--md3-shape-round);border-start-end-radius:var(--_inner);border-end-end-radius:var(--_inner);border-end-start-radius:var(--md3-shape-round)}.md3-split-button-root .md3-split-button-trailing{padding-inline:var(--_trailing-pad);border-start-start-radius:var(--_inner);border-start-end-radius:var(--md3-shape-round);border-end-end-radius:var(--md3-shape-round);border-end-start-radius:var(--_inner)}.md3-split-button-root :is(.md3-split-button-leading,.md3-split-button-trailing):is(:hover,:active):not(:disabled){--_inner:var(--_inner-active)}.md3-split-button-root .md3-split-button-trailing:is([aria-expanded=true],[data-popup-open]){border-radius:var(--md3-shape-round)}.md3-split-button-root :is(.md3-split-button-leading,.md3-split-button-trailing):focus-visible{z-index:1}.md3-split-button-root .md3-split-button-trailing:is([aria-expanded=true],[data-popup-open]) .md3-split-button-stateLayer:before{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md3-split-button-root .md3-split-button-menuIcon{font-size:var(--_menu-icon-size);inline-size:var(--_menu-icon-size);block-size:var(--_menu-icon-size);transform:translateX(var(--_menu-icon-offset));transition:transform .2s var(--md-sys-motion-easing-fast-spatial)}.md3-split-button-root .md3-split-button-menuIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:translateX(calc(-1 * var(--_menu-icon-offset)))}.md3-split-button-root .md3-split-button-trailing:is([aria-expanded=true],[data-popup-open]) .md3-split-button-menuIcon{transform:translate(0)rotate(180deg)}}