.search-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;position:absolute;top:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none}.search-modal.show{opacity:1;visibility:visible;pointer-events:auto;z-index:99}.search-modal .close-modal-btn{width:45px;height:45px;position:absolute;right:0;top:0;margin:20px;cursor:pointer}.search-modal,.search-modal .close-modal-btn img{width:100%;height:100%}.search-modal .search-input-container{display:flex;justify-content:center;align-items:center;gap:20px}.search-modal .search-input-container .search-input{color:#fff;background:#000;font-size:16px;min-height:44px;line-height:44px;border:0;padding:0 12px;outline:0}.search-modal .search-input-container .search-input::placeholder{color:#fff;font-size:16px;min-height:44px;line-height:44px}.search-modal .search-input-container .search-icon{width:20px;height:20px;transform:scaleX(-1);-webkit-transform:scaleX(-1);cursor:pointer}.search-modal .search-input-container .search-icon img{width:100%;height:100%;object-fit:contain}