.al-search-wrap .al-search-glass{width:32px;height:32px;color:var(--color-text-mid);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:inline-flex}.al-search-wrap .al-search-glass:hover{color:var(--color-accent)}.al-search-wrap{border-bottom:1px solid var(--color-gray-300);flex:240px;align-self:center;align-items:stretch;min-width:120px;max-width:400px;display:inline-flex;position:relative}.al-search-wrap:focus-within{border-bottom-color:var(--color-accent)}.al-search-wrap .al-search{background:0 0;outline:none;flex:auto;min-width:0;padding:8px 2px;font-family:inherit;font-size:14px;border:none!important}.al-search-wrap .al-search::placeholder{color:var(--color-text-light)}.al-search-wrap .al-search-clear{background:var(--color-gray-300);width:20px;height:20px;color:var(--color-bg,#fff);cursor:pointer;border:none;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;margin:auto 0;padding:0;display:inline-flex}.al-search-wrap .al-search-clear:hover{background:var(--color-text-mid)}.al-search-wrap .al-search-clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.al-search-fold{transition:flex-basis var(--transition-base), flex-grow var(--transition-base), min-width var(--transition-base), max-width var(--transition-base), border-bottom-color var(--transition-base);overflow:hidden}.al-search-fold:not(.is-open){border-bottom-color:#0000;flex:0 0 32px;min-width:32px;max-width:32px}.al-search-fold .al-search-glass{align-self:center}.al-search-fold .al-search-glass:focus-visible,.al-search-fold .al-search-clear:focus-visible{outline-offset:-2px}.al-search-fold.is-open .al-search-glass{cursor:text}@media (prefers-reduced-motion:reduce){.al-search-fold{transition:none}}