.dot-field-container{position:relative;width:100%;height:100%}.curved-loop-jacket{display:flex;align-items:center;justify-content:center;width:100%}.curved-loop-svg{user-select:none;width:100%;aspect-ratio:100/12;overflow:visible;display:block;font-size:3rem;fill:var(--ink);-moz-user-select:none;-webkit-user-select:none;font-weight:700;text-transform:uppercase;line-height:1}.curved-loop-muted{fill:var(--ink);opacity:.16}.folder{transition:all .2s ease-in;cursor:pointer}.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(-120%,-70%) rotate(-15deg)}.folder.open .paper:first-child:hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;border-radius:0 10px 10px 10px}.folder__back,.folder__back:after{background:var(--folder-back-color)}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out;display:flex;align-items:flex-end;justify-content:center;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%}.paper-label{font-size:10px;font-weight:600;color:#33414d;padding-bottom:6px;white-space:nowrap}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.folder:focus-visible{outline:2px solid var(--brand-primary,#fff);outline-offset:4px;border-radius:10px}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid var(--line,hsla(0,0%,100%,.15));background:var(--card-bg,#120f17);overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.1),0 32px 64px rgba(0,0,0,.1)}.border-glow-card:after,.border-glow-card:before,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box,linear-gradient(hsla(0,0%,100%,0) 0 100%) border-box,var(--gradient-one,radial-gradient(at 80% 55%,#be85ff 0,transparent 50%)) border-box,var(--gradient-two,radial-gradient(at 69% 34%,#ff7a93 0,transparent 50%)) border-box,var(--gradient-three,radial-gradient(at 8% 6%,#8fffad 0,transparent 50%)) border-box,var(--gradient-four,radial-gradient(at 41% 38%,#47daff 0,transparent 50%)) border-box,var(--gradient-five,radial-gradient(at 86% 85%,#7af2ff 0,transparent 50%)) border-box,var(--gradient-six,radial-gradient(at 82% 18%,#ffe74d 0,transparent 50%)) border-box,var(--gradient-seven,radial-gradient(at 51% 4%,#ff8d70 0,transparent 50%)) border-box,var(--gradient-base,linear-gradient(#c299ff 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,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one,radial-gradient(at 80% 55%,#be85ff 0,transparent 50%)) padding-box,var(--gradient-two,radial-gradient(at 69% 34%,#ff7a93 0,transparent 50%)) padding-box,var(--gradient-three,radial-gradient(at 8% 6%,#8fffad 0,transparent 50%)) padding-box,var(--gradient-four,radial-gradient(at 41% 38%,#47daff 0,transparent 50%)) padding-box,var(--gradient-five,radial-gradient(at 86% 85%,#7af2ff 0,transparent 50%)) padding-box,var(--gradient-six,radial-gradient(at 82% 18%,#ffe74d 0,transparent 50%)) padding-box,var(--gradient-seven,radial-gradient(at 51% 4%,#ff8d70 0,transparent 50%)) padding-box,var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}:root:not(.dark) .border-glow-card:after{mix-blend-mode:multiply;opacity:calc(.5 * var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}:root:not(.dark) .border-glow-card>.edge-light{mix-blend-mode:normal;opacity:calc(.8 * (var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)))}:root:not(.dark) .border-glow-card>.edge-light:before{box-shadow:inset 0 0 0 2px var(--glow-color,#f5daa3),inset 0 0 8px 0 var(--glow-color-40,hsla(40,80%,80%,.4)),inset 0 0 20px 2px var(--glow-color-20,hsla(40,80%,80%,.2)),0 0 20px 2px var(--glow-color-20,hsla(40,80%,80%,.2))}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3),inset 0 0 6px 0 var(--glow-color-40,hsla(40,80%,80%,.4)),inset 0 0 18px 2px var(--glow-color-20,hsla(40,80%,80%,.2)),0 0 18px 2px var(--glow-color-20,hsla(40,80%,80%,.2))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}