:root{--folder-color:#082fe6;--folder-back-color:#051ea8;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff}.folder{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 20px #000a2324);transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg)}.folder.open .paper:first-child:hover{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg) scale(1.1);z-index:10}.folder.open .paper:nth-child(2){transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg) scale(1.1);z-index:10}.folder.open .paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg) scale(1.1);z-index:10}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);box-sizing:border-box;border:1px solid #fff9;border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffffffa6;border-radius:2px 7px 7px;position:absolute;inset:4px 6px}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);box-sizing:border-box;border:1px solid #fff9;border-bottom:none;border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);color:#07101f;text-align:center;box-sizing:border-box;border:1px solid #fffffff2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:70%;height:80%;padding:6px 12px;font-size:11px;font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%,10%);box-shadow:0 4px 14px #0000001f}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;box-sizing:border-box;border:1px solid #ffffffa6;border-radius:5px 10px 10px;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:inset 0 1px #ffffff80}.folder__front:after{content:"";pointer-events:none;border:1px solid #fff9;border-radius:3px 7px 7px;position:absolute;inset:4px 6px}.folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}.floating-folder-root{z-index:999;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-end;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:32px;right:48px;transform:translateY(24px)scale(.92)}.floating-folder-root.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.floating-folder-container{cursor:pointer;justify-content:center;align-items:center;padding:8px 12px;display:flex;position:relative}.folder-paper-item{color:#0a1120;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;text-decoration:none;display:flex}.folder-paper-icon{color:#082fe6;justify-content:center;align-items:center;display:inline-flex}.folder-paper-label{letter-spacing:-.01em;white-space:nowrap;font-size:9.5px;font-weight:800}@media (max-width:768px){.floating-folder-root{bottom:22px;right:28px;transform:translateY(20px)scale(.8)}.floating-folder-root.visible{transform-origin:100% 100%;transform:translateY(0)scale(.85)}}