.edms-toggle{background-color:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 50px 20px rgb(0 0 0 / .1);line-height:1;position:relative}.edms-input{display:none}.edms-icon{grid-column:1 / 1;grid-row:1 / 1;transition:transform 500ms;font-size:24px;line-height:1}.edms-icon--sun{transform:scale(0)}#edms-switch:checked+.edms-icon--moon{transform:rotate(360deg) scale(0)}#edms-switch:checked~.edms-icon--sun{transition-delay:200ms;transform:scale(1) rotate(360deg)}