.instrument { max-height: 100vh; max-width: 100vw; object-fit: contain; margin: 0 auto; margin-top: 32px; display: block; position: relative; } .snippets { width: 100%; padding: 0; } .snippets li { display: flex; width: 100%; font-size: 32px; padding: 8px; } .snippets li > * { flex-shrink: 0; } .snippets li:nth-child(even) { background: #efefef; } .snippets li button { background-color: white; border: 1px solid currentColor; padding: 4px; width: 32px; height: 32px; display: inline-block; } .snippets li button svg { width: 100%; height: 100%; } .download { margin-left: auto; margin-right: 16px; } .snippets .description { margin: 0 8px; flex-shrink: 1; } .print { background: none; border: 1px solid currentColor; background-color: white; padding: 0px; } .print svg { width: 32px; height: 32px; display: inline-block; } /* svg #params, svg #sockets { display: none; } */ .instrument .cables { position: absolute; top: 0; left: 0; } main { font-size: 24px; line-height: 1.2; } .meta { display: inline-block; border: 2px solid currentColor; padding: 16px; margin: 32px 0; max-width: 40ch; } .meta .date { margin-top: 8px; opacity: 0.5; }