.DropdownContainer{flex-direction:column;margin-top:1em;font-size:16px;display:flex;position:relative}.DropdownContainer:focus{border-color:var(--primary-color);outline:none}.DropdownInputValue{padding-left:.7em}.DropdownLabel{color:#777;-webkit-user-select:none;user-select:none;padding-left:.5em;font-size:.9em;transition:all .3s;position:absolute;top:50%;left:.75em;transform:translateY(-50%)}.DropdownContainer:focus-within .DropdownLabel{z-index:3;background:#fff;padding-right:.5em;font-size:.8em;top:0}.DropdownContainer:has(.DropdownInputValue:not(:empty)) .DropdownLabel{z-index:3;background:#fff;padding-right:.5em;font-size:.8em;top:0}.DropdownError{color:red;height:1em;margin-top:.1em;margin-bottom:1.5em;font-size:.9em}.Dropdown{color:#555;border:1px solid #ccc;border-radius:.5em;align-items:center;height:3em;padding:.5em;font-size:1em;display:flex;position:relative}.DropdownInput{vertical-align:middle;justify-content:space-between;align-items:center;width:100%;margin-right:1em;display:flex}.DropdownInput>.Icon{margin-top:.5em;font-size:1.5em}.DropdownMenu{z-index:6;width:calc(100% + .15em);margin-left:-.55em;display:none;position:absolute;top:100%}.DropdownOption{z-index:2;background:#fff;border-radius:.5em;align-items:center;height:2.5em;padding-left:.5em;display:flex;position:relative}.DropdownOption:hover{cursor:pointer;background:#eee}.DropdownContainer:hover .DropdownMenu{border:1px solid #ccc;border-radius:.5em;flex-direction:column;display:flex}