.m3-split-button{--m3-split-bg:var(--md-sys-color-primary);--m3-split-color:var(--md-sys-color-on-primary);--m3-split-divider:color-mix(in srgb, var(--m3-split-color) 20%, transparent);--md-ripple-color:var(--m3-split-color);--m3-split-height:40px;--m3-split-inner-radius:4px;--m3-split-between:2px;--m3-split-icon-size:22px;--m3-split-leading-lead:16px;--m3-split-leading-trail:12px;--m3-split-trailing-lead:13px;--m3-split-trailing-trail:13px;--m3-split-font-size:14px;border-radius:calc(var(--m3-split-height) / 2);align-items:stretch;gap:var(--m3-split-between);display:inline-flex;position:relative;overflow:visible}.m3-split-button--xs{--m3-split-height:32px;--m3-split-inner-radius:4px;--m3-split-icon-size:22px;--m3-split-leading-lead:12px;--m3-split-leading-trail:10px;--m3-split-trailing-lead:13px;--m3-split-trailing-trail:13px;--m3-split-font-size:12px}.m3-split-button--s{--m3-split-height:40px;--m3-split-inner-radius:4px;--m3-split-icon-size:22px;--m3-split-leading-lead:16px;--m3-split-leading-trail:12px;--m3-split-trailing-lead:13px;--m3-split-trailing-trail:13px;--m3-split-font-size:14px}.m3-split-button--m{--m3-split-height:56px;--m3-split-inner-radius:4px;--m3-split-icon-size:26px;--m3-split-leading-lead:24px;--m3-split-leading-trail:24px;--m3-split-trailing-lead:15px;--m3-split-trailing-trail:15px;--m3-split-font-size:14px}.m3-split-button--l{--m3-split-height:96px;--m3-split-inner-radius:8px;--m3-split-icon-size:38px;--m3-split-leading-lead:48px;--m3-split-leading-trail:48px;--m3-split-trailing-lead:29px;--m3-split-trailing-trail:29px;--m3-split-font-size:16px}.m3-split-button--xl{--m3-split-height:136px;--m3-split-inner-radius:12px;--m3-split-icon-size:50px;--m3-split-leading-lead:64px;--m3-split-leading-trail:64px;--m3-split-trailing-lead:43px;--m3-split-trailing-trail:43px;--m3-split-font-size:18px}.m3-split-button__primary,.m3-split-button__toggle{background-color:var(--m3-split-bg);color:var(--m3-split-color);cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--md-sys-typescale-label-large-font-family);font-weight:var(--md-sys-typescale-label-large-font-weight,500);font-size:var(--m3-split-font-size,14px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing,.1px);border:none;justify-content:center;align-items:center;line-height:1.4;transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;overflow:hidden}.m3-split-button__primary{padding:0 var(--m3-split-leading-trail) 0 var(--m3-split-leading-lead);height:var(--m3-split-height);border-radius:calc(var(--m3-split-height) / 2) var(--m3-split-inner-radius) var(--m3-split-inner-radius) calc(var(--m3-split-height) / 2);gap:8px}.m3-split-button__toggle{padding:0 var(--m3-split-trailing-trail) 0 var(--m3-split-trailing-lead);height:var(--m3-split-height);border-radius:var(--m3-split-inner-radius) calc(var(--m3-split-height) / 2) calc(var(--m3-split-height) / 2) var(--m3-split-inner-radius)}.m3-split-button__icon,.m3-split-button__arrow{width:var(--m3-split-icon-size,24px);height:var(--m3-split-icon-size,24px);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.m3-split-button__icon svg,.m3-split-button__arrow svg{width:var(--m3-split-icon-size,24px);height:var(--m3-split-icon-size,24px)}.m3-split-button__label{z-index:1;position:relative}.m3-split-button__arrow{transition:transform .2s cubic-bezier(.2,0,0,1)}.m3-split-button__toggle--open .m3-split-button__arrow{transform:rotate(180deg)}.m3-split-button__primary:focus-visible,.m3-split-button__toggle:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:2}.m3-split-button--filled{--m3-split-bg:var(--md-sys-color-primary);--m3-split-color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-level0)}.m3-split-button--tonal{--m3-split-bg:var(--md-sys-color-secondary-container);--m3-split-color:var(--md-sys-color-on-secondary-container);box-shadow:var(--md-sys-elevation-level0)}.m3-split-button--outlined{--m3-split-bg:transparent;--m3-split-color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.m3-split-button--outlined .m3-split-button__primary,.m3-split-button--outlined .m3-split-button__toggle{color:var(--md-sys-color-primary);background-color:#0000}.m3-split-button--outlined .m3-split-button__primary{border-radius:calc(var(--m3-split-height) / 2 - 1px) var(--m3-split-inner-radius) var(--m3-split-inner-radius) calc(var(--m3-split-height) / 2 - 1px)}.m3-split-button--outlined .m3-split-button__toggle{border-radius:var(--m3-split-inner-radius) calc(var(--m3-split-height) / 2 - 1px) calc(var(--m3-split-height) / 2 - 1px) var(--m3-split-inner-radius)}.m3-split-button--elevated{--m3-split-bg:var(--md-sys-color-surface-container-low);--m3-split-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.m3-split-button--elevated:hover{box-shadow:var(--md-sys-elevation-level2)}.m3-split-button__primary:disabled,.m3-split-button__toggle:disabled{cursor:not-allowed;--md-ripple-color:transparent;opacity:.38}.m3-split-button__menu{background:var(--md-sys-color-surface-container);min-width:180px;box-shadow:var(--md-sys-elevation-level2);z-index:1000;transform-origin:100% 0;border-radius:12px;margin:0;padding:4px 0;list-style:none;animation:.2s cubic-bezier(.05,.7,.1,1) forwards split-menu-in;position:fixed;transform:translate(-100%)}@keyframes split-menu-in{0%{opacity:0;transform:translate(-100%)scaleY(.8)}to{opacity:1;transform:translate(-100%)scaleY(1)}}.m3-split-button__menu-item{width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size,16px);line-height:var(--md-sys-typescale-body-large-line-height,24px);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative;overflow:hidden}.m3-split-button__menu-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.m3-split-button__menu-item:disabled{opacity:.38;cursor:not-allowed}.m3-split-button__menu-icon{width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;display:flex}