﻿/*!
 * -------------------------------------
 * Web Skin Peripheral CSS for Toggle Switches
 * ---
 * MSIE Support: 11+
 * ---
 * Requires
 *   web-skin Core CSS
 *   web-skin Core Plugin JS
 * ---
 * Copyright © 2025 Workiva
 * -------------------------------------
 */.checkbox-switch{display:inline-block}.checkbox-switch label{font-family:var(--body-font-family, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:normal}@media screen{.checkbox-switch{position:relative;height:3.4rem}.checkbox-switch label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;height:3.4rem;width:100%;line-height:3.4rem;text-indent:4.4rem;cursor:pointer}.checkbox-switch label:before{transition:all .2s ease 0s;box-sizing:border-box;content:"";display:block;position:absolute;z-index:1;left:0;top:50%;margin-top:-0.4rem;width:3.4rem;height:.8rem;background-color:#d6d6d6;border-radius:.4rem}.checkbox-switch label:after{transition:all .2s ease 0s;box-sizing:border-box;content:"";display:block;position:absolute;z-index:2;top:50%;margin-top:-0.8rem;left:0;width:1.6rem;height:1.6rem;border:.1rem solid #b3b3b3;background-color:#b3b3b3;border-radius:50%}.checkbox-switch input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;padding:0;margin:0;overflow:hidden;opacity:0}.no-touch .checkbox-switch input[type=checkbox]{clip:rect(0, 0, 0, 0)}.checkbox-switch input[type=checkbox]:checked+label:before{background-color:#d1f0b3}.checkbox-switch input[type=checkbox]:checked+label:after{transform:translateX(1.8rem);background-color:#6c0;border-color:#61c200}.checkbox-switch input[type=checkbox]:focus+label:after{box-shadow:0 0 0 .1rem #33a9ff;border-color:#fff}.checkbox-switch input[type=checkbox][disabled]+label{cursor:default;cursor:not-allowed;pointer-events:none;opacity:.45}.checkbox-switch--label-left label{text-indent:0;padding-right:4.4rem}.checkbox-switch--label-left label:before{left:auto;right:0}.checkbox-switch--label-left label:after{transform:translateX(-1.8rem);left:auto;right:0}.checkbox-switch--label-left input[type=checkbox]:checked+label:after{transform:translateX(0)}.checkbox-switch-sm{height:3rem;line-height:3rem;font-size:1.2rem;border-radius:.3rem}.checkbox-switch-sm label{height:3rem;line-height:3rem;font-size:1.2rem}.checkbox-switch-xs{height:2.4rem;line-height:2.4rem;font-size:1.1rem;border-radius:.2rem}.checkbox-switch-xs label{height:2.4rem;line-height:2.4rem;font-size:1.1rem}.checkbox-switch-lg{height:4.8rem;line-height:4.8rem;font-size:1.8rem;border-radius:.6rem}.checkbox-switch-lg label{height:4.8rem;line-height:4.8rem;font-size:1.8rem;text-indent:5.4rem}.checkbox-switch-lg label:before{width:4.4rem}.checkbox-switch-lg label:after{width:2rem;height:2rem;margin-top:-1rem}.checkbox-switch-lg input[type=checkbox]:checked+label:after{transform:translateX(2.4rem)}.checkbox-switch-lg.checkbox-switch--label-left label{text-indent:0;padding-right:5.4rem}.checkbox-switch-lg.checkbox-switch--label-left label:after{transform:translateX(-2.4rem)}.checkbox-switch-lg.checkbox-switch--label-left input[type=checkbox]:checked+label:after{transform:translateX(0)}.checkbox-switch-alt input[type=checkbox]:checked+label:before{background-color:#b3dfff}.checkbox-switch-alt input[type=checkbox]:checked+label:after{background-color:#0094ff;border-color:#0085e6}.checkbox-switch-alt input[type=checkbox]:focus+label:after{box-shadow:0 0 0 .1rem #33a9ff;border-color:#fff}.checkbox-switch-warning input[type=checkbox]:checked+label:before{background-color:#fee6b9}.checkbox-switch-warning input[type=checkbox]:checked+label:after{background-color:#fbad17;border-color:#f4a204}.checkbox-switch-warning input[type=checkbox]:focus+label:after{box-shadow:0 0 0 .1rem #33a9ff;border-color:#fff}.checkbox-switch-danger input[type=checkbox]:checked+label:before{background-color:#fabebd}.checkbox-switch-danger input[type=checkbox]:checked+label:after{background-color:#ee2724;border-color:#e71512}.checkbox-switch-danger input[type=checkbox]:focus+label:after{box-shadow:0 0 0 .1rem #33a9ff;border-color:#fff}}

/*# sourceMappingURL=form-toggle-switches.min.css.map */