/* Keep the shared switch thumb centered across browsers and zoom levels. */
.form-checkbox-switch {
    flex: 0 0 2.25rem;
}

.form-checkbox-switch::after {
    box-sizing: border-box;
    inset-block-start: 50%;
    inset-inline-start: 2px;
    transform: translateY(-50%);
}

.peer:checked ~ .form-checkbox-switch::after {
    inset-inline-start: calc(100% - .75rem - 2px);
    transform: translateY(-50%);
}