.phone-group{border:1px solid var(--color-palette-mono-200);background:#fff;border-radius:12px;align-items:stretch;transition:border-color .3s ease-out,box-shadow .3s ease-out;display:flex;position:relative}.phone-group:focus-within{border-color:var(--color-secondary-500);box-shadow:0 0 0 3px #1679851f,0 1px 2px #1018280d}@supports (color:color-mix(in lab, red, red)){.phone-group:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary-500)12%,transparent),0 1px 2px 0 #1018280d}}.phone-group--error{border-color:var(--color-error-base,#e53e3e)}.phone-group--error:focus-within{border-color:var(--color-error-base,#e53e3e);box-shadow:0 0 0 3px #ef44441f,0 1px 2px #1018280d}@supports (color:color-mix(in lab, red, red)){.phone-group--error:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-base,#e53e3e)12%,transparent),0 1px 2px 0 #1018280d}}.phone-group__trigger{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.phone-group__trigger-btn{all:unset;cursor:pointer;color:var(--color-gray-800);outline:none;align-items:center;gap:2px;padding:14px 16px 14px 14px;font-size:16px;line-height:24px;display:flex}.phone-group__trigger-btn:focus-visible{outline:none}.phone-group__trigger-btn svg:last-child{color:var(--color-palette-mono-500);margin-left:2px}.phone-group__divider{background:var(--color-palette-mono-200);flex-shrink:0;align-self:center;width:1px;height:24px}.phone-group__field{flex:1;min-width:0;position:relative}.phone-group__input{width:100%;height:100%;color:var(--color-gray-800);background:0 0;border:none;border-radius:0 12px 12px 0;outline:none;padding:14px 14px 14px 12px;font-size:16px;line-height:24px}.phone-group__input:-webkit-autofill{-webkit-text-fill-color:var(--color-gray-800);caret-color:var(--color-gray-800);transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.phone-group__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-gray-800);caret-color:var(--color-gray-800);transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.phone-group__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-gray-800);caret-color:var(--color-gray-800);transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.phone-group__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-gray-800);caret-color:var(--color-gray-800);transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fff}.phone-group__label{color:var(--color-palette-mono-500);pointer-events:none;z-index:1;font-size:16px;line-height:24px;transition:all .28s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.phone-group__input:focus~.phone-group__label,.phone-group__input:not(:placeholder-shown)~.phone-group__label{color:var(--color-secondary-500);background:#fff;padding:0 4px;font-size:14px;line-height:20px;top:0;transform:translateY(-50%)}.phone-group--error .phone-group__input:focus~.phone-group__label,.phone-group--error .phone-group__input:not(:placeholder-shown)~.phone-group__label{color:var(--color-error-base,#e53e3e)}.phone-group__search{width:100%;color:var(--color-gray-800);background:0 0;border:none;outline:none;padding:0;font-size:14px;line-height:20px}.phone-group__search::placeholder{color:var(--color-palette-mono-500)}