.folder-card{cursor:pointer;perspective:1000px;width:320px;height:240px;position:relative}.folder-back{z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.folder-back-body{background:#1b8aeb;border-radius:16px;width:100%;height:215px;position:absolute;bottom:0;left:0;box-shadow:0 10px 20px -5px #0000004d}.folder-tab{background:#1b8aeb;border-radius:18px 18px 0 0;width:130px;height:35px;position:absolute;top:0;left:0}.folder-tab:after{content:"";background:0 0;border-bottom-left-radius:12px;width:20px;height:20px;position:absolute;bottom:0;right:-20px;box-shadow:-10px 10px #1b8aeb}.folder-content{z-index:1;width:90%;height:210px;transition:transform .5s cubic-bezier(.25,1,.5,1);position:absolute;bottom:10px;left:5%}.folder-content img{object-fit:cover;width:100%;height:100%}.folder-card:hover .folder-content{transform:translateY(-40px)}.folder-front{z-index:2;background:linear-gradient(#5bc0fe 0%,#3ca3f4 100%);border-radius:12px 12px 16px 16px;align-items:flex-end;width:100%;height:200px;display:flex;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 2px 3px #fff9,0 -2px 10px #0000001a}.folder-ridges{z-index:1;background:repeating-linear-gradient(#00000014 0 1px,#ffffff40 2px 3px,#0000 4px 6px);width:100%;height:14px;position:absolute;bottom:15px;left:0}.folder-text{z-index:3;color:#fff;width:100%;padding:24px 24px 35px;position:relative}.folder-text .title{text-shadow:0 1px 3px #0003;margin:0;font-size:28px;font-weight:600}