header .header-searchbar{color:var(--white);display:flex}
.cmp-searchbar{color:var(--twilight-1000);background-color:var(--neutral-1000);padding-bottom:1.75rem}
.cmp-searchbar .searchbar-header{padding:var(--spacing-32) 0;color:var(--twilight-1000)}
.cmp-searchbar .searchbar-header .searchbar-title,.cmp-searchbar .searchbar-header .searchbar-subtitle{color:inherit}
.cmp-searchbar .searchbar-header .searchbar-title{margin:0;font-size:var(--font-size-headline-2-sm);line-height:var(--line-height-headline-2-sm);font-weight:var(--font-weight-semi-bold)}
@media(min-width:768px){.cmp-searchbar .searchbar-header .searchbar-title{margin-top:3rem;font-size:var(--font-size-display-2-lg);line-height:var(--font-size-display-2-lg)}
}
.cmp-searchbar .searchbar{position:relative;background-color:inherit}
.cmp-searchbar .searchbar>div[role='search']{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.cmp-searchbar .searchbar>div[role='search'] label{flex:1 0 100%;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-regular);padding-bottom:1rem}
@media(min-width:768px){.cmp-searchbar .searchbar>div[role='search'] label{font-size:var(--font-size-subtitle);line-height:var(--line-height-subtitle)}
}
.cmp-searchbar .searchbar>div[role='search'] .icon{position:absolute;bottom:var(--spacing-8);left:var(--spacing-8);width:var(--spacing-32);height:var(--spacing-32);background-color:transparent;background-image:url('clientlib-searchbar/resources/searchIcon.svg');background-size:contain;background-repeat:no-repeat}
.cmp-searchbar .searchbar>div[role='search'] input{color:var(--text-strong-onLight);font-size:var(--font-size-body-1);flex:1 0 auto;min-height:3rem;background-repeat:no-repeat;background-size:contain;border-radius:var(--radius-3x);padding-left:2.8rem;padding-right:0;margin-right:0;-webkit-appearance:initial;border-color:var(--twilight-1000);border-style:solid}
@media(min-width:768px){.cmp-searchbar .searchbar>div[role='search'] input{padding-right:var(--spacing-8);margin-right:1.375rem}
}
.cmp-searchbar .searchbar>div[role='search'] button[type="submit"]{position:relative;background-color:transparent;border:0;padding:.9375rem 1.25rem;font-size:var(--font-size-body-1);color:var(--white);font-weight:var(--font-weight-bold);display:none}
@media(min-width:768px){.cmp-searchbar .searchbar>div[role='search'] button[type="submit"]{display:block}
}
.cmp-searchbar .searchbar>div[role='search'] button[type="submit"] span{position:inherit;pointer-events:none}
.cmp-searchbar .searchbar>div[role='search'] button[type="submit"]:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transform:skewX(-20deg);background:var(--fill-interactive-onLight);pointer-events:none}
.cmp-searchbar .autocomplete-wrapper{position:absolute;top:calc(98%);width:100%;color:var(--twilight-1000)}
.cmp-searchbar .autocomplete-wrapper .inner{background-color:var(--white);margin:0 1rem;border-bottom-left-radius:var(--radius-3x);border-bottom-right-radius:var(--radius-3x);box-shadow:0 2px 2px 2px var(--stroke-subtle-onLight)}
.cmp-searchbar .autocomplete-wrapper .inner .label{padding-left:1.25rem;padding-top:1em}
.cmp-searchbar .autocomplete-wrapper .inner ul{margin-block-start:0;padding-inline-start:0}
.cmp-searchbar .autocomplete-wrapper .inner ul li{position:relative;color:inherit;text-align:left;padding:.625rem 0 .625rem 2rem}
.cmp-searchbar .autocomplete-wrapper .inner ul li:has(.icon){padding:.625rem 0 .625rem 3rem}
.cmp-searchbar .autocomplete-wrapper .inner ul li:first-of-type{padding-top:1.25rem}
.cmp-searchbar .autocomplete-wrapper .inner ul li:last-of-type{padding-bottom:1.25rem}
.cmp-searchbar .autocomplete-wrapper .inner ul li:hover{text-decoration:underline}
.cmp-searchbar .autocomplete-wrapper .inner ul li .icon{position:absolute;top:var(--spacing-4);left:var(--spacing-16);width:var(--spacing-24);height:var(--spacing-24);background-color:transparent;background-image:url('clientlib-searchbar/resources/searchIcon.svg');background-size:contain;background-repeat:no-repeat}
.cmp-searchbar--layout-inline{width:100%;padding:0}
.cmp-searchbar--light{color:var(--white);background-color:var(--twilight-1000)}
.cmp-searchbar--light .searchbar-header{color:var(--white)}