/* Daylit physical materials, beside the preserved drawing modes. */
.material-canvas{position:absolute;left:34%;top:20%;width:64%;height:58%;z-index:2;outline:none;cursor:grab;touch-action:pan-y}
.material-canvas:active{cursor:grabbing}.material-canvas:focus-visible{outline:1px solid #7d9291;outline-offset:-2px}.material-canvas[hidden]{display:none}
.equipment-themes{display:flex;gap:3px;border-bottom:1px solid #a1ffed30;padding-bottom:6px}
.equipment-themes button[aria-pressed="true"]{color:#defff5;background:#8bf2d514}
.material-options{display:none;align-items:center;gap:12px;flex-wrap:wrap}.material-options label{display:flex;align-items:center;gap:5px;font-size:8px}.material-options input{width:54px;height:12px;accent-color:#7c9083}.material-options output{width:30px;font-variant-numeric:tabular-nums}.material-options button{padding:3px 0}
#material-status:empty{display:none}#material-status{font-size:10px;max-width:330px;line-height:1.6;color:#ab7154;margin:0}.equipment-controls{gap:9px}
.hero[data-theme="material"]{background:radial-gradient(ellipse at 39% 26%,#eff0f1 0%,#dcdfe5 47%,#b8bcc8 100%);color:#333d43}
.hero[data-theme="material"] .equipment-model,.hero[data-theme="material"] .energy-current,.hero[data-theme="material"] .connection-caption,.hero[data-theme="material"] .equipment-videos{display:none}
.hero[data-theme="material"] .shade,.hero[data-theme="material"] .grid{display:none}
.hero[data-theme="material"] .material-options{display:flex}.hero:not([data-theme="material"]) .material-canvas{display:none}
.hero[data-theme="material"] .equipment-svg{z-index:3}
.hero[data-theme="material"] .equipment-label{fill:#515e66}.hero[data-theme="material"] .label-bracket{stroke:#82949a}.hero[data-theme="material"] .label-code{opacity:.75}
.hero[data-theme="material"] .copy p,.hero[data-theme="material"] .copy h1,.hero[data-theme="material"] .bottom p,.hero[data-theme="material"] .bottom h2,.hero[data-theme="material"] .nav a,.hero[data-theme="material"] .menu,.hero[data-theme="material"] .equipment-brand{color:#35424a}
.hero[data-theme="material"] .copy .vision{color:#75818b}.hero[data-theme="material"] .copy .lead{color:#64707b}
.hero[data-theme="material"] .equipment-brand img{filter:brightness(.4)}.hero[data-theme="material"] .bottom .no1{color:#f8f9fa;text-shadow:0 1px 2px #77818b14}
.hero[data-theme="material"] .equipment-focus{background:#edf0f2c9;border-color:#8c969f50;backdrop-filter:blur(12px)}
.hero[data-theme="material"] .equipment-controls button,.hero[data-theme="material"] .equipment-options label{color:#596974}
.hero[data-theme="material"] .equipment-focus button[aria-pressed="true"]{background:#cad5d880;color:#233d49}
.hero[data-theme="material"] .equipment-themes{border-color:#8899a54a}
.hero[data-theme="material"] .equipment-themes button[aria-pressed="true"]{color:#244c5b;background:#a4bfc43b}
.hero[data-theme="material"] .equipment-controls button:hover{color:#1f4150}
.hero[data-theme="material"] .equipment-controls button:focus-visible,.hero[data-theme="material"] .equipment-controls input:focus-visible{outline-color:#526f7c}
.hero[data-theme="material"] .equipment-options #equipment-footage,.hero[data-theme="material"] .equipment-options label{display:none}
.hero[data-theme="material"] .equipment-note{color:#778791}
.hero[data-theme="material"] .equipment-options{align-self:flex-start}
.hero[data-theme="technical"] .equipment-themes{border-color:#adbeb3}.hero[data-theme="technical"] .equipment-themes button[aria-pressed="true"]{color:#294839;background:#dce9e1}
@media(min-width:901px){.hero[data-theme="material"] .equipment-controls{max-width:520px}.hero[data-theme="material"] .equipment-label .label-title{font-size:12px}}
@media(max-width:900px){.material-canvas{left:1%;top:350px;width:98%;height:415px;touch-action:pan-y}.hero[data-theme="material"]{min-height:1030px}.hero[data-theme="material"] .equipment-controls{bottom:110px;gap:7px}.equipment-themes{justify-content:space-between}.equipment-themes button{flex:1;padding:8px 5px}.material-options{gap:7px;justify-content:space-between}.material-options input{width:44px}.material-options label{font-size:8px}.material-options button{font-size:8px}.hero[data-theme="material"] .equipment-options{position:absolute;right:0;bottom:-24px}.hero[data-theme="material"] .equipment-brand{color:#394850}}
@media(prefers-reduced-motion:reduce){.material-canvas{scroll-behavior:auto}}