@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.custom-phone-input{border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary-50);border-color:var(--color-primary);align-items:center;width:100%;padding:0;display:flex;position:relative}.custom-phone-input:focus,.custom-phone-input:focus-within{box-shadow:none;border:1px solid;border-color:var(--primary-50);border-color:var(--color-primary);outline:0}.custom-phone-input input{min-width:0;height:100%;padding-inline:calc(var(--spacing,.25rem)*4);background:0 0;flex-grow:1;display:block}.custom-phone-input button{margin-inline-start:.15rem;padding-inline:.5rem}.custom-phone-input input[readonly]{border-inline-end:1px solid;width:8ch}html[lang=ar] .custom-phone-input input[dir=ltr]::placeholder{text-align:end}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}