.rb-strands-container,.rb-magic-rings-container{background:0 0;width:100%;height:100%;position:relative}.rb-strands-container canvas,.rb-magic-rings-container canvas{width:100%;height:100%;display:block}.rb-border-glow-card{--rb-edge-proximity:0;--rb-cursor-angle:45deg;--rb-edge-sensitivity:30;--rb-color-sensitivity:calc(var(--rb-edge-sensitivity) + 20);--rb-border-radius:10px;--rb-glow-padding:32px;--rb-cone-spread:24;isolation:isolate;border-radius:var(--rb-border-radius);background:var(--rb-card-bg,var(--card));box-shadow:var(--shadow-card);border:1px solid #d9dce3e6;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.rb-border-glow-card:before,.rb-border-glow-card:after,.rb-border-glow-card>.rb-edge-light{content:"";z-index:-1;border-radius:inherit;transition:opacity .25s ease-out;position:absolute;inset:0}.rb-border-glow-card:not(:hover):not(.rb-sweep-active):before,.rb-border-glow-card:not(:hover):not(.rb-sweep-active):after,.rb-border-glow-card:not(:hover):not(.rb-sweep-active)>.rb-edge-light{opacity:0;transition:opacity .75s ease-in-out}.rb-border-glow-card:before{background:linear-gradient(var(--rb-card-bg,var(--card)) 0 100%) padding-box, linear-gradient(#fff0 0 100%) border-box, var(--rb-gradient-one) border-box, var(--rb-gradient-two) border-box, var(--rb-gradient-three) border-box, var(--rb-gradient-four) border-box, var(--rb-gradient-five) border-box, var(--rb-gradient-six) border-box, var(--rb-gradient-seven) border-box, var(--rb-gradient-base) border-box;opacity:calc((var(--rb-edge-proximity) - var(--rb-color-sensitivity)) / (100 - var(--rb-color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--rb-cursor-angle) at center, black calc(var(--rb-cone-spread) * 1%), transparent calc((var(--rb-cone-spread) + 15) * 1%), transparent calc((100 - var(--rb-cone-spread) - 15) * 1%), black calc((100 - var(--rb-cone-spread)) * 1%));mask-image:conic-gradient(from var(--rb-cursor-angle) at center, black calc(var(--rb-cone-spread) * 1%), transparent calc((var(--rb-cone-spread) + 15) * 1%), transparent calc((100 - var(--rb-cone-spread) - 15) * 1%), black calc((100 - var(--rb-cone-spread)) * 1%));border:1px solid #0000}.rb-border-glow-card:after{background:var(--rb-gradient-one) padding-box, var(--rb-gradient-two) padding-box, var(--rb-gradient-three) padding-box, var(--rb-gradient-four) padding-box, var(--rb-gradient-five) padding-box, var(--rb-gradient-six) padding-box, var(--rb-gradient-seven) padding-box, var(--rb-gradient-base) padding-box;opacity:calc(var(--rb-fill-opacity,.3) * (var(--rb-edge-proximity) - var(--rb-color-sensitivity)) / (100 - var(--rb-color-sensitivity)));mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), conic-gradient(from var(--rb-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%), conic-gradient(from var(--rb-cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);border:1px solid #0000;-webkit-mask-composite:source-out,source-over;mask-composite:subtract,add}.rb-border-glow-card>.rb-edge-light{inset:calc(var(--rb-glow-padding) * -1);z-index:1;pointer-events:none;opacity:calc((var(--rb-edge-proximity) - var(--rb-edge-sensitivity)) / (100 - var(--rb-edge-sensitivity)));mix-blend-mode:plus-lighter;-webkit-mask-image:conic-gradient(from var(--rb-cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--rb-cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)}.rb-border-glow-card>.rb-edge-light:before{content:"";inset:var(--rb-glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rb-glow-color), inset 0 0 3px 0 var(--rb-glow-color-50), inset 0 0 10px 0 var(--rb-glow-color-30), inset 0 0 32px 2px var(--rb-glow-color-10), 0 0 3px 0 var(--rb-glow-color-50), 0 0 16px 2px var(--rb-glow-color-20), 0 0 42px 2px var(--rb-glow-color-10);position:absolute}.rb-border-glow-inner{z-index:2;border-radius:inherit;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.rb-folder-scale{transform-origin:50%;display:inline-block}.rb-folder{cursor:pointer;transition:transform .2s ease-in}.rb-folder:hover,.rb-folder.rb-folder-open{transform:translateY(-8px)}.rb-folder:hover .rb-paper{transform:translate(-50%)}.rb-folder:hover .rb-folder-front,.rb-folder.rb-folder-open .rb-folder-front{transform:skew(15deg)scaleY(.6)}.rb-folder:hover .rb-folder-front-right,.rb-folder.rb-folder-open .rb-folder-front-right{transform:skew(-15deg)scaleY(.6)}.rb-folder-back{background:var(--rb-folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.rb-folder-back:after{content:"";z-index:0;background:var(--rb-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(--rb-paper-1);border-radius:10px;width:70%;height:80%;transition:transform .3s ease-in-out,height .3s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.rb-paper-2{background:var(--rb-paper-2);width:80%;height:70%}.rb-paper-3{background:var(--rb-paper-3);width:90%;height:60%}.rb-folder-open .rb-paper-1{transform:translate(calc(-120% + var(--rb-magnet-x,0px)), calc(-70% + var(--rb-magnet-y,0px))) rotateZ(-15deg)}.rb-folder-open .rb-paper-2{height:80%;transform:translate(calc(10% + var(--rb-magnet-x,0px)), calc(-70% + var(--rb-magnet-y,0px))) rotateZ(15deg)}.rb-folder-open .rb-paper-3{height:80%;transform:translate(calc(-50% + var(--rb-magnet-x,0px)), calc(-100% + var(--rb-magnet-y,0px))) rotateZ(5deg)}.rb-folder-open .rb-paper:hover{scale:1.08}.rb-folder-front{z-index:3;background:var(--rb-folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:transform .3s ease-in-out;position:absolute}.rb-folder:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:10px}.rb-dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.rb-dock-panel{border:1px solid var(--border);background:var(--card);width:fit-content;box-shadow:var(--shadow-card);border-radius:1rem;align-items:flex-end;gap:1rem;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.rb-dock-item{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:10px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.rb-dock-item:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.rb-dock-icon{justify-content:center;align-items:center;display:flex}.rb-dock-label{border:1px solid var(--border);background:var(--popover);width:max-content;max-width:12rem;color:var(--popover-foreground);opacity:0;pointer-events:none;border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;line-height:1.2;transition:opacity .18s,transform .18s;position:absolute;top:-1.7rem;left:50%;transform:translate(-50%,6px)}.rb-dock-item:hover .rb-dock-label,.rb-dock-item:focus-visible .rb-dock-label{opacity:1;transform:translate(-50%)}.rb-card-grid{gap:.5rem;max-width:54rem;padding:.75rem;display:grid}.rb-magic-bento-card{--rb-bento-glow-x:50%;--rb-bento-glow-y:50%;--rb-bento-glow-intensity:0;--rb-bento-glow-radius:200px;aspect-ratio:4/3;color:#fff;background:#120f17;border:1px solid #2f293a;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.25rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.rb-magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.rb-magic-bento-card-header,.rb-magic-bento-card-content{z-index:2;display:flex;position:relative}.rb-magic-bento-card-content{flex-direction:column}.rb-magic-bento-card-label,.rb-magic-bento-card-title{font-size:1rem}.rb-magic-bento-card-title{margin:0 0 .25rem;font-weight:500}.rb-magic-bento-card-description{opacity:.9;margin:0;font-size:.75rem;line-height:1.35}.rb-magic-bento-card-text-autohide .rb-magic-bento-card-title,.rb-magic-bento-card-text-autohide .rb-magic-bento-card-description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rb-magic-bento-card-text-autohide .rb-magic-bento-card-title{-webkit-line-clamp:1;line-clamp:1}.rb-magic-bento-card-text-autohide .rb-magic-bento-card-description{-webkit-line-clamp:2;line-clamp:2}.rb-magic-bento-card-border-glow:after{content:"";z-index:1;border-radius:inherit;background:radial-gradient(var(--rb-bento-glow-radius) circle at var(--rb-bento-glow-x) var(--rb-bento-glow-y), rgba(var(--rb-bento-glow-color), calc(var(--rb-bento-glow-intensity) * .8)) 0%, rgba(var(--rb-bento-glow-color), calc(var(--rb-bento-glow-intensity) * .35)) 30%, transparent 62%);opacity:1;pointer-events:none;padding:6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rb-particle-container{position:relative;overflow:hidden}.rb-particle,.rb-bento-ripple{z-index:10;pointer-events:none;border-radius:999px;position:absolute}.rb-particle{width:4px;height:4px}.rb-particle:before{content:"";z-index:-1;border-radius:inherit;background:#f9731633;position:absolute;inset:-2px}.rb-bento-section{-webkit-user-select:none;user-select:none;position:relative}@media (max-width:599px){.rb-card-grid{grid-template-columns:1fr;width:100%;padding:.5rem}.rb-magic-bento-card{min-height:180px}}@media (min-width:600px){.rb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.rb-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rb-magic-bento-card:nth-child(3){grid-area:span 2/span 2}.rb-magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.rb-magic-bento-card:nth-child(6){grid-area:3/4}}@media (prefers-reduced-motion:reduce){.rb-folder,.rb-folder-front,.rb-paper,.rb-dock-label,.rb-magic-bento-card{transition:none}}
