.o-main-switcher{--o-main-switcher-padding:var(--space-4);box-sizing:border-box;height:38px;padding:var(--o-main-switcher-padding);border-radius:var(--radius-full);background:var(--Background-Surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);isolation:isolate;align-items:center;display:inline-flex;position:relative;overflow:clip}.o-main-switcher--m,.o-main-switcher--s{--o-main-switcher-padding:var(--space-2);background:var(--Buttons-Secondary-BG);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:20px}.o-main-switcher--s{height:32px}.o-main-switcher--m{grid-auto-columns:1fr;grid-auto-flow:column;height:36px;display:inline-grid}.o-main-switcher--disabled{opacity:.5;pointer-events:none}.o-main-switcher__thumb{z-index:0;top:var(--o-main-switcher-padding);left:0;bottom:var(--o-main-switcher-padding);border-radius:var(--radius-full);position:absolute}.o-main-switcher__thumb--ready{will-change:transform;transition:transform .18s,width .18s}.o-main-switcher__thumb--light{background:var(--Buttons-Fixed-White)}.o-main-switcher__thumb--dark{background:var(--Buttons-Primary)}.o-main-switcher--m .o-main-switcher__thumb,.o-main-switcher--s .o-main-switcher__thumb{box-shadow:0 4px 20px #00000026}.o-main-switcher__segment{z-index:1;height:100%;padding:0 var(--space-8);border-radius:var(--radius-full);color:var(--Buttons-On-Secondary-BG);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;transition:color .18s;display:inline-flex;position:relative}.o-main-switcher__segment:not(.o-main-switcher__segment--active){color:var(--Buttons-Switcher-Inactive)}.o-main-switcher__segment--disabled{cursor:not-allowed}.o-main-switcher__segment:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-width)*-1)}.o-main-switcher--l .o-main-switcher__segment{flex:0 0 152px;padding:0 11px}.o-main-switcher__thumb--light~.o-main-switcher__segment--active{color:var(--Buttons-On-Fixed-White)}.o-main-switcher__thumb--dark.o-main-switcher__thumb--ready~.o-main-switcher__segment--active{color:var(--Buttons-On-Primary)}@media (prefers-reduced-motion:reduce){.o-main-switcher__thumb{transition:none}}