._o2{--switch-width:40px;--switch-height:24px;display:inline-flex;align-items:center;cursor:pointer}._o2 ._o3{padding-right:var(--spacing-small);white-space:nowrap}._o2 ._o4{position:relative;align-items:center;width:var(--switch-width);height:var(--switch-height);padding:var(--spacing-small) var(--spacing-medium);border-radius:var(--border-radius-xsmall);transition:background-color var(--animation-default)}._o2 ._o4:before{content:"";position:absolute;top:50%;width:16px;height:18px;border-radius:var(--border-radius-xxsmall);transform:translateY(-50%);transition:left var(--animation-default),background-color var(--animation-default)}._o2 ._o4._o5{background-color:var(--switch-on-bg)}._o2 ._o4._o5:before{left:calc(var(--switch-width) - 16px - var(--spacing-xsmall));background-color:var(--switch-on-knob)}._o2 ._o4._o6{background-color:var(--switch-off-bg);box-shadow:inset 0 0 0 1px var(--switch-off-knob)}._o2 ._o4._o6:before{left:var(--spacing-xsmall);background-color:var(--switch-off-knob)}._o2 ._o4._o6+._o7{opacity:.75}._o2 ._o7{padding-left:var(--spacing-xsmall);font-size:var(--font-size-xsmall);font-weight:var(--font-weight-regular);text-transform:uppercase}