.pageSearchWrapper{justify-content:flex-end;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.pageSearchWrapper.active{z-index:3}.pageSearchWrapper .searchInputWrapper{background-color:var(--cardsBGColor);opacity:0;border-radius:.8rem;width:0%;height:4.8rem;transition:all .25s;position:absolute;top:-2px;left:0}.pageSearchWrapper .searchInputWrapper .searchInput{width:100%;font-family:Poppins,sans-serif;font-size:var(--fontSize16);letter-spacing:-.6px;color:var(--secondaryLightColor);opacity:0;padding-top:.9rem;line-height:3rem}@media (width>=480px){.pageSearchWrapper .searchInputWrapper .searchInput{font-size:var(--fontSize16)}}@media (width>=1800px){.pageSearchWrapper .searchInputWrapper .searchInput{margin-left:1.2rem;line-height:3.1rem}}@media (width>=2880px){.pageSearchWrapper .searchInputWrapper .searchInput{margin-left:1.5rem}}@media (width>=3840px){.pageSearchWrapper .searchInputWrapper .searchInput{margin-left:2rem}}.pageSearchWrapper .searchInputWrapper .searchCloseBtn{transition:all .25s;position:absolute;top:0}.pageSearchWrapper .searchInputWrapper .searchBtn{transition:all 2s}.pageSearchWrapper .searchInputWrapper.active{opacity:1;width:100%}.pageSearchWrapper .searchInputWrapper.active~.seachAction .searchCloseBtn{z-index:2;margin-top:.5px;animation:1s forwards close}.pageSearchWrapper .searchInputWrapper.active~.seachAction .searchBtn{z-index:2;background:var(--cardsBGColor);margin-left:.5rem;animation:.5s forwards abc;position:absolute;top:0}.pageSearchWrapper .searchInputWrapper.active~.seachAction .searchBtn:focus,.pageSearchWrapper .searchInputWrapper.active~.seachAction .searchBtn:hover{box-shadow:none;border:none;outline:none}.pageSearchWrapper .searchInputWrapper.active~.seachAction .searchBtn svg{color:var(--secondaryLightColor);width:2.5rem;height:2.5rem}.pageSearchWrapper .searchInputWrapper.active .searchInput{animation:.5s .5s forwards placeholder}.pageSearchWrapper .seachAction{justify-content:flex-end;align-items:center;display:flex}.pageSearchWrapper .seachAction .searchCloseBtn{opacity:0;margin-right:1rem}@keyframes abc{0%{left:50%}to{left:0%}}@keyframes placeholder{0%{padding-left:0}to{opacity:1;padding-left:40px;padding-right:40px}}@keyframes close{0%{opacity:0;left:80%}to{opacity:1;left:0%}}.bellIcon .iconSVG svg{transform-origin:50% 0;transition:all .25s;animation:1s forwards notify}@keyframes notify{20%{transform:rotate(20deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0)}}