.phone-field{min-width:0}
.phone-label-row{display:flex;align-items:center;gap:6px;min-height:19px;margin:0 0 7px}
.phone-label-row>label{margin:0;font-size:12px;color:#666f6a;line-height:1.6}
.phone-label-row>label small{font-size:10px;color:#98a09b}
.phone-help{position:relative;display:inline-flex;align-items:center}
.phone-help-trigger{display:grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid #bfd8c8;border-radius:50%;background:#f7fbf8;color:#477b5a;font-family:inherit;font-size:11px;font-weight:700;line-height:1;cursor:help}
.phone-help-trigger:hover,.phone-help-trigger:focus-visible{border-color:#16a34a;color:#168446;outline:none;box-shadow:0 0 0 3px #16a34a1a}
.phone-help-tooltip{position:absolute;left:0;bottom:calc(100% + 9px);z-index:50;width:max-content;max-width:min(280px,calc(100vw - 64px));padding:9px 11px;border:1px solid #dcefe2;border-radius:9px;background:#fff;color:#485b50;font-size:11px;line-height:1.5;box-shadow:0 8px 22px #173d241f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.phone-help:hover .phone-help-tooltip,.phone-help-trigger:focus-visible + .phone-help-tooltip,.phone-help.is-open .phone-help-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.phone-field .registration-phone{display:flex;align-items:center;min-width:0;height:42px;border:1px solid #dfefe6;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.phone-field .registration-phone:focus-within{border-color:#89ecb2;box-shadow:0 0 0 3px #74e8a414}
.phone-field .registration-phone:has([aria-invalid=true]){border-color:#d87979}
.phone-field .select-control{width:auto;min-width:94px;flex:none;max-width:125px;margin:0}
.phone-field .select-trigger{height:30px;min-height:30px;padding:4px 9px;gap:6px;border:0;border-right:1px solid #e5efe9;border-radius:0;background:transparent;box-shadow:none;font-size:12px}
.phone-field .select-trigger:focus-visible,.phone-field .select-trigger[aria-expanded=true]{border-color:#e5efe9;box-shadow:none;outline:0}
:is(.dashboard-body,.auth-layout) [data-phone-field] .registration-phone input:not([type=hidden]){flex:1;width:0;height:40px;min-width:0;padding:0 10px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;font:inherit;font-size:13px}
@media(max-width:600px){:is(.dashboard-body,.auth-layout) [data-phone-field] .registration-phone input:not([type=hidden]){font-size:16px}}
@media(prefers-reduced-motion:reduce){.phone-field .registration-phone,.phone-help-tooltip{transition:none}}