.header-search-button{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center}.header-search-button .search-icon{fill:#fff;height:20px;transition:all .3s ease;width:20px}.header-search-button:hover .search-icon{opacity:.8}.header-search-button .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}#header-search-pop{background-color:var(--wp--preset--color--gainsboro);box-shadow:0 8px 15px rgba(0,0,0,.1);display:none;left:0;position:absolute;top:100%;width:100%;z-index:100}#header-search-pop .header-search-pop-inner{margin:var(--wp--preset--spacing--medium) auto;max-width:300px;padding:15px}#header-search-pop .header-search-pop-inner form{position:relative}#header-search-pop .header-search-pop-inner form input[type=text]{background-color:transparent;border:0;border-bottom:1px solid var(--wp--preset--color--primary);border-radius:0;box-sizing:border-box;font-size:16px;outline:none;padding:12px 47px 12px 5px;width:100%}#header-search-pop .header-search-pop-inner form button{background-color:transparent;border:none;color:var(--wp--preset--color--primary);cursor:pointer;height:100%;padding:5px 12px;position:absolute;right:0;top:0;transition:opacity .2s ease;width:auto}#header-search-pop .header-search-pop-inner form button svg{fill:var(--wp--preset--color--primary);height:20px;width:20px}#header-search-pop .header-search-pop-inner form button:hover{opacity:.8}#header-search-pop.is-active{animation:fadeIn .2s ease-in-out;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}