.search-bar{background:var(--color-white);border:1px solid var(--color-black);box-sizing:border-box;align-items:center;gap:var(--padding-xs);width:100%;display:flex;padding-right:.625rem!important}@media (min-width:1024px){.search-bar:focus-within{gap:.3125rem;padding-left:.625rem;transition:padding-left .3s}}.search-bar button[type=submit]{appearance:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:flex}.search-bar input{color:var(--color-black);font-size:var(--size-font-list);font-weight:var(--font-weight-bold);text-overflow:ellipsis;background:0 0;border:none;outline:none;width:100%;overflow:hidden}.search-bar input::-webkit-input-placeholder{color:var(--color-black);opacity:1}.search-bar input::placeholder{color:var(--color-black);opacity:1}.search-bar input:-ms-placeholder-shown{color:var(--color-black);opacity:1}.search-bar input::placeholder{color:var(--color-black);opacity:1}