@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-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-input .prepend,.custom-input .append{padding-inline-start:calc(var(--spacing,.25rem)*2)}.custom-input:focus,.custom-input:focus-within{border-color:var(--primary-50);border-color:var(--color-primary);box-shadow:none;outline:0}.custom-input input{padding-inline:calc(var(--spacing,.25rem)*2);background:0 0;flex:1;width:100%;height:100%}html[lang=ar] .custom-input input[dir=ltr]::placeholder{text-align:end}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}