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