.dropdownselect{display:flex;align-items:center;flex:auto}@media(max-width:768px){.dropdownselect{font-size:16px;line-height:1}}.dropdownselect-container{position:relative;width:100%}.dropdownselect-label{margin-right:.5rem;white-space:nowrap}.dropdownselect-selected-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--color-dark);border:1px solid var(--color-light);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow-x:hidden}.dropdownselect--one .dropdownselect-selected-option{cursor:auto}.dropdownselect--active .dropdownselect-selected-option{border:1px solid var(--color-highlight)}.dropdownselect-arrow{margin:0 .25rem;transition:all .2s ease;position:absolute}@media(min-width:768px){.dropdownselect-arrow{right:.5rem}}@media(max-width:768px){.dropdownselect-arrow{right:.25rem}}.dropdownselect--one .dropdownselect-arrow{display:none}.dropdownselect--active .dropdownselect-arrow{color:var(--color-highlight);transform:rotate(180deg)}.dropdownselect-options-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;text-align:left;border:1px solid var(--color-highlight);border-top:none;overflow-y:auto;background:var(--color-dark);z-index:10}.dropdownselect-options-list--up{top:auto;bottom:100%;border-top:1px solid var(--color-highlight);border-bottom:none}.dropdownselect-option{padding:.5rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownselect-option:hover{color:var(--color-dark);background-color:var(--color-highlight)}