.partSearchBar{height:52px;width:100%;max-width:360px}.searchBarInput{padding-right:52px;padding-left:15px;font-family:inherit;font-size:16px;font-weight:700;background-color:rgba(131,205,192,.2)}.searchBarButton,.searchBarReset{width:52px}.searchBarInput{border:none;color:#000}.searchBarInput::placeholder{color:#83cdc0}.searchBarReset{border:none;background-color:transparent}.searchBarReset svg{width:10px;height:10px;fill:#000;transition:fill .3s}.searchBarButton{border:none;background-color:#83cdc0;transition:box-shadow .15s ease-in-out,background-color .3s ease}.searchBarButton:hover{background-color:#ea5d53}.searchBarButton svg{width:18px;height:18px;fill:#fff}.partSearchBar{display:flex}.searchBarContainer{flex:1 1 auto;position:relative;display:flex}.searchBarInput{width:100%;height:100%}.searchBarInput{transition:box-shadow .15s ease-in-out}.searchBarInput:focus,.searchBarButton:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.1)}.partSearchBar .searchBarReset{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .15s ease-in-out;cursor:pointer}.searchBarReset:hover svg,.searchBarReset:focus svg{fill:#e74b3b}.searchBarReset.active{visibility:visible;opacity:1}.searchBarButton{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.partSearchBar input[type=search],.partSearchBar button{-webkit-appearance:none;border-radius:0;outline:none}.partSearchBar input[type=search]::-ms-clear{display:none}.partSearchBar input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
