.hundredlist-searchbar{color:var(--color-white);background:var(--color-purple-dark)}.hundredlist-searchbar .searchbar-container{flex-wrap:wrap;transform:translateY(0);transition:0;padding-top:var(--space-l);padding-bottom:var(--space-l);display:flex;align-items:center;margin:0 auto}.hundredlist-searchbar .searchbar-wrapper{display:flex;width:100%;flex:1;gap:16px}@media screen and (min-width: 768px){.hundredlist-searchbar .searchbar-wrapper{gap:0}}.hundredlist-searchbar .searchbar-text{color:var(--color-white);font-weight:400;width:100%;margin-bottom:0}@media screen and (min-width: 768px){.hundredlist-searchbar .searchbar-text{width:auto;font-size:var(--typography-text-large)}}.hundredlist-searchbar .searchbar-input{width:100%;border:none;color:var(--color-white);background:transparent;border-bottom:1px solid var(--color-white);font-size:var(--typography-text-regular)}@media screen and (min-width: 768px){.hundredlist-searchbar .searchbar-input{margin:0 var(--space-m)}}.hundredlist-searchbar .searchbar-input:focus-visible{outline:none}.hundredlist-searchbar .searchbar-preamble{width:100%;margin-top:var(--space-m)}