.zc-file-input-fa{position:relative;box-sizing:border-box;width:100%;min-width:0;min-height:48px;display:flex;align-items:center;gap:10px;overflow:hidden;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;direction:rtl}
.zc-file-input-fa>input[type=file]{position:absolute!important;z-index:2;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer}
.zc-file-input-fa__action{align-self:stretch;flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 14px;border-inline-end:1px solid #bfd3f4;background:#edf5ff;color:#173c8f;font-size:.75rem;font-weight:850;white-space:nowrap}
.zc-file-input-fa__name{min-width:0;flex:1 1 auto;overflow:hidden;padding:8px 2px 8px 12px;color:#64748b;font-size:.72rem;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}
.zc-file-input-fa:hover{border-color:#93b4e5}.zc-file-input-fa:focus-within{border-color:#2563eb;outline:3px solid rgba(37,99,235,.16);outline-offset:1px}.zc-file-input-fa:has(input:disabled){opacity:.6;background:#f1f5f9}.zc-file-input-fa:has(input:disabled)>input{cursor:not-allowed}
@media(max-width:480px){.zc-file-input-fa{align-items:stretch;flex-direction:column;gap:0}.zc-file-input-fa__action{justify-content:center;border-inline-end:0;border-bottom:1px solid #bfd3f4}.zc-file-input-fa__name{width:100%;padding:7px 10px;text-align:center}}
@media(forced-colors:active){.zc-file-input-fa{border:2px solid CanvasText}.zc-file-input-fa__action{border-color:CanvasText}}