.search{position:relative;z-index:10}.search .header-search-input{position:absolute;right:0;top:0;z-index:0;height:100%;width:480px;border-left-width:1px;transform:scaleX(0);visibility:hidden;transition:transform .3s ease-out,visibility 0s ease-out .3s;transform-origin:center right}.search .header-search-input input{height:100%;width:100%;padding-left:2rem;padding-right:6rem;opacity:0;outline-width:0;transition:all .3s ease}.search .header-search-btn{position:relative;z-index:10;transition:all .3s ease-out}.search .header-search-btn:hover{color:var(--color-primary)}.search:hover .header-search-input{transform:scaleX(1);visibility:visible;transition:transform .3s ease-out .1s,visibility 0s ease-out 0s}.search:hover .header-search-input input{opacity:1;transition-delay:.1s}