.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;.folder{position:absolute;top:-20px;left:calc(50% - 60px);animation:float 2.5s ease-in-out infinite;transition:transform var(--transition) ease}.folder:hover{transform:scale(1.05)}.folder .back-side,.folder .front-side{position:absolute;transition:transform var(--transition);transform-origin:bottom center}.folder .back-side:after,.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}.container:hover .back-side:before{transform:rotateX(-5deg) skewX(5deg)}.container:hover .back-side:after{transform:rotateX(-15deg) skewX(12deg)}.folder .front-side{z-index:1}.container:hover .front-side{transform:rotateX(-40deg) skewX(15deg)}.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}.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}.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}.custom-file-upload:hover{background:rgba(255,255,255,.4)}.custom-file-upload input[type=file]{display:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}}