.sinatra-search-form{background-color:var(--light-color);padding:20px;position:relative;width:100%;z-index:1}@media only screen and (max-width:767px){.sinatra-search-form{padding:30px 15px}}.sinatra-search-form__body{display:flex}@media only screen and (max-width:767px){.sinatra-search-form__body{display:block}}.sinatra-search-form__title{color:var(--secondary-color);font:700 22px/1 var(--secondary-font);margin-bottom:15px}@media only screen and (max-width:1024px){.sinatra-search-form__title{font-size:20px;margin-bottom:20px}}.sinatra-search-form__field{align-items:flex-end;background-color:#fff;display:flex;padding:12px 10px;position:relative;width:100%}@media only screen and (max-width:767px){.sinatra-search-form__field{margin-bottom:20px}}.sinatra-search-form__icon{margin-right:10px;width:18px}.sinatra-search-form__input{background-color:#fff;border:none;font-size:14px;width:100%}.sinatra-search-form__input:-webkit-autofill{box-shadow:inset 0 0 0 40rem #fff}@media only screen and (max-width:1024px){.sinatra-search-form__input{font-size:12px}}@media only screen and (max-width:729px){.sinatra-search-form__input{font-size:14px}}.sinatra-search-form__input.invalid::-moz-placeholder{font-size:12px;-moz-transition:font-size .3s;transition:font-size .3s}.sinatra-search-form__input.invalid::placeholder{font-size:12px;transition:font-size .3s}.sinatra-search-form__input.invalid~.sinatra-search-form__error-message{opacity:1;transform:translateY(0)}.sinatra-search-form__error-message,.sinatra-search-form__input.invalid~.sinatra-search-form__error-message:focus~.sinatra-search-form__error-message{opacity:0;transform:translateY(-3px)}.sinatra-search-form__error-message{color:var(--error-color);font-size:10px;left:37px;position:absolute;top:3px;transition:all .3s}.sinatra-search-form__btn{background-color:var(--accent-color)!important;color:#fff;cursor:pointer;display:block;flex-shrink:0;font-size:20px;font-weight:400;opacity:1;padding:10px;text-align:center;text-transform:uppercase;transition:all .3s;width:33.3333333333%}.sinatra-search-form__btn:hover{background-color:var(--accent-color);opacity:.8}@media only screen and (max-width:767px){.sinatra-search-form__btn{font-size:14px;height:44px;width:100%}}