.header-searchbar-button{color:#374151;font-weight:500;font-size:.875rem;line-height:1.25rem;display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;cursor:pointer;border-radius:calc(var(--radius) - 2px)}.header-searchbar-button:hover{background-color:hsl(var(--accent));color:color-mix(in srgb,var(--wp--preset--color--accent-1),black 60%);--tw-bg-opacity:1}.header-searchbar-button svg{width:1rem;height:1rem}.header-search-form-area{padding-top:1rem;padding-bottom:1rem;margin-block-start:unset;border-top:1px solid #e5e7eb}.header-search-form{position:relative}.header-search-input{border:1px solid #d1d5db;width:100%;height:2.5rem;display:flex;border-radius:var(--radius);background-color:#fff;padding-top:.5rem;padding-bottom:.5rem;padding-left:2.5rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}.header-search-icon{position:absolute;left:.75rem;top:50%;border:unset;background-color:unset;padding:unset;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:#9ca3af;cursor:pointer;width:1rem;height:1rem}.header-search-icon:hover{color:#374151}.header-search-icon svg{width:1rem;height:1rem}