.octonovus-app .oct-switch-button-view-container{display:flex;align-items:center}.octonovus-app .oct-switch-button-view-container label{display:flex;align-items:center;cursor:pointer;user-select:none}.octonovus-app .oct-switch-button-view-container label input{appearance:none;width:38px;height:24px;background-color:var(--color-4);border-radius:6px;position:relative;transition:background-color .3s;cursor:pointer}.octonovus-app .oct-switch-button-view-container label input:before{content:"";position:absolute;top:50%;height:18px;width:18px;left:calc(.25 * var(--space));background-color:hsl(var(--font-color-1-hs),calc(var(--font-color-1-l) + var(--font-lightness)),1);transition:.4s;transform:translate(0) translateY(-50%);border-radius:3px}.octonovus-app .oct-switch-button-view-container label input:checked{background-color:var(--success-color)}.octonovus-app .oct-switch-button-view-container label input:checked:before{left:calc(100% - calc(.25 * var(--space)));transform:translate(-100%) translateY(-50%)}