.folder{cursor:pointer;--magnet-x:0px;--magnet-y:0px;background:0 0;border:0;padding:0;transition:transform .2s ease-in;display:block}.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)), calc(-70% + var(--magnet-y))) rotateZ(-15deg)}.folder.open .paper:nth-child(2){transform:translate(calc(10% + var(--magnet-x)), calc(-70% + var(--magnet-y))) rotateZ(15deg);height:80%}.folder.open .paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x)), calc(-100% + var(--magnet-y))) rotateZ(5deg);height:80%}.folder.open .paper:first-child:hover{transform:translate(calc(-120% + var(--magnet-x)), calc(-70% + var(--magnet-y))) rotateZ(-15deg) scale(1.1)}.folder.open .paper:nth-child(2):hover{transform:translate(calc(10% + var(--magnet-x)), calc(-70% + var(--magnet-y))) rotateZ(15deg) scale(1.1)}.folder.open .paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x)), calc(-100% + var(--magnet-y))) rotateZ(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;display:block;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);box-sizing:border-box;text-align:center;letter-spacing:.01em;width:70%;height:80%;color:var(--color-navy);border-radius:10px;justify-content:center;align-items:flex-start;padding:5px 5px 0;font-size:5px;font-weight:600;line-height:1.3;transition:transform .3s ease-in-out,height .3s ease-in-out;display:flex;position:absolute;bottom:10%;left:50%;overflow:hidden;transform:translate(-50%,10%)}.paper>*{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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;border-radius:5px 10px 10px;width:100%;height:100%;transition:transform .3s ease-in-out;display:block;position:absolute}.folder:focus-visible{outline:2px solid var(--color-coral-ink);outline-offset:6px;border-radius:10px}@media (prefers-reduced-motion:reduce){.folder,.folder .paper,.folder .folder__front{transition:none}}
.light-pillar-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}