.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;display:inline-flex;align-items:stretch;border-radius:calc(var(--m3-split-height) / 2);gap:var(--m3-split-between);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{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:var(--m3-split-bg);color:var(--m3-split-color);cursor:pointer;overflow:hidden;-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);line-height:1.4;letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, .1px);transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1)}.m3-split-button__primary{gap:8px;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)}.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{display:flex;align-items:center;justify-content:center;width:var(--m3-split-icon-size, 24px);height:var(--m3-split-icon-size, 24px);position:relative;z-index:1}.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{position:relative;z-index:1}.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{background-color:transparent;color:var(--md-sys-color-primary)}.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{position:fixed;margin:0;padding:4px 0;list-style:none;min-width:180px;background:var(--md-sys-color-surface-container);border-radius:12px;box-shadow:var(--md-sys-elevation-level2);z-index:1000;animation:split-menu-in .2s cubic-bezier(.05,.7,.1,1) forwards;transform-origin:top right;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{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;position:relative;overflow:hidden;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}.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{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--md-sys-color-on-surface-variant)}