.toggler{--circle-size:18px;--padding:4px;--checked-color:var(--primary);--initial-color:var(--white);justify-content:space-between;align-items:center;gap:12px;display:flex}.toggler__label{width:calc(var(--circle-size)*2 + var(--padding)*2);height:calc(var(--circle-size) + var(--padding)*2);border-radius:calc(var(--circle-size));background-color:var(--initial-color);border:1px solid var(--grey);cursor:pointer;flex-shrink:0;padding:3px;transition:background-color .2s linear,border-color .2s linear;display:block}@media (hover:hover){.toggler__label:hover{border-color:var(--checked-color)}.toggler__label:hover .toggler__circle{background-color:var(--checked-color)}}.toggler__label:has(input:checked){background-color:var(--checked-color);border-color:var(--checked-color)}.toggler__label:has(input:checked) .toggler__circle{background-color:#fff}.toggler__label input:checked+.toggler__circle{transform:translate(100%)}.toggler__circle{width:var(--circle-size);aspect-ratio:1;background-color:#757575;border-radius:50%;transition:background-color .2s linear,transform .2s linear;display:block;box-shadow:0 1px 2px #0000001c}