.select-input-container{width:100%;display:flex;position:relative}.search-input{width:25%;font-size:16px;border:1px solid var(---hover, #E0E0E0);border-radius:4px 0 0 4px;outline:none;transition:all .3s ease;background:#fff;cursor:pointer;padding:8px 10px}.search-input:focus{outline:none;border:1px solid #158CC5;border-radius:4px}.search-input::placeholder{color:#999}.dropdown{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border-radius:4px;box-shadow:0 5px 25px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100;max-height:300px;overflow:hidden}.options{max-height:250px;overflow-y:auto;padding:10px 0}.option{padding:8px 12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;font-size:16px}.option:hover{background:#f0f5ff}.option.selected{background:#e6f0ff;font-weight:600}.option .code{width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.option .number{width:44px;height:24px;border-radius:4px;background:#158cc5;margin-left:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.no-results{padding:10px;text-align:center;color:#999;font-style:italic}.highlight{background:#ffeb3b;padding:0 2px;border-radius:3px}.phone-input{width:75%;border:1px solid var(---hover, #E0E0E0);font-size:16px;border-left:0;border-radius:0 4px 4px 0}.phone-input:focus{outline:none;border:1px solid #158CC5;border-radius:4px}.custom-multiselect{position:relative}.select-multi-input{width:100%;padding:6px 10px;border:1px solid var(---hover, #E0E0E0);border-radius:4px;font-size:16px;outline:none;transition:all .3s ease;cursor:pointer;align-items:center}.select-multi-input:focus{border:1px solid #158CC5}.select-multi-input:active{border:1px solid #158CC5}.dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#7a7a7a;pointer-events:none;transition:transform .3s ease}.dropdown{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border-radius:10px;box-shadow:0 5px 25px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100;max-height:300px;overflow:hidden}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown.active~.dropdown-icon{transform:translateY(-50%) rotate(180deg)}.search-box{padding:12px;border-bottom:1px solid #eee}.search-box input{width:100%;padding:10px;border:1px solid #e1e5eb;border-radius:6px;font-size:14px;outline:none}.search-box input:focus{border-color:#158cc5}.option.selected{background:#e6f0ff}.option input{margin-right:12px;width:18px;height:18px;cursor:pointer}.tag{display:inline-flex;align-items:center;background:#e6f0ff;color:#158cc5;padding:4px 8px;border-radius:16px;font-size:14px;font-weight:500;line-height:1}.tag-remove{margin-left:6px;cursor:pointer;font-weight:700;padding:2px;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.tag-remove:hover{background:#158cc5;color:#fff}.footer{background:#f8f9fa;padding:20px;text-align:center;color:#666;font-size:14px;border-top:1px solid #eee}.selected-values-display{margin-top:15px;padding:12px;background:#f8f9fa;border-radius:8px;font-size:14px}.selected-values-display strong{color:#333}@media screen and (max-width: 1660px) and (min-width: 769px){.search-input,.phone-input{font-size:1.6rem}}@media screen and (max-width: 768px){.search-input,.phone-input{padding:.8rem 1.2rem;height:4.2rem;margin-bottom:0}.option{padding:.8rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-select-box.css.map */