.dropdownselect{flex:auto;align-items:center;display:flex}@media (width<=768px){.dropdownselect{font-size:16px;line-height:1}}.dropdownselect-container{width:100%;position:relative}.dropdownselect-label{white-space:nowrap;margin-right:.5rem}.dropdownselect-selected-option{background:var(--color-dark);border:1px solid var(--color-light);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:space-between;align-items:center;padding:.5rem;display:flex;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;position:absolute}@media (width>=768px){.dropdownselect-arrow{right:.5rem}}@media (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{text-align:left;border:1px solid var(--color-highlight);background:var(--color-dark);z-index:10;border-top:none;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdownselect-options-list--up{border-top:1px solid var(--color-highlight);border-bottom:none;top:auto;bottom:100%}.dropdownselect-option{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:.5rem;overflow:hidden}.dropdownselect-option:hover{color:var(--color-dark);background-color:var(--color-highlight)}.textfield{align-items:center;display:flex}.textfield-container{width:100%;display:flex;position:relative}.textfield-label{white-space:nowrap;margin-right:.5rem}.textfield-field{border:1px solid var(--color-light);background:var(--color-dark);width:100%;color:inherit;font-size:inherit;font-weight:inherit;border-radius:0;padding:.5rem}@media (width<=768px){.textfield-field{font-size:16px}}.textfield-field:focus{border-color:var(--color-highlight);outline:none}.textfield--small .textfield-field{padding:.25rem}.textfield-visual-placeholder{color:var(--color-light);opacity:.5;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 calc(.5rem + 1px);display:flex;position:absolute;inset:0;overflow:hidden}.textfield--small .textfield-visual-placeholder{padding:0 calc(.25rem + 1px)}.textfield input::-webkit-inner-spin-button{appearance:none;margin:0}.textfield input::-webkit-outer-spin-button{appearance:none;margin:0}.textfield input[type=number]{appearance:textfield}.textfield input[type=search]{appearance:none}.textfield input[type=search]::-webkit-search-cancel-button{appearance:none}.textfield input[type=search]::-webkit-search-decoration{appearance:none}