.rui-split{text-transform:uppercase;color:#0000;cursor:default;margin:0;font-weight:700;line-height:1;display:inline-block;position:relative}.rui-split-half{color:var(--rui-color);pointer-events:none;transition:transform .5s;position:absolute;inset:0}.rui-split-top{clip-path:inset(0 0 50%)}.rui-split-bottom{clip-path:inset(50% 0 0)}.rui-split-band{letter-spacing:.5em;text-align:center;text-transform:none;color:var(--rui-band-text);background:var(--rui-band);padding:4px 0;font-size:15px;font-weight:500;transition:transform .5s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scaleY(0)}.rui-split:hover .rui-split-top{transform:translateY(calc(var(--rui-gap)*-1))}.rui-split:hover .rui-split-bottom{transform:translateY(var(--rui-gap))}.rui-split:hover .rui-split-band{transform:translateY(-50%)scaleY(1)}