@layer legacy;.kp-group-button{position:relative;box-sizing:border-box;display:flex}.kp-group-button.kp-direction-horizontal{flex-flow:row nowrap}.kp-group-button.kp-direction-horizontal .kp-group-button-item:nth-child(n+2){margin-left:var(--item-gap,8px)}.kp-group-button.kp-direction-vertical{flex-flow:column nowrap}.kp-group-button.kp-direction-vertical .kp-group-button-item:nth-child(n+2){margin-top:var(--item-gap,8px)}.kp-group-button[data-ratio="1:1"] .kp-group-button-item,.kp-group-button[data-ratio="1:2"] .kp-group-button-item:first-child{flex-grow:1}.kp-group-button[data-ratio="1:2"] .kp-group-button-item:last-child{flex-grow:2}.kp-group-button-item{position:relative;flex:1 0 0px;display:grid}