.dropdown-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.dropdown-label{font-size:.875rem;font-weight:500;color:#4a5568}.dropdown-wrapper{position:relative;width:100%}.dropdown-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;font-size:.875rem;font-weight:500;color:#374151;appearance:none;cursor:pointer;transition:border-color .2s ease-in-out}.dropdown-select:hover{border-color:#60a5fa}.dropdown-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.dropdown-chevron{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#6b7280;pointer-events:none;transition:color .2s ease-in-out}.dropdown-select:focus+.dropdown-chevron{color:#3b82f6}@media (max-width:640px){.dropdown-select{font-size:.75rem;padding:.5rem 2rem .5rem .75rem}.dropdown-chevron{right:.75rem}}.input-range-container{display:flex;flex-direction:column;gap:.25rem}.label-value-container{display:flex;justify-content:space-between;align-items:center}.label{font-size:.875rem;font-weight:500;color:#4a5568}.value-display{font-size:.875rem;font-weight:600;color:#52525b}.range-input{width:100%;height:.5rem;background-color:#e5e7eb;border-radius:.5rem;appearance:none;cursor:pointer;transition:background-color .2s ease-in-out}.range-input::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;background-color:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.range-input:hover{background-color:#d1d5db}.range-input:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.5)}