.search-bar{display:flex;align-items:center;background-color:#0e0314;border-radius:10px;border:1px solid #43444d;width:359px;height:40px}@media (max-width: 1512px) and (min-width: 1280px){.search-bar{width:240px}}@media (min-width: 1512px){.search-bar{width:359px}}.search-bar:hover{border:1px solid #6001ff}.search-bar:focus{border:1px solid #6001ff}.search-bar:focus-within{border:1px solid #6001ff}.search-bar .search-icon{margin-left:20px}.search-bar .search-input{background-color:transparent;color:#fff;font-size:16px;width:100%;margin-left:5px;caret-color:#a7f}.search-bar .search-input::placeholder{color:#999}.search-bar .cross-btn{width:16px;height:16px;margin-right:20px;color:#999}.search-bar .cross-btn:hover{color:#fff}.search-bar_mobile{display:flex;justify-items:center;align-items:center;background-color:#0e0314;border-radius:10px;border:1px solid #43444d;width:100%;height:40px}.search-bar_mobile .search-icon{margin-left:15px}.search-bar_mobile .search-input{background-color:transparent;color:#fff;font-size:16px;width:100%;margin-left:10px;caret-color:#a7f}.search-bar_mobile .search-input::placeholder{color:#999}.search-bar_mobile:focus{border:1px solid #6001ff}.search-bar_mobile:focus-within{border:1px solid #6001ff}.search-bar_mobile .cross-btn{width:16px;height:16px;margin-right:20px;color:#999}.search-bar_mobile .cross-btn:active{color:#fff}