.country-input{width:100%;min-width:0;display:block;position:relative}.country-input>input{width:100%;padding-right:36px!important}.country-input>svg{pointer-events:none;color:inherit;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.country-input>ul{z-index:12;border:1px solid var(--pi-line,#c7d1c3);background:var(--pi-paper,#fff);color:var(--pi-ink,#243c30);overscroll-behavior:contain;border-radius:10px;max-height:240px;margin:0;padding:6px;font-size:1rem;line-height:1.5;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 25px #0002}.country-input>ul>li{cursor:pointer;overflow-wrap:anywhere;min-height:44px;padding:10px 12px}.country-input>ul>li:is(:hover,.active,[aria-selected=true]){background:var(--pi-soft,#edf2e9);color:var(--pi-ink,#243c30);outline:1px solid var(--pi-line,#c7d1c3);outline-offset:-1px;border-radius:6px}