*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--input-color--:#535455;--bg-color-1--:#2396ef;--bg-color-2--:#4496ef;--input-bg-color-1--:#f2f3f4;--input-bg-color-2--:#fff}.app{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;background:linear-gradient(90deg,#2396ef,#4496ef);background:linear-gradient(90deg,var(--bg-color-1--),var(--bg-color-2--))}.search-container{height:45px}.search-container>.search-btn,.search-container>input{width:45px;height:45px;border:none;outline:none;border-radius:8px;transition:all .4s cubic-bezier(.47,0,.745,.715)}.search-container>.search-btn{background:linear-gradient(90deg,#f2f3f4 10%,#fff 90%);background:linear-gradient(90deg,var(--input-bg-color-1--) 10%,var(--input-bg-color-2--) 90%);line-height:45px;text-align:center;cursor:pointer;position:absolute;left:0;top:0}.search-container>.search-btn>.search-icon{width:20px;height:20px;cursor:pointer;margin:auto;background:url(https://eveningwater.com/my-web-projects/js/62/images/search.svg) no-repeat 50%/cover;display:block}.search-container>.search-btn:hover .search-icon{-webkit-transform:scale(1.2);transform:scale(1.2)}.search-container.active>.search-btn{border-radius:0 8px 8px 0}.search-container.active>input{border-radius:8px 0 0 8px;width:240px}.search-container.active>.search-btn{-webkit-transform:translateX(238px);transform:translateX(238px)}.input-container{position:relative}.input-container>input{color:var(--input-color--);background:linear-gradient(135deg,var(--input-bg-color-1--) 10%,var(--input-bg-color-2--) 90%);padding:15px;font-size:16px;display:inline-block}.input-container>input::-webkit-input-placeholder{color:var(--input-color--);letter-spacing:2px;font-size:14px}
/*# sourceMappingURL=main.03f65639.chunk.css.map */