.dropdown-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.dropdown-header{display:flex;align-items:center;justify-content:space-between}.dropdown-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));display:flex;align-items:center;gap:.2rem}.dropdown-info-icon{color:hsl(var(--muted-200))}.dropdown-info-icon:hover{color:hsl(var(--primary))}.dropdown-clear{font-size:.875rem;color:hsl(var(--muted-200));background:none;border:none;cursor:pointer;transition:color .2s}.dropdown-clear:hover{color:hsl(var(--primary))}.dropdown-wrapper{position:relative;display:flex;width:100%;border-radius:.375rem;border:1.5px solid hsl(var(--muted));background:hsl(var(--input));transition:border-color .2s,background-color .2s}.dropdown-wrapper:not(.dropdown-disabled):not(.dropdown-error):hover{border-color:hsl(var(--primary))}.dropdown-wrapper.dropdown-focused:not(.dropdown-disabled):not(.dropdown-error){border-color:hsl(var(--primary-300))}.dropdown-wrapper.dropdown-error{background-color:hsl(var(--destructive-bg)/.3)}.dropdown-wrapper.dropdown-error,.dropdown-wrapper.dropdown-error.dropdown-focused,.dropdown-wrapper.dropdown-error:hover{border-color:hsl(var(--destructive))}.dropdown-wrapper.dropdown-disabled{opacity:.5;cursor:not-allowed}.dropdown{width:100%;display:flex;align-items:center;justify-content:space-between;border:none;outline:none;color:hsl(var(--foreground));padding:0 .5rem 0 .8rem;cursor:pointer;font-family:inherit}.dropdown:disabled{cursor:not-allowed}.dropdown-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-value-placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.dropdown-chevron{flex-shrink:0;margin-left:.5rem;color:hsl(var(--muted));transition:transform .2s ease}.dropdown-chevron-open{transform:rotate(180deg)}.dropdown-sm{height:2rem;font-size:.875rem}.dropdown-md{height:2.5rem;font-size:1rem}.dropdown-lg{height:3rem;font-size:1.125rem}.dropdown-menu{z-index:50;margin-top:.25rem;margin-bottom:.25rem;border-radius:.375rem;background-color:hsl(var(--input));border:1px solid hsl(var(--muted));box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:15rem;display:flex;flex-direction:column}.dropdown-search-wrapper{padding:.5rem;border-bottom:1.5px solid hsl(var(--muted))}.dropdown-options-wrapper{padding:.25rem;overflow-y:auto}.dropdown-menu-top{transform-origin:bottom;animation:dropdownSlideUp .1s ease-out}.dropdown-menu-bottom{transform-origin:top;animation:dropdownSlideDown .1s ease-out}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-no-options{color:hsl(var(--muted-200));text-align:center;cursor:default}.dropdown-no-options,.dropdown-option{padding:.5rem .75rem;font-size:inherit}.dropdown-option{width:100%;display:flex;align-items:center;border:none;background:none;color:hsl(var(--foreground));text-align:left;cursor:pointer;border-radius:.25rem;transition:all .2s}.dropdown-option:hover:not(.dropdown-option-disabled):not(.dropdown-option-selected){background-color:hsl(var(--primary-disabled))}.dropdown-option-selected{background-color:hsl(var(--primary));color:white}.dropdown-option-selected:hover{background-color:hsl(var(--primary-200))}.dropdown-option-disabled{opacity:.5;cursor:not-allowed}.dropdown-note{font-size:.875rem;color:hsl(var(--muted-200));transition:color .2s}.dropdown-wrapper.dropdown-focused:not(.dropdown-disabled):not(.dropdown-error)+.dropdown-note,.dropdown-wrapper:not(.dropdown-disabled):not(.dropdown-error):hover+.dropdown-note{color:hsl(var(--primary))}.dropdown-error-message{font-size:.875rem;color:hsl(var(--destructive))}.h2o-loader{--loader-color:hsl(var(--primary));display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.h2o-loader__visual{display:block;flex-shrink:0;box-sizing:border-box}.h2o-loader__visual--dots{width:60px;aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,var(--loader-color) 90%,transparent);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:h2o-loader-dots 1s linear infinite}@keyframes h2o-loader-dots{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.h2o-loader__visual--bars{width:45px;aspect-ratio:1;background:linear-gradient(transparent calc(1 * 100% / 6),var(--loader-color) 0 calc(3 * 100% / 6),transparent 0) 0 100%,linear-gradient(transparent calc(2 * 100% / 6),var(--loader-color) 0 calc(4 * 100% / 6),transparent 0) bottom,linear-gradient(transparent calc(3 * 100% / 6),var(--loader-color) 0 calc(5 * 100% / 6),transparent 0) 100% 100%;background-size:20% 600%;background-repeat:no-repeat;animation:h2o-loader-bars 1s linear infinite}@keyframes h2o-loader-bars{to{background-position:0 0,top,100% 0}}.h2o-loader__visual--spinner{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--loader-color) 94%,transparent) top /8px 8px no-repeat,conic-gradient(transparent 30%,var(--loader-color));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);animation:h2o-loader-spinner 1s linear infinite}@keyframes h2o-loader-spinner{to{transform:rotate(1turn)}}