.slider{box-sizing:border-box;background:var(--dark-color);border-radius:6px;padding:3px;position:relative;box-shadow:inset 0 1px 1px 1px rgba(0,0,0,.5),0 1px rgba(255,255,255,.1)}.slider input[type=checkbox]{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.slider input[type=checkbox]+label{background:var(--text-color);border-radius:3px;width:50%;height:100%;transition:all .5s ease-in-out;display:block;position:relative;left:0;box-shadow:inset 0 1px rgba(255,255,255,.1)}.slider input[type=checkbox]+label:before{content:"";background:var(--light-color);vertical-align:middle;border-radius:50%;width:5%;height:5%;margin-left:10%;transition:all .5s ease-in-out;display:inline-block;box-shadow:0 0 5px 2px rgba(165,15,15,.9),0 0 3px 1px rgba(165,15,15,.9)}.slider input[type=checkbox]+label:after{content:"";vertical-align:middle;width:0;height:100%;display:inline-block}.slider input[type=checkbox]+label i{background:var(--dark-color);border-radius:2px;width:3px;height:80%;margin-top:-12px;margin-left:-1.5px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 1px rgba(255,255,255,.3)}.slider input[type=checkbox]+label i:before,.slider input[type=checkbox]+label i:after{content:"";background:var(--dark-color);border-radius:2px;width:100%;height:100%;display:block;position:absolute;box-shadow:0 1px rgba(255,255,255,.3)}.slider input[type=checkbox]+label i:before{left:-7px}.slider input[type=checkbox]+label i:after{left:7px}.slider input[type=checkbox]:checked+label{left:50%}.slider input[type=checkbox]:checked+label:before{box-shadow:0 0 5px 2px rgba(173,237,255,.9),0 0 3px 1px rgba(173,237,255,.9)}.limited-textarea{resize:vertical;min-height:2.4em;max-height:9.6em;line-height:1.2;overflow:auto}.checkbox-input{background-color:var(--dark-color);gap:3px;padding:6px;display:grid;overflow:hidden}.checkbox-input input{display:none}.checkbox-input .label{z-index:2;background-color:#3a3630;border-top:1px solid #4a4338;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 6px;transition:all .1s linear;display:flex;position:relative}.label .back-side{z-index:1;opacity:0;background-color:#3a3630;border-radius:4px 4px 2px 2px;width:100%;height:14px;transition:all .1s linear;position:absolute;top:-10px;left:0;transform:perspective(300px)rotateX(50deg);box-shadow:inset 0 5px 3px 1px rgba(29,25,15,.5),inset 0 -5px 2px rgba(173,237,255,.1)}.label:has(input[type=checkbox]:checked) .back-side{opacity:1}.label:has(input[type=checkbox]:checked){transform-origin:50% 40%;border-top:1px solid rgba(173,237,255,.38);border-radius:0 0 4px 4px;transform:perspective(200px)rotateX(-18deg)translateY(6px);box-shadow:inset 0 -20px 15px rgba(29,25,15,.5)}.label .text{color:var(--light-color);text-transform:uppercase;text-shadow:-1px -1px 1px rgba(229,226,221,.1);transition:all .1s linear}.label input[type=checkbox]:checked+.text{color:var(--accent-color);text-shadow:0px 0px 8px var(--accent-color),1px 1px 2px var(--dark-color)}.label .bottom-line{background-color:#3a3630;border-top:1px solid #4a4338;border-radius:999px;width:100%;height:4px;transition:all .1s linear;box-shadow:0 0 3px rgba(29,25,15,.8)}.label:has(input[type=checkbox]:checked) .bottom-line{background-color:#2a2520;border-top:1px solid rgba(173,237,255,.25)}