.partSearchBar{height:60px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.1)}.searchBarInput{padding-right:60px;padding-left:20px;font-weight:600;font-family:inherit;font-size:inherit}.searchBarButton,.searchBarReset{width:60px}.searchBarInput{border:none;background-color:#fff;color:#474848;border-right:none}.searchBarInput::placeholder{color:#999}.searchBarReset{border:none;background-color:transparent}.searchBarReset svg{width:14px;height:14px;fill:var(--color-purple);transition:fill .3s}.searchBarButton{border:none;background-color:var(--color-pink)}.searchBarButton svg{width:24px;height:24px;fill:#fff}.partSearchBar{display:flex}.searchBarContainer{flex:1 1 auto;position:relative;display:flex}.searchBarInput{width:100%;height:100%}.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:var(--color-pink)}.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}