.mesh-material-card-eq{grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:grid}.mesh-material-card-eq>li:not(.mesh-material-card-op){text-align:center;background:#fff;border:1px solid #dfe2e8;border-radius:7px;justify-items:center;gap:2px;min-width:0;padding:5px 3px;display:grid}.mesh-material-card-eq>li.is-result{background:#f3faf5;border-color:#c7d9cc}.mesh-material-card-eq b{color:#1f2530;font-size:10px}.mesh-material-card-eq small{color:#535a67;max-width:100%;font-size:8.5px;line-height:1.3}.mesh-material-card-op{color:#6b7280;text-align:center;font-size:12px;font-weight:800}.mesh-material-card-glyph{background:#f1f2f5;border-radius:5px;place-items:center;width:46px;height:40px;display:grid}.mesh-material-card-glyph.is-dark{background:#12151b}.mesh-material-card-glyph svg{width:40px;height:36px}.mesh-material-card-maps{grid-template-columns:repeat(3,13px);place-content:center;gap:2px;width:46px;height:40px;display:grid}.mesh-material-card-maps i,.mesh-material-map i{border-radius:2px;width:12px;height:12px;display:block}:where(.mesh-material-card-maps,.mesh-material-map) i.is-color{background:repeating-linear-gradient(90deg,#a8703f 0 2px,#d29a5f 2px 5px,#8e5a30 5px 6px)}:where(.mesh-material-card-maps,.mesh-material-map) i.is-normal{background:repeating-linear-gradient(90deg,#8080ff 0 2px,#b4a0ff 2px 4px,#5f7cf0 4px 6px)}:where(.mesh-material-card-maps,.mesh-material-map) i.is-rough{background:repeating-linear-gradient(90deg,#fff 0 2px,#8f8f8f 2px 4px,#d8d8d8 4px 6px)}.mesh-material-layout{grid-template:"viewer panel""samples panel"1fr/minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.mesh-material-viewer{grid-area:viewer}.mesh-material-panel{grid-area:panel}.mesh-material-samples{grid-area:samples}.mesh-material-viewer{gap:8px;min-width:0;display:grid}.mesh-material-stage.w3d-stage{aspect-ratio:5/4;width:100%}.mesh-material-turn{flex-wrap:wrap;gap:6px;display:flex}.term-interactive-demo.w3d-demo .mesh-material-turn button{flex:auto}.mesh-material-fallback{text-align:center;place-content:center;justify-items:center;gap:8px;padding:14px;display:grid}.mesh-material-fallback svg{width:90px;height:80px}.mesh-material-fallback p{gap:3px;margin:0;display:grid}.mesh-material-fallback b{color:#1f2530;font-size:13.5px}.mesh-material-fallback span{color:#4a515e;font-size:12px}.mesh-material-panel{gap:10px;min-width:0;display:grid}.mesh-material-group{background:#fff;border:1px solid #d9dde5;border-radius:9px;gap:7px;min-width:0;margin:0;padding:9px 10px 10px;display:grid}.mesh-material-group legend{color:#1f2530;align-items:center;gap:6px;padding:0 4px;font-size:12.5px;font-weight:800;display:flex}.mesh-material-group legend span{color:#fff;background:#1f2530;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.term-interactive-demo.w3d-demo .mesh-material-group>button{justify-content:flex-start;width:100%}.mesh-material-seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mesh-material-note{color:#3c4350;margin:0;font-size:12.5px}.mesh-material-note b{color:#11151c;font-family:var(--font-geist-mono), ui-monospace, monospace}.mesh-material-slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;display:grid}.mesh-material-slider>span{color:#1f2530;min-width:0;font-size:13px;font-weight:750}.mesh-material-slider small{color:#5a6170;font-size:11.5px;font-weight:500}.mesh-material-slider output{color:#ffd38a;min-width:3.2em;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;background:#1f2530;border-radius:5px;padding:1px 6px;font-size:12.5px;font-weight:700}.mesh-material-slider input{grid-column:1/-1}.mesh-material-map{cursor:pointer;border:1px solid #e4e7ec;border-radius:7px;grid-template-columns:auto 18px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:5px 6px;display:grid}.mesh-material-map:has(input:checked){background:#fff8ea;border-color:#c27a00}.mesh-material-map i{width:18px;height:18px}.mesh-material-map span{gap:1px;min-width:0;display:grid}.mesh-material-map b{color:#1f2530;font-size:12.5px}.mesh-material-map small{color:#4f5664;font-size:11.5px;font-weight:500}.term-interactive-demo.w3d-demo .mesh-material-reset{justify-self:start}.mesh-material-samples{gap:8px;min-width:0;display:grid}.mesh-material-samples h3{color:#1f2530;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:14px;display:flex}.mesh-material-samples h3 span{color:#4a515e;font-size:12.5px;font-weight:700}.mesh-material-samples>ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mesh-material-samples>ul>li{background:#fff;border:1px solid #d9dde5;border-radius:9px;grid-template-columns:minmax(0,11em) minmax(0,1fr);align-items:start;gap:6px 10px;min-width:0;padding:9px 10px;display:grid}.mesh-material-samples>ul>li.is-done{background:#f1faf4;border-color:#9fd2b0}.mesh-material-samples>ul>li.is-now{border-color:#17703d;box-shadow:inset 0 0 0 1px #17703d}.mesh-material-sample-head{gap:1px;min-width:0;display:grid}.mesh-material-sample-head b{color:#1f2530;font-size:13.5px}.mesh-material-sample-head small{color:#4f5664;font-size:11.5px}.mesh-material-sample-head em{color:#5a6170;white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:800}.is-done .mesh-material-sample-head em,.is-now .mesh-material-sample-head em{color:#17703d}.mesh-material-criteria{flex-wrap:wrap;gap:3px 10px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.mesh-material-criteria li{color:#3c4350;min-width:0}.mesh-material-criteria li.is-ok{color:#17703d;font-weight:650}.mesh-material-criteria li.is-miss{color:#8a2a2a}.mesh-material-finish{color:#17502e;background:#f1faf4;border:1px solid #9fd2b0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:13px;font-weight:650;display:flex}.mesh-material-report{background:#12151b;border:1px solid #262b35;border-radius:8px;gap:4px;min-width:0;padding:8px 10px;display:grid}.mesh-material-report span{color:#8f98a8;font-size:11.5px;font-weight:700}.mesh-material-report code{color:#e8ebf1;min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;overflow-wrap:anywhere;font-size:12px;line-height:1.55}@media (max-width:720px){.mesh-material-layout{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"viewer""panel""samples"}}@media (max-width:480px){.mesh-material-samples>ul>li{grid-template-columns:1fr}}.term-interactive-demo.w3d-demo.mesh-material-demo input:focus{outline-offset:2px;box-shadow:none;outline:2px solid #c27a00}.term-interactive-demo.w3d-demo.mesh-material-demo input[type=checkbox]{accent-color:#c27a00}