.rb-lightfall-container{width:100%;height:100%;position:relative;overflow:hidden}.rb-folder{cursor:pointer;transition:all .2s ease-in}.rb-folder:not(.folder--click):hover{transform:translateY(-8px)}.rb-folder:not(.folder--click):hover .rb-paper{transform:translate(-50%)}.rb-folder:not(.folder--click):hover .rb-folder__front{transform:skew(15deg)scaleY(.6)}.rb-folder:not(.folder--click):hover .right{transform:skew(-15deg)scaleY(.6)}.rb-folder.open{transform:translateY(-8px)}.rb-folder.open .rb-paper:first-child{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg)}.rb-folder.open .rb-paper:first-child:hover{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg) scale(1.1)}.rb-folder.open .rb-paper:nth-child(2){height:80%;transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg)}.rb-folder.open .rb-paper:nth-child(2):hover{transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg) scale(1.1)}.rb-folder.open .rb-paper:nth-child(3){height:80%;transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg)}.rb-folder.open .rb-paper:nth-child(3):hover{transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg) scale(1.1)}.rb-folder.open .rb-folder__front{transform:skew(15deg)scaleY(.6)}.rb-folder.open .right{transform:skew(-15deg)scaleY(.6)}.rb-folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.rb-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}.rb-paper{z-index:2;background:var(--paper-1);border-radius:8px;width:70%;height:80%;transition:all .3s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.rb-paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.rb-paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.rb-folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.rb-folder:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #fff}.rb-border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:8px;--glow-padding:40px;--cone-spread:25;isolation:isolate;background:var(--card-bg,#120f17);border-radius:var(--border-radius);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 14px 34px #0f172a14,0 28px 80px #0f172a14}.rb-border-glow-card:before,.rb-border-glow-card:after,.rb-border-glow-card>.rb-edge-light{z-index:-1;content:"";border-radius:inherit;transition:opacity .25s ease-out;position:absolute;inset:0}.rb-border-glow-card:not(:hover):not(.sweep-active):before,.rb-border-glow-card:not(:hover):not(.sweep-active):after,.rb-border-glow-card:not(:hover):not(.sweep-active)>.rb-edge-light{opacity:0;transition:opacity .75s ease-in-out}.rb-border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #c084fc 0, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #f472b6 0, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #38bdf8 0, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #c084fc 0, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #f472b6 0, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #38bdf8 0, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #f472b6 0, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c084fc 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.rb-border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #c084fc 0, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #f472b6 0, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #38bdf8 0, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #c084fc 0, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #f472b6 0, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #38bdf8 0, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #f472b6 0, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c084fc 0 100%)) padding-box;opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mix-blend-mode:soft-light;border:1px solid #0000}.rb-border-glow-card>.rb-edge-light{z-index:1;inset:calc(var(--glow-padding) * -1);pointer-events:none;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mix-blend-mode:plus-lighter}.rb-border-glow-card>.rb-edge-light:before{inset:var(--glow-padding);content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.rb-border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}
html,body{min-height:100%}body{margin:0}button,input,textarea,select{font:sans-serif}