.Toggle_toggle__ZoisH{display:grid;align-items:center;padding:var(--inner-padding);background-color:var(--color-background-offset);border-radius:var(--input-outer-border-radius)}.Toggle_toggle__ZoisH .Toggle_toggle__item--fill__DjR8B{transition:transform .4s ease;background-color:var(--color-primary);grid-column:1;z-index:0;opacity:0}.Toggle_toggle__ZoisH .Toggle_toggle__item--fill__DjR8B+.Toggle_toggle__item__vCR4L{grid-column:1}.Toggle_toggle__ZoisH[data-count="2"]{grid-template:1fr/1fr 1fr}.Toggle_toggle__ZoisH[data-count="2"][data-current="1"] .Toggle_toggle__item--fill__DjR8B{transform:translateZ(0)}.Toggle_toggle__ZoisH[data-count="2"][data-current="2"] .Toggle_toggle__item--fill__DjR8B{transform:translate3d(calc(100% + .5em),0,0)}.Toggle_toggle__ZoisH[data-count="3"]{grid-template:1fr 1fr 1fr}.Toggle_toggle__ZoisH[data-count="3"][data-current="1"] .Toggle_toggle__item--fill__DjR8B{transform:translateZ(0)}.Toggle_toggle__ZoisH[data-count="3"][data-current="2"] .Toggle_toggle__item--fill__DjR8B{transform:translate3d(calc(100% + .5em),0,0)}.Toggle_toggle__ZoisH[data-count="3"][data-current="3"] .Toggle_toggle__item--fill__DjR8B{transform:translate3d(calc(200% + 1em),0,0)}.Toggle_toggle__item__vCR4L{position:relative;padding:0 1em;font-size:.875em;font-weight:500;display:inline-grid;place-items:center;cursor:default;border:0;grid-row:1;z-index:1;contain:paint;height:1.75em}.Toggle_toggle__item__vCR4L:after,.Toggle_toggle__item__vCR4L:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:1.75em}.Toggle_toggle__item__vCR4L:before{background-color:var(--color-background);opacity:0;transition:opacity .3s ease}.Toggle_toggle__item__vCR4L:after{background-color:var(--color-primary);transform:translate3d(-100%,0,0);transition:transform .4s ease}.Toggle_toggle__item__vCR4L[data-direction=left]:after{transform:translate3d(-100%,0,0);transform:translate3d(100%,0,0)}.Toggle_toggle__item__vCR4L.Toggle_is--active__YepZf{color:var(--color-primary-text)}.Toggle_toggle__item__vCR4L.Toggle_is--active__YepZf:after{transform:translateZ(0)}.Toggle_toggle__item__vCR4L:active:before,.can-hover .Toggle_toggle__item__vCR4L:hover:before{opacity:1}.Toggle_toggle__item__vCR4L span{position:relative;opacity:.7;transition:color .3s ease .1s,opacity .3s ease .1s}.Toggle_toggle__item__vCR4L.Toggle_is--active__YepZf span{opacity:1;color:var(--color-primary-text)}