-content: space-between;
        }

        .toggle-item {
          flex-direction: column;
          gap: 0.25rem;
        }

        .toggle-checkbox {
          width: 28px;
          height: 16px;
        }

        .checkbox-display::after {
          width: 12px;
          height: 12px;
        }

        .toggle-checkbox
          input[type="checkbox"]:checked
          + .checkbox-display::after {
          transform: translateX(12px);
        }

        .toggle-label {
          font-size: 12px;
