:root { --vp-nav-height: 84px; --vp-nav-logo-height: 64px; } .title img { border-radius: 2em; } .VPHero .VPImage.image-src { border-radius: 10em; } .form-cell { margin-bottom: 1em; } .form-cell input[type="text"], .form-cell select { border: 1px solid rgb(60, 60, 67); display: block; padding: 0.25em 0.5em; border-radius: 0.25em; min-width: 40em; max-width: 40em; background: transparent; appearance: auto; -webkit-appearance: auto; } .form-cell input[type="text"]:focus, .form-cell select:focus { border: 1px solid #0c78fc; } .nix-code { white-space: pre-wrap; } .nix-code code { margin: 0; padding: 0; width: 100%; display: block; } .dynamic-component.code:before { content: attr(data-name); position: absolute; color: blue; top: -1.4em; left: 0em; font-size: 0.8em; } .dynamic-component.code { position: relative; border: blue 1px dotted; padding: 1em; margin: 1em 0; white-space: pre-wrap; } .nix-preview .shiki { padding: 0.5em; }