.cn-phone-field{border-radius:var(--radius);background-color:color-mix(in oklab, var(--muted) 60%, transparent);border:1px solid #0000;align-items:center;width:100%;min-width:0;height:2.75rem;padding-inline:.375rem .875rem;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;display:flex}@media (min-width:768px){.cn-phone-field{height:2.5rem}}.cn-phone-field:hover{background-color:var(--muted)}.cn-phone-field:focus-within{border-color:var(--ring);background-color:var(--background);box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}.cn-phone-field [data-slot=select-trigger],.cn-phone-field [data-slot=select-trigger]:hover,.cn-phone-field [data-slot=select-trigger]:focus-visible{height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.cn-phone-code{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.875rem}.cn-phone-flag{border-radius:2px;flex:none;width:1.375rem;line-height:0;display:inline-flex;overflow:hidden}.cn-phone-flag svg,.cn-phone-flag img{width:100%;height:auto;display:block}.cn-phone-number{border:none;border-inline-start:1px solid var(--border);min-width:0;height:100%;color:var(--foreground);background:0 0;outline:none;flex:auto;margin-inline-start:.125rem;padding-inline-start:.625rem;font-size:1rem}@media (min-width:768px){.cn-phone-number{font-size:.875rem}}.cn-phone-number::placeholder{color:var(--muted-foreground)}.cn-phone-field--invalid{border-color:var(--destructive);background-color:color-mix(in oklab, var(--destructive) 5%, transparent)}.cn-phone-field--invalid:focus-within{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 20%, transparent)}.cn-phone-menu{min-width:15rem}.cn-phone-option{flex:auto;align-items:center;gap:.5rem;display:flex}.cn-phone-name{flex:auto}.cn-phone-code-item{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-inline-start:.5rem}