.cf-demo-canvas,.cf-demo-frame{width:100%;height:100%}.cf-demo-canvas{container:demo/inline-size;transform-origin:top left}.cf-demo-root{display:flex;width:100%;height:720px;min-height:650px;overflow:hidden;background:#0a0a0a;color:#f5f5f5;border:1px solid #303030;border-radius:10px;font-family:Geist,Arial,sans-serif;text-align:left;box-shadow:0 38px 100px #0007;font-size:12px}.cf-demo-root *{box-sizing:border-box}.cf-demo-root button{font:inherit;color:inherit;cursor:pointer}.cf-demo-root button:focus-visible{outline:2px solid #66aaff;outline-offset:2px}.cf-demo-sidebar{position:relative;display:flex;flex-direction:column;flex:0 0 218px;background:#171717;border-right:1px solid #2b2b2b;min-width:0}.cf-demo-brand{height:59px;display:flex;align-items:center;gap:9px;padding:0 16px;white-space:nowrap}.cf-demo-brand strong{font-weight:680;letter-spacing:-.25px}.cf-demo-brand strong span{font-weight:550}.cf-demo-brand>svg{color:#888}.cf-demo-brand-mark{object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.cf-demo-nav-group{padding:18px 11px 0}.cf-demo-group-label,.cf-demo-secondary-group{color:#8995a4;font-size:9px;letter-spacing:.75px;font-weight:700}.cf-demo-group-label{display:block;margin:0 8px 11px}.cf-demo-nav-item{display:flex;align-items:center;gap:10px;width:100%;height:35px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:#c8c8c8!important}.cf-demo-nav-item svg{color:#969fa8;flex:none}.cf-demo-nav-item.is-active,.cf-demo-nav-item:hover{background:#292929;border-color:#424242;color:#fff!important}.cf-demo-nav-item.is-active svg{color:#fff}.cf-demo-nav-count{margin-left:auto;font-size:10px;color:#aaa}.cf-demo-secondary-group{display:flex;justify-content:space-between;align-items:center;padding:0 19px;margin-top:27px}.cf-demo-secondary-group svg{color:#777}.cf-demo-sidebar-footer{margin-top:auto;padding:0 17px 20px;color:#bbc3cc;font-size:10px}.cf-demo-sidebar-footer>div:not(.cf-demo-meter){display:flex;justify-content:space-between;gap:5px;white-space:nowrap}.cf-demo-sidebar-footer>div:last-child{font-size:9px;color:#929aa5}.cf-demo-meter{height:4px;background:#444;border-radius:9px;margin:9px 0}.cf-demo-meter i{display:block;width:80%;height:100%;background:#c8cfd7;border-radius:inherit}.cf-demo-blue{color:#5da9ff!important}.cf-demo-main{position:relative;flex:1;min-width:0;background:#0a0a0a}.cf-demo-toolbar{height:45px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.cf-demo-breadcrumb,.cf-demo-toolbar-actions{display:flex;align-items:center;gap:12px}.cf-demo-breadcrumb{color:#9ca8b7;font-size:11px}.cf-demo-breadcrumb strong{color:#f3f3f3;font-weight:600}.cf-demo-toolbar-actions{color:#8b929a}.cf-demo-toolbar-pr{display:flex;align-items:center;gap:7px;border:1px solid #353535;background:#181818;border-radius:6px;padding:6px 9px;font-size:10px!important;font-weight:600!important}.cf-demo-toolbar-pr:hover{background:#242424}.cf-demo-user{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ddd;color:#333;font-size:8px;font-weight:750}.cf-demo-content{height:calc(100% - 45px);overflow:clip;animation:cfDemoIn .44s cubic-bezier(.2,.8,.2,1) both}.cf-demo-inner{width:min(82%,870px);margin:0 auto;padding:42px 0 60px}.cf-demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:28px}.cf-demo-kicker{font-size:9px;color:#72adf4;letter-spacing:.9px;font-weight:750}.cf-demo-detail-title h2,.cf-demo-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.85px;margin:8px 0 7px;font-weight:680}.cf-demo-detail-title p,.cf-demo-heading p{margin:0;color:#969ca5;font-size:11px}.cf-demo-date{color:#aaa;border:1px solid #303030;border-radius:5px;padding:6px 9px;font-size:10px;white-space:nowrap}.cf-demo-overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292929;border-radius:9px;overflow:hidden;margin-bottom:25px}.cf-demo-overview>div{padding:17px 19px;min-width:0;border-right:1px solid #292929}.cf-demo-overview>div:last-child{border:0}.cf-demo-overview small,.cf-demo-overview span{display:block;color:#989fa8;font-size:10px}.cf-demo-overview strong{display:block;font-size:25px;font-weight:650;letter-spacing:-1px;margin:5px 0}.cf-demo-overview em{font-size:11px;font-style:normal;color:#9aa0a9;font-weight:450;letter-spacing:0}.cf-demo-onboard{display:flex;gap:17px;padding:23px;border:1px solid #293b4e;border-radius:9px;background:linear-gradient(115deg,#111c28,#111419 68%);margin-bottom:31px}.cf-demo-onboard-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;color:#8dbfff;background:#183047;border-radius:7px}.cf-demo-onboard h3{font-size:17px;letter-spacing:-.4px;margin:8px 0 6px}.cf-demo-onboard p{color:#a4acb5;font-size:11px;line-height:1.5;margin:0 0 14px;max-width:455px}.cf-demo-onboard button{display:flex;align-items:center;gap:3px;border:0;border-radius:5px;background:#ededed;color:#141414;padding:7px 10px;font-size:10px;font-weight:700}.cf-demo-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cf-demo-section-title h3{font-size:13px;margin:0}.cf-demo-section-title span{font-size:10px;color:#8d959e}.cf-demo-repos{border:1px solid #2b2b2b;border-radius:8px;overflow:hidden}.cf-demo-repos button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;background:#121212;border:0;border-bottom:1px solid #2a2a2a;text-align:left}.cf-demo-repos button:last-child{border-bottom:0}.cf-demo-repos button:hover{background:#1d1d1d}.cf-demo-repos button>svg:first-child{color:#97a7b7}.cf-demo-repos button>svg:last-child{margin-left:auto;color:#7c858d}.cf-demo-repos small,.cf-demo-repos strong{display:block}.cf-demo-repos strong{font-size:11px}.cf-demo-repos small{font-size:9px;color:#8d939a;margin-top:3px}.cf-demo-tabs{display:flex;gap:23px;border-bottom:1px solid #2a2a2a;color:#929aa4;font-size:10px;margin-bottom:17px}.cf-demo-tabs span{padding:0 0 10px}.cf-demo-tabs .is-active{color:#fff;border-bottom:2px solid #d5d5d5}.cf-demo-tabs b{font-weight:550;margin-left:3px;color:#888}.cf-demo-pr-list{border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.cf-demo-pr-row{display:flex;align-items:center;gap:14px;width:100%;min-height:78px;padding:14px 17px;background:#111;border:0;border-bottom:1px solid #2a2a2a;text-align:left}.cf-demo-pr-row:last-child{border:0}.cf-demo-pr-row:hover{background:#1b1b1b}.cf-demo-pr-icon{color:#9aafc2;align-self:flex-start;margin-top:3px}.cf-demo-pr-copy{flex:1;min-width:0}.cf-demo-pr-copy small,.cf-demo-pr-copy strong,.cf-demo-pr-meta small,.cf-demo-pr-meta strong{display:block}.cf-demo-pr-copy strong{font-size:12px}.cf-demo-pr-copy small{margin-top:6px;color:#9099a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-demo-pr-copy i{font-style:normal;padding:0 4px;color:#555}.cf-demo-pr-meta{text-align:right;white-space:nowrap}.cf-demo-pr-meta strong{font-size:10px;color:#d4d7da;font-weight:500}.cf-demo-pr-meta small{margin-top:6px;color:#878f97;font-size:9px}.cf-demo-pr-row>svg{color:#686f76}.cf-demo-detail-trail{display:flex;align-items:center;gap:8px;color:#858e99;font-size:10px;margin-bottom:24px}.cf-demo-detail-trail button{border:0;background:transparent;color:#90a1b5;padding:0}.cf-demo-detail-trail button:hover{color:#fff}.cf-demo-detail-trail strong{color:#ddd;font-weight:500}.cf-demo-detail-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:22px}.cf-demo-detail-title p{display:flex;align-items:center;gap:6px}.cf-demo-detail-title p span{color:#555}.cf-demo-reviewed{display:flex;align-items:center;gap:5px;align-self:center;white-space:nowrap;color:#9cdbc4;background:#123125;border:1px solid #1d4d37;border-radius:5px;padding:7px 9px;font-size:9px}.cf-demo-detail-summary{display:flex;align-items:center;gap:11px;border:1px solid #343434;border-radius:8px;background:#191919;padding:13px 16px;margin-bottom:16px}.cf-demo-summary-symbol{display:grid;place-items:center;width:29px;height:29px;color:#d7ac6c;background:#41311e;border-radius:5px}.cf-demo-detail-summary strong{font-size:11px}.cf-demo-detail-summary p{font-size:9px;color:#969ca4;margin:4px 0 0}.cf-demo-detail-summary>span{margin-left:auto;color:#bfc5cb;font-size:9px}.cf-demo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cf-demo-detail-card{border:1px solid #2f2f2f;background:#121212;border-radius:8px;overflow:hidden;min-height:278px}.cf-demo-card-heading{display:flex;align-items:center;gap:7px;height:37px;padding:0 13px;border-bottom:1px solid #2b2b2b;font-size:10px;font-weight:600}.cf-demo-card-heading span{margin-left:auto;color:#9099a2}.cf-demo-detail-card>h3,.cf-demo-detail-card>p{margin-left:14px;margin-right:14px}.cf-demo-detail-card>h3{font-size:11px;margin-top:14px}.cf-demo-detail-card>p{font-size:10px;line-height:1.5;color:#a6a9ae}.cf-demo-file{display:flex;align-items:center;gap:7px;border-top:1px solid #292929;border-bottom:1px solid #292929;margin-top:20px;padding:9px 12px;color:#d5d5d5;font-size:9px}.cf-demo-file span{margin-left:auto;color:#89939e}.cf-demo-code{padding:11px 12px;font:9px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c0c6cc;white-space:nowrap;overflow:hidden}.cf-demo-code span{color:#6f7984;padding-right:11px}.cf-demo-code-alert{background:#34201e;color:#e6b9ae;margin:0 -12px;padding-left:12px}.cf-demo-finding{padding:16px}.cf-demo-severity{color:#e4a876;font-size:9px;font-weight:750;letter-spacing:.5px}.cf-demo-finding h3{font-size:12px;margin:10px 0 6px}.cf-demo-finding p{color:#a5aab0;line-height:1.5;font-size:10px;margin:0 0 14px}.cf-demo-fix{background:#202124;border-radius:5px;padding:10px;margin-bottom:13px}.cf-demo-fix code,.cf-demo-fix span{display:block;font-size:9px}.cf-demo-fix span{color:#9da4ac;margin-bottom:5px}.cf-demo-fix code{color:#d7e3ec;line-height:1.4}.cf-demo-finding>.cf-demo-blue{font-size:9px}.cf-demo-next-finding{display:flex;align-items:center;gap:8px;border-top:1px solid #2d2d2d;padding:12px 16px;font-size:9px;color:#a9b0b8}.cf-demo-next-finding span{color:#68717b}.cf-demo-next-finding svg{margin-left:auto}.cf-demo-stage-nav{position:absolute;bottom:15px;right:22px;display:flex;gap:5px}.cf-demo-stage-nav button{width:5px;height:5px;border:0;border-radius:50%;padding:0;background:#4c4c4c}.cf-demo-stage-nav button.is-active{background:#d1d1d1;width:12px;border-radius:8px}@keyframes cfDemoIn{0%{opacity:.82;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@container demo (max-width:900px){.cf-demo-root{height:650px}.cf-demo-sidebar{flex-basis:175px}.cf-demo-brand{padding:0 11px;font-size:10px}.cf-demo-nav-group{padding-left:7px;padding-right:7px}.cf-demo-inner{width:88%;padding-top:30px}.cf-demo-detail-grid{gap:8px}.cf-demo-detail-summary{padding:10px}}@container demo (max-width:620px){.cf-demo-root{height:560px;min-height:0;border-radius:7px;font-size:11px}.cf-demo-sidebar{flex-basis:53px}.cf-demo-brand{justify-content:center;padding:0}.cf-demo-brand strong,.cf-demo-brand>svg,.cf-demo-group-label,.cf-demo-nav-item span,.cf-demo-secondary-group,.cf-demo-sidebar-footer{display:none}.cf-demo-nav-group{padding-top:12px}.cf-demo-nav-item{justify-content:center;padding:0}.cf-demo-toolbar{padding:0 13px}.cf-demo-toolbar-actions>svg,.cf-demo-user{display:none}.cf-demo-toolbar-pr{font-size:0!important;padding:6px}.cf-demo-toolbar-pr svg{width:14px}.cf-demo-inner{width:92%;padding-top:25px}.cf-demo-detail-title h2,.cf-demo-heading h2{font-size:19px}.cf-demo-date,.cf-demo-reviewed{display:none}.cf-demo-overview>div{padding:11px 7px}.cf-demo-overview strong{font-size:18px}.cf-demo-overview small,.cf-demo-overview span{font-size:8px}.cf-demo-onboard{padding:13px;gap:9px}.cf-demo-onboard-icon{width:25px;height:25px}.cf-demo-onboard h3{font-size:13px}.cf-demo-onboard p{font-size:9px}.cf-demo-pr-row{gap:7px;padding:10px}.cf-demo-pr-meta{display:none}.cf-demo-detail-grid{grid-template-columns:1fr}.cf-demo-detail-card{min-height:0}.cf-demo-detail-card:first-child,.cf-demo-detail-summary>span{display:none}.cf-demo-detail-trail{margin-bottom:13px}.cf-demo-stage-nav{right:12px}}@media(prefers-reduced-motion:reduce){.cf-demo-content{animation:none!important}.cf-demo-root *,.cf-demo-root :after,.cf-demo-root :before{scroll-behavior:auto!important;transition:none!important}}.cf-demo-root{background:radial-gradient(ellipse 62% 70% at 7% 82%,#41658b88 0,#203a5966 42%,transparent 84%),radial-gradient(ellipse 45% 48% at 16% 5%,#304e7280 0,transparent 82%),#0a0d12;border-color:#56657966;box-shadow:0 32px 80px #0009,inset 0 1px 0 #ffffff15}.cf-demo-sidebar{background:linear-gradient(160deg,#202b3a66,#18222f59 55%,#26374b73);border-right-color:#d6e6ff30;box-shadow:inset 1px 0 #ffffff19,inset 0 1px #ffffff10}.cf-demo-window-controls{position:absolute;top:14px;left:15px;display:flex;gap:7px;z-index:1}.cf-demo-window-controls span{display:block;width:9px;height:9px;border-radius:50%;border:1px solid #0003;box-shadow:inset 0 1px #ffffff88,0 1px 2px #0005}.cf-demo-window-controls span:first-child{background:#ff6059}.cf-demo-window-controls span:nth-child(2){background:#ffbd2e}.cf-demo-window-controls span:nth-child(3){background:#28c840}.cf-demo-brand{height:74px;padding-top:23px;border-bottom:1px solid #dce8f31b}.cf-demo-nav-group{padding-top:15px}.cf-demo-group-label,.cf-demo-secondary-group{color:#a8bdd4}.cf-demo-nav-item{color:#d1dbe7!important}.cf-demo-nav-item svg{color:#aabdd0}.cf-demo-nav-item.is-active,.cf-demo-nav-item:hover{background:#ffffff1b;border-color:#e1eeff2e;box-shadow:inset 0 1px #ffffff1b}.cf-demo-sidebar-footer{border-top:1px solid #dce8f321;padding-top:17px}.cf-demo-main{background:#0a0d12}.cf-demo-toolbar{border-bottom-color:#ffffff20}.cf-demo-inner{width:min(84%,900px)}.cf-demo-heading-compact{margin-bottom:22px}.cf-demo-filterbar{display:flex;align-items:center;gap:8px;border-block:1px solid #ffffff1d;padding:9px 0;margin-bottom:14px}.cf-demo-search{display:flex;align-items:center;gap:7px;min-width:190px;flex:1;color:#848f9e;background:#181b20;border:1px solid #303741;border-radius:5px;padding:7px 10px;font-size:10px}.cf-demo-search svg{flex:none}.cf-demo-filter-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #303741;border-radius:5px;color:#848f9e;font-size:9px;white-space:nowrap}.cf-demo-filter-switch>*{padding:5px 7px}.cf-demo-filter-switch b{background:#292f37;color:#f1f3f6;border-radius:3px;font-weight:650}.cf-demo-filter-chip{display:flex;align-items:center;gap:5px;border:1px solid #303741;border-radius:5px;padding:7px 9px;color:#b4bfca;font-size:9px;white-space:nowrap}.cf-demo-table{overflow:hidden;border:1px solid #303741;border-radius:7px}.cf-demo-table-head,.cf-demo-table-row{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(90px,1fr) 85px 60px 72px;align-items:center;gap:10px}.cf-demo-table-head{padding:10px 13px;background:#15191f;color:#8d99a6;font-size:9px;border-bottom:1px solid #303741}.cf-demo-table-row{width:100%;min-height:65px;padding:10px 13px;background:#111419;border:0;border-bottom:1px solid #2d333b;text-align:left}.cf-demo-table-row:last-child{border-bottom:0}.cf-demo-table-row:hover{background:#1b2027}.cf-demo-table-title{display:flex;align-items:flex-start;gap:10px;min-width:0}.cf-demo-table-title>svg{flex:none;margin-top:3px;color:#a9bdd0}.cf-demo-table-title small,.cf-demo-table-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-demo-table-title strong{font-size:11px}.cf-demo-table-title small{margin-top:5px;color:#87919d;font-size:9px}.cf-demo-table-repo,.cf-demo-table-time{color:#a1acb9;font-size:9px}.cf-demo-status{display:inline-flex;width:max-content;border:1px solid #346751;background:#153427a8;color:#9dd6b5;border-radius:4px;padding:4px 6px}.cf-demo-status,.cf-demo-table-findings{align-items:center;gap:4px;font-size:9px}.cf-demo-table-findings{display:flex;color:#e2a881}.cf-demo-issue-header{display:flex;align-items:center;gap:17px;margin-bottom:16px}.cf-demo-issue-header h2{font-size:22px;margin:0;letter-spacing:-.7px}.cf-demo-issue-header .cf-demo-search{max-width:130px;min-width:0;margin-left:auto}.cf-demo-issue-filters{display:flex;gap:4px;white-space:nowrap}.cf-demo-issue-filters span{padding:5px 7px;color:#9ca7b4;font-size:9px}.cf-demo-issue-filters .is-active{background:#252c36;border-radius:4px;color:#fff}.cf-demo-issue-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:13px}.cf-demo-issue-list{display:flex;flex-direction:column;gap:7px}.cf-demo-issue-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;text-align:left;border:1px solid #323943;border-radius:6px;background:#11151a}.cf-demo-issue-item.is-selected{border-color:#6b9ad2;background:#6b9ad20d}.cf-demo-issue-item:hover{background:#1b2028}.cf-demo-issue-item>svg{flex:none;margin-top:2px;color:#e6aa79}.cf-demo-issue-item span{min-width:0}.cf-demo-issue-item small,.cf-demo-issue-item strong{display:block}.cf-demo-issue-item strong{font-size:10px;font-weight:580;white-space:nowrap}.cf-demo-issue-item em{font-size:8px;font-style:normal;color:#e6ad7f;margin-left:4px}.cf-demo-issue-item small{font-size:9px;color:#a9b3bf;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-demo-issue-item small:last-child{color:#7f8c9a}.cf-demo-issue-detail{overflow:hidden;border:1px solid #303741;border-radius:6px;background:#11151a}.cf-demo-issue-detail-body{padding:15px}.cf-demo-issue-detail h3{font-size:13px;line-height:1.3;margin:10px 0 7px}.cf-demo-issue-detail p{font-size:10px;color:#aab3bd;line-height:1.5;margin:0 0 15px}.cf-demo-issue-detail .cf-demo-file{margin:0}.cf-demo-issue-detail .cf-demo-code{background:#0d1116;padding-block:9px}.cf-demo-issue-detail .cf-demo-fix{margin:13px 0}.cf-demo-issue-detail-body>button{display:flex;align-items:center;gap:3px;background:none;border:0;padding:0;color:#7bb8ff;font-size:9px}.cf-demo-connect{display:flex;align-items:center;gap:5px;border:1px solid #52616f;border-radius:5px;padding:7px 11px;font-size:10px;color:#e3edf6;background:#ffffff12}.cf-demo-repo-stats{display:flex;align-items:center;gap:15px;padding:14px 0;border-block:1px solid #ffffff20;margin-bottom:15px}.cf-demo-repo-stats span{display:flex;align-items:center;gap:5px;color:#9ba7b4;font-size:10px}.cf-demo-repo-stats strong{color:#e5eaf0;font-size:11px}.cf-demo-repo-stats svg{color:#84b6ea}.cf-demo-repo-list{display:flex;flex-direction:column;gap:8px}.cf-demo-repo-list button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 15px;text-align:left;border:1px solid #303741;border-radius:6px;background:#12161b}.cf-demo-repo-list button:hover{background:#1b2128}.cf-demo-repo-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#293849;color:#9ec5ef}.cf-demo-repo-name{min-width:0;flex:1}.cf-demo-repo-name small,.cf-demo-repo-name strong{display:block}.cf-demo-repo-name strong{font-size:11px}.cf-demo-repo-name small{color:#8996a4;font-size:9px;margin-top:4px}.cf-demo-repo-metrics{color:#929eac;font-size:9px;white-space:nowrap}.cf-demo-repo-metrics strong{color:#e5e9ef;margin-left:7px}.cf-demo-repo-connected{font-size:9px;color:#9dd7b4}.cf-demo-repo-list button>svg{color:#8b97a4}@container demo (max-width:900px){.cf-demo-table-head,.cf-demo-table-row{grid-template-columns:minmax(0,2fr) 75px 70px}.cf-demo-issue-filters span:nth-child(n+3),.cf-demo-repo-metrics,.cf-demo-table-findings,.cf-demo-table-head>span:nth-child(2),.cf-demo-table-head>span:nth-child(4),.cf-demo-table-repo{display:none}}@container demo (max-width:620px){.cf-demo-window-controls{top:12px;left:10px;gap:3px}.cf-demo-window-controls span{width:7px;height:7px}.cf-demo-brand{height:66px;padding-top:19px}.cf-demo-filterbar{gap:5px}.cf-demo-search{min-width:0;font-size:0;padding:7px;width:26px;flex:0 0 28px}.cf-demo-filter-switch{font-size:8px}.cf-demo-filter-switch>*{padding:4px}.cf-demo-filter-chip{font-size:8px;padding:6px}.cf-demo-table-head,.cf-demo-table-row{grid-template-columns:minmax(0,1fr) 60px}.cf-demo-status,.cf-demo-table-head>span:nth-child(3){display:none}.cf-demo-table-head>span:last-child,.cf-demo-table-time{display:block}.cf-demo-table-title strong{font-size:10px}.cf-demo-issue-layout{grid-template-columns:1fr}.cf-demo-issue-detail{display:none}.cf-demo-issue-header{display:block}.cf-demo-issue-header .cf-demo-search{display:none}.cf-demo-issue-filters{margin-top:8px}.cf-demo-repo-stats{gap:9px;flex-wrap:wrap}.cf-demo-repo-stats span{font-size:8px}.cf-demo-repo-connected{display:none}}.cf-demo-window-toggle{position:absolute;top:12px;right:15px;color:#a6afb9}.cf-demo-brand{height:88px;gap:7px;padding:30px 14px 0;border-bottom:0;font-size:11px}.cf-demo-brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.cf-demo-brand strong span{color:#aeb9c6;font-weight:400}.cf-demo-workspace-avatar{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#f2f5f7}.cf-demo-workspace-avatar .cf-demo-brand-mark{width:16px;height:16px;filter:brightness(0)}.cf-demo-brand>svg{margin-left:auto;flex:none;color:#a4aeb8}.cf-demo-nav-group{padding:5px 11px 0}.cf-demo-group-label{margin:0 8px 8px;color:#a3abb5;font-size:10px;font-weight:550;letter-spacing:0;text-transform:none}.cf-demo-nav-item{height:34px;padding:0 9px;font-size:11px!important}.cf-demo-nav-item svg{color:#a5aeb8}.cf-demo-nav-item.is-active,.cf-demo-nav-item:hover{background:#ffffff16;border-color:transparent;box-shadow:none}.cf-demo-tools{display:grid;gap:1px;margin-top:29px;padding:0 11px}.cf-demo-tools .cf-demo-group-label{margin-bottom:7px}.cf-demo-tools a{display:flex;align-items:center;gap:9px;min-width:0;height:32px;padding:0 8px;border-radius:6px;color:#cbd2d9;font-size:11px;white-space:nowrap}.cf-demo-tools a:hover{background:#ffffff12;color:#fff}.cf-demo-tool-icon{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:4px;color:#fff}.cf-demo-tool-icon.is-blue{background:#228de8}.cf-demo-tool-icon.is-amber{background:#d8972a}.cf-demo-tool-icon.is-rose{background:#cf567c}.cf-demo-tool-icon.is-green{background:#23a47c}.cf-demo-sidebar-footer{border-top:0;padding:0 18px 18px}.cf-demo-sidebar-settings{display:flex;align-items:center;gap:8px;margin-bottom:23px;color:#aeb8c2}.cf-demo-sidebar-settings:hover{color:#fff}.cf-demo-sidebar-footer>div:not(.cf-demo-meter){color:#b6c0ca;font-size:9px}.cf-demo-meter{height:3px;background:#ffffff26;margin:8px 0 0}.cf-demo-meter i{background:#d7e0e8}@container demo (max-width:900px){.cf-demo-brand{padding-inline:10px;font-size:10px}.cf-demo-nav-group,.cf-demo-tools{padding-inline:7px}.cf-demo-tools a{font-size:10px}}@container demo (max-width:620px){.cf-demo-tools,.cf-demo-window-toggle{display:none}.cf-demo-brand{height:66px;justify-content:center;padding:20px 0 0}.cf-demo-nav-group{padding-top:10px}.cf-demo-workspace-avatar{width:25px;height:25px}.cf-demo-brand>svg{display:none}}.cf-demo-workspace-avatar{width:27px;height:27px;background:transparent}.cf-demo-workspace-avatar .cf-demo-brand-mark{width:21px;height:21px;filter:grayscale(1) brightness(0) invert(1)}@media(max-width:620px){.cf-demo-frame{height:auto;aspect-ratio:1100/720}.cf-demo-canvas{visibility:hidden}.cf-demo-frame.is-ready .cf-demo-canvas{visibility:visible}.cf-demo-canvas{width:1100px;height:720px}}