.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)}.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}@media(max-width:768px){.textfield-field{font-size:16px}}.textfield-field:focus{outline:none;border-color:var(--color-highlight)}.textfield--small .textfield-field{padding:.25rem}.textfield-visual-placeholder{position:absolute;inset:0;display:flex;align-items:center;padding:0 calc(.5rem + 1px);color:var(--color-light);opacity:.5;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.textfield--small .textfield-visual-placeholder{padding:0 calc(.25rem + 1px)}.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}.textfield input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.textfield input[type=search]::-webkit-search-cancel-button,.textfield input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}