/* A symmetrical 24px canvas includes both the lens and its handle.
   The original pseudo-element handle extended outside the centered circle. */
.gf-site-header .gf-site-header__search-icon {
    display:block;
    width:24px;
    height:24px;
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    transform:none;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.gf-site-header .gf-site-header__search-icon::before,
.gf-site-header .gf-site-header__search-icon::after { content:none; }

/* Keep the search input semantics without the browser's blue clear control. */
.gf-site-header input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none;
    appearance:none;
    display:none;
}
.gf-site-header input[type="search"]::-ms-clear {
    display:none;
    width:0;
    height:0;
}