.search-bar__base{display:flex;justify-content:center;margin-bottom:20px}.search-bar__form{position:relative;width:100%}@media (min-width:768px){.search-bar__form{width:300px}}.search-bar__input{border:1px solid #a2a2a2;border-radius:4px;box-sizing:border-box;font-size:13px;height:36px;line-height:28px;padding:0 32px;width:100%}@media (min-width:768px){.search-bar__input{line-height:34px}}.search-bar__submit-button{clip:rect(1px 1px 1px 1px);-webkit-clip-path:inset(1px,1px,1px,1px);clip-path:inset(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.search-bar__icon-search{color:#a2a2a2;display:block;font-size:15px;left:10px;position:absolute;top:10px}@media (min-width:768px){.search-bar__icon-search{top:10px}}.search-bar__icon-clear{color:#a2a2a2;cursor:pointer;display:none;font-size:15px;pointer-events:auto;position:absolute;right:10px;top:7px}@media (min-width:768px){.search-bar__icon-clear{top:10px}}