.index-search-bar-container{margin:0 auto;max-width:1048px;padding:0 24px;width:100%}.index-search-bar-title{color:#222;font-size:12px;line-height:100%;margin-bottom:16px;padding-left:24px}.index-searchbar{width:100%}.index-searchbar .searchbar-wrapper{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:60px;box-shadow:0 5px 12px 0 rgba(0,0,0,.05);display:flex;height:58px;padding:8px;transition:all .2s ease}.index-searchbar .searchbar-wrapper:hover{box-shadow:0 0 34px 0 rgba(0,0,0,.05)}.index-searchbar .searchbar-wrapper:focus-within{border-color:#b8b8b8;box-shadow:0 0 34px 0 rgba(0,0,0,.05)}.index-searchbar .searchbar-wrapper.active{border-color:#b8b8b8;box-shadow:0 0 34px 0 rgba(0,0,0,.05)}.index-searchbar .search-input{background:transparent;border:none;color:#222;flex:1;font-size:18px;outline:none;padding:8px 16px!important}.index-searchbar .search-input::-moz-placeholder{color:#222}.index-searchbar .search-input::placeholder{color:#222}.index-searchbar .search-button{align-items:center;background:#222;border:none;border-radius:60px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:18px;padding:12px 20px;transition:background-color .2s ease}.index-searchbar .search-button:hover{background:#666}