.demo-sequoia-sidebar{background:linear-gradient(#051b11 0%,#0a2f1e 100%);border-right:1px solid #10b98133}.demo-sequoia-sidebar .sidebar-header{color:#34d399;border-bottom:1px solid #10b98133}.demo-sequoia-sidebar .sidebar-link{color:#d1fae5cc;transition:all .3s}.demo-sequoia-sidebar .sidebar-link:hover{color:#34d399;background:#10b9811a;border-left:3px solid #10b981}.demo-sequoia-sidebar .sidebar-section-title{color:#10b981;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.demo-monterey-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#001829 0%,#00263d 100%);border-right:1px solid #3b82f633}.demo-monterey-sidebar .sidebar-header{color:#60a5fa;border-bottom:1px solid #3b82f633}.demo-monterey-sidebar .sidebar-link{color:#bfdbfecc;transition:all .3s}.demo-monterey-sidebar .sidebar-link:hover{color:#60a5fa;background:#3b82f61a;border-left:3px solid #3b82f6}.demo-monterey-sidebar .sidebar-section-title{color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.demo-catalina-sidebar{background:linear-gradient(#fff 0%,#fef3c7 100%);border-right:1px solid #fb923c33}.demo-catalina-sidebar .sidebar-header{color:#f97316;border-bottom:1px solid #fb923c33}.demo-catalina-sidebar .sidebar-link{color:#78350fcc;transition:all .3s}.demo-catalina-sidebar .sidebar-link:hover{color:#ea580c;background:#fb923c1a;border-left:3px solid #fb923c}.demo-catalina-sidebar .sidebar-section-title{color:#ea580c;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.demo-high-sierra-sidebar{background:linear-gradient(#050505 0%,#0c0c0c 100%);border-right:1px solid #eab3084d}.demo-high-sierra-sidebar .sidebar-header{color:#eab308;text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid #eab3084d;font-family:Courier New,monospace}.demo-high-sierra-sidebar .sidebar-link{color:#a3a3a3cc;font-family:Courier New,monospace;font-size:.85rem;transition:all .3s}.demo-high-sierra-sidebar .sidebar-link:hover{color:#eab308;background:#eab3081a;border-left:3px solid #facc15}.demo-high-sierra-sidebar .sidebar-section-title{color:#a3a3a3;text-transform:uppercase;letter-spacing:.15em;font-family:Courier New,monospace;font-size:.7rem;font-weight:700}.demo-newport-sidebar{background:linear-gradient(#001220 0%,#001829 100%);border-right:1px solid #fbbf2433}.demo-newport-sidebar .sidebar-header{color:#fbbf24;border-bottom:1px solid #fbbf2433}.demo-newport-sidebar .sidebar-link{color:#bfdbfecc;transition:all .3s}.demo-newport-sidebar .sidebar-link:hover{color:#fbbf24;background:#fbbf241a;border-left:3px solid #fbbf24}.demo-newport-sidebar .sidebar-section-title{color:#fbbf24;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.demo-mojave-sidebar{background:linear-gradient(#000 0%,#0c0404 100%);border-right:1px solid #fb923c33}.demo-mojave-sidebar .sidebar-header{color:#fb923c;border-bottom:1px solid #fb923c33}.demo-mojave-sidebar .sidebar-link{color:#fed7aacc;transition:all .3s}.demo-mojave-sidebar .sidebar-link:hover{color:#fb923c;background:#fb923c1a;border-left:3px solid #fb923c}.demo-mojave-sidebar .sidebar-section-title{color:#fb923c;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.demo-sidebar{z-index:100;width:280px;height:100vh;padding:2rem 0;position:fixed;top:0;left:0;overflow-y:auto}.demo-sidebar .sidebar-header{margin-bottom:1.5rem;padding:1.5rem 1.5rem 1rem;font-size:1.25rem;font-weight:700}.demo-sidebar .sidebar-section{margin-bottom:2rem;padding:0 1rem}.demo-sidebar .sidebar-section-title{margin-bottom:.75rem;padding:.5rem;display:block}.demo-sidebar .sidebar-link{cursor:pointer;border-radius:.375rem;margin:.25rem 0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.demo-sidebar .sidebar-badge{border-radius:9999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}@media (max-width:768px){.demo-sidebar{transition:transform .3s;transform:translate(-100%)}.demo-sidebar.open{transform:translate(0)}}