/*
  Checkbox input
  <input type="checkbox" id="test123" class="nice-checkbox-target" nice-input="checkbox"/>
  <label class="nice-checkbox" for="test123">VAC2</label>

  Dropdown input
  <label class="nice-select" nice-input="select">
    <input type="text" placeholder="Test">
    <options>
      <option>test</option>
      <option>test</option>
    </options>
  </label>

  Text input
  <input id="maxrounds" type="text" placeholder="Max rounds" nice-input="text"/>

*/

*[nice-input$="select"] {
  position: relative;
  display: inline-block;
}

*[nice-input$="select"] > options {
  position: absolute;
  display: none;
  z-index: +9999;
  top: 100%;
  right: 0;
  left: 0;
  overflow-y: auto;
}

/* *[nice-input$="select"] > input[type="text"]:focus + options, */
*[nice-input$="select"] > input[type="text"]:hover + options {
  display: block;
}

*[nice-input="checkbox"] + label {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}