.SearchBar{border-bottom:1px solid #898989;padding-bottom:15px;position:relative}@media(max-width:1199px){.SearchBar{padding-bottom:8px}}.SearchBar:before{--line-height:1.3333333333;background-color:#fff;content:"";font-family:Kinfolk-Sans,sans-serif;font-size:calc(.13793vw + 12.24138px);font-style:normal;font-weight:400;letter-spacing:.01em;line-height:1.3333333333;min-width:300px;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:0;transform:translateY(-100%);width:60%}@media(min-width:1440px){.SearchBar:before{font-size:15px}}@media(max-width:739px){.SearchBar:before{font-size:13px}}.SearchBar:before em{font-family:Kinfolk-Sans-Italic,sans-serif;font-style:italic}@media(max-width:1199px){.SearchBar:before{margin-top:1px;top:100%;transform:translateY(0)!important}}@media(max-width:739px){.SearchBar:before{width:100%}}.SearchBar .screen-reader-text{display:none}.SearchBar>div{align-items:center;display:flex;justify-content:space-between}.SearchBar button,.SearchBar input[type=text]{--line-height:1.3333333333;background-color:unset;border:none;font-family:Kinfolk-Sans,sans-serif;font-size:calc(.13793vw + 12.24138px);font-style:normal;font-weight:400;letter-spacing:.01em;line-height:1.3333333333;margin:0;outline:none;padding:0}@media(min-width:1440px){.SearchBar button,.SearchBar input[type=text]{font-size:15px}}@media(max-width:739px){.SearchBar button,.SearchBar input[type=text]{font-size:13px}}.SearchBar button em,.SearchBar input[type=text] em{font-family:Kinfolk-Sans-Italic,sans-serif;font-style:italic}.SearchBar button{cursor:pointer;transition:opacity .5s cubic-bezier(.25,1,.5,1)}@media(hover:hover)and (pointer:fine){.SearchBar button:hover{opacity:.4}}.SearchBar--value-short{border-color:red}.SearchBar--value-short:before{animation:fadeIn .6s forwards;content:"Your search term should be a minimum of 3 characters long";pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(calc(-100% - 20px))}}