.phone-input-container{padding:0 0 4px;border-bottom:2px solid #ddd;@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.phone-input-container .selected-country{border-radius:10px;padding:6px 0;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.phone-input-container .selected-country .arrow{margin-left:4px;transition:transform .2s ease}.phone-input-container .selected-country .arrow.open{transform:rotate(180deg)}.phone-input-container .country-dropdown{position:absolute;top:110%;left:0;width:201px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 15px #0000001a;z-index:100;max-height:220px;overflow-y:auto;overflow-x:hidden;animation:dropdownFade .2s ease}.phone-input-container .country-option{padding:6px 4px;cursor:pointer;transition:background .2s ease}.phone-input-container .country-option:hover{background:#f0f0f0}.phone-input-container .country-option.active{background:#e8f0ff;font-weight:600}.phone-input-container .number-inputs input{width:40px;text-align:center;border:none;outline:none;font-size:16px;padding:4px}.phone-input-container .number-inputs input:focus{border:0;box-shadow:none}.phone-input-container .number-inputs .divider{color:#888}.phone-input-container button.pa,.phone-input-container button.pa:hover{background-color:transparent}:is(.phone-input-container button.pa,.phone-input-container button.pa:hover):hover,:is(.phone-input-container button.pa,.phone-input-container button.pa:hover):active{box-shadow:0 0 0 1px #626262}