.search-bar{width:100%;height:0;overflow:hidden;position:relative;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out;z-index:12}.search-bar--active{height:auto}.search-bar__inner{background:#edf2f3;border-bottom:2px solid #dcdcdc;padding:30px 40px}.search-bar__form{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:#000 1px solid;border-right:none}.search-bar__input{padding:10px 20px 10px 10px}.search-bar__input::-webkit-search-decoration,.search-bar__input::-webkit-search-cancel-button,.search-bar__input::-webkit-search-results-button,.search-bar__input::-webkit-search-results-decoration{-webkit-appearance:none}.search-bar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.search-bar__search-btn{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute;border:0;background:none;padding:0;margin:0;top:0;bottom:0;right:0;font-size:0}@media(prefers-reduced-motion: reduce){.search-bar__search-btn{-webkit-transition:none;transition:none}}.search-bar__search-btn:hover,.search-bar__search-btn:focus{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#000}@media(prefers-reduced-motion: reduce){.search-bar__search-btn:hover,.search-bar__search-btn:focus{-webkit-transition:none;transition:none}}.search-bar__search-btn:hover .icon-search,.search-bar__search-btn:focus .icon-search{color:#fff}.search-bar__search-btn .icon-search{font-size:24px;color:#000;padding:14px}.search-bar__close{-webkit-transition:border ease-in-out .3s;transition:border ease-in-out .3s;font-family:sofia-pro,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:27px;text-transform:uppercase;color:#477f82;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:2px 8px 0 6px;border-bottom:1px solid rgba(71,127,104,0);position:absolute;top:0;right:2px}@media screen and (min-width: 1024px){.search-bar__close{top:10px;right:10px}}.search-bar__close:hover,.search-bar__closefocus{border-bottom:1px solid #477f68}.search-bar__close .v-icon__svg--close{position:relative;top:-2px;left:2px}