.makeup-dropdown{position:relative;width:100%;margin:10px 0;display:none}.makeup-dropdown-button{width:100%;padding:12px 15px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;font-family:Zain;font-size:14px;color:#374151}.makeup-dropdown-button:hover{border-color:#d1d5db}.makeup-dropdown-button-text{display:flex;align-items:center;gap:10px}.makeup-dropdown-button-text img{width:30px;height:30px;border-radius:4px;object-fit:cover;display:none}.makeup-dropdown-button-text.has-selection img{display:block}.makeup-dropdown-button:after{content:"";width:10px;height:10px;border-right:2px solid #6B7280;border-bottom:2px solid #6B7280;transform:rotate(45deg);transition:transform .3s ease}.makeup-dropdown.active .makeup-dropdown-button:after{transform:rotate(-135deg)}.makeup-dropdown-content{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:250px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.makeup-dropdown:not(.active) .makeup-dropdown-content{display:none}.makeup-options-fields[open]{z-index:1}.makeup-dropdown.active .makeup-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.makeup-dropdown-option{padding:10px 15px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .2s ease}.makeup-dropdown-option:hover{background-color:#f3f4f6}.makeup-dropdown-option img{width:30px;height:30px;border-radius:4px;object-fit:cover}.makeup-dropdown-option-text{color:#374151;font-size:14px}.makeup-dropdown-content::-webkit-scrollbar{width:6px}.makeup-dropdown-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.makeup-dropdown-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.makeup-dropdown-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/80/assets/makeup-dropdown.css.map */