.search-bar[data-v-4b8a8e88]{background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:350px;max-height:0;border:1px solid rgba(0,0,0,.8);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;z-index:0;position:relative;-webkit-animation:search-data-v-4b8a8e88 .2s linear forwards;animation:search-data-v-4b8a8e88 .2s linear forwards}@-webkit-keyframes search-data-v-4b8a8e88{0%{opacity:0}to{opacity:1;max-height:42px}}@keyframes search-data-v-4b8a8e88{0%{opacity:0}to{opacity:1;max-height:42px}}.search-bar input[data-v-4b8a8e88]{width:88%;height:42px;padding-left:16px;padding-right:48px}.btn-clear[data-v-4b8a8e88]{position:absolute;right:62px;z-index:999;background:transparent;cursor:pointer;font-size:16px;height:16px}.padding-clear[data-v-4b8a8e88]{margin-right:50px}.btn-search[data-v-4b8a8e88]{background:rgba(0,0,0,.8);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:transparent;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:12%;height:42px}.fa-search[data-v-4b8a8e88]{color:#fff}.fa-circle-xmark[data-v-4b8a8e88]{color:grey}.fa-circle-notch[data-v-4b8a8e88]{color:#fff;font-size:18px}@media only screen and (max-width:600px){.search-bar[data-v-4b8a8e88]{width:100%;margin-top:16px}.base-search[data-v-4b8a8e88]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}}@media screen and (min-width:480px) and (max-width:600px){.btn-clear[data-v-4b8a8e88]{right:80px!important}}