.search-bar{display:flex;align-items:center;overflow:hidden;transition:max-width 0.4s ease,box-shadow 0.3s ease,padding 0.4s ease;position:absolute;right:20px;top:20px;background-color:#fff0;max-width:0;padding:0;box-shadow:none}.search-bar.open{max-width:300px;padding:0rem .2rem;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.search-bar input[type="search"]{border:none;outline:none;font-size:1rem;background:#fff0;color:var(--color-blue-primary);width:100%;opacity:0;transition:opacity 0.3s ease;margin-left:.5rem}.search-bar.open input[type="search"]{opacity:1}.search-toggle{border:none;padding:.5rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:color 0.3s ease;background:#fff0}.search-bar.open .search-toggle{color:var(--color-blue-primary)}.search-toggle svg{stroke:#fff;transition:stroke 0.3s ease}.search-bar.open .search-toggle svg{stroke:var(--color-blue-primary)}.search-toggle .icon-close{display:none}.search-bar.open .icon-search{display:none}.search-bar.open .icon-close{display:inline}.search-bar{max-width:300px;padding:0 .2rem;box-shadow:0 4px 12px rgb(0 0 0 / .1);background-color:#fff;position:static}.search-bar input[type="search"]{opacity:1}.search-toggle .icon-search{display:inline}.search-toggle .icon-close{display:none!important}.search-toggle svg{stroke:var(--color-blue-primary)}@media (min-width:1340px){.custom-search-wrapper{display:flex;justify-content:right;position:absolute;right:0;top:56px}}