.container.s-wdu6nu{--color:var(--system-color-light-hsl);border-radius:inherit;background-image:linear-gradient(to right, hsla(var(--color), .7) 12rem, hsla(var(--color), 1) 12rem 100%);height:100%;color:var(--system-color-dark);grid-template-rows:3rem minmax(0,1fr);grid-template-columns:12rem 1fr;transition:--color .2s ease-in;display:grid;overflow:hidden}.titlebar.s-wdu6nu{z-index:1;border-top-left-radius:inherit;border-top-right-radius:inherit;-webkit-user-select:none;user-select:none;grid-area:1/1/span 1/span 2;justify-content:center;width:100%;padding:.9rem 1rem;display:flex}.titlebar.s-wdu6nu span:where(.s-wdu6nu){color:hsla(var(--system-color-dark-hsl), .8);letter-spacing:.5px;font-size:.9rem;font-weight:500}aside.s-wdu6nu{border-top-left-radius:.5rem;border-bottom-left-radius:inherit;grid-area:1/1/span 2/span 1;width:calc(12rem - 2.27px);height:calc(100% - 2.7px);margin:1.8px 0 0 1.8px;transform:translateZ(0)}aside.s-wdu6nu:before{content:"";width:inherit;height:inherit;border-radius:inherit;z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0}aside.light.s-wdu6nu{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:calc(12rem - 2.5px);height:calc(100% - 3px);margin:1.7px 0 0 1.7px}aside.s-wdu6nu .sidebar-logo:where(.s-wdu6nu){justify-content:center;align-items:center;margin:3.5rem .6rem 0;padding:.5rem;display:flex}aside.s-wdu6nu .sidebar-logo:where(.s-wdu6nu) img:where(.s-wdu6nu){object-fit:contain;border-radius:.75rem;width:64px;height:64px}aside.s-wdu6nu .sidebar-divider:where(.s-wdu6nu){background-color:hsla(var(--system-color-dark-hsl), .15);border:none;width:calc(100% - 1.2rem);height:1px;margin:.5rem .6rem;display:block}aside.s-wdu6nu nav:where(.s-wdu6nu){flex-direction:column;gap:.2rem;margin:0 .6rem;display:flex}aside.s-wdu6nu nav:where(.s-wdu6nu) hr:where(.s-wdu6nu){background-color:hsla(var(--system-color-dark-hsl), .2);border:none;width:100%;height:1px;display:block}aside.s-wdu6nu nav:where(.s-wdu6nu) .nav-item:where(.s-wdu6nu){color:hsla(var(--system-color-dark-hsl), .9);border-radius:.4rem;align-items:center;gap:.4rem;padding:.5rem;font-weight:400;display:flex}aside.s-wdu6nu nav:where(.s-wdu6nu) .nav-item.active:where(.s-wdu6nu){background-color:hsla(var(--system-color-dark-hsl), .1)}aside.s-wdu6nu nav:where(.s-wdu6nu) .meta:where(.s-wdu6nu){opacity:.7;padding:.35rem .5rem;font-size:.8rem}.content.s-wdu6nu{grid-area:2/2/span 1/span 1;padding:1rem;overflow-y:auto}.grid.s-wdu6nu{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.project-card.s-wdu6nu{background-color:hsla(var(--system-color-dark-hsl), .04);cursor:pointer;color:inherit;text-align:center;border:none;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;font-family:inherit;transition:background-color .15s,transform .15s;display:flex}.project-card.s-wdu6nu:hover{background-color:hsla(var(--system-color-dark-hsl), .1);transform:translateY(-2px)}.project-card.s-wdu6nu:active{transform:scale(.97)}.card-icon.s-wdu6nu img:where(.s-wdu6nu){object-fit:contain;border-radius:.75rem;width:64px;height:64px}.card-info.s-wdu6nu{flex-direction:column;align-items:center;gap:.2rem;display:flex}.card-info.s-wdu6nu h3:where(.s-wdu6nu){font-size:.8rem;font-weight:600;line-height:1.3}.card-tagline.s-wdu6nu{opacity:.65;font-size:.7rem;line-height:1.3}.card-badge.s-wdu6nu{letter-spacing:.3px;color:hsla(var(--system-color-dark-hsl), .7);background:linear-gradient(135deg,#3d14521a,#e61a801a);border:1px solid #e61a8033;border-radius:1rem;margin-top:.25rem;padding:.15rem .5rem;font-size:.6rem;font-weight:500;display:inline-block}