.dropdownselect{display:flex;align-items:center;flex:auto}.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)}.textfield{display:flex;align-items:center}.textfield-container{position:relative;display:flex;width:100%}.textfield-label{margin-right:.5rem;white-space:nowrap}.textfield-field{width:100%;padding:.5rem;border:1px solid var(--color-light);background:var(--color-dark);color:inherit;border-radius:0;font-size:inherit;font-weight:inherit}.textfield-field:focus{outline:none;border-color:var(--color-highlight)}.textfield--small .textfield-field{padding:.25rem}.textfield input::-webkit-inner-spin-button,.textfield input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.textfield input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}