.search-box{position:relative;height:3.75rem;width:3.75rem;border-radius:50%;box-shadow:2px 2px 6px rgba(0,0,0,.2)}.search-box,.search-box.active{transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.search-box.active{width:100%;box-shadow:none}@media only screen and (max-width:767px){.search-box.active{width:280px}}.search-box input{width:100%;height:100%;border-radius:50px;background:linear-gradient(126deg,#F5F5F5,#f5f1f1);padding:0 60px 0 20px;font-size:18px;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);outline:none!important;border:none!important}@media only screen and (max-width:767px){.search-box input{box-shadow:none!important;border:1px solid #f1f1f!important}}.search-box input.active{opacity:1;outline:none!important;border:none!important;box-shadow:none!important}.search-box input::placeholder{color:#a6a6a6}.search-box .search-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);height:3.75rem;width:3.75rem;background:#fff;border-radius:50%;text-align:center;line-height:3.75rem;font-size:1.375rem;color:#f1281d;cursor:pointer;z-index:1;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.search-box .search-icon.active{display:none!important}.search-box .cancel-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:3rem;color:#f1281d;font-weight:600;cursor:pointer;transition:all .5s cubic-bezier(.68,-.55,.265,1.55) .2s}.search-box .cancel-icon.active{right:5px;height:50px;line-height:50px;width:50px;font-size:20px;background:#f1281d;color:#fff;transform:translateY(-50%) rotate(1turn);border-radius:50%;display:flex;align-items:center;justify-content:center}.search-box .search-data{text-align:center;padding-top:7px;color:#fff;font-size:18px;word-wrap:break-word}.search-box .search-data.active{display:none}.search-box input:focus{outline:none!important;border:none!important}