html[data-skin=mac]{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--ink:#1d1d1f;--muted:#86868b;--line:#0000001a;--paper:#f5f5f7}html[data-skin=mac] body{-webkit-font-smoothing:antialiased;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}html[data-skin=mac] ::selection{background:#0a84ff40}html[data-skin=mac] .sidebar{-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);background:#f6f6f8cc;border-right:.5px solid #0000001f;padding-top:54px}html[data-skin=mac] .sidebar:before{content:"";background:radial-gradient(circle at 6px 6px,#ff5f57 5.5px,#0000 6px),radial-gradient(circle at 26px 6px,#febc2e 5.5px,#0000 6px),radial-gradient(circle at 46px 6px,#28c840 5.5px,#0000 6px);width:56px;height:12px;position:absolute;top:16px;left:20px}html[data-skin=mac] .brand{margin-bottom:18px}html[data-skin=mac] .brand img{width:120px}html[data-skin=mac] .nav-item{color:#1d1d1f;border-radius:7px;gap:8px;margin-bottom:1px;padding:5px 10px;font-size:13px;font-weight:500;transition:background .12s}html[data-skin=mac] .nav-item svg{color:#0a84ff;width:17px;height:17px}html[data-skin=mac] .nav-item:hover{color:#1d1d1f;background:#0000000d}html[data-skin=mac] .nav-item.active{color:#1d1d1f;background:#00000017;font-weight:600}html[data-skin=mac] .nav-item.active:before{display:none}html[data-skin=mac] .nav-group{margin-top:10px}html[data-skin=mac] .nav-group>.nav-row .nav-item,html[data-skin=mac] .nav-group>.nav-group-btn{color:#86868b;padding:3px 10px;font-size:11px;font-weight:600}html[data-skin=mac] .nav-group>.nav-row .nav-item svg,html[data-skin=mac] .nav-group>.nav-group-btn svg:first-child{color:#86868b;width:14px;height:14px}html[data-skin=mac] .nav-group>.nav-row .nav-item.active{color:#1d1d1f;background:#00000017}html[data-skin=mac] .nav-toggle{color:#86868b;width:24px;height:24px}html[data-skin=mac] .nav-sub{border-left:0;margin:0 0 4px;padding-left:0}html[data-skin=mac] .nav-sub a,html[data-skin=mac] .nav-sub .nav-todo{color:#1d1d1f;border-radius:7px;gap:8px;padding:5px 10px 5px 12px;font-size:13px}html[data-skin=mac] .nav-sub a svg{color:#0a84ff;width:16px;height:16px}html[data-skin=mac] .nav-sub a:hover{background:#0000000d}html[data-skin=mac] .nav-sub a.active{background:#00000017;font-weight:600}html[data-skin=mac] .nav-sub .nav-todo{color:#a1a1a6}html[data-skin=mac] .nav-heading{color:#86868b;letter-spacing:0;text-transform:none;margin:8px 10px 2px 12px;font-size:11px;font-weight:600}html[data-skin=mac] .topbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border-bottom:.5px solid #0000001a;height:48px;position:sticky;top:0}html[data-skin=mac] .breadcrumb{color:#a1a1a6;gap:8px;font-size:12px}html[data-skin=mac] .breadcrumb span{color:#c7c7cc}html[data-skin=mac] .breadcrumb strong{color:#1d1d1f;margin-left:4px;font-size:16px;font-weight:600}html[data-skin=mac] .top-link{border-radius:8px}html[data-skin=mac] ::-webkit-scrollbar{width:12px;height:12px}html[data-skin=mac] ::-webkit-scrollbar-thumb{background:#00000038 padding-box content-box;border:3px solid #0000;border-radius:99px}html[data-skin=mac] ::-webkit-scrollbar-track{background:0 0}@media (max-width:900px){html[data-skin=mac] .sidebar:before{display:none}html[data-skin=mac] .sidebar{padding-top:29px}}
