.s-search-input{width:100%;position:relative}.s-search-input input[type=search]{appearance:none;color:#3d3d3d;vertical-align:middle;padding:10px 10px 10px 40px}.s-search-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background-image:url(../svg/icon-close.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:10px;width:20px;height:20px}.s-search-input input[type=search]::-webkit-search-cancel-button:hover{opacity:.6}.s-search-input input[type=search]:focus{border-color:var(--accent)}.s-search-input:after,.s-search-input:before{content:"";border-radius:50%;width:20px;height:20px;position:absolute;top:calc(50% - 7px);left:15px}.s-search-input:after{background-image:url(../svg/icon-search-gray.svg);background-position:50%;background-repeat:no-repeat;background-size:90%}.s-search-input.focus:after{background-image:url(../svg/icon-search-yellow.svg)}.s-search-input.loading:after,.s-search-input.loading:before{border:2px solid var(--yellow-accent-color);background-image:none;border-bottom-color:#0000;border-right-color:#0000;transition:opacity .12s ease-out;animation:.6s ease-out infinite circleRotate}.s-search-input.loading:before{border:2px solid #e0e0e0}@media screen and (width<=992px){.s-search-input:after,.s-search-input:before{top:calc(50% - 9px)}}@keyframes circleRotate{to{transform:rotate(1turn)}}
