nav{display:flex;padding:1.5em 3em;font-size:90%}nav>*+*{margin-left:2em}nav a{margin-right:.5rem}nav a:last-child{margin-right:0}nav span{color:#f5f5f5}:host{--color-accent: $color-accent;--color-link: $color-link;--color-text: $color-text;--color-text-dark: $color-text-dark;--color-text-inverted: $color-text-inverted;--color-border: $color-border;--color-border-dark: $color-border-dark;--color-background-dark: $color-background-dark;--color-background-darker: $color-background-darker;--color-background-inverted: $color-background-inverted;--color-success: $color-success;--color-error: $color-error}project-banner .details .topic,library-card .details .topic{margin-right:.5em;margin-top:.8em;padding:2px 6px;border-radius:3px}project-banner .details .topic.primary,library-card .details .topic.primary{background:#ffd166}project-banner .details .topic.secondary,library-card .details .topic.secondary{background:#f3f0ec}project-banner,library-card{display:flex;flex-direction:column}project-banner a:not(:hover),library-card a:not(:hover){text-decoration:none}project-banner .banner,library-card .banner{height:300px;max-height:30vw;border-radius:12px;background-size:cover;background-position:center}project-banner .banner:hover,library-card .banner:hover{outline:solid 3px #ffd166}project-banner .details,library-card .details{display:flex;flex-wrap:wrap;align-items:baseline}project-banner .details .time,library-card .details .time{margin-left:.5em;margin-top:.8em;font-size:.9em;opacity:.9}project-banner .author .spacer,library-card .author .spacer{flex-grow:1}project-banner .title,library-card .title{font-family:sans-serif;font-weight:bold;font-size:1.5rem;margin-top:.4em}project-banner .description,library-card .description{margin-top:.6em;flex-grow:1}project-banner .emphasis,library-card .emphasis{border-bottom:solid 3px #ffd166;margin-bottom:-3px !important}project-banner .author{margin-top:2em}.comp.fullpage-project-release{padding:3em;display:flex;flex-direction:column;align-items:center}.comp.fullpage-project-release project-banner{border-bottom:dotted 4px #d4d4d4;padding-bottom:3em;width:100%;max-width:850px}.comp.fullpage-project-release .body{margin-top:3em;max-width:850px}.comp.fullpage-project-release .assets{border-top:dotted 4px #d4d4d4;padding-top:3em}.comp.fullpage-project-release .assets summary{cursor:pointer}.comp.fullpage-project-release .emphasis a{border-bottom:solid 3px #ffd166;margin-bottom:-3px !important}.markdown{line-height:1.6;font-size:18px}.markdown img{max-width:100%;display:block;margin:auto}.markdown hr{margin:3em 0;border:none;border-bottom:dotted 4px #d4d4d4}.markdown pre{overflow:auto}.markdown .image-gallery{display:flex;max-width:100%;overflow:hidden;flex-wrap:wrap;filter:drop-shadow(0px 0px 3px rgba(20, 20, 20, 0.2))}.markdown .image-gallery .column{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column}@media(max-width: 750px){.markdown .image-gallery .column{width:100%}}.markdown .image-gallery .column a{position:relative;margin:3px;border-radius:4px;height:200px;overflow:hidden;flex-grow:1;background-size:cover}.markdown .image-gallery .column a:hover{background-color:#000;background-size:contain;background-position:center;background-repeat:no-repeat}.markdown-editor{width:100%;display:flex;flex-direction:column}.markdown-editor .preview-action{margin-top:1em;margin-right:auto}.markdown-editor .preview-action label{padding-top:0 !important}.markdown-editor .preview-action input{margin:0 !important}.markdown-editor textarea{border:none;font-family:monospace;font-size:16px}.markdown-editor textarea,.markdown-editor app-markdown-renderer{flex-grow:1;display:block;border:solid 3px #d4d4d4;padding:0 1em;min-height:150px}.markdown-editor app-markdown-renderer{overflow-y:scroll;box-sizing:border-box;background-color:#f8f5f2}.markdown-preview{outline:solid 4px;margin:1.5em;padding:.5em;display:inline-block;display:flex;border-radius:4px;box-shadow:0 0 4px 1px #141414}.markdown-preview>summary{text-align:center;text-decoration:underline;cursor:pointer}.markdown.body.preview{max-width:100%;font-size:60%;max-width:60%;margin:auto}#content{padding:unset}
