.tabs{display:flex;position:relative;padding:.75rem}.tabs *{z-index:2}.tabs input[type=radio]{display:none}.tab{display:flex;align-items:center;justify-content:center;height:30px;width:100px;font-size:1rem;font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in;color:#505a71}.tabs input[type=radio]:checked+label{color:#2a6ae9}.tabs input[id$="-1"]:checked~.glider{transform:translateX(0)}.tabs input[id$="-2"]:checked~.glider{transform:translateX(100%)}.tabs input[id$="-3"]:checked~.glider{transform:translateX(200%)}.tabs input[id$="-4"]:checked~.glider{transform:translateX(300%)}.tabs input[id$="-5"]:checked~.glider{transform:translateX(400%)}.tabs input[id$="-6"]:checked~.glider{transform:translateX(500%)}.tabs input[id$="-7"]:checked~.glider{transform:translateX(600%)}.tabs input[id$="-8"]:checked~.glider{transform:translateX(700%)}.glider{position:absolute;height:30px;width:100px;background-color:#f1f9ff;color:#2a6ae9;z-index:1;border-radius:99px;transition:.25s ease-out}