intl-phone-input{display:flex;position:relative}intl-phone-input input{padding:10px;border:1px solid #ddd;font-size:16px;flex:1}intl-phone-input input[aria-invalid=true]{border-color:#e74c3c}intl-phone-input input[aria-invalid=true]:focus-visible{outline-color:#e74c3c}intl-phone-input input[aria-invalid=false]{border-color:#2ecc71}intl-phone-input input[aria-invalid=false]:focus-visible{outline-color:#2ecc71}.flag-button{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;margin-right:8px}.flag-button:hover{background:#f5f5f5;border-color:#999}.flag-button:focus{outline:2px solid #0066cc;outline-offset:2px}.flag-button .arrow{font-size:12px;transition:transform .2s}.flag-button.open .arrow{transform:rotate(180deg)}.country-popover{position:absolute;top:calc(100% + 4px);left:0;width:300px;max-height:400px;background:#fff;border:1px solid #ddd;box-shadow:0 4px 12px #00000026;z-index:1000;display:none;flex-direction:column;overflow:hidden}.country-popover.open{display:flex}.country-search{padding:12px;border:none;border-bottom:1px solid #ddd;font-size:14px;outline:none}.country-search:focus{border-bottom-color:#06c}.country-list{overflow-y:auto;flex:1}.country-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left;font-size:14px}.country-option:hover{background:#f5f5f5}.country-option.selected{background:#e6f2ff}.country-option:focus{outline:none;background:#f0f0f0}.country-option .fi{font-size:20px;flex-shrink:0}.country-option .country-name{flex:1}.country-option .country-code{color:#666;font-size:13px}.country-list::-webkit-scrollbar{width:8px}.country-list::-webkit-scrollbar-track{background:#f1f1f1}.country-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.country-list::-webkit-scrollbar-thumb:hover{background:#555}.no-results{padding:20px;text-align:center;color:#666;font-size:14px}.country-search::placeholder{color:#999}intl-phone-input{width:100%;padding-left:6.4rem}
/*# sourceMappingURL=/cdn/shop/t/785/assets/intl-phone.css.map */