.dropdown-label{position:absolute;left:.75rem;top:1rem;font-size:1rem;color:#6b7280;background-color:white;padding:0 .25rem;transition:all .3s ease-in-out;cursor:pointer}.dropdown-menu-relative{position:relative;z-index:999;background-color:white;border:2px solid #6b7280;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:4px;width:100%;max-height:250px;overflow:hidden;display:flex;flex-direction:column;left:0;top:100%}.dropdown-menu-up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.dropdown-label.has-value{top:-.5rem;font-size:.875rem;color:#00B9AE;z-index:1}.dropdown-field{position:relative;background-color:transparent;height:3rem;width:100%;border-radius:.5rem;color:#1f2937;border:2px solid #6b7280;padding:.75rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;z-index:1}.placeholder-text,.selected-text{position:relative;z-index:0}.selected-text{pointer-events:none;color:#1f2937}.dropdown-arrow{font-size:1rem;color:#6b7280}.dropdown-arrow.rotate-up{transform:rotate(180deg)}.dropdown-menu{position:relative;z-index:10;border:2px solid #6b7280;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:4px;max-height:250px;overflow:hidden;display:flex;flex-direction:column}.dropdown-menu,.search-input{background-color:white;width:100%}.search-input{padding:.75rem;border:none;border-bottom:2px solid #6b7280;outline:none;position:sticky;top:0;z-index:1}.dropdown-list{max-height:200px;overflow-y:auto;overflow-x:hidden}.dropdown-item{padding:.75rem;cursor:pointer;transition:background-color .2s ease-in-out;display:flex;align-items:center}.dropdown-item:hover{background-color:#f3f4f6}.no-results{color:#6b7280;text-align:center}.dropdown-field:focus,.dropdown-field:hover{border-color:#00B9AE}.placeholder-text{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#6b7280;background-color:transparent;padding:0 .25rem;transition:all .3s ease-in-out;pointer-events:none}.has-value .placeholder-text{top:-.3rem;font-size:.875rem;color:#00B9AE;background-color:white}.has-value .selected-text{display:inline-block}.dropdown-arrow{transition:transform .3s ease-in-out}.dropdown-arrow.rotate-180{transform:rotate(180deg)}