.toggle__input { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; clip: rect(0 0 0 0) !important; }

.toggle__input:checked + .toggle__label { background-color: var(--px-toggle__background--checked, #007acc); }

.toggle__input:checked + .toggle__label:before { background-color: var(--px-toggle__background--checked, #007acc); }

.toggle__input:checked + .toggle__label:hover { background-color: var(--px-toggle__background--checked--hover, #005c99); }

.toggle__input:checked + .toggle__label:hover:before { background-color: var(--px-toggle__background--checked--hover, #005c99); }

.toggle__input:checked + .toggle__label:active { background-color: var(--px-toggle__background--checked--pressed, #003d66); }

.toggle__input:checked + .toggle__label:active:before { background-color: var(--px-toggle__background--checked--pressed, #003d66); }

.toggle__input:checked + .toggle__label:after { margin-left: 1.467rem; }

.toggle__label { position: relative; display: block; width: 2.66667rem; min-width: 2.66667rem; height: calc(1rem - 1px); margin-bottom: 0; margin-left: 0; padding: 1px; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--px-toggle__background-border--unchecked, #889aa5); text-indent: -9999rem; pointer-events: auto; border-radius: 2rem; -webkit-transition: background 0.4s; transition: background 0.4s; }

.toggle__label:before { border-radius: 2rem; -webkit-transition: background 0.4s; transition: background 0.4s; }

.toggle__label:after { position: absolute; display: block; content: ""; }

.toggle__label:before { position: absolute; display: block; content: ""; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: var(--px-toggle__background--unchecked, #d8e0e5); }

.toggle__label:hover { background-color: var(--px-toggle__background-border--unchecked--hover, #677e8c); }

.toggle__label:hover:before { background-color: var(--px-toggle__background--unchecked--hover, #b6c3cc); }

.toggle__label:active { background-color: var(--px-toggle__background-border--unchecked-pressed, #4f6472); }

.toggle__label:active:before { background-color: var(--px-toggle__background--unchecked--pressed, #748b99); }

.toggle__label:after { top: -3px; left: -1px; height: 1.33333rem; width: 1.33333rem; border: 1px solid var(--px-toggle__switch-border, #889aa5); border-radius: 50%; -webkit-box-shadow: 0 1px 2px var(--px-toggle__switch-shadow-color, rgba(0, 0, 0, 0.15)); box-shadow: 0 1px 2px var(--px-toggle__switch-shadow-color, rgba(0, 0, 0, 0.15)); background-color: var(--px-toggle__switch, #fff); -webkit-transition: margin 0.4s, background 0.4s, border-color 0.4s; transition: margin 0.4s, background 0.4s, border-color 0.4s; }

.toggle__label:hover:after { background-color: var(--px-toggle__switch--hover, #c5d1d8); border: 1px solid var(--px-toggle__switch-border--hover, #889aa5); }

.toggle__label:active:after { background-color: var(--px-toggle__switch--pressed, #96a8b2); border: 1px solid var(--px-toggle__switch-border--pressed, #889aa5); }

.toggle--disabled:after, .toggle__input:checked + .toggle--disabled:after, .toggle__label[disabled]:after { -webkit-box-shadow: none; box-shadow: none; border-width: 1px; border-style: solid; border-color: var(--px-toggle__switch-border--disabled, rgba(0, 0, 0, 0.2)); }

.toggle__input:checked + .toggle--disabled { background-color: var(--px-toggle__background--checked--disabled, rgba(0, 0, 0, 0.2)); }

.toggle__input:checked + .toggle--disabled:before { background-color: transparent; }

.toggle__input:checked + .toggle--disabled:after { background-color: var(--px-toggle__switch--disabled, #fff); }

.toggle--disabled:after { background-color: var(--px-toggle__switch--disabled, #fff); }

.toggle--disabled:before { background-color: var(--px-toggle__background--unchecked--disabled, #fff); -webkit-box-shadow: none; box-shadow: none; }

.toggle--disabled, .toggle__label[disabled] { background-color: var(--px-toggle__background-border--unchecked--disabled, rgba(0, 0, 0, 0.2)); pointer-events: none; }

.toggle--disabled:before, .toggle__label[disabled]:before { background-color: var(--px-toggle__background--unchecked--disabled, #fff); -webkit-box-shadow: none; box-shadow: none; }

.toggle--disabled:after, .toggle__label[disabled]:after { background-color: var(--px-toggle__switch--disabled, #fff); }

.toggle__input--small:checked + .toggle__label--small:after { margin-left: 1rem; }

.toggle__label--small { width: 2rem; min-width: 2rem; height: calc(.66667rem + 1px); }

.toggle__label--small:after { top: -2px; left: 0; height: 1rem; width: 1rem; }

.toggle__input--large:checked + .toggle__label--large:after { margin-left: 2.133rem; }

.toggle__label--large { width: 4rem; min-width: 4rem; height: 1.33333rem; }

.toggle__label--large:after { top: -.33333rem; left: -.06667rem; height: 2rem; width: 2rem; }

.toggle__input--huge:checked + .toggle__label--huge:after { margin-left: 2.8rem; }

.toggle__label--huge { width: 5.33333rem; min-width: 5.33333rem; height: 2rem; }

.toggle__label--huge:after { top: -.33333rem; left: -.06667rem; height: calc(2.66667rem); width: calc(2.66667rem); }
