.the-switch[data-v-152bca8d]{border:1px solid #e0e2e6;border-radius:var(--o3-radius-xl)}.the-switch-content[data-v-152bca8d]{display:flex;padding:1px}@media (min-width:1681px){.the-switch-item[data-v-152bca8d]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-152bca8d]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-152bca8d]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.the-switch-item[data-v-152bca8d]{--font-size:12px;--line-height:18px}}.the-switch-item[data-v-152bca8d]{border-radius:var(--o3-radius-xl);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-152bca8d]{background-image:linear-gradient(90deg,#2e53fa,#7b25f4);color:var(--o-color-info1-inverse)}@media (hover:hover){.the-switch-item[data-v-152bca8d]:not(.active):hover{cursor:pointer}}@media (max-width:840px){.the-switch-item[data-v-152bca8d]{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-152bca8d]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:1201px) and (max-width:1680px){.the-switch-item[data-v-152bca8d]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (min-width:841px) and (max-width:1200px){.the-switch-item[data-v-152bca8d]{--font-size:12px;--line-height:18px}}@media (max-width:840px) and (max-width:840px){.the-switch-item[data-v-152bca8d]{--font-size:10px;--line-height:16px}}