}
  </style>
  <style>
    /* Toggle button styles */
.toggle-container {
  /* position: fixed; Change this as needed for positioning */
  /* top: 10px; */
  /* right: 10px; */
}

.toggle {
    appearance: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    box-shadow: inset calc(var(--size)* 0.33) calc(var(--size)* -0.25) 0;
    border-radius: 999px;
    color: hsl(240, 100%, 95%);
    transition: all 500ms;
    position: absolute;
    top: 0;
    left: 0;
}

.toggle:checke