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