.file-input-btn{--btn-file-border-width:0;--btn-file-border-style:none;--btn-file-border-color:transprent;--btn-file-border-radius:99px;--btn-file-bg-color:#009eb7;--btn-file-padding-y:1rem;--btn-file-padding-x:2rem;--btn-file-color:#fff;--btn-file-font-size:clamp(1.125rem,1.063rem + .208vw,1.25rem);--btn-file-font-weight:700;display:inline-flex;justify-content:center;align-items:center;column-gap:.25rem;line-height:1;cursor:pointer;transition:all .3s;border-width:var(--btn-file-border-width,1px);border-style:var(--btn-file-border-style,solid);border-color:var(--btn-file-border-color,#ddd);border-radius:var(--btn-file-border-radius,0);background-color:var(--btn-file-bg-color,#eee);padding:var(--btn-file-padding-y,8px) var(--btn-file-padding-x,16px);color:var(--btn-file-color,#000);font-size:var(--btn-file-font-size,16px);font-weight:var(--btn-file-font-weight,600)}.file-input-btn input[type=file]{display:none}.file-preview-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.file-preview__item{display:flex;align-items:center;gap:1.5rem;padding:12px;border:1px solid #ccc;border-radius:16px;max-width:100%;position:relative;margin-bottom:1rem}.file-preview__media{position:relative;width:100%;max-width:120px;aspect-ratio:1;border-radius:6px;background:#f9f9f9;border:4px solid #eee}.file-preview__media img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.file-preview__media.selected{border-color:#009eb7}.file-preview__body{flex:1}.file-preview__title{color:#00626e;font-size:18px;margin:0}.file-preview__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;text-transform:uppercase;border-radius:4px}.file-preview__icon--pdf{background:#f44336}.file-preview__icon--ai{background:#f90}.file-preview__icon--eps{background:#a679ff}.file-preview__icon--svg{background:#6c757d}.file-preview__icon--doc{background:#0078d4}.file-preview__icon--xls{background:#107c10}.file-preview__icon--file{background:#ccc}.file-preview__info{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.6);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;cursor:help;color:#fff;z-index:2}.file-preview__info svg{width:14px;height:14px}.file-preview__info .file-preview__tooltip{visibility:hidden;opacity:0;position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;transition:opacity .2s ease}.file-preview__info .file-preview__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#222 transparent transparent}.file-preview__info:hover .file-preview__tooltip,.file-preview__info:focus .file-preview__tooltip{visibility:visible;opacity:1}.file-preview__delete{position:absolute;width:20px;height:20px;top:6px;right:6px;background:#e74c3c;border:none;cursor:pointer;border-radius:50%;color:#fff;display:grid;place-items:center;z-index:3}.file-preview__delete svg{height:14px}