Popout@1.0.0

<div style="width:300px;" class="c-popout">
  <div class="c-popout__header">
    <div class="c-popout__title">Sorting Options</div>
    <div class="c-popout__close material-icons" data-close="">close</div>
  </div>
  <div class="c-popout__body">
    <div class="c-popout__control--row">
      <div class="c-popout__control--label">
        <label for="firstName-sort">First Name</label>
      </div>
      <div class="c-popout__control">
        <div class="c-toggle-switch">
          <input type="checkbox" name="firstName-sort" id="firstName-sort" class="c-toggle-switch__control" role="switch">
          <div class="c-toggle-switch__background">
            <div class="c-toggle-switch__knob"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="c-popout__control--row">
      <div class="c-popout__control--label">
        <label for="lastName-sort">Last Name</label>
      </div>
      <div class="c-popout__control">
        <div class="c-toggle-switch">
          <input type="checkbox" name="lastName-sort" id="lastName-sort" class="c-toggle-switch__control" role="switch">
          <div class="c-toggle-switch__background">
            <div class="c-toggle-switch__knob"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="c-popout__control--row">
      <div class="c-popout__control--label">
        <label for="grade-sort">Grade</label>
      </div>
      <div class="c-popout__control">
        <div class="c-toggle-switch">
          <input type="checkbox" name="grade-sort" id="grade-sort" class="c-toggle-switch__control" role="switch">
          <div class="c-toggle-switch__background">
            <div class="c-toggle-switch__knob"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>