.SearchBar-wrap{visibility:hidden;opacity:0;transform-origin:top;z-index:100;background-color:#fff;border-bottom:1px solid #165dba;width:100%;height:-moz-fit-content;height:fit-content;padding-block-start:40px;padding-block-end:40px;transition:all .3s ease-in-out;position:absolute;top:91px;left:0;overflow:hidden;transform:scaleY(0);box-shadow:10px 27px 25px #0000001a}.SearchBar-wrap.active{visibility:visible;opacity:1;transform:scaleY(1)}.SearchBar-wrap .search-close-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;font-weight:500;line-height:1;transition:all .15s ease-in-out;display:flex;position:absolute;top:20px;right:20px}.SearchBar-wrap .search-close-btn:hover{color:#fff;background-color:#165dba}.SearchBar-wrap .SearchBar-inner{width:100%;max-width:880px;margin-inline-start:auto;margin-inline-end:auto}.SearchBar-wrap .SearchBar-inner form{border:1px solid #d9d9d9;border-radius:50px;justify-content:center;align-items:center;height:70px;padding-inline-start:30px;padding-inline-end:30px;display:flex}.SearchBar-wrap .SearchBar-inner form input{background-color:#0000;border:none;width:100%}.SearchBar-wrap .SearchBar-inner form input:focus-visible{outline:none}.SearchBar-wrap .SearchBar-inner form button{filter:invert(23%)sepia(36%)saturate(5470%)hue-rotate(207deg)brightness(89%)contrast(83%);transform-origin:100% 100%;background-color:#0000;border:none;transition:all .15s ease-in-out}.SearchBar-wrap .SearchBar-inner form button:hover{transform:rotate(10deg)}.SearchBar-wrap .SearchBar-inner .suggestion-wrap{background-color:#fff;border:1px solid #d9d9d9;border-top:none;border-radius:0 0 12px 12px;gap:20px;width:calc(100% - 100px);margin-inline-start:auto;margin-inline-end:auto;padding:20px 15px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box span{font-size:26px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul{flex-direction:column;gap:15px;max-height:280px;margin-block-start:15px;margin-block-end:0;padding-left:0;padding-right:10px;list-style:none;display:flex;overflow:auto}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul::-webkit-scrollbar-track{background-color:#165dba1a;border-radius:20px;-webkit-box-shadow:inset 0 0 6px #0000001a}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul::-webkit-scrollbar{background-color:#165dba1a;border-radius:20px;width:5px;height:15px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul::-webkit-scrollbar-thumb{background-color:#165dba;border-radius:20px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a{align-items:center;gap:10px;display:flex}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a img{object-fit:contain;border:1px solid #d9d9d9;width:60px;height:55px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a p{font-size:16px}@media only screen and (max-width:767px){.SearchBar-wrap{padding-block-start:40px;padding-block-end:20px;top:60px}.SearchBar-wrap .search-close-btn{top:0;right:20px}.SearchBar-wrap .SearchBar-inner form{border-radius:50px;height:50px;padding-inline-start:20px;padding-inline-end:15px}.SearchBar-wrap .SearchBar-inner form input{font-size:14px}.SearchBar-wrap .SearchBar-inner form button img{width:20px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap{width:calc(100% - 50px);padding:10px 15px 20px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box span{font-size:22px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul,.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a{gap:10px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a img{border:1px solid #d9d9d9;flex:0 0 50px;height:50px}.SearchBar-wrap .SearchBar-inner .suggestion-wrap .box ul li a p{font-size:13px}}
