.c-checkbox input:checked ~ * .c-toggle .c-toggle,
*[open] .c-toggle {
    padding-top: 3%;
}

.c-checkbox input:checked ~ * .c-toggle .c-toggle__slider,
*[open] .c-toggle .c-toggle__slider {
    height: 55%;
}

.c-checkbox input:checked ~ * .c-toggle .c-toggle__thumb,
*[open] .c-toggle .c-toggle__thumb {
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.29);
}

.c-checkbox .c-toggle {
    transform: rotate(-90deg);
    height: 0.9em;
    width: calc(0.9em * 1.25);
}

.c-checkbox input:focus-visible ~ * .c-toggle {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
}