.SearchBar{height:100%;flex-direction:row;justify-content:flex-start;gap:24px}.SearchBar,.SearchBar .search{display:flex;align-items:center}.SearchBar .search{background:#eee;width:auto;height:60px;position:relative;overflow:hidden;border-radius:10px 0 0 10px;box-shadow:0 10px 30px rgba(65,72,86,.05);justify-content:center}.SearchBar .search input[type=text]{position:relative;width:90px;height:55px;color:#414856;border:0;box-sizing:border-box;outline:none;padding:0 0 0 40px;transition:width .6s ease;z-index:10;opacity:0;cursor:pointer}.SearchBar .search input[type=text]:focus{z-index:0;opacity:1;width:400px}.SearchBar .search input[type=text]:focus~.symbol:before{width:0}.SearchBar .search input[type=text]:focus~.symbol:after{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);transition:-webkit-clip-path .04s linear .105s;transition:clip-path .04s linear .105s;transition:clip-path .04s linear .105s,-webkit-clip-path .04s linear .105s}.SearchBar .search input[type=text]:focus~.symbol .cloud{top:-30px;left:-30px;transform:translate(0);transition:all .6s ease}.SearchBar .search input[type=text]:focus~.symbol .lens{top:20px;left:15px;transform:translate(0);fill:#cd0000;transition:top .5s ease .1s,left .5s ease .1s,fill .3s ease}.SearchBar .search .symbol{height:100%;width:100%;position:absolute;top:0;z-index:1;display:flex;justify-content:center;align-items:center}.SearchBar .search .symbol:before{content:"";position:absolute;right:0;width:100%;height:100%;background:#cd0000;z-index:-1;transition:width .6s ease}.SearchBar .search .symbol .cloud,.SearchBar .search .symbol .lens{position:absolute;fill:#fff;stroke:none;top:55%;left:50%}.SearchBar .search .symbol .cloud{width:35px;height:32px;transform:translate(-50%,-60%);transition:all .6s ease}.SearchBar .search .symbol .lens{fill:#fff;width:16px;height:16px;z-index:2;top:24px;left:24px;transition:top .3s ease,left .3s ease,fill .2s ease .2s}