#folder{isolation:auto;overflow:visible;transform-style:preserve-3d}
#folder .front{transform:translateZ(9px)}
#folder .rear{left:0;top:0;width:311px;height:487px;background-size:1047px 724px;background-position:-368px -122px;clip-path:polygon(9.32% 6.16%,94.86% 1.03%,98.71% 94.25%,4.18% 97.95%);transform:rotateY(180deg) translateZ(9px)}
.depth-edge{position:absolute;left:0;top:0;display:block;transform-origin:0 0;backface-visibility:visible;pointer-events:none;background:linear-gradient(to bottom,#b49670 0 9%,#e9dcc0 10% 18%,#a48d6e 19% 23%,#eee5d0 24% 37%,#b7a185 38% 43%,#f3e8d3 44% 57%,#b09a7c 58% 63%,#e6d9c0 64% 80%,#987b55 81% 91%,#c3a37a 92%);box-shadow:inset 0 1px #71553480,inset 0 -1px #6f512f90}
.depth-edge-1{filter:brightness(.82)}.depth-edge-2{filter:brightness(.72)}.depth-edge-3{filter:brightness(.94)}
.depth-rim{position:absolute;inset:0;pointer-events:none;background:#b39268;clip-path:polygon(5.14% 1.03%,90.68% 6.16%,95.82% 97.95%,1.29% 94.25%);transform:translateZ(-8.6px);backface-visibility:hidden}