.np-button-group.np-split-button{display:inline-flex}.np-split-button>.np-button{--np-button-group-inner-corner:var(--_split-inner,.25rem);--np-button-group-pressed-inner-corner:var(--_split-inner-active,.75rem);flex:none}.np-split-button>.np-button:is(:focus-visible,:active,.pressed){--_split-inner:var(--_split-inner-active,.75rem)}@media (hover:hover){.np-split-button>.np-button:hover{--_split-inner:var(--_split-inner-active,.75rem)}}@media (prefers-reduced-motion:no-preference){.np-split-button>.np-button:not(.np-split-button-trigger):is(:active,.pressed){border-start-start-radius:var(--_round-radius);border-end-start-radius:var(--_round-radius)}.np-split-button>.np-split-button-trigger:is(:active,.pressed){border-start-end-radius:var(--_round-radius);border-end-end-radius:var(--_round-radius)}}.np-split-button>.xs{--_split-inner-active:.5rem}.np-split-button>.l{--_split-inner:.5rem;--_split-inner-active:1.25rem}.np-split-button>.xl{--_split-inner:.75rem;--_split-inner-active:1.25rem}.np-split-button-trigger .button-icon{position:relative;inset-inline-start:var(--_caret-offset,-1px)}.np-split-button-trigger.m .button-icon{--_caret-offset:-2px}.np-split-button-trigger.l .button-icon{--_caret-offset:-3px}.np-split-button-trigger.xl .button-icon{--_caret-offset:-6px}.np-split-button-trigger[aria-expanded=true] .button-icon{--_caret-offset:0px}.np-split-button-trigger[aria-expanded=true] svg{rotate:180deg}@media (prefers-reduced-motion:no-preference){.np-split-button-trigger svg{transition:rotate var(--np-motion-standard-fast-spatial)}.np-split-button-trigger .button-icon{transition:inset-inline-start var(--np-motion-standard-fast-spatial)}}.np-split-button>.np-split-button-trigger{--np-button-padding:0;aspect-ratio:1;justify-content:center}.np-split-button>.np-split-button-trigger[aria-expanded=true]{--np-button-group-inner-corner:var(--_round-radius,var(--np-shape-corner-full))}.np-split-button-trigger[aria-expanded=true] .np-ripple-surface:before{opacity:var(--np-ripple-hover-opacity,.08)}