| @font-face { font-family: 'DeReKoVecs Fira Sans'; src: url('fonts/FiraSans-Regular.woff2') format('woff2'); font-weight: 400; font-display: block; } |
| @font-face { font-family: 'DeReKoVecs Fira Sans'; src: url('fonts/FiraSans-Bold.woff2') format('woff2'); font-weight: 700; font-display: block; } |
| #semantic-dimensions { font-family: 'DeReKoVecs Fira Sans', 'Fira Sans', sans-serif; } |
| #semantic-dimensions button { font: inherit; } |
| .semantic-export { margin-left: .5rem; } |
| .semantic-controls { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0; } |
| .semantic-controls fieldset { flex: 1 1 230px; min-width: 0; border: 1px solid #bbb; padding: .75rem; } |
| .semantic-controls select, .semantic-controls input, .semantic-controls textarea { display: block; width: 100%; box-sizing: border-box; margin-bottom: .5rem; font: inherit; } |
| .semantic-controls [hidden] { display: none; } |
| .semantic-controls textarea { resize: vertical; } |
| .semantic-controls small { display: block; } |
| .semantic-plot { overflow: auto; } |
| .semantic-gradient svg { max-height: 65vh; } |
| .semantic-plot svg { width: 100%; display: block; font: 12px 'DeReKoVecs Fira Sans', 'Fira Sans', sans-serif; } |
| .semantic-plot .axis path, .semantic-plot .axis line { fill: none; stroke: #777; shape-rendering: crispEdges; } |
| .semantic-plot a { fill: #222; } |
| .semantic-plot a:hover { fill: #006b95; text-decoration: underline; } |
| .semantic-zero { stroke: #b77; stroke-dasharray: 4 4; } |
| .semantic-stem { stroke: #ccc; } |
| .semantic-status { margin: 1rem 0; } |
| .semantic-details details { margin: .5rem 0; overflow-wrap: anywhere; } |
| |
| .semantic-layout { margin-left: 1rem; } |
| .semantic-layout select { font: inherit; } |
| |
| .semantic-vertical { max-height: 65vh; overflow-y: auto; } |
| |
| .semantic-share-hint { display: block; margin-top: .5rem; } |