.search-bar{border-radius:var(--tex-radius-pill);background:#fff;border:1px solid #00000014;align-items:center;gap:.75rem;max-width:60rem;margin:2.5rem auto 3.5rem;padding:.5rem .5rem .5rem 1.25rem;display:flex;box-shadow:0 8px 24px -8px #0f172a1f}.search-bar-icon{color:var(--tex-color-gray-450);flex-shrink:0}.search-bar-input{min-width:0;font-family:inherit;font-size:var(--tex-font-base);color:var(--tex-color-primary);background:0 0;border:0;outline:none;flex:1}.search-bar-input::placeholder{color:var(--tex-color-gray-450)}.search-bar-input::-webkit-search-cancel-button{display:none}.search-bar-clear{width:28px;height:28px;color:var(--tex-color-gray-450);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.search-bar-clear[hidden]{display:none}.search-bar-clear:hover{color:var(--tex-color-primary);background:#0f172a0f}.search-bar-submit{background:var(--tex-color-primary);color:#fff;border-radius:var(--tex-radius-pill);font-size:var(--tex-font-sm);font-weight:var(--tex-font-weight-semibold);cursor:pointer;border:0;flex-shrink:0;padding:.7rem 1.4rem;font-family:inherit;transition:background .2s}.search-bar-submit:hover{background:var(--tex-color-primary-shade)}@media (width>=576px){.search-bar{margin:3rem auto 4rem;padding:.625rem .625rem .625rem 1.5rem}.search-bar-input{font-size:var(--tex-font-md)}}