.yEjO8AW{position:relative;width:100px}.yEjO8AW1{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--px-56);padding:0 var(--px-12);border:1px solid var(--border-input);border-radius:var(--px-8);background-color:var(--color-bg-lv1);color:var(--color-text-lv1);font-size:var(--px-16);cursor:pointer;opacity:1;transition:all .2s ease;&:focus,&:hover{border-color:var(--color-purple-300)}&:focus{outline:none}&.CountrySelect_disabled__xTvGC{cursor:not-allowed;opacity:.6;&:hover{border-color:var(--border-input)}}svg{transition:transform .2s ease;&.CountrySelect_rotate__usUUu{transform:rotate(180deg)}}}.yEjO8AW2{position:absolute;top:100%;left:0;min-width:200px;z-index:1000;max-height:240px;overflow-y:auto;background:white;border:1px solid var(--border-input);border-radius:var(--px-8);box-shadow:0 8px 24px rgba(0,0,0,.12);margin-top:var(--px-2);padding:var(--px-4) 0;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}&::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}}.yEjO8AW3{display:flex;align-items:center;gap:var(--px-8);padding:var(--px-12);cursor:pointer;transition:background-color .2s ease;background-color:transparent;&:hover{background-color:var(--color-gray-100)}&.CountrySelect_selected__Zn3ki{background-color:var(--color-purple-100);&:hover{background-color:var(--color-purple-100)}}.CountrySelect_phone-code__NJz6S{font-weight:500;color:var(--color-text-lv1);min-width:40px}.CountrySelect_country-name__Oggmm{font-size:var(--px-13);color:var(--color-text-lv2)}}.ynLcRzd{display:flex;flex-direction:column;gap:var(--px-10)}.ynLcRzd1{font-size:var(--px-13);color:var(--color-text-lv3)}.ynLcRzd2{display:flex;gap:var(--px-4);align-items:end}.ynLcRzd3{flex:1}.ynLcRzd4{display:flex;align-items:end;&.PhoneNumberInput_has-error__iuwRm{align-items:start}}.ynLcRzd5{height:var(--px-56);border-radius:var(--px-8);padding:0 var(--px-16);font-size:var(--px-14);font-weight:500;transition:all .2s ease;border:none;cursor:pointer;background-color:var(--color-purple-300);color:white;&:hover{background-color:var(--color-purple-400)}&.PhoneNumberInput_disabled__YDmPJ{cursor:not-allowed;background-color:var(--color-gray-300);color:var(--color-gray-500);&:hover{background-color:var(--color-gray-300)}}}.ynLcRzd6{font-size:var(--px-13);color:var(--color-error)}.ynLcRzd7{display:flex;gap:var(--px-8)}.ynLcRzd8{flex:1}