.uploader-container{--transition:350ms;--folder-W:120px;--folder-H:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px;margin-top:40px;background:linear-gradient(135deg,#6dd5ed,#2193b0);border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.2);height:calc(var(--folder-H) * 3);position:relative}.uploader-container .folder{position:absolute;top:-20px;left:calc(50% - 60px);animation:float 2.5s ease-in-out infinite;transition:transform var(--transition) ease}.uploader-container .folder:hover{transform:scale(1.05)}.uploader-container .folder .back-side,.uploader-container .folder .front-side{position:absolute;transition:transform var(--transition);transform-origin:bottom center}.uploader-container .folder .back-side:after,.uploader-container .folder .back-side:before{content:"";display:block;background-color:white;opacity:.5;width:var(--folder-W);height:var(--folder-H);position:absolute;transform-origin:bottom center;border-radius:15px;transition:transform .35s;z-index:0}.uploader-container:hover .folder .back-side:before{transform:rotateX(-5deg) skewX(5deg)}.uploader-container:hover .folder .back-side:after{transform:rotateX(-15deg) skewX(12deg)}.uploader-container .folder .front-side{z-index:1}.uploader-container:hover .folder .front-side{transform:rotateX(-40deg) skewX(15deg)}.uploader-container .folder .tip{background:linear-gradient(135deg,#ff9a56,#ff6f56);width:80px;height:20px;border-radius:12px 12px 0 0;box-shadow:0 5px 15px rgba(0,0,0,.2);position:absolute;top:-10px;z-index:2}.uploader-container .folder .cover{background:linear-gradient(135deg,#ffe563,#ffc663);width:var(--folder-W);height:var(--folder-H);box-shadow:0 15px 30px rgba(0,0,0,.3);border-radius:10px}.uploader-container .custom-file-upload{font-size:1.1em;color:#ffffff;text-align:center;background:rgba(255,255,255,.2);border:none;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);cursor:pointer;transition:background var(--transition) ease;display:inline-block;width:100%;padding:10px 35px;position:relative}.uploader-container .custom-file-upload:hover{background:rgba(255,255,255,.4)}.uploader-container .custom-file-upload input[type=file]{display:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}