.custom-select-container{-webkit-user-select:none;user-select:none;width:100%;font-family:inherit;position:relative}.custom-select-container .select-box{border:1px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:14px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-container .select-box .selected-text{color:var(--text-main);font-size:15px;font-weight:500}.custom-select-container .select-box .selected-text.placeholder{color:var(--gray-400)}.custom-select-container .select-box .chevron-icon{color:var(--primary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;font-size:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-container .select-box:hover{border-color:var(--gray-300)}.custom-select-container.is-open .select-box{border-color:var(--secondary);box-shadow:0 0 0 4px #005cb926}.custom-select-container.is-open .select-box .chevron-icon{color:var(--secondary);transform:rotate(180deg)}.custom-select-container.has-error .select-box{border-color:var(--error)!important}.custom-select-container.has-error .select-box:focus,.custom-select-container.has-error .select-box.is-open{box-shadow:0 0 0 4px #ef44441a!important}.custom-select-container .options-list{border:1px solid var(--gray-200);z-index:1000;transform-origin:top;background:#fff;border-radius:12px;width:100%;padding:4px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 12px 30px #002d571a}.custom-select-container .options-list .option-item{color:var(--text-main);cursor:pointer;border-radius:8px;margin-bottom:2px;padding:12px 16px;font-size:15px;transition:all .2s}.custom-select-container .options-list .option-item:last-child{margin-bottom:0}.custom-select-container .options-list .option-item:hover{background:var(--gray-50);color:var(--secondary)}.custom-select-container .options-list .option-item.active{background:var(--secondary);color:#fff}.custom-select-container .options-list .option-item.active:hover{color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:scaleY(.95)translateY(-10px)}to{opacity:1;transform:scaleY(1)translateY(0)}}
