.dropdown-component{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}.select-label{font-family:Poppins;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:black}.select-dropdown{width:100%;padding:10px;border-radius:4px;cursor:pointer;color:gray;font-size:16px;transition:border-color .3s ease;box-shadow:0 2px 10px 0 #0000001a;border:1px solid #e3e3e3;min-height:44px}.select-dropdown:hover{border-color:#888}.select-dropdown option{color:black}.dropdown-options{position:absolute;top:100%;left:0;width:100%;border:1px solid #e3e3e3;border-radius:4px;background-color:white;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 4px 8px 0 #0000001a;margin-top:5px;scrollbar-width:none}.category-dropdown-option{padding:10px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}.category-dropdown-option:last-child{border-bottom:none}.category-dropdown-option:hover{background-color:#f0f0f0}.dropdown-error-message{margin-top:5px}.dropdown-error-display,.dropdown-error-message{color:red;font-size:15px}.input-error .dropdown-button{border:1px solid red}.dropdown-multiple{position:relative;width:100%;cursor:pointer}.dropdown-selected{flex-wrap:wrap;gap:5px;min-height:35px;padding:12px;width:100%;border:1px solid #e3e3e3;box-shadow:0 2px 10px 0 #0000001a;background:var(--background);cursor:pointer;color:var(--secondary-primary-color);font-size:16px;transition:border-color .3s ease;min-height:44px}.dropdown-selected,.selected-tag{display:flex;align-items:center;border-radius:4px}.selected-tag{padding:3px 6px;font-size:14px}.remove-tag{margin-left:5px;cursor:pointer;color:red}.placeholder-text{padding:12px}.dropdown-option,.placeholder-text{font-weight:400;font-size:16px;line-height:21.79px;color:#787878}.dropdown-option{letter-spacing:0;padding:10px;cursor:pointer;border-bottom:1px solid #e3e3e3;transition:background-color .3s ease;display:flex;align-items:center;gap:10px}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:#edf4fc;color:var(--secondary-primary-color);font-weight:400;font-size:16px;line-height:21.79px;letter-spacing:0}.dropdown-option input[type=checkbox]{margin:0;cursor:pointer}.dropdown-error-display{margin-top:5px}.dropdown-multiple:after{content:none}.dropdown-search{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:var(--background);color:black}.selected-options-preview{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.selected-option{display:inline-flex;align-items:center;background-color:#e0e0e0;padding:4px 8px;border-radius:12px;margin:2px;font-size:14px}.selected-option span{margin-left:6px;cursor:pointer;font-weight:700;color:#ff0000;transition:color .3s ease}.selected-option span:hover{color:#cc0000}.dropdown-single{position:relative;align-items:center}.rotate-arrow{transform:rotate(180deg)}.dropdown-arrow{width:20px;height:20px;transition:transform .3s ease-in-out;position:absolute;right:13px}.rotate{transform:rotate(180deg)}.dropdown-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.dropdown-multiple.disabled,.dropdown-single.disabled{opacity:.7;cursor:not-allowed}.dropdown-multiple.disabled .dropdown-header,.dropdown-single.disabled .dropdown-header{pointer-events:none}.dropdown-multiple.disabled input,.dropdown-single.disabled input{background-color:#f2f2f2}