.the-switch[data-v-eacf7e2a]{border:1px solid #e0e2e6;border-radius:14px}.the-switch-content[data-v-eacf7e2a]{display:flex;padding:1px}@media (min-width:1681px){.the-switch-item[data-v-eacf7e2a]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-eacf7e2a]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-eacf7e2a]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.the-switch-item[data-v-eacf7e2a]{--font-size:12px;--line-height:18px}}.the-switch-item[data-v-eacf7e2a]{border-radius:14px;color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height);padding:4px var(--o3-gap-4);text-align:center;white-space:nowrap}.the-switch-item.active[data-v-eacf7e2a]{background:var(--o-color-info1);color:var(--o-color-info1-inverse)}@media (hover:hover){.the-switch-item[data-v-eacf7e2a]:not(.active):hover{cursor:pointer}}@media (max-width:840px){.the-switch-item[data-v-eacf7e2a]{font-size:var(--font-size);line-height:var(--line-height);width:44px}}@media (max-width:840px) and (min-width:1681px){.the-switch-item[data-v-eacf7e2a]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-eacf7e2a]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-eacf7e2a]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.the-switch-item[data-v-eacf7e2a]{--font-size:10px;--line-height:16px}}