.cmp-election-municipality-search{margin:1.5rem 0}
.cmp-election-municipality-search__desktop{display:none}
@media(min-width:768px){.cmp-election-municipality-search__desktop{display:block}
}
.cmp-election-municipality-search__search-wrapper{position:relative}
.cmp-election-municipality-search__search-wrapper-pill{display:flex;align-items:center;gap:.5rem;width:100%;height:3.375rem;border:1px solid var(--Greyscale-400);border-radius:1.875rem;padding:.25rem .25rem .25rem 1rem;color:var(--Text-Light);box-sizing:border-box}
.cmp-election-municipality-search__search-wrapper-pill:focus-within{border:1px solid var(--Secondary-Black)}
.cmp-election-municipality-search__search-wrapper-pill--active{border:1px solid var(--Secondary-Black)}
.cmp-election-municipality-search__search-wrapper-pill--active:focus-within{border:1px solid var(--Secondary-Black)}
.cmp-election-municipality-search__search-wrapper-pill .pill-icon{display:inline-flex;font-size:1.5rem;line-height:1;pointer-events:none}
.cmp-election-municipality-search__search-wrapper-pill .pill-input{flex:1 1 0;min-width:0;border:0;outline:0;font-size:1rem;font-weight:400;line-height:1.25rem}
.cmp-election-municipality-search__search-wrapper-pill .pill-input:not(:placeholder-shown){font-weight:700;color:var(--Text-Dark)}
.cmp-election-municipality-search__search-wrapper-pill .pill-clear{display:flex;background:transparent;border:0;cursor:pointer;padding:.25rem;font-size:1.25rem;color:var(--Text-Dark);line-height:1}
.cmp-election-municipality-search__search-wrapper-pill .pill-clear[hidden]{display:none}
.cmp-election-municipality-search__search-wrapper-pill .pill-search-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--Neutral-White);border:1px solid var(--Secondary-Black);border-radius:1.8125rem;height:2.875rem;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.25rem;color:var(--Secondary-Black)}
.cmp-election-municipality-search__search-wrapper-pill .pill-search-btn--icon{width:2.875rem;padding:0;font-size:1.5rem;line-height:1}
.cmp-election-municipality-search__search-wrapper-listbox{position:absolute;top:100%;left:0;width:100%;z-index:10;background:var(--Neutral-White);border:1px solid var(--Secondary-Black);border-radius:.75rem;max-height:15rem;overflow-y:auto;margin-top:.5rem;box-sizing:border-box;padding-left:0}
@media(min-width:768px){.cmp-election-municipality-search__search-wrapper-listbox{padding-left:1rem}
}
.cmp-election-municipality-search__search-wrapper-listbox[hidden]{display:none}
.cmp-election-municipality-search__search-wrapper-listbox--modal{position:static;border:0;border-radius:0;max-height:none;overflow-y:visible;margin-top:.5rem}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option{padding:1rem;cursor:pointer;list-style:none;font-size:1rem;font-weight:400;line-height:1.25rem;color:var(--Text-Light);box-sizing:border-box;border-bottom:1px solid var(--Greyscale-200)}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option[hidden]{display:none}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option:last-child{border-bottom:0}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option:hover{background-color:var(--primary-primary-bg-light);color:var(--Text-Dark);font-weight:600}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option--focused,.cmp-election-municipality-search__search-wrapper-listbox .listbox-option:focus-visible{background-color:var(--primary-primary-bg-light);color:var(--Text-Dark);font-weight:600;outline:1px solid var(--Secondary-Black);outline-offset:-1px}
.cmp-election-municipality-search__search-wrapper-listbox .listbox-option[aria-selected="true"]{background-color:var(--primary-primary-500);color:var(--Text-Dark);font-weight:600}
.cmp-election-municipality-search__mobile-trigger{display:none}
@media(max-width:768px){.cmp-election-municipality-search__mobile-trigger{display:flex;gap:.5rem;width:100%;background:transparent;border:0;padding:0;cursor:pointer;justify-content:center}
}
.cmp-election-municipality-search__mobile-trigger-text{font-size:1rem;font-weight:400;line-height:1.25rem;color:var(--Text-Dark);text-decoration:underline;text-underline-offset:3px}
.cmp-election-municipality-search__mobile-trigger-icon{background:transparent;border:0;font-size:1.25rem;line-height:1;color:var(--Text-Dark)}
.cmp-election-municipality-search__modal{position:fixed;inset:0;z-index:200;background:var(--Neutral-White);display:flex;flex-direction:column;overflow-y:auto}
.cmp-election-municipality-search__modal[hidden]{display:none}
.cmp-election-municipality-search__modal-panel{background:var(--Neutral-White);width:100%;padding:1rem;box-sizing:border-box}
.cmp-election-municipality-search__modal-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.cmp-election-municipality-search__modal-panel-header .header-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.5rem;color:var(--Text-Dark)}
.cmp-election-municipality-search__modal-panel-header .header-modal-close{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1;color:var(--Text-Dark)}
body.cmp-election-municipality-search--modal-open{overflow:hidden}