.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:.4rem;padding-inline:.8rem .7rem;font-size:.9rem;font-weight:650;line-height:1;display:inline-flex}.qatar-phone__flag{font-size:1.05rem;line-height:1}.qatar-phone__code{font-variant-numeric:tabular-nums}.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.35rem;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.is-invalid .qatar-phone__shell{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__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__prefix{background:color-mix(in srgb, var(--accent) 7%, transparent);color:color-mix(in srgb, var(--accent) 55%, var(--text));font-weight:700}.qatar-phone--checkout .qatar-phone__field{flex:auto;min-width:0;display:flex;position:relative}.qatar-phone--checkout .qatar-phone__input{width:100%;min-height:3.35rem;color:var(--text);padding:1.15rem .9rem .4rem;font-size:.98rem}.qatar-phone--checkout .qatar-phone__label{color:var(--text-muted);pointer-events:none;margin:0;font-size:.9rem;font-weight:500;line-height:1.2;transition:top .16s,font-size .16s,color .16s,letter-spacing .16s;position:absolute;top:1.05rem;left:.9rem;right:auto}html[dir=rtl] .qatar-phone--checkout .qatar-phone__label{letter-spacing:0}.qatar-phone--checkout .qatar-phone__shell:focus-within .qatar-phone__label,.qatar-phone--checkout.is-filled .qatar-phone__label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--text-muted));font-size:.62rem;font-weight:650;top:.42rem}html[dir=rtl] .qatar-phone--checkout .qatar-phone__shell:focus-within .qatar-phone__label,html[dir=rtl] .qatar-phone--checkout.is-filled .qatar-phone__label{letter-spacing:0;text-transform:none;font-size:.68rem}.qatar-phone--checkout .qatar-phone__input::placeholder{color:#0000;transition:color .16s}.qatar-phone--checkout .qatar-phone__shell:focus-within .qatar-phone__input:placeholder-shown::placeholder{color:color-mix(in srgb, var(--text-muted) 55%, 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}