select{
      border:1px solid var(--border);
      background: var(--panel);
      color: var(--text);
      border-radius: 12px;
      padding:9px 10px;
      font-size:13px;
      outline:none;
      box-shadow: var(--shadow-sm);
    }

    
    input {
        width:100%;
      padding:10px 12px 10px 36px;
      border-radius: 14px;
      border:1px solid var(--border);
      background: var(--panel);
      color:var(--text);
      outline:none;
      box-shadow: var(--shadow-sm);
      margin-bottom:10px;
    }

    textarea{
      width:100%;
      height:200px;
      padding:10px 12px;
      border-radius: 14px;
      border:1px solid var(--border);
      background: var(--panel);
      color:var(--text);
      outline:none;
      box-shadow: var(--shadow-sm);
    }

    .label {
      font-size:12px;
      font-color: --muted;
      font-weight:bold;
      margin-bottom:4px;
    }

    note{
      font-size: 15px;
      color: var(--muted);
      font-style: italic;
      border: 1px solid var(--border);
      background: var(--panel);
      border-radius: 10px;
      display: block;
      margin: 20px;
      padding: 10px;
      background-color: #f2f788;
    }

    
        /* Toggle Switch */

        /* Toggle Switch */
        .toggle-switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        .toggle-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: 0.4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #4CAF50;
        }

        input:checked + .slider:before {
            transform: translateX(26px);
        }