.searchbar[data-v-0cb11648]{background-color:var(--color-surface,#fff);border-radius:9999px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:.5rem;margin-bottom:1rem;height:4rem;position:relative;display:flex;flex-wrap:wrap;height:100%;align-items:center}.searchbar button[data-v-0cb11648]{border-radius:9999px}.searchbar input[data-v-0cb11648]{align-self:center;flex:1 1 auto;height:100%;font-size:1rem;background-color:var(--color-background,#fff);color:var(--color-black,#000);margin:0;padding:.75rem 1rem;border-style:none;border-radius:9999px}.searchbar input[data-v-0cb11648]:-webkit-input-placeholder{color:var(--color-black,#000);font-size:1rem}.searchbar input[data-v-0cb11648]:focus{outline:2px solid transparent;outline-offset:2px}.fade[data-v-0cb11648]{position:relative}.fade[data-v-0cb11648]:after{position:absolute;right:0;top:0;bottom:0;width:4rem;background-image:linear-gradient(270deg,var(--gradient-color-stops));--gradient-from-color:var(--color-surface,#fff);--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,hsla(0,0%,100%,0));--gradient-to-color:transparent;content:""}