.shared-search-form .search-input-wrapper{border-bottom:1px solid #a5a5a5;padding:8px 0;position:relative}.shared-search-form .search-input-wrapper:after{background:#000;bottom:-1px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.445,.05,.55,.95);width:100%}.shared-search-form .search-input-wrapper:focus-within .icon{color:#000}.shared-search-form .search-input-wrapper:focus-within:after{transform:scaleX(1)}.shared-search-form .search-input-wrapper .icon{color:#575757;transition:color .3s cubic-bezier(.445,.05,.55,.95)}.shared-search-form .search-input-wrapper .search-btn{position:relative}.shared-search-form .search-input-wrapper .search-btn>div{color:#575757;position:relative;z-index:2}.shared-search-form .search-input-wrapper .search-btn:hover>div{color:#1235ee}.shared-search-form .search-input-wrapper .search-btn:hover:after{opacity:1}.shared-search-form .search-input-wrapper .search-btn:after{background-color:#f0f0f0;border-radius:99999px;content:"";height:36px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s cubic-bezier(.445,.05,.55,.95);width:36px;z-index:1}@media(min-width:768px){.shared-search-form .search-input-wrapper{margin:0 auto;width:70%}}.shared-search-form .search-input-wrapper input[type=text]{background:transparent;color:#000;font-size:18px;line-height:1;outline:none;width:100%}.shared-search-form .search-input-wrapper input[type=text]::-moz-placeholder{color:#a5a5a5}.shared-search-form .search-input-wrapper input[type=text]::placeholder{color:#a5a5a5}