.file-input input{display:none}.file-input label{border:1px solid var(--dark-gray-color);cursor:pointer;border-radius:10px;width:3rem;height:3rem;display:block}.file-input label:focus,.file-input label:focus-visible{outline:1px auto var(--interaction-color)}.file-input label img{object-fit:cover;width:100%}.file-input>div{width:6rem;position:relative}.file-input>div>div{cursor:pointer;opacity:0;background-color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.file-input>div>div:hover{opacity:1}.file-input>div>div img{width:3rem;height:auto}