.form-switch{cursor:pointer;-webkit-tap-highlight-color:transparent}.form-switch i{position:relative;display:inline-block;width:32px;height:16px;background-color:transparent;border-radius:23px;vertical-align:text-bottom;transition:all .3s linear;border-color:var(--primary);border-width:1px;border-style:solid;box-sizing:content-box}.dark-mode .form-switch i{border-color:var(--secondary)}.form-switch i::before{content:"";position:absolute;left:0;width:32px;height:16px;background-color:transparent;border-radius:11px;transform:translate3d(2px,2px,0) scale3d(1,1,1);transition:all .25s linear}.form-switch i::after{content:"";position:absolute;left:0;width:13px;height:12px;background-color:var(--primary);border-radius:11px;box-shadow:0 2px 2px rgba(0,0,0,.24);transform:translate3d(2px,2px,0);transition:all .2s ease-in-out}.dark-mode .form-switch i::after{background-color:var(--secondary)}.form-switch:active i::after{width:28px;transform:translate3d(2px,2px,0);background-color:var(--primary)}.dark-mode .form-switch:active i::after{width:28px;transform:translate3d(2px,2px,0);background-color:var(--secondary)}.form-switch:active input:checked+i::after{transform:translate3d(16px,2px,0)}.form-switch input:checked+i::after{background-color:#fff}.form-switch input{display:none}.form-switch input:checked+i{background-color:var(--primary)}.dark-mode .form-switch input:checked+i{background-color:var(--secondary)}.form-switch input:checked+i::before{transform:translate3d(18px,2px,0) scale3d(0,0,0)}.form-switch input:checked+i::after{transform:translate3d(17px,2px,0)}