.qatar-phone{width:100%;position:relative}.qatar-phone__shell{direction:ltr;align-items:stretch;width:100%;display:flex;position:relative;overflow:hidden}.qatar-phone__prefix{border-inline-end:1px solid var(--line,color-mix(in srgb, currentColor 14%, transparent));color:color-mix(in srgb, var(--text,#111) 82%, var(--text-muted,#666));letter-spacing:.02em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:.35rem;padding-inline:.75rem .6rem;font-size:.88rem;font-weight:650;line-height:1;display:inline-flex}.qatar-phone__flag{font-size:1rem;line-height:1}.qatar-phone__input{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:0 0;border:none;outline:none;flex:auto;width:auto;min-width:0;padding:.55rem .85rem}.qatar-phone__hint{color:var(--text-muted,#666);margin:.35rem 0 0;font-size:.72rem}.qatar-phone--checkout.qatar-phone{grid-column:1/-1}.qatar-phone--checkout .qatar-phone__shell{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:.95rem;min-height:3.2rem;transition:border-color .16s,box-shadow .16s,background .16s}.qatar-phone--checkout .qatar-phone__shell:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);background:var(--surface)}.qatar-phone--checkout .qatar-phone__shell:has(.qatar-phone__input[aria-invalid=true]){border-color:color-mix(in srgb, var(--destructive,#c23b3b) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--destructive,#c23b3b) 12%, transparent)}.qatar-phone--checkout .qatar-phone__input{min-height:3.2rem;color:var(--text);padding-block:.95rem .55rem;font-size:.95rem}.qatar-phone--checkout .qatar-phone__label{color:var(--text-muted);pointer-events:none;font-size:.95rem;transition:inset-block-start .16s,font-size .16s,color .16s;position:absolute;inset-block-start:1.05rem;inset-inline-start:4.55rem}.qatar-phone--checkout .qatar-phone__shell:focus-within~.qatar-phone__label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--text-muted));font-size:.68rem;inset-block-start:.42rem}.qatar-phone--checkout:has(.qatar-phone__input:not(:placeholder-shown)) .qatar-phone__label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--text-muted));font-size:.68rem;inset-block-start:.42rem}.qatar-phone--checkout .qatar-phone__input::placeholder{color:#0000;transition:color .16s}.qatar-phone--checkout .qatar-phone__shell:focus-within .qatar-phone__input::placeholder{color:color-mix(in srgb, var(--text-muted) 60%, transparent)}.qatar-phone--checkout .qatar-phone__error{color:var(--destructive,#c23b3b);margin:.35rem 0 0;font-size:.78rem}.qatar-phone--dashboard .qatar-phone__shell{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:.85rem;min-height:2.55rem;transition:border-color .2s,box-shadow .2s,background .2s}.qatar-phone--dashboard .qatar-phone__shell:focus-within{border-color:color-mix(in srgb, var(--accent) 48%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);background:color-mix(in srgb, var(--surface) 90%, transparent)}.qatar-phone--dashboard .qatar-phone__shell:has(.qatar-phone__input[aria-invalid=true]){border-color:color-mix(in srgb, var(--destructive,#c23b3b) 45%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--destructive,#c23b3b) 12%, transparent)}.qatar-phone--dashboard .qatar-phone__input{color:var(--text);font-size:.9rem}.dash-desk-dialog-field .qatar-phone--dashboard .qatar-phone__input{width:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;padding:.55rem .85rem}.dash-desk-dialog-field .qatar-phone--dashboard .qatar-phone__input:focus{box-shadow:none;background:0 0;border:none}