.input-file{display:flex;gap:10px}.input-file input[type=file]{display:none}.input-file__dropzone{align-items:center;border:var(--border-width) dashed #aaa;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100px;justify-content:center;padding:20px;text-align:center;width:100%}.input-file__dropzone--dragging{border-color:var(--color-primary)}.input-file__library-button{background:#f0f0f0;border:var(--border-width) solid #aaa;border-radius:var(--border-radius);color:#333;cursor:pointer;height:100px;width:100px}.input-file-library{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.input-file-library__close{background:transparent;border:none;color:#000;cursor:pointer;margin-bottom:20px;padding:0}.input-file-library__close svg{height:auto;width:25px}.input-file-library__content{background:#fff;border-radius:var(--border-radius);max-height:80%;max-width:80%;overflow-y:auto;padding:20px}.input-file-library__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.input-file-library__item{align-items:center;background:#fff;border:var(--border-width) solid #ccc;border-radius:var(--border-radius);color:#333;cursor:pointer;display:flex;height:100px;justify-content:center;width:100%}.input-file-library__item img{height:70%;-o-object-fit:contain;object-fit:contain;width:70%}