@charset "utf-8";

.wp-block-techcrunch-site-search { --c-site-search-toggle-icon-size: 1rem; --c-site-search-toggle-text-color: var(--wp--preset--color--white); --c-site-search-toggle-background-color: transparent; --c-site-search-toggle-outline-color: transparent; --c-site-search-toggle-border-color: transparent; align-items: center; display: flex; }

.is-search-open .wp-block-techcrunch-site-search { display: flex; gap: var(--wp--custom--spacing--24); justify-content: space-between; min-width: 0px; width: 100%; }

@media (min-width: 64em) {
  .is-search-open .wp-block-techcrunch-site-search { gap: var(--wp--custom--spacing--40); }
}

.wp-block-techcrunch-site-search__inner { display: none; }

@media (min-width: 64em) {
  .wp-block-techcrunch-site-search__inner { position: relative; }
}

.wp-block-techcrunch-site-search__inner[aria-hidden="false"] { display: block; margin-left: auto; margin-right: auto; max-width: 50rem; min-width: 0px; padding-left: var(--wp--custom--spacing--8); width: 100%; }

@media (min-width: 48em) {
  .wp-block-techcrunch-site-search__inner[aria-hidden="false"] { padding-left: var(--wp--custom--spacing--12); }
}

@media (min-width: 64em) {
  .wp-block-techcrunch-site-search__inner[aria-hidden="false"] { padding-left: 0px; }
}

.wp-block-techcrunch-site-search__toggle { align-items: center; background-color: var(--c-site-search-toggle-background-color); border: 1px solid var(--c-site-search-toggle-border-color); border-radius: 50%; color: var(--c-site-search-toggle-text-color); cursor: pointer; display: flex; justify-content: center; outline: 2px dashed var(--c-site-search-toggle-outline-color); outline-offset: 2px; padding: var(--wp--custom--spacing--12); transition-duration: var(--wp--custom--transition--duration--base); transition-property: background-color, outline; transition-timing-function: var(--wp--custom--transition--timing-base); }

.wp-block-techcrunch-site-search__toggle:hover { --c-site-search-toggle-border-color: var(--wp--preset--color--white); }

.wp-block-techcrunch-site-search__toggle:focus-visible { --c-site-search-toggle-outline-color: var(--wp--preset--color--white); }

.wp-block-techcrunch-site-search__toggle::before { background-color: currentcolor; content: ""; display: block; mask-image: url("../../../../svg/search.svg"); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; min-height: var(--c-site-search-toggle-icon-size); min-width: var(--c-site-search-toggle-icon-size); position: relative; transition-duration: var(--wp--custom--transition--duration--base); transition-property: background-color; transition-timing-function: var(--wp--custom--transition--timing-base); }

.wp-block-techcrunch-site-search__toggle[aria-expanded="true"] { --c-site-search-toggle-border-color: var(--wp--preset--color--green-500); }

.wp-block-techcrunch-site-search__toggle[aria-expanded="true"]:hover { --c-site-search-toggle-background-color: var(--wp--preset--color--white); --c-site-search-toggle-text-color: var(--wp--custom--color--black-900); --c-site-search-toggle-border-color: var(--wp--custom--color--white); }

.wp-block-techcrunch-site-search__toggle[aria-expanded="true"]::before { mask-image: url("../../../../svg/close.svg"); }

.is-search-open .wp-block-search__inside-wrapper { border-bottom: 1px solid var(--wp--preset--color--gray-700); border-left: none; border-right: none; border-top: none; padding-bottom: var(--wp--custom--spacing--8); padding-left: 0px; padding-right: 0px; }

.is-search-open .wp-block-search__inside-wrapper:has(> input:focus) { border-bottom: 2px solid var(--wp--custom--color--white); }

.wp-block-search__input { color: var(--wp--custom--color--white); font-size: var(--wp--preset--font-size--body-2); font-weight: var(--wp--custom--font--weight--reg); }

.wp-block-search__input::-webkit-search-cancel-button { appearance: none; background-image: url("../../../../svg/close-white.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 70%; border: 1px solid var(--wp--preset--color--white); border-radius: 100%; color: var(--wp--preset--color--white); height: 1rem; width: 1em; }

.wp-block-search__input::placeholder { color: var(--wp--custom--color--gray-500); }

.is-search-open .wp-block-search__input { background-color: transparent; outline: none; padding: 0px; }

.is-search-open .wp-block-search__button { background-color: transparent; font-size: var(--wp--preset--font-size--body-3); padding: 0px; }

.wp-block-techcrunch-site-search__suggestions { background-color: var(--wp--preset--color--white); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.02) 0px 2px 22px 0px; left: 0px; opacity: 0; padding-bottom: var(--wp--custom--spacing--16); padding-left: var(--wp--custom--spacing--40); padding-right: var(--wp--custom--spacing--40); padding-top: var(--wp--custom--spacing--16); pointer-events: none; position: absolute; top: 100%; transition-duration: var(--wp--custom--transition--duration--base); transition-property: opacity, top; transition-timing-function: var(--wp--custom--transition--timing-base); width: 100%; }

.wp-block-techcrunch-site-search__suggestions[aria-hidden="false"] { opacity: 1; pointer-events: auto; top: calc(100% + var(--wp--custom--spacing--16)); }

.wp-block-techcrunch-site-search__suggestions-list { list-style: none; margin: 0px; padding: 0px; }

.wp-block-techcrunch-site-search__suggestions-link { color: var(--wp--preset--color--black-900); font-size: var(--wp--preset--font-size--body-2); }

.wp-block-techcrunch-site-search__suggestions-link .highlight { color: var(--wp--preset--color--green-500); font-weight: var(--wp--custom--font--weight--semibold); }