.html-select{width:100%;display:inline-block}.html-select-header{background-color:var(--color-grey-warm);grid-template-columns:1fr auto;height:100%;display:grid;overflow:hidden}.html-select-header .html-select-item{padding:0 10px;overflow:hidden}.html-select .html-select-item:focus,.html-select .fa:focus{background-color:var(--color-sky-alpha);border:1px solid var(--color-sky);outline:none}.html-select-header .fa-angle-down{padding:5px 10px;display:inline-block}.html-select.expanded .fa-angle-down{display:none}.html-select-header .fa-angle-up{padding:7px 10px;display:none}.html-select.expanded .fa-angle-up{display:inline-block}.html-select-header .fa-angle-down:hover,.html-select-header .fa-angle-up:hover{color:var(--color-sky);cursor:pointer}.html-select-items{background-color:var(--color-grey-warm);max-width:100vw;max-height:500px;color:var(--color-black);box-shadow:4px 4px 4px -2px var(--color-grey-mid);z-index:99;flex-direction:column;align-items:flex-start;margin:3px 0 0;display:flex;position:absolute;overflow:auto}.html-select-item{width:100%;padding:5px 10px}.html-select-items .html-select-item.selected,.html-select-items .html-select-item:hover{background-color:var(--color-grey-lighter)}.html-select-header .fa-angle-down:focus,.html-select-header.expanded .fa-angle-up:focus{color:var(--color-sky);outline:none}