.combobox {
  position: relative; }
  .combobox input {
    padding-right: 36px; }
  .combobox select {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer; }
  .combobox .combobox-caret {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 32px;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 50%;
    cursor: pointer; }