body[data-ui=github]{--paper:#fff;--sheet:#fff;--ink:#1f2328;--muted:#656d76;--line:#d0d7de;--panel:#f6f8fa;--accent:#0969da;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}body[data-ui=github] :is(h1,h2,h3,.brand){letter-spacing:0;font-family:inherit;font-style:normal;font-weight:600;line-height:1.35}body[data-ui=github] em{font-family:inherit;font-style:normal;font-weight:inherit}body[data-ui=github] a{color:#0969da}body[data-ui=github] .site-header{background:#f6f8fa;border-bottom:1px solid #d0d7de;gap:24px;max-width:none;padding:16px max(24px,50% - 640px)}body[data-ui=github] .brand{color:#1f2328;flex-wrap:wrap;gap:5px;font-size:18px;display:flex}body[data-ui=github] .brand br{display:none}body[data-ui=github] .site-header nav{gap:24px;font-size:13px}body[data-ui=github] .edition{letter-spacing:0;font:11px/1.6 ui-monospace,Consolas,monospace}body[data-ui=github] .hero{max-width:1328px;padding:24px 24px 20px;display:block}body[data-ui=github] .hero h1{letter-spacing:0;margin:8px 0 12px;font-size:28px;line-height:1.3}body[data-ui=github] .hero-copy .eyebrow{letter-spacing:0;text-transform:none;color:#656d76;margin:0;font-size:13px}body[data-ui=github] .intro{max-width:70ch;margin:0;font-size:14px;line-height:1.6}body[data-ui=github] .hero-note{display:none}body[data-ui=github] .workflow-nav{border-top:0;border-bottom:1px solid #d0d7de;grid-template-columns:repeat(4,max-content);gap:8px;max-width:1280px;margin:0 auto}body[data-ui=github] .workflow-nav a{color:#1f2328;border-radius:6px 6px 0 0;gap:8px;padding:12px;font-size:13px}body[data-ui=github] .workflow-nav b{color:#656d76;font:12px ui-monospace,Consolas,monospace}body[data-ui=github] .workflow-nav a:hover{color:#0969da;background:#f6f8fa}body[data-ui=github] .workspace{grid-template-columns:minmax(330px,5fr) minmax(0,7fr);gap:24px;max-width:1328px;padding:0 24px}body[data-ui=github] .file-section{background:#fff;border:1px solid #d0d7de;border-radius:6px;margin:20px 0 0;padding:16px}body[data-ui=github] .file-section>.eyebrow,body[data-ui=github] .closing>.eyebrow{display:none}body[data-ui=github] .file-section h2{margin-bottom:8px;font-size:20px;line-height:1.3}body[data-ui=github] .file-section>p:not(.eyebrow){font-size:13px;line-height:1.6}body[data-ui=github] .actions{gap:8px;margin:16px 0}body[data-ui=github] .file-meta{border-top:1px solid #d0d7de;padding-top:12px;font:12px/1.6 ui-monospace,Consolas,monospace}body[data-ui=github] #status{min-height:18px;margin-bottom:0;font-size:12px}body[data-ui=github] .control-section{background:#fff;border:1px solid #d0d7de;border-radius:6px;margin-top:16px;padding:16px;font-size:13px}body[data-ui=github] .section-heading{align-items:center;gap:8px;margin-bottom:4px}body[data-ui=github] .section-heading>span{color:#656d76;font:12px ui-monospace,Consolas,monospace}body[data-ui=github] .section-heading h2{margin:0;font-size:18px;line-height:1.35}body[data-ui=github] label{letter-spacing:0;margin-top:12px;font-size:13px;font-weight:600}body[data-ui=github] .actions>label.button{margin:0}body[data-ui=github] label>span{letter-spacing:0;font-size:12px}body[data-ui=github] label.check{font-size:12px;font-weight:400;line-height:1.5}body[data-ui=github] .field-grid{gap:12px}body[data-ui=github] :is(input:not([type=checkbox]):not([type=file]),select,textarea){color:#24292f;letter-spacing:0;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;min-height:38px;margin-top:6px;padding:8px 10px;font-size:13px}body[data-ui=github] select{padding-right:24px}body[data-ui=github] input[type=checkbox]{accent-color:#0969da}body[data-ui=github] .field-note{max-width:72ch;margin:8px 0 12px;font-size:12px;line-height:1.6}body[data-ui=github] :is(button,.button){letter-spacing:0;color:#1f2328;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;gap:8px;min-height:38px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;transition:background-color .1s,border-color .1s;box-shadow:0 1px #1b1f240a}body[data-ui=github] :is(button,.button):hover{color:#1f2328;background:#eef1f4;border-color:#d0d7de;transform:none}body[data-ui=github] :is(button.primary,.button.primary){color:#fff;background:#0969da;border-color:#0969da}body[data-ui=github] :is(button.primary,.button.primary):hover{color:#fff;background:#0757b5;border-color:#0757b5}body[data-ui=github] :is(button,.button):active{box-shadow:none;background:#e8e8e8;transform:none}body[data-ui=github] :is(button.primary,.button.primary):active{color:#fff;background:#0757b5}body[data-ui=github] button:disabled{opacity:1;color:#656d76;box-shadow:none;background:#f6f8fa;border-color:#d0d7de}body[data-ui=github] .actions.subtle{gap:12px;margin:8px 0}body[data-ui=github] .actions.subtle button{color:#0969da;box-shadow:none;background:0 0;border:0;min-height:38px;padding:4px 0;text-decoration:none}body[data-ui=github] .actions.subtle #clear:not(:disabled){color:#cf222e}body[data-ui=github] .actions.subtle button:disabled{color:#656d76}body[data-ui=github] details{border-top:1px solid #d0d7de;margin-top:16px;padding-top:4px}body[data-ui=github] summary{color:#0969da;min-height:44px;padding:10px 0;font-size:13px}body[data-ui=github] #compensation,body[data-ui=github] #calibration-status{border:0;padding:0;font-size:12px;line-height:1.6}body[data-ui=github] .preview{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;margin-top:20px;padding:0 16px;top:100px}@media (width>=701px){body[data-ui=github] .workspace>.preview{scrollbar-gutter:stable;align-self:start;max-height:calc(100dvh - 40px);position:sticky;top:24px;overflow:hidden auto}body[data-ui=github] .workspace>.preview:focus-visible{outline-offset:2px;outline:2px solid #0969da}body[data-ui=github]:has(.design-switcher) .workspace>.preview{max-height:calc(100dvh - 112px);top:96px}}body[data-ui=github] .preview-top{background:#fff;border-bottom:1px solid #d0d7de;border-radius:6px 6px 0 0;gap:12px;margin:0 -16px;padding:12px 16px}body[data-ui=github] .preview-top .eyebrow{letter-spacing:0;margin:0;font-size:12px;line-height:1.5}body[data-ui=github] .preview-top>span{color:#656d76;background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:4px 6px;font:11px ui-monospace,Consolas,monospace}body[data-ui=github] .preview-title{align-items:center;gap:12px;margin:16px 0}body[data-ui=github] .preview-title h2{margin:0;font-size:20px;line-height:1.3}body[data-ui=github] .preview-title>p{max-width:none;margin:0;font-size:12px;line-height:1.5}body[data-ui=github] .empty-paper{box-shadow:none;background:#fff;border:1px solid #d0d7de;width:55%;max-width:320px;margin:24px auto}body[data-ui=github] .empty-insert{border-color:#d0d7de}body[data-ui=github] .empty-insert p{letter-spacing:0;font-family:inherit;font-size:18px}body[data-ui=github] #preview-empty>p{margin:20px 0;font-size:12px}body[data-ui=github] .preview-toolbar{border-top:1px solid #d0d7de;grid-template-columns:80px 1fr;gap:12px;padding-bottom:16px}body[data-ui=github] .preview-toolbar :is(label,select){font-size:12px}body[data-ui=github] .paper-pair{gap:12px}body[data-ui=github] .paper-pair figcaption{letter-spacing:0;min-height:36px;font:11px/1.5 ui-monospace,Consolas,monospace}body[data-ui=github] canvas{background:#fff;border:1px solid #d0d7de}body[data-ui=github] .legend{letter-spacing:0;gap:12px;padding:8px 0;font-size:11px}body[data-ui=github] .preview-bottom{border-top:1px solid #d0d7de;gap:12px;padding:12px 0}body[data-ui=github] .preview-bottom>span{letter-spacing:0;font:11px/1.5 ui-monospace,Consolas,monospace}body[data-ui=github] .preview-bottom p{font-size:12px;line-height:1.5}body[data-ui=github] #enlarge{min-height:38px;margin-bottom:16px}body[data-ui=github] #issues:not(:empty){background:#fff;border:1px solid #d0d7de;border-radius:6px;margin-bottom:16px;padding:12px}body[data-ui=github] .closing{border-top:1px solid #d0d7de;max-width:1280px;margin:24px auto 0;padding:20px 0;display:block}body[data-ui=github] .closing h2{margin-bottom:8px;font-size:20px}body[data-ui=github] .closing>div{max-width:72ch;font-size:13px}body[data-ui=github] .closing a{font-size:13px}body[data-ui=github] footer{border-top:1px solid #d0d7de;max-width:1280px;margin:0 auto;padding:20px 0}body[data-ui=github] footer .brand{font-size:16px}body[data-ui=github] footer nav{flex-wrap:wrap;gap:16px;font-size:12px}body[data-ui=github] footer p{font-size:12px}body[data-ui=github] .design-switcher{background:#fff;border-bottom:1px solid #d0d7de;gap:12px;padding:8px 24px}body[data-ui=github] .design-switcher>span{letter-spacing:0;font-size:12px}body[data-ui=github] .design-switcher>a{font-size:12px}body[data-ui=github] .design-choices{gap:6px}body[data-ui=github] .design-choices button{min-height:38px;box-shadow:none;padding:7px 10px;font-size:12px}body[data-ui=github] .design-choices [aria-pressed=true]{color:#0969da;background:#f6f8fa;border-color:#0969da}body[data-ui=github] :is(button,a,input,select,summary,textarea):focus-visible,body[data-ui=github] .button:focus-within{outline-offset:2px;outline:2px solid #0969da;box-shadow:0 0 0 4px #0969da4d}body[data-ui=github] :is(input,select,textarea):focus{background:#fff;border-color:#0969da}body[data-ui=github] dialog.enlarged{background:#fff;border:1px solid #d0d7de;border-radius:6px;padding:16px;font-family:inherit}body[data-ui=github] dialog.enlarged h2{font-size:20px}.product-content{max-width:1280px;margin:28px auto 0;padding:0 24px}body[data-ui=github] .product-content{max-width:1328px}body[data-ui=github] .headline-key{color:#0969da;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ddf4ff;border-radius:4px;padding:0 .12em}body[data-ui=github] .text-accent{color:#0969da}body[data-ui=github] .intro strong{color:#1f2328;font-weight:600}body[data-ui=github] .trust-points{align-items:center;gap:8px 16px;margin-top:16px;font-size:13px}body[data-ui=github] .trust-points li:first-child{color:#116329;background:#dafbe1;border-radius:4px;padding:4px 8px;font-weight:600}body[data-ui=github] .trust-points li:last-child{color:#116329;font-weight:500}body[data-ui=github] .section-heading>span{color:#0550ae;letter-spacing:0;background:#ddf4ff;border-radius:4px;place-items:center;min-width:28px;min-height:28px;padding:4px 6px;font-size:12px;line-height:20px;display:grid}body[data-ui=github] :is(#trim,#paper,#scale){color:#0550ae;font-weight:600}body[data-ui=github] #file::file-selector-button{color:#fff;font:inherit;cursor:pointer;background:#0969da;border:0;border-radius:4px;margin-right:12px;padding:8px 12px;font-weight:500}body[data-ui=github] #preview-badge[data-test-state=none],body[data-ui=github] #preview-badge[data-test-state=recheck]{color:#633c01;background:#fff8c5;border-color:#bf8700}body[data-ui=github] #preview-badge[data-test-state=reported]{color:#116329;background:#dafbe1;border-color:#82b992}body[data-ui=github] #calibration-status[data-test-state]{color:#633c01;background:#fff8c5;border-left:3px solid #bf8700;border-radius:4px;padding:12px;font-size:13px;line-height:1.6}body[data-ui=github] #calibration-status[data-test-state=reported]{color:#116329;background:#dafbe1;border-left-color:#1a7f37}body[data-ui=github] #issues p[data-severity]{color:#633c01;background:#fff8c5;border-left:3px solid #bf8700;margin:0;padding:8px 12px}body[data-ui=github] #issues p[data-severity]+p{margin-top:8px}body[data-ui=github] #issues p[data-severity=error]{color:#a40e26;background:#fff1f2;border-left-color:#cf222e}body[data-ui=github] #plus .plus-name{color:#0969da}body[data-ui=github] #plus .plus-price,body[data-ui=github] .price-emphasis{color:#9a3412}body[data-ui=github] #plus .plus-body>p strong,body[data-ui=github] .article :is(p,li) strong{color:#0550ae;font-weight:600}body[data-ui=github] .article th{color:#0550ae;background:#f6f8fa}body[data-ui=github] .breadcrumbs{color:#656d76;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 16px;font-size:12px;line-height:1.6;display:flex}body[data-ui=github] .breadcrumbs a{font-weight:500}.landing-section{border-top:1px solid var(--line);padding:20px 0}.trust-points{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.benefit-list{grid-template-columns:1fr 1fr;gap:16px 28px;margin:16px 0;display:grid}.benefit-list dt{margin-bottom:6px;font-weight:600}.benefit-list dd{max-width:65ch;margin:0}.guide-links{margin:12px 0;padding:0;list-style:none}.guide-links li{padding:10px 0}.guide-links p{margin:6px 0 0}body[data-ui=github] .landing-section h2{margin:0 0 12px;font-size:20px}body[data-ui=github] :is(.benefit-list,.guide-links,.faq p){font-size:14px;line-height:1.6}body[data-ui=github] .benefit-list dd,body[data-ui=github] .guide-links p{color:#656d76}body[data-ui=github] .faq details{margin-top:8px;padding-top:4px}body[data-ui=github] .faq summary{min-height:44px;font-size:14px;font-weight:600}body[data-ui=github] .faq p{max-width:72ch;margin:4px 0 16px}body[data-ui=github] .article{max-width:850px;margin:28px auto 40px;padding:0 24px}body[data-ui=github] .article>.eyebrow{display:none}body[data-ui=github] .article h1{margin:12px 0 20px;font-size:28px;line-height:1.3}body[data-ui=github] .article h2{margin:28px 0 12px;font-size:21px}body[data-ui=github] .article h3{margin:20px 0 8px;font-size:18px}body[data-ui=github] .article :is(p,li){max-width:72ch;font-size:14px;line-height:1.75}body[data-ui=github] .article .lede{color:#656d76;font-size:16px}body[data-ui=github] .article :is(td,th){border-color:#d0d7de;font-size:13px}body[data-ui=github] .article th{background:#f6f8fa}body[data-ui=github] .article svg{border:1px solid #d0d7de;border-radius:6px}@media (width<=1328px){body[data-ui=github] :is(.workflow-nav,.closing,footer){margin-left:24px;margin-right:24px}}@media (width<=1050px){body[data-ui=github] .site-header{padding:12px 24px}body[data-ui=github] .workspace{grid-template-columns:minmax(300px,5fr) minmax(0,6fr);gap:16px;padding:0 24px}body[data-ui=github] .hero{padding:20px 24px;display:block}body[data-ui=github] .hero h1{font-size:28px}body[data-ui=github] .preview-title{display:block}body[data-ui=github] .preview-title>p{margin-top:8px}body[data-ui=github] .paper-pair{flex-direction:row}body[data-ui=github] .preview-bottom{display:block}body[data-ui=github] .preview-bottom p{margin-top:8px}}@media (width<=700px){body[data-ui=github] .site-header{padding:12px 16px;display:block}body[data-ui=github] .site-header .brand{font-size:18px}body[data-ui=github] .site-header nav{justify-content:flex-start;gap:16px;max-width:none;margin-top:8px}body[data-ui=github] .site-header nav a{font-size:12px}body[data-ui=github] .hero{gap:0;padding:20px 16px}body[data-ui=github] .hero h1{margin:8px 0;font-size:26px;line-height:1.3}body[data-ui=github] .hero-copy .eyebrow{letter-spacing:0;font-size:12px}body[data-ui=github] .intro{font-size:13px}body[data-ui=github] .hero-note{display:none}body[data-ui=github] .workflow-nav{grid-template-columns:1fr 1fr;gap:0;margin:0 16px}body[data-ui=github] .workflow-nav a{gap:8px;padding:12px 8px;font-size:12px}body[data-ui=github] .workspace{gap:0;padding:0 16px}body[data-ui=github] .file-section{margin-top:16px;padding:16px}body[data-ui=github] .file-section h2{font-size:20px}body[data-ui=github] .preview{margin-top:16px;padding:0 12px}body[data-ui=github] .preview-top{gap:8px;margin:0 -12px;padding:12px}body[data-ui=github] .preview-top .eyebrow{font-size:11px}body[data-ui=github] .preview-top>span{font-size:10px}body[data-ui=github] .preview-title h2{font-size:20px}body[data-ui=github] .preview-title>p{font-size:12px}body[data-ui=github] .preview-toolbar{grid-template-columns:60px 1fr}body[data-ui=github] .preview-toolbar select{font-size:11px}body[data-ui=github] .paper-pair figcaption{font-size:10px}body[data-ui=github] .section-heading h2{font-size:18px}body[data-ui=github] .closing{border-radius:0;margin:20px 16px 0;padding:16px 0}body[data-ui=github] .closing h2{margin-bottom:8px;font-size:20px}body[data-ui=github] footer{align-items:start;margin:0 16px;padding:16px 0}body[data-ui=github] .design-switcher{padding:8px 16px}body[data-ui=github] .design-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.product-content{margin-top:20px;padding:0 16px}.benefit-list{grid-template-columns:1fr;gap:16px}body[data-ui=github] .article{margin-top:20px;padding:0 16px}body[data-ui=github] .article h1{font-size:26px}body[data-ui=github] .article :is(td,th){padding:10px 4px;font-size:12px}}