.search-bar__container{min-height:42px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;position:relative;padding:1.5rem 0}@media screen and (min-width:1280px){.search-bar__container{min-width:250px;-webkit-box-pack:end;justify-content:end}}.search-bar__form{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;gap:10px;width:100%;padding:0 0 0 1rem;border:solid 1px #0D6271;background:#021017;height:42px}@media screen and (min-width:1280px){.search-bar__form{width:42px;padding:0;gap:0;-webkit-transition:width 0.5s ease;transition:width 0.5s ease;border:none;background:transparent}.search-bar__form:focus-within{width:100%;padding:0 0 0 1rem;gap:10px;border:1px solid #0D6271;background:#021017}}.search-bar__form-input{margin:0;border:0;height:100%;width:100%;color:#fff;background-color:transparent;outline:none;font-size:1rem}@media screen and (min-width:768px){.search-bar__form-input{font-size:.875rem}}@media screen and (min-width:1280px){.search-bar__form-input{width:0;opacity:0;pointer-events:none;-webkit-transition:width 0.5s,opacity 0.3s;transition:width 0.5s,opacity 0.3s}.search-bar__form:focus-within .search-bar__form-input{width:100%;opacity:1;pointer-events:auto}}.search-bar__form-input::placeholder{color:#40A5B7}@media screen and (min-width:1024px){.search-bar__form-input::placeholder{font-size:.75rem}}.search-bar__form-submit{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border:0;height:42px;width:42px;background-color:transparent;cursor:pointer}.search-bar__form-submit:focus-visible{outline:1px solid white}