.switch[data-v-14be4f6c]{background:var(--gray-light2-color);border-radius:5rem;display:grid;position:relative}.switch-active[data-v-14be4f6c]{background:var(--color-primary-500);border-radius:5rem;height:100%;left:0;position:absolute;transition:all .16s}.switch-item[data-v-14be4f6c]{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:1rem;text-align:center}.switch-item.active span[data-v-14be4f6c]{color:var(--white-color)}.switch-item span[data-v-14be4f6c]{color:#737272;transition:all .16s;z-index:1}