<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">label:not([for])  {
    display: inline-block;
    vertical-align: middle;
    width: 4.5rem;
    height: 2.2rem;
    position: relative;
    background: none;
}

label:not([for]) input[type="checkbox"] {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

label:not([for]) input[type="checkbox"] + span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.1rem 0 0 -1.1rem;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    background: rgba(187, 187, 187, 0.4);
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
}

label:not([for]) input[type="checkbox"]:checked + span {
    background: #dd4814 url(../img/CheckMark@18.png) no-repeat 0.5rem 0.5rem;
    background-size: 53% 53%;
}


input[type="checkbox"]:disabled + span {
    background: rgba(192, 192, 192, 0.5)!important;
}

input[type="checkbox"]:disabled:checked + span {
    background: rgba(221, 72, 20, 0.5) url(../img/CheckMark@18.png) no-repeat 0.5rem 0.5rem!important;
    background-size: 53% 53%!important;
}

label input[type="checkbox"][data-type="switch"] + span.toggle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.1rem 0 0 -2.2rem;
    width: 4.5rem;
    height: 2.2rem;
    pointer-events: none;
    overflow: hidden;
    background: transparent;
}

label input[type="checkbox"][data-type="switch"] + span.toggle &gt; span.toggle-bg {
    background: transparent url(../img/Checkbox.png) no-repeat 0.5rem 0.6rem;
    background-size: 80% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 4.5rem;
    height: 2.1rem;

}

label input[type="checkbox"][data-type="switch"] + span.toggle &gt; span.toggle-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    width: 1.9rem;
    height: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    background: rgba(187, 187, 187, 0.7);
    -webkit-transition: background 0.1s ease, -webkit-transform 0.1s ease-in-out;
    transition: background 0.1s ease, transform 0.1s ease-in-out;
    border-bottom: 1px solid #f5f5f5;
}

label input[type="checkbox"][data-type="switch"]:checked + span.toggle {
    background: transparent;
}

label input[type="checkbox"][data-type="switch"]:checked + span.toggle &gt; span.toggle-handle {
    background: rgb(221, 72, 20);
    -webkit-transform: translate3d(38px, 0, 0);
    transform: translate3d(38px, 0, 0);
}

label input[data-type="switch"]:disabled + span.toggle {
    background: transparent!important;
}

label input[data-type="switch"]:disabled + span.toggle &gt; span.toggle-handle {
    opacity: 0.4;
}

label input[data-type="switch"]:disabled:checked + span.toggle &gt; span.toggle-handle {
    opacity: 0.4;
    -webkit-transform: translate3d(38px, 0, 0);
    transform: translate3d(38px, 0, 0);
}
</pre></body></html>