._po{--switch-width:40px;--switch-height:24px;display:inline-flex;align-items:center;cursor:pointer}._po ._pp{padding-right:var(--spacing-small);white-space:nowrap}._po ._pq{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)}._po ._pq: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)}._po ._pq._pr{background-color:var(--switch-on-bg)}._po ._pq._pr:before{left:calc(var(--switch-width) - 16px - var(--spacing-xsmall));background-color:var(--switch-on-knob)}._po ._pq._ps{background-color:var(--switch-off-bg);box-shadow:inset 0 0 0 1px var(--switch-off-knob)}._po ._pq._ps:before{left:var(--spacing-xsmall);background-color:var(--switch-off-knob)}._po ._pq._ps+._pt{opacity:.75}._po ._pt{padding-left:var(--spacing-xsmall);font-size:var(--font-size-xsmall);font-weight:var(--font-weight-regular);text-transform:uppercase}