.phone-group{--input-background-color:#25222b;--input-border-radius:8px;--secondary-color:#4f495e}.custom-select{max-width:100px;color:var(--default-color);width:100%;font-size:1.15rem;position:relative}.select-button{width:100%;min-width:100px;max-width:100px;height:64px;color:var(--default-color);background-color:var(--input-background-color);border:1px solid var(--secondary-color);border-radius:var(--input-border-radius);cursor:pointer;align-items:center;font-size:1.15rem;display:flex}.selected-value{text-align:left}.arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--primary-color);transition:transform .3s ease-in-out}.select-dropdown{background-color:var(--input-background-color);border:1px solid var(--secondary-color);border-radius:var(--input-border-radius);z-index:1;opacity:0;width:100%;height:0;max-height:200px;margin-top:0;padding:10px 0;list-style:none;transition:all .5s;position:absolute;top:68px;overflow:hidden auto;box-shadow:0 10px 25px #0003}.custom-select.active .arrow{transform:rotate(180deg)}.custom-select.active~.select-dropdown{opacity:1;visibility:visible;border-top:0;min-height:200px}.select-dropdown:focus-within{box-shadow:0 2px 1px #5e6ce999}.selected-value,.select-dropdown li{cursor:pointer;align-items:center;gap:.5rem;padding:0 10px;font-size:1.15rem;display:flex;position:relative}.select-dropdown li label{cursor:pointer;width:100%;color:var(--default-color);align-items:center;gap:.5rem;padding:8px 10px;display:flex}.phone-prefix-img{border-radius:20px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;overflow:hidden}.phone-prefix-img img{height:40px}.select-dropdown::-webkit-scrollbar{width:7px}.select-dropdown::-webkit-scrollbar-track{background:var(--background-color);border-radius:25px}.select-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.select-dropdown li:hover,.select-dropdown input:checked~label,.select-dropdown input:focus~label{background-color:var(--primary-color)}.select-dropdown input[type=radio]{opacity:0;position:absolute;left:0}.phone-group{flex-direction:row;display:flex;position:relative}.phone-input{width:100%;position:relative}.phone-input input{background-color:var(--input-background-color);border:1px solid var(--secondary-color);border-left:none;width:100%;height:64px;padding-top:16px;padding-bottom:10px;position:relative;border-radius:0 var(--input-border-radius)var(--input-border-radius)0!important;padding-left:20px!important}.phone-input:before{content:"|";z-index:10;color:var(--secondary-color);align-items:center;height:68px;font-size:28px;display:flex;position:absolute;left:0}.phone-group .phone-prefix button{border-right:none;border-radius:8px 0 0 8px}.phone-input input:not([type=checkbox]):not([type=radio])+.label-phone-input{color:var(--default-color);font-size:16px;font-weight:400;transform:translate(0,0)}.phone-input_input:focus+.label-phone-input,.phone-input_input:valid+.label-phone-input{color:var(--color-secondary);font-size:12px!important;transform:translateY(-14px)!important}