mirror of
https://github.com/visioncortex/vtracer.git
synced 2026-10-17 16:01:46 -07:00
2 lines
22 KiB
CSS
Generated
2 lines
22 KiB
CSS
Generated
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#18202b;font-synthesis:none;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{color:#dbe4ee;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0e1116}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;min-width:900px;margin:0}html,body,#app{height:100%;overflow:hidden}*,:before,:after{-webkit-user-select:inherit;user-select:inherit}button,input,textarea{font:inherit}input,textarea{-webkit-user-select:text;user-select:text}.app-shell{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffe0;border-bottom:1px solid #d9dee5;flex:none;justify-content:space-between;align-items:center;gap:24px;height:50px;padding:8px 16px;display:flex;position:relative}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{pointer-events:none;-webkit-user-drag:none;width:30px;height:30px}.actions{align-items:center;gap:10px;display:flex}.button{white-space:nowrap;color:#1e2a38;cursor:pointer;background:#fff;border:1px solid #c9d1dc;border-radius:7px;height:32px;padding:0 12px;font-size:13px;font-weight:560;transition:background .12s,border-color .12s,box-shadow .12s,color .12s}.button:not(:disabled):hover,.button:not(:disabled):focus-visible{background:#f4f8ff;border-color:#a9c7ee;box-shadow:0 1px 5px #2563eb1f}.button.primary{color:#fff;background:#00336f;border-color:#00336f}.button.primary:not(:disabled):hover,.button.primary:not(:disabled):focus-visible{background:#073f83;border-color:#185da8;box-shadow:0 2px 8px #00336f38}.button:focus-visible,.segmented button:focus-visible,.zoom-capsule button:focus-visible,.fit-btn:focus-visible,.sample:focus-visible{outline-offset:2px;outline:2px solid #2563eb3d}.button:disabled{cursor:default;color:#9aa4b2;background:#eef1f5}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid;overflow:hidden}.stage{grid-template-rows:minmax(0,1fr) 100px;min-width:0;min-height:0;display:grid;overflow:hidden}.drop-zone{background:#fff;border:1px dashed #b9c4d1;border-radius:8px;margin:24px;position:relative;overflow:hidden}.drop-zone.has-content{border-style:solid;border-color:#d9dee5}.drop-zone.dragging{border-color:#c4912b;box-shadow:inset 0 0 0 2px #c4912b40}.empty-state{color:#596273;align-content:center;justify-items:center;gap:8px;height:100%;min-height:420px;display:grid}.empty-state strong{color:#122033;letter-spacing:0;font-size:24px}.preview-stack{grid-template-rows:42px minmax(0,1fr);height:100%;min-height:420px;display:grid}.pane-title{color:#384354;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:680;display:flex}.pane-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pane-title-actions{align-items:center;gap:10px;min-width:0;display:flex}.pane-title small{color:#7d8795;white-space:nowrap;font-weight:520}.comparator-shell{cursor:grab;touch-action:none;background-color:#0000;background-image:linear-gradient(45deg,#edf1f5 25%,#0000 25%),linear-gradient(-45deg,#edf1f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f5 75%),linear-gradient(-45deg,#0000 75%,#edf1f5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.comparator-shell.selection-mode{cursor:default}.comparator-shell.space-pan{cursor:grab}.comparator-shell.panning{cursor:grabbing}.comparator-shell.dragging-patch{cursor:move}.artwork-frame{pointer-events:none;place-items:center;display:grid;position:absolute;inset:18px}.canvas-view-frame{inset:0}.source-layer,.patch-highlight-layer{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.patch-highlight-layer{pointer-events:none;overflow:visible}.source-clip,.svg-clip{--compare:62%;pointer-events:none;clip-path:none;position:absolute;inset:0}.comparator-shell.selection-mode .svg-clip,.comparator-shell.selection-mode .svg-clip .artwork-frame,.comparator-shell.selection-mode .svg-canvas-view{pointer-events:auto}.canvas-view{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pixelated-source{image-rendering:crisp-edges;image-rendering:pixelated}.patch-highlight-layer .patch-outline{paint-order:stroke fill markers;stroke-width:var(--patch-outline-width,1.35px);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1;vector-effect:non-scaling-stroke;fill:none!important;stroke:#f5b833!important}.patch-highlight-layer .patch-node{fill:#fff;stroke:#f5b833;stroke-width:var(--patch-node-stroke-width,1.2px);vector-effect:non-scaling-stroke}.compare-line{top:0;bottom:0;left:var(--compare);pointer-events:none;width:0;position:absolute}.compare-line:before{content:"";background:#00336f;width:2px;transition:background .12s,box-shadow .12s;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #fffc}.comparator-shell:has(.compare-handle:hover) .compare-line:before{background:#00336f;box-shadow:0 0 0 1px #f5b833}.comparator-shell:has(.compare-handle:focus-visible) .compare-line:before{background:#00336f;box-shadow:0 0 0 1px #f5b833}.comparator-shell:has(.compare-handle:active) .compare-line:before{background:#00336f;box-shadow:0 0 0 1px #f5b833}.compare-handle{top:50%;left:var(--compare);cursor:ew-resize;pointer-events:auto;touch-action:none;color:#506073;background:#fff;border:1px solid #cfd7e2;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;transition:background .12s,border-color .12s,box-shadow .12s,color .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1f29372e}.compare-handle:hover,.compare-handle:focus-visible{color:#2563eb;background:#f0f7ff;border-color:#93c5fd;box-shadow:0 6px 18px #2563eb3d}.compare-handle:focus-visible{outline-offset:2px;outline:2px solid #2563eb59}.compare-handle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.canvas-controls{z-index:4;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-capsule,.fit-btn{color:#475569;background:#fff;border:1px solid #d5dbe3;border-radius:8px;transition:background .12s,border-color .12s,box-shadow .12s,color .12s;box-shadow:0 1px 4px #0f172a1f}.zoom-capsule{flex-direction:column;display:flex;overflow:hidden}.zoom-capsule button,.fit-btn{width:34px;height:34px;color:inherit;cursor:pointer;place-items:center;transition:background .12s,color .12s;display:grid}.zoom-capsule button{background:0 0;border:0}.zoom-capsule button:first-child{border-bottom:1px solid #e2e8f0}.zoom-capsule button:hover,.zoom-capsule button:focus-visible,.fit-btn:hover,.fit-btn:focus-visible,.fit-btn[aria-pressed=true]{color:#2563eb;background:#f0f7ff}.zoom-capsule:hover,.zoom-capsule:focus-within,.fit-btn:hover,.fit-btn:focus-visible,.fit-btn[aria-pressed=true]{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb24}.zoom-capsule svg{fill:currentColor;width:22px;height:22px;display:block}.fit-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.fit-btn text{fill:currentColor;stroke:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cursor-btn svg{stroke-width:1.8px;width:23px;height:23px}.trace-progress{z-index:6;pointer-events:none;background:#ffffffe0;border:1px solid #c9d1dce6;border-radius:8px;align-items:center;gap:10px;width:min(340px,100% - 64px);height:28px;padding:0 10px;display:flex;position:absolute;top:58px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px #0f172a1c}.trace-progress span{color:#344256;min-width:72px;font-size:11px;font-weight:720}.trace-progress progress{accent-color:#00336f;flex:1;width:100%;min-width:0;height:6px;display:block}.sample-area{min-width:0;min-height:0;position:relative}.sample-strip{scrollbar-color:#aeb9c7 #e7ebf0;scrollbar-width:thin;--fade-start:0px;--fade-end:0px;height:calc(100% + 11px);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%), linear-gradient(#000, #000);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%), linear-gradient(#000, #000);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%), linear-gradient(#000, #000);grid-auto-columns:118px;grid-auto-flow:column;align-items:start;gap:10px;margin-top:-11px;padding:11px 64px 12px 24px;display:grid;overflow:auto hidden;-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - 8px),100% 8px;mask-size:100% calc(100% - 8px),100% 8px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sample-strip[data-fade~=start]{--fade-start:40px}.sample-strip[data-fade~=end]{--fade-end:40px}.sample-strip::-webkit-scrollbar{-webkit-appearance:none;height:8px}.sample-strip::-webkit-scrollbar-track{background:#e7ebf0}.sample-strip::-webkit-scrollbar-thumb{background:#aeb9c7;border:2px solid #e7ebf0;border-radius:999px;min-width:36px}.sample-strip::-webkit-scrollbar-thumb:hover{background:#8997a8}.sample{color:#344256;cursor:pointer;background:#fff;border:1px solid #d6dde6;border-radius:8px;grid-template-rows:52px 14px;gap:3px;width:100%;padding:4px 4px 2px;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s;display:grid}.sample:hover,.sample:focus-visible{background:#f7faff;border-color:#a9c7ee;box-shadow:0 2px 8px #2563eb1f}.sample img{object-fit:cover;border-radius:5px;width:100%;height:52px}.sample span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;overflow:hidden}.sample-settings-toggle{color:#526174;cursor:pointer;background:#ffffffdb;border:1px solid #cfd7e2e6;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;transition:background .12s,border-color .12s,box-shadow .12s,color .12s;display:grid;position:absolute;top:0;right:24px;box-shadow:0 1px 4px #0f172a1f}.sample-settings-toggle:hover,.sample-settings-toggle:focus-visible{color:#2563eb;background:#f0f7ff;border-color:#93c5fd;box-shadow:0 2px 8px #2563eb29}.sample-settings-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sample-notice-root{z-index:12;position:absolute;top:0;right:24px}.sample-notice{color:#536074;background:#fff;border:1px solid #d9e0e8;border-radius:8px;width:300px;padding:12px 36px 12px 14px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0f172a29}.sample-notice strong{color:#253247;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.sample-notice.sample-credits{width:min(340px,100vw - 48px);max-height:300px;padding:10px 8px 8px;overflow-y:auto}.sample-credits strong{padding:0 8px}.sample-credits a{color:#2f3b4d;border-radius:6px;gap:2px;padding:6px 8px;text-decoration:none;display:grid}.sample-credits a:hover,.sample-credits a:focus-visible{color:#1d4f91;background:#f0f7ff;outline:none}.sample-credits a span{font-size:12px;font-weight:650}.sample-credits a small{color:#6b7484;font-size:11px;line-height:1.25}.controls{background:#fbfcfd;border-left:1px solid #d9dee5;padding:20px;overflow-y:auto}.control-section{border-bottom:1px solid #e3e7ed;margin:0 0 20px;padding:0 0 20px}.control-section:last-of-type{border-bottom:0}.control-section.collapsed{padding-bottom:12px}.control-section-toggle{color:#202a38;cursor:pointer;letter-spacing:0;text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;margin:0 0 12px;padding:0;font-size:13px;font-weight:760;display:flex}.control-section.collapsed .control-section-toggle{margin-bottom:0}.control-section-toggle:hover,.control-section-toggle:focus-visible{color:#2563eb}.control-section-toggle:focus-visible{outline-offset:3px;border-radius:5px;outline:2px solid #2563eb38}.control-section-toggle svg{fill:currentColor;flex:none;width:14px;height:14px;transform:rotate(90deg)}.control-section-toggle[aria-expanded=false] svg{transform:rotate(0)}.control-section-body{display:grid}.segmented{background:#eef2f6;border:1px solid #cfd7e2;border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;margin-bottom:10px;padding:3px;display:grid}.segmented button{color:#586274;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;height:30px;font-size:12px;transition:background .12s,color .12s,box-shadow .12s}.segmented button:hover,.segmented button:focus-visible{color:#2563eb;background:#ffffffb8}.segmented button.selected{color:#fff;background:#00336f}.segmented button.selected:hover,.segmented button.selected:focus-visible{color:#fff;background:#0a4385;box-shadow:0 1px 5px #00336f29}.segmented.segmented-compact{border-radius:7px;margin-bottom:0;padding:2px}.segmented.segmented-compact button{border-radius:5px;height:28px}.segmented.threshold-mode{margin-bottom:0;padding:2px}.segmented.threshold-mode button{height:26px}.sliders{gap:14px;display:grid}.compact-sliders{margin-top:10px}.slider-row{color:#3c4655;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;font-size:13px;display:grid;position:relative}.slider-row output{color:#697386;font-variant-numeric:tabular-nums}.slider-row input{accent-color:#c4912b;cursor:pointer;grid-column:1/-1;width:100%}.error-message{color:#b42318;margin:0;font-size:13px}:root[data-theme=dark] body{background:#0e1116}:root[data-theme=dark] .topbar{background:#12161de6;border-bottom-color:#2a313b}:root[data-theme=dark] .button,:root[data-theme=dark] .zoom-capsule,:root[data-theme=dark] .fit-btn,:root[data-theme=dark] .compare-handle{color:#c7d1de;background:#171c24;border-color:#3a4350;box-shadow:0 1px 4px #0000003d}:root[data-theme=dark] .button:not(:disabled):hover,:root[data-theme=dark] .button:not(:disabled):focus-visible,:root[data-theme=dark] .zoom-capsule button:hover,:root[data-theme=dark] .zoom-capsule button:focus-visible,:root[data-theme=dark] .fit-btn:hover,:root[data-theme=dark] .fit-btn:focus-visible,:root[data-theme=dark] .fit-btn[aria-pressed=true],:root[data-theme=dark] .compare-handle:hover,:root[data-theme=dark] .compare-handle:focus-visible{color:#8ec5ff;background:#1d2a38;border-color:#4779ad;box-shadow:0 2px 8px #2078cc3d}:root[data-theme=dark] .button.primary{color:#f8fbff;background:#0b5cad;border-color:#1872c6}:root[data-theme=dark] .button.primary:not(:disabled):hover,:root[data-theme=dark] .button.primary:not(:disabled):focus-visible{background:#176fc7;border-color:#3292e6;box-shadow:0 2px 10px #3292e64d}:root[data-theme=dark] .button:disabled{color:#6e7886;background:#202631}:root[data-theme=dark] .drop-zone{background:#141921;border-color:#3d4653}:root[data-theme=dark] .drop-zone.has-content{border-color:#2f3743}:root[data-theme=dark] .drop-zone.dragging{border-color:#d6a53f;box-shadow:inset 0 0 0 2px #d6a53f42}:root[data-theme=dark] .empty-state{color:#8b97a8}:root[data-theme=dark] .empty-state strong{color:#eff4fa}:root[data-theme=dark] .pane-title{color:#cad3df;border-bottom-color:#242b35}:root[data-theme=dark] .pane-title small,:root[data-theme=dark] .slider-row output{color:#8d98a8}:root[data-theme=dark] .comparator-shell{background-color:#0000;background-image:linear-gradient(45deg,#202733 25%,#0000 25%),linear-gradient(-45deg,#202733 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#202733 75%),linear-gradient(-45deg,#0000 75%,#202733 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}:root[data-theme=dark] .comparator-shell.binary-preview{background-color:#f0f0f0;background-image:linear-gradient(45deg,#d8d8d8 25%,#0000 25%),linear-gradient(-45deg,#d8d8d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d8 75%),linear-gradient(-45deg,#0000 75%,#d8d8d8 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}:root[data-theme=dark] .compare-line:before{background:#8ec5ff;box-shadow:0 0 0 1px #0a0e14d9}:root[data-theme=dark] .zoom-capsule button:first-child{border-bottom-color:#303846}:root[data-theme=dark] .trace-progress{background:#161b23e6;border-color:#3a4350eb;box-shadow:0 8px 24px #00000047}:root[data-theme=dark] .trace-progress span{color:#d0dae6}:root[data-theme=dark] .trace-progress progress{accent-color:#4fa3f7}:root[data-theme=dark] .sample{color:#cbd5e1;background:#151a22;border-color:#323b48}:root[data-theme=dark] .sample-strip{scrollbar-color:#596575 #252b34}:root[data-theme=dark] .sample-strip::-webkit-scrollbar-track{background:#252b34}:root[data-theme=dark] .sample-strip::-webkit-scrollbar-thumb{background:#596575;border-color:#252b34}:root[data-theme=dark] .sample-strip::-webkit-scrollbar-thumb:hover{background:#718093}:root[data-theme=dark] .sample:hover,:root[data-theme=dark] .sample:focus-visible{background:#1c2632;border-color:#4779ad;box-shadow:0 2px 8px #2078cc33}:root[data-theme=dark] .controls{background:#11161d;border-left-color:#2a313b}:root[data-theme=dark] .control-section{border-bottom-color:#252d38}:root[data-theme=dark] .control-section-toggle{color:#e0e7ef}:root[data-theme=dark] .control-section-toggle:hover,:root[data-theme=dark] .control-section-toggle:focus-visible{color:#8ec5ff}:root[data-theme=dark] .segmented{background:#202733;border-color:#3a4350}:root[data-theme=dark] .segmented button{color:#aeb8c6}:root[data-theme=dark] .segmented button:hover,:root[data-theme=dark] .segmented button:focus-visible{color:#8ec5ff;background:#293341db}:root[data-theme=dark] .segmented button.selected{color:#f8fbff;background:#0b5cad}:root[data-theme=dark] .segmented button.selected:hover,:root[data-theme=dark] .segmented button.selected:focus-visible{background:#176fc7;box-shadow:0 1px 6px #3292e63d}:root[data-theme=dark] .slider-row{color:#c7d1de}:root[data-theme=dark] .slider-row input{accent-color:#d6a53f}:root[data-theme=dark] .error-message{color:#ff8a7d}.brand-logo{display:flex}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.web-banner{color:#667386;white-space:nowrap;background:#f8fafc;border:1px solid #d6dde6;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;display:flex}.web-banner a{color:#1f66ad;font-weight:650;text-decoration:none}.web-banner a:hover,.web-banner a:focus-visible{color:#124f90;outline:none;text-decoration:underline}.github-badge{color:#1e2a38;white-space:nowrap;background:#fff;border:1px solid #c9d1dc;border-radius:7px;align-items:stretch;height:32px;font-size:13px;font-weight:560;text-decoration:none;display:inline-flex;overflow:hidden}.github-badge:hover,.github-badge:focus-visible{border-color:#8fa0b5;outline:none}.github-badge-main,.github-badge-count{align-items:center;padding:0 10px;display:inline-flex}.github-badge-main{gap:6px}.github-badge-main svg{fill:currentColor;width:15px;height:15px}.github-badge-count{color:#536074;font-variant-numeric:tabular-nums;background:#f4f6f8;border-left:1px solid #c9d1dc}.button.download-app{color:#fff;background:#2f8f57;border-color:#2f7d4f;align-items:center;gap:5px;height:30px;margin-left:-4px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.button.download-app:hover,.button.download-app:focus-visible{background:#27794a;border-color:#256b42}.button.download-app svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:13px;height:13px}:root[data-theme=dark] .web-banner{color:#9aa6b5;background:#161b22;border-color:#2b3440}:root[data-theme=dark] .web-banner a{color:#8ec5ff}:root[data-theme=dark] .button.download-app{color:#fff;background:#2f8f57;border-color:#3f9a64}:root[data-theme=dark] .button.download-app:hover,:root[data-theme=dark] .button.download-app:focus-visible{background:#37a565}:root[data-theme=dark] .sample-settings-toggle{color:#c7d1de;background:#161b23e0;border-color:#3a4350eb;box-shadow:0 1px 4px #00000047}:root[data-theme=dark] .sample-settings-toggle:hover,:root[data-theme=dark] .sample-settings-toggle:focus-visible{color:#8ec5ff;background:#1d2a38;border-color:#4779ad;box-shadow:0 2px 8px #2078cc3d}:root[data-theme=dark] .sample-notice{color:#aeb9c7;background:#171d26;border-color:#3a4350;box-shadow:0 12px 30px #0000005c}:root[data-theme=dark] .sample-notice strong{color:#dbe4ee}:root[data-theme=dark] .sample-credits a{color:#c7d1de}:root[data-theme=dark] .sample-credits a:hover,:root[data-theme=dark] .sample-credits a:focus-visible{color:#8ec5ff;background:#1d2a38}:root[data-theme=dark] .sample-credits a small{color:#8a96a6}:root[data-theme=dark] .github-badge{color:#dbe4ee;background:#171d26;border-color:#3a4350}:root[data-theme=dark] .github-badge:hover,:root[data-theme=dark] .github-badge:focus-visible{border-color:#5b6878}:root[data-theme=dark] .github-badge-count{color:#aeb9c7;background:#11161d;border-left-color:#3a4350}
|