.m-switch--split-flap { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.m-switch--split-flap #mSwitchActiveLabel { width: 25%; }
.m-switch--split-flap #mSwitchTemplateSolid:checked ~ #mSwitchActiveLabel { left: 25%; }
.m-switch--split-flap #mSwitchTemplateArc:checked ~ #mSwitchActiveLabel { left: 50%; }
.m-switch--split-flap #mSwitchTemplateSplitFlap:checked ~ #mSwitchActiveLabel { left: 75%; }
.m-switch--split-flap input[type="radio"] { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; }
.m-switch--split-flap input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 380px) { .m-switch--split-flap label { font-size: 14px; } }