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