.partSearchBar{height:40px;width:100%;max-width:500px}.searchBarInput{padding-right:40px;padding-left:10px;font-family:inherit;font-size:16px}.searchBarButton,.searchBarReset{width:40px}.searchBarInput{border:solid 1px #999;background-color:#fff;color:#000}.searchBarInput::placeholder{color:#999}.searchBarReset{border:none;background-color:transparent}.searchBarReset svg{width:10px;height:10px;fill:#000;transition:fill .3s}.searchBarButton{border:solid 1px #999;border-left:none;background-color:transparent}.searchBarButton svg{width:18px;height:18px;fill:#000}.partSearchBar{display:flex}.searchBarContainer{flex:1 1 auto;position:relative;display:flex}.searchBarInput{width:100%;height:100%;background-color:transparent}.searchBarButton,.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}