smartdown
Version:
A library for translating, rendering and interacting with Smartdown documents. Smartdown is an extension of Markdown that provides richer media support and reactive programming capability.
14 lines (11 loc) • 39.2 kB
CSS
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
Theme: Default
Description: Original highlight.js style
Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
Maintainer: @highlightjs/core-team
Website: https://highlightjs.org/
License: see project LICENSE
Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#F3F3F3;color:#444}.hljs-comment{color:#697070}.hljs-tag,.hljs-punctuation{color:rgba(68,68,68,0.66667)}.hljs-tag .hljs-name,.hljs-tag .hljs-attr{color:#444}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-name{font-weight:bold}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#880000}.hljs-title,.hljs-section{color:#880000;font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-operator,.hljs-selector-pseudo{color:#ab5656}.hljs-literal{color:#695}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
.smartdown-outer-container{margin:0;padding:0 10px;background:#fafaff}@media (min-width: 800px){.smartdown-outer-container{margin:auto;width:90%}}@media (min-width: 1200px){.smartdown-outer-container{margin:auto;width:80%}}.smartdown-container{border:1px solid transparent;box-sizing:border-box;background:#fafaff;margin:0;padding:4px 8px;font-family:'Asap', san-serif;font-size:18px;line-height:1.4;overflow-x:visible;overflow-y:visible;resize:vertical;width:100%;height:auto;max-width:100%;max-height:100%;word-wrap:break-word;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.smartdown-container span.smartdown-swatch,.smartdown-container div.smartdown-swatch{vertical-align:middle;display:inline-block;height:1.3em;width:1.3em;xborder:1px dotted gray;margin:0 1px}.smartdown-container br.smartdown_br{display:block;content:"";margin:5px 0 5px 0;padding:0}.smartdown-container blockquote br.smartdown_br{margin:7px 0 7px 0}.smartdown-container p.smartdown_p{margin:4px 0 15px 0;padding:0 0 0 0}.smartdown-container p.smartdown_p_inline{margin:4px 0 15px 0;padding:0 0 0 0;display:inline;vertical-align:top}.smartdown-container blockquote{margin:0 0 0 5px;padding:2px 5px 2px 12px;border:2px solid #ddd;font-size:1em;border-radius:10px;border-right:none;border-top:none;border-bottom:transparent}.smartdown-container h1,.smartdown-container h2,.smartdown-container h3,.smartdown-container h4,.smartdown-container h5,.smartdown-container h6,.smartdown-container .h1,.smartdown-container .h2,.smartdown-container .h3,.smartdown-container .h4,.smartdown-container .h5,.smartdown-container .h6{font-weight:500;text-transform:none;text-transform:initial;color:inherit;font-family:'Asap', san-serif;line-height:unset;text-indent:-8px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container h1,.smartdown-container .h1,.smartdown-container h2,.smartdown-container .h2,.smartdown-container h3,.smartdown-container .h3{margin-top:16px;margin-bottom:10px}.smartdown-container h4,.smartdown-container .h4,.smartdown-container h5,.smartdown-container .h5,.smartdown-container h6,.smartdown-container .h6{margin-top:12px;margin-bottom:5px}.smartdown-container h1,.smartdown-container .h1{font-size:2em}.smartdown-container h2,.smartdown-container .h2{font-size:1.8em}.smartdown-container h3,.smartdown-container .h3{font-size:1.6em}.smartdown-container h4,.smartdown-container .h4{font-size:1.4em}.smartdown-container h5,.smartdown-container .h5{font-size:1.2em}.smartdown-container h6,.smartdown-container .h6{font-size:1em}.smartdown-container a.smartdown-h-anchor{text-decoration:none;vertical-align:text-top;font-size:0.5em;opacity:0;margin:0 0 0 0.5em}.smartdown-container :hover>a.smartdown-h-anchor{text-decoration:none;opacity:1}.smartdown-container hr{height:0;box-sizing:content-box;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.smartdown-container .playable-bottom-spacer{margin:0;padding:0;background:transparent;height:1px;width:100%}.smartdown-container p{margin:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container a{font-size:1.05em;color:#337ab7;text-decoration:none;word-break:break-all;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container a:hover,.smartdown-container a:focus{color:#23527c;text-decoration:underline}.smartdown-container a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.smartdown-container pre{display:block;padding:0;margin:0 0 10px;font-size:inherit;line-height:1.2;color:inherit;word-wrap:break-word;white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container code{word-wrap:break-word;white-space:pre-wrap;font-size:inherit;xborder:1px solid red;background:#EEEEEE;padding:3px 0;font-family:'Ubuntu Mono', monospace;font-weight:500}.smartdown-container code.hljs-inline{background:#F0F0F0;padding:2px 4px}.smartdown-container pre>code{font-size:inherit ;line-height:inherit ;display:block}.smartdown-container .pre-scrollable{max-height:340px;overflow-y:scroll}.smartdown-container input[type="radio"],.smartdown-container input[type="checkbox"]{margin:5px ;vertical-align:middle }.smartdown-container input[type="checkbox"].smartdown-checkbox{margin:5px 10px ;transform:scale(2)}smartdown-checkbox .smartdown-container input[type="range"]{display:inline-block}.smartdown-container .infocell-group-btn{position:relative;font-size:0;white-space:nowrap}.smartdown-container .infocell-group-btn>.btn{position:relative}.smartdown-container .infocell-group-btn>.btn+.btn{margin-left:-1px}.smartdown-container .infocell-group-btn>.btn:hover,.smartdown-container .infocell-group-btn>.btn:focus,.smartdown-container .infocell-group-btn>.btn:active{z-index:2}.smartdown-container .infocell-group-btn :first-child>.btn,.smartdown-container .infocell-group-btn :first-child>.btn-group{margin-right:-1px}.smartdown-container .infocell-group-btn :last-child>.btn,.smartdown-container .infocell-group-btn :last-child>.btn-group{z-index:2;margin-left:-1px}.smartdown-container .smartdown-playable{display:none;width:100%;height:100%;margin:0;padding:0;border:none}.smartdown-container .smartdown-playable.smartdown-stdlib>svg{margin:auto;display:block}.smartdown-container .smartdown-playable:empty{height:2px;background:transparent}.smartdown-container .smartdown-graphviz{overflow-x:auto;overflow-y:auto;width:unset;height:unset;text-align:center}.smartdown-container .smartdown-graphviz svg{margin:auto;width:unset;height:unset;max-width:100%;max-height:100%}.smartdown-container .smartdown-json{width:100%}.smartdown-container .infocell-output.smartdown-markdown{xwidth:100%;padding:0}.smartdown-container .abc-wrapper,.smartdown-container .infocell-output .abc-wrapper{background:ivory;margin:0 ;width:100%}.smartdown-container .smartdown-abc,.smartdown-container .infocell-output.smartdown-abc{width:100%}.smartdown-container .smartdown-abcsheet,.smartdown-container .infocell-output .smartdown-abcsheet{width:100%}.smartdown-container .smartdown-abcmidi,.smartdown-container .infocell-output .smartdown-abcmidi{width:100%}.smartdown-container .smartdown-mermaid{background:white;overflow-x:auto;overflow-y:auto;width:unset;height:unset;text-align:center}.smartdown-container .smartdown-mermaid svg{margin:auto;width:unset;height:unset;max-width:100%;max-height:100%}.smartdown-container .smartdown-plotly{width:100%;height:100%;resize:vertical;overflow-y:visible}.smartdown-container .smartdown-plotly:empty{display:none}.smartdown-container .smartdown-leaflet{width:100%;min-height:300px;height:100%;resize:vertical;overflow-y:visible}.smartdown-container .smartdown-leaflet:empty{display:none}.smartdown-container .playable-wrapper-wrapper{margin:0;padding:0;display:block;width:100%;text-align:center}.smartdown-container .playable-wrapper-wrapper .playable-wrapper{padding:0;margin:0;width:100%;display:inline-block}.smartdown-container .playable-wrapper-wrapper .playable-wrapper>*{text-align:left}.smartdown-container .playable-wrapper-wrapper .playable-wrapper>button.playable-button{text-align:center}.smartdown-container .playable-wrapper-wrapper .playable-wrapper .playable-buttons{position:relative;padding:0;margin:0;line-height:1em}.smartdown-container .playable-wrapper-wrapper .playable-wrapper button.kiosk-button{display:none;background:white;margin:0;padding:0 2px 4px 2px;line-height:0;z-index:500;position:absolute;top:0;right:0;width:20px}.smartdown-container .playable-wrapper-wrapper .playable-wrapper button.kiosk-button>span{color:lightblue;vertical-align:middle;line-height:12px;font-size:14px;font-weight:600}.smartdown-container .playable-wrapper-wrapper .playable-wrapper.playable-playing button.kiosk-button{display:block}.smartdown-container .playable-wrapper-wrapper .playable-wrapper.smartdown-playable-kiosk.playable-playing{top:0;left:0;right:10px ;bottom:0 ;background:none;padding:0;margin:0;position:fixed;display:block}.smartdown-container .playable-wrapper-wrapper-center{margin:0;padding:0;display:block;width:100%;text-align:center}.smartdown-container .playable-wrapper-wrapper-center .playable-wrapper{padding:0;margin:0;display:inline-block}.smartdown-container .playable-wrapper-wrapper-center .playable-wrapper>*{text-align:left}.smartdown-container .playable-wrapper-wrapper-center .playable-wrapper>button.playable-button{text-align:center}.smartdown-container .inline-target-div{border:none;display:inline;margin:0;padding:0}.smartdown-container .playable-wrapper-wrapper-inline{padding:0;display:inline-block;vertical-align:top}.smartdown-container .playable-wrapper-wrapper-inline .playable-wrapper{padding:0;margin:auto ;width:auto ;width:initial ;display:inline-block}.smartdown-container h1,.smartdown-container h2,.smartdown-container h3,.smartdown-container h4,.smartdown-container h5,.smartdown-container h6,.smartdown-container .h1,.smartdown-container .h2,.smartdown-container .h3,.smartdown-container .h4,.smartdown-container .h5,.smartdown-container .h6{font-family:'Asap', san-serif}.smartdown-container .btn{text-transform:none}.smartdown-container .btn-infocell{line-height:1em;display:inline-block;margin:0 4px 0 4px;padding:3px 5px;font-family:'Asap', san-serif;font-size:0.9em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:text-bottom;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:linear-gradient(#fff 0px, #eaeaea 100%);border:1px solid transparent;border-radius:4px;color:#333;background-color:#fff;border-color:#ccc;max-width:100%;width:auto}.smartdown-container .btn-infocell:focus,.smartdown-container .btn-infocell:active:focus,.smartdown-container .btn-infocell.active:focus,.smartdown-container .btn-infocell.focus,.smartdown-container .btn-infocell:active.focus,.smartdown-container .btn-infocell.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.smartdown-container .btn-infocell:hover,.smartdown-container .btn-infocell:focus,.smartdown-container .btn-infocell.focus{color:#333;text-decoration:none}.smartdown-container .btn-infocell:hover{color:#333;background-color:#eaeaea;background-image:none;border-color:#adadad}.smartdown-container .btn-infocell:focus,.smartdown-container .btn-infocell.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.smartdown-container .btn-infocell:active,.smartdown-container .btn-infocell.active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.smartdown-container .btn-infocell:active,.smartdown-container .btn-infocell.active,.open>.dropdown-toggle.smartdown-container .btn-infocell{color:#333;background-color:#e6e6e6;border-color:#adadad}.smartdown-container .btn-infocell:active:hover,.smartdown-container .btn-infocell.active:hover,.open>.dropdown-toggle.smartdown-container .btn-infocell:hover,.smartdown-container .btn-infocell:active:focus,.smartdown-container .btn-infocell.active:focus,.open>.dropdown-toggle.smartdown-container .btn-infocell:focus,.smartdown-container .btn-infocell:active.focus,.smartdown-container .btn-infocell.active.focus,.open>.dropdown-toggle.smartdown-container .btn-infocell.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.smartdown-container .btn-infocell.disabled,.smartdown-container .btn-infocell[disabled],fieldset[disabled] .smartdown-container .btn-infocell{cursor:not-allowed;filter:alpha(opacity=65);box-shadow:none;opacity:.65}a.smartdown-container .btn-infocell.disabled,fieldset[disabled] a.smartdown-container .btn-infocell{pointer-events:none}.smartdown-container .btn-infocell:active,.smartdown-container .btn-infocell.active,.open>.dropdown-toggle.smartdown-container .btn-infocell{background-image:none}.smartdown-container .btn-infocell.disabled:hover,.smartdown-container .btn-infocell[disabled]:hover,fieldset[disabled] .smartdown-container .btn-infocell:hover,.smartdown-container .btn-infocell.disabled:focus,.smartdown-container .btn-infocell[disabled]:focus,fieldset[disabled] .smartdown-container .btn-infocell:focus,.smartdown-container .btn-infocell.disabled.focus,.smartdown-container .btn-infocell[disabled].focus,fieldset[disabled] .smartdown-container .btn-infocell.focus{background-color:#fff;border-color:#ccc}.smartdown-container .btn-infocell img{display:block;margin:0;padding:0;max-height:100%;max-width:100%;width:auto;height:auto}.smartdown-container .disclosable-trigger-tooltip-wrapper{display:inline;padding:15px;margin:-15px}.smartdown-container .disclosable-trigger-tooltip-wrapper .disclosable-trigger-tooltip{display:inline-block;color:#639ad7}.smartdown-container .disclosable-trigger-tooltip-wrapper .disclosable-trigger-tooltip:hover{text-decoration:none;color:#337ab7;font-weight:bold}.smartdown-container .disclosable-wrapper{display:none;overflow:visible;margin:0;padding:0;background:none}.smartdown-container .disclosable-wrapper.disclosable-open{display:inline-block;animation:fadeIn 2s}.smartdown-container .disclosable-wrapper.disclosable-tooltip div.resp-iframe-container{background:white;height:60vh;min-height:400px;margin:0;padding:0}.smartdown-container .disclosable-wrapper.disclosable-lightbox{outline:9999px solid rgba(0,0,0,0.5);background:white}.smartdown-container .disclosable-wrapper .disclosable-content{margin:0;padding:10px 10px 10px 15px;background:aliceblue;border:2px solid transparent}.smartdown-container .disclosable-wrapper .disclosable-content.disclosable-outline-content{border:2px solid lightgray;border-radius:11.5px}.smartdown-container .disclosable-wrapper .disclosable-content.disclosable-shadow-content{border-radius:10px;box-shadow:10px 10px 10px rgba(0,0,0,0.5)}.smartdown-container .disclosable-wrapper .disclosable-content.disclosable-transparent-content{background:none;padding:0}.smartdown-container .disclosable-wrapper .disclosable-content.disclosable-lightbox-content{border-radius:0}.smartdown-container .disclosable-wrapper .disclosable-content.disclosable-scrollable-content{height:50%;resize:both;overflow:auto}.smartdown-container .disclosable-wrapper.disclosable-attach{position:absolute;z-index:100;background:none;overflow:visible;font-size:0.95em;max-width:60%}.smartdown-container .disclosable-wrapper.disclosable-position{position:fixed;padding:0;z-index:1050;max-width:90%;max-height:90%}.smartdown-container .disclosable-wrapper.disclosable-position .disclosable-header{background:#CCC;margin:0;padding:0 0 1px 0;line-height:0;border-radius:5px;border:1px solid #AAA;display:none}.smartdown-container .disclosable-wrapper.disclosable-position .disclosable-header.disclosable-header-position{display:block;min-width:200px;min-height:22px}.smartdown-container .disclosable-wrapper.disclosable-position .disclosable-header button.disclosable-button-close{background:#CCC;border-radius:2px;border:none;height:22px;line-height:0;cursor:pointer;font-size:16px;font-weight:600;margin:0 0 0 8px;padding:4px 4px 4px 4px}.smartdown-container .disclosable-wrapper.disclosable-position .disclosable-header button.disclosable-button-close:hover{background:#AAA}.smartdown-container .disclosable-wrapper.disclosable-position.disclosable-scrollable{height:50%;resize:both;overflow:auto}@media (min-width: 800px){.smartdown-container .disclosable-attach{max-width:66%}}.smartdown-container .decoration-outlinebox{display:block;color:black;background:white;padding:20px;margin:0;border:2px solid gray;border-radius:10px}.smartdown-container .decoration-colorbox{display:block;color:white;background:#67A;padding:20px;margin:0;border-radius:10px}.smartdown-container .decoration-partialborder{display:block;color:black;background:#EEF;border-top:double;border-bottom:double;padding:20px}.smartdown-container .decoration-aliceblue{display:block;animation:fadeIn 2s;background:aliceblue;padding:5px 8px 5px 16px;margin:0;border:1px solid lightgray;border-radius:8px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.smartdown-container .infocell-group{position:relative;display:table;border-collapse:separate;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid transparent;border-radius:3px;background:#fafaff;color:black}.smartdown-container textarea.infocell-textarea{font-size:inherit;overflow:hidden;resize:vertical;border:1px solid lightblue;margin:0;padding:1px 4px;vertical-align:middle}.smartdown-container input.infocell-input{font-size:inherit;vertical-align:middle;border:1px solid lightblue;padding:1px 4px}.smartdown-container .infocell-group textarea.infocell-textarea{float:left;height:100%;width:100%}.smartdown-container .infocell-group textarea.infocell-textarea:focus{z-index:3}.smartdown-container .infocell-group input.infocell-input{float:left;height:100%;width:100%}.smartdown-container .infocell-group input.infocell-input:focus{z-index:3}.smartdown-container .infocell-group-addon,.smartdown-container .infocell-group-btn{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}.smartdown-container .infocell-group-addon{padding:2px 6px;font-size:inherit;font-weight:normal;line-height:1;color:#555;text-align:center;background:transparent;border:1px solid darkslateblue;border-top-right-radius:3px;border-bottom-right-radius:3px}.smartdown-container .infocell-group-addon.infocell-group-inline{display:inline;margin:0 10px 0 0}.smartdown-container .infocell-label{display:inline-block;color:darkslateblue;word-break:break-all;word-wrap:break-word;font-weight:500;margin:0;padding:0;border:10px solid orange}.smartdown-container .infocell-group .infocell-label{display:table-cell;height:100%;width:100%;border:none}.smartdown-container .infocell-output{display:inline-block;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin:0;padding:1px 0}.smartdown-container .infocell-output.smartdown-svg{width:100%}.smartdown-container .infocell-output.smartdown-openjscad{width:100%}.smartdown-container .infocell-output.smartdown-code{width:100% ;max-width:95vw ;padding:5px}.smartdown-container .infocell-output.smartdown-flavor-pill{padding:0.1em 0.6em;border-radius:5em;border:2px solid lightgray}.smartdown-container .infocell-output.smartdown-flavor-red{background-color:rgba(255,0,0,0.3)}.smartdown-container .infocell-output.smartdown-flavor-green{background-color:rgba(0,128,0,0.3)}.smartdown-container .infocell-output.smartdown-flavor-blue{background-color:rgba(0,0,255,0.3)}.smartdown-container .infocell-output.smartdown-flavor-orange{background-color:rgba(255,165,0,0.3)}.smartdown-container .infocell-output.smartdown-flavor-gold{background-color:rgba(255,215,0,0.3)}.smartdown-container .infocell-group .infocell-output{display:table-cell;height:100%;width:100%;xborder:none}.smartdown-container .infocell-output-pre{max-height:40vh;display:block;border:1px solid lightgray;font-size:0.9em;color:black;resize:both;overflow-y:scroll;overflow-x:scroll;margin:0;padding:5px 10px;font-family:'Ubuntu Mono', monospace;font-weight:500}.smartdown-container .infocell-output-list .infocell-output-pre{height:100%}.smartdown-container .infocell-output-pre:empty{height:10px;background:lightgray}.smartdown-container ul.infocell-output-list{list-style-type:none;height:auto;max-height:400px;max-width:100%;width:auto;overflow-y:scroll;border:none;padding:0}.smartdown-container ul.infocell-output-list>li{margin:0;padding:0}.smartdown-container ul.infocell-output-list pre{font-size:0.9em}.smartdown-container ul>li>img{width:auto;height:auto;max-height:100%;max-width:100%;margin:auto;display:inline-block}.smartdown-container img{display:inline-block;margin:auto;padding:0;pointer-events:none}.smartdown-container a>*{pointer-events:initial}.smartdown-container .infocell-output>.smartdown_p{margin:0}.smartdown-container .smartdown_p>img,.smartdown-container .infocell-output td>img,.smartdown-container .smartdown_p>a>img{width:auto;height:auto;max-width:100%;margin:auto;display:block;pointer-events:initial}.smartdown-container .smartdown_p img.icon,.smartdown-container .infocell-output td>img.icon{width:200px}.smartdown-container .smartdown_p img.thumbnail,.smartdown-container .infocell-output td>img.thumbnail{width:400px}.smartdown-container .smartdown_p img.halfwidth,.smartdown-container .infocell-output td>img.halfwidth{width:50%;max-height:unset}.smartdown-container .smartdown_p img.fullwidth,.smartdown-container .infocell-output td>img.fullwidth{width:100%;max-height:unset}.smartdown-container div.media-image svg,.smartdown-container img.media-image svg{height:100px;max-width:100%}.smartdown-container button div.media-image svg,.smartdown-container button img.media-image svg{height:100px;width:auto}.smartdown-container div.media-image path,.smartdown-container img.media-image path{fill:#EEE;stroke:black;stroke-width:5px}.smartdown-container div.media-image svg:hover path,.smartdown-container img.media-image svg:hover path{cursor:pointer;fill:rgba(200,200,200,0.8);stroke:royalblue}div.media-image path,img.media-image path{fill:#EEE;stroke:black;stroke-width:5px}.smartdown-container ul,.smartdown-container ol{list-style-position:inside;margin:0;padding:4px 0 4px 8px;line-height:1.25;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container ul{list-style-type:square}.smartdown-container ul li,.smartdown-container ol li{padding:0 3px}.smartdown-container ul li .infocell-group{display:inline-table;width:95%;margin:0;padding:0}.smartdown-container table,.smartdown-container .markdown table{margin:auto;padding:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.smartdown-container table thead tr th,.smartdown-container .markdown table thead tr th{text-align:center}.smartdown-container table thead tr th,.smartdown-container .markdown table thead tr th,.smartdown-container table tbody tr td,.smartdown-container .markdown table tbody tr td{margin:0;padding:2px 4px;border:1px solid lightgray;vertical-align:text-bottom}.smartdown-container table td[align="left"]{text-align:left}.smartdown-container table td[align="right"]{text-align:right}.smartdown-container table td[align="center"]{text-align:center}.smartdown-container div.media-image{display:inline-block}.smartdown-container div.media-image.clockwise{animation-name:clockwise;animation-duration:15.5s;animation-iteration-count:infinite;transform-origin:50% 50%}.smartdown-container div.media-image.cclockwise{animation-name:cclockwise;animation-duration:15.5s;animation-iteration-count:infinite;transform-origin:50% 50%}.smartdown-container div.media-image.pulse{animation-name:pulse;animation-duration:10s;animation-iteration-count:infinite;transform-origin:50% 50%}.smartdown-container div.media-image.bluegreen svg path{fill:lightblue ;stroke:green }@keyframes clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes cclockwise{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}.smartdown-container node polygon{fill:red ;stroke:green }.smartdown-container node{fill:red ;stroke:green }.smartdown-container .smartdown-mermaid.mermaid g.label,.smartdown-container .smartdown-mermaid.mermaid g.cluster text,.smartdown-container .smartdown-mermaid.mermaid g.grid g.tick text,.smartdown-container .smartdown-mermaid.mermaid text.sectionTitle,.smartdown-container .smartdown-mermaid.mermaid text.actor,.smartdown-container .smartdown-mermaid.mermaid text.messageText,.smartdown-container .smartdown-mermaid.mermaid text.noteText{fill:black;font-size:16px;font-weight:500}.smartdown-container .smartdown-mermaid.mermaid text.taskText,.smartdown-container .smartdown-mermaid.mermaid text.taskText.taskText0{fill:black;font-size:16px;font-weight:500}.smartdown-container .smartdown-mermaid.mermaid text.taskTextOutsideRight,.smartdown-container .smartdown-mermaid.mermaid text.taskTextOutside2{fill:darkslateblue;font-size:14px;font-weight:400}.smartdown-container table img{max-width:100%;max-height:100%}.smartdown-container .btn-mobile-button{background:white;margin:0;padding:1px;position:absolute;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.smartdown-container .btn-mobile-button *{margin:0;padding:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.smartdown-container div.playable-source.playable-autoplay{display:none}.smartdown-container pre.playable-debug-source{display:none;height:300px;width:auto;overflow-y:scroll;resize:vertical;border:2px solid steelblue}.smartdown-container pre.playable-debug-source code{word-wrap:break-word;white-space:pre-wrap;vertical-align:top}.smartdown-container pre.playable-debug-source.hidden{display:none}.smartdown-container .playable-console-button{border:none;border-radius:5px;width:100%;height:16px;margin:1px 0;padding:1px 5px;background:lightsteelblue;line-height:0;color:black;font-size:12px;font-weight:500}.smartdown-container div.playable-console{resize:vertical;height:40px;display:none;border:2px solid lightsteelblue;background:#F0F0F0;overflow-y:scroll}.smartdown-container div.playable-console>pre{padding:5px 10px;font-size:0.8em;vertical-align:top}.smartdown-container button.playable-button{display:inline-block;margin:auto;font-size:12px;font-weight:600;vertical-align:top;white-space:nowrap;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#dbe4f0;border:none;border-radius:4px;height:20px;width:100%;color:dimgray}.smartdown-container button.playable-button:focus,.smartdown-container button.playable-button:active:focus,.smartdown-container button.playable-button.active:focus,.smartdown-container button.playable-button.focus,.smartdown-container button.playable-button:active.focus,.smartdown-container button.playable-button.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.smartdown-container button.playable-button:hover,.smartdown-container button.playable-button:focus,.smartdown-container button.playable-button.focus{color:#333;text-decoration:none}.smartdown-container button.playable-button:active,.smartdown-container button.playable-button.active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.smartdown-container button.playable-button.disabled,.smartdown-container button.playable-button[disabled],.smartdown-container fieldset[disabled] button.playable-button{cursor:not-allowed;filter:alpha(opacity=50);box-shadow:none;opacity:.50}.smartdown-container .api-button{border:none;border-radius:5px;height:20px;background:black;color:orange;font-size:10px}.smartdown-container .playable-debug-button{border:none;border-radius:5px;width:100%;height:16px;margin:1px 0;padding:1px 5px;background:steelblue;line-height:0;color:white;font-size:12px;font-weight:500}.smartdown-container .video-container{position:relative;overflow:hidden;height:0;background:black}.smartdown-container .video-container.youtube.thumbnail{width:426px;height:240px;padding:0}.smartdown-container .video-container.youtube.thumbnail iframe{width:426px;height:240px}.smartdown-container .video-container.youtube.halfwidth{width:640px;height:360px;padding:0}.smartdown-container .video-container.youtube.halfwidth iframe{width:640px;height:360px}.smartdown-container .video-container.youtube.fullwidth{padding-bottom:56.25%}.smartdown-container .video-container.youtube.fullwidth iframe{position:absolute;top:0;left:0;width:100%;height:100%}.smartdown-container .video-container.vimeo.thumbnail{width:320px;height:180px;padding:0}.smartdown-container .video-container.vimeo.thumbnail iframe{width:320px;height:180px}.smartdown-container .video-container.vimeo.fullwidth{padding-bottom:56.25%}.smartdown-container .video-container.vimeo.fullwidth iframe{position:absolute;top:0;left:0;width:100%;height:100%}.smartdown-container .smartdown-progress{width:100%;height:14px;position:relative;display:none;background-color:#EEE}.smartdown-container .smartdown-progress .smartdown-progress-bar{display:block;float:left;width:0%;height:100%;background:#3798d9;border-radius:9px;transition:width 0.8s ease-in-out}.smartdown-container .smartdown-progress .smartdown-progress-label{position:absolute;overflow:hidden;left:0px;right:0px;color:rgba(0,0,0,0.6);font-size:0.7em;text-align:center;text-shadow:0px 1px rgba(0,0,0,0.3)}.smartdown-container .smartdown-progress .smartdown-progress-active{background-image:linear-gradient(-45deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent);background-size:35px 35px}.smartdown-container .smartdown-progress .smartdown-progress-active{animation:smartdown-progressActive 2s linear infinite}@keyframes smartdown-progressActive{0%{background-position:0 0}100%{background-position:35px 35px}}.smartdown-container .smartdown-progress.smartdown-progress-inline .smartdown-progress-active{animation:smartdown-progressActive 2s linear infinite}.disable-hover,.disable-hover *{pointer-events:none }.disable-hover .smartdown-container a.smartdown-link,.disable-hover .smartdown-container button.btn-infocell,.disable-hover .smartdown-container button.api-button,.disable-hover .smartdown-container button.playable-debug-button,.disable-hover .smartdown-container button.playable-button,.disable-hover .smartdown-container button.btn-infocell,.disable-hover .smartdown-container input,.disable-hover .smartdown-container textarea,.disable-hover .smartdown-container audio{pointer-events:none ;opacity:0.8 }.disable-hover .smartdown-container .gifffer-container,.disable-hover .smartdown-container .video-container,.disable-hover .smartdown-container .twitter-tweet,.disable-hover .smartdown-container .playable-wrapper,.disable-hover .smartdown-container .smartdown-playable{pointer-events:none }.smartdown-container table{border-spacing:0;border-collapse:collapse;width:100%}.smartdown-container td,.smartdown-container th{padding:0}.smartdown-container div audio{display:inline-block}.smartdown-container .MathJax_Display{padding:10px 0;overflow-x:auto ;overflow-y:auto }.smartdown-container div.resp-iframe-container{position:relative;overflow:hidden;padding-top:100%;height:0}.smartdown-container div.resp-iframe-container>iframe{position:absolute;top:0;left:0;width:100%;min-height:100%;border:0}@media (min-width: 800px){.smartdown-container{font-size:21px;line-height:1.5}.smartdown-container h1,.smartdown-container .h1,.smartdown-container h2,.smartdown-container .h2,.smartdown-container h3,.smartdown-container .h3{margin-top:30px;margin-bottom:15px}.smartdown-container h4,.smartdown-container .h4,.smartdown-container h5,.smartdown-container .h5,.smartdown-container h6,.smartdown-container .h6{margin-top:20px;margin-bottom:10px}.smartdown-container table thead tr th,.smartdown-container .markdown table thead tr th,.smartdown-container table tbody tr td,.smartdown-container .markdown table tbody tr td{padding:3px 6px}}.smartdown-theme-dark .smartdown-container .MathJax_Display svg{background:lightblue}.smartdown-outer-container.smartdown-theme-dark{background:#2E2E2E}.smartdown-outer-container.smartdown-theme-dark .smartdown-container div.playable-console{background:inherit;color:lightgreen}.smartdown-outer-container.smartdown-theme-dark .smartdown-container a:hover,.smartdown-outer-container.smartdown-theme-dark .smartdown-container a:focus{color:#539ad7}.smartdown-outer-container.smartdown-theme-dark code{background:#444444}.smartdown-outer-container.smartdown-theme-dark .smartdown-container .infocell-output,.smartdown-outer-container.smartdown-theme-dark .smartdown-container .infocell-output-pre{xbackground:#2E2E2E;color:#EBEBEB}.smartdown-outer-container.smartdown-theme-dark .hljs,.smartdown-outer-container.smartdown-theme-dark .smartdown-container .hljs{background:palegoldenrod;color:black}.smartdown-outer-container.smartdown-theme-dark .smartdown-container .disclosable-wrapper .disclosable-content{background:black }.smartdown-outer-container.smartdown-theme-dark .smartdown-container .infocell-group{background:#2E2E2E;color:black}.smartdown-theme-dark .smartdown-container{background:#2E2E2E;color:#EBEBEB}.smartdown-theme-dark .smartdown-container pre>code{color:white}.smartdown-theme-dark .smartdown-container pre>code,.smartdown-theme-dark .smartdown-container code.hljs-inline{background:palegoldenrod;color:black}.smartdown-theme-dark .smartdown-container .json-formatter-row{background:lightgray}.smartdown-theme-dark .smartdown-container .btn.btn-sm.btn-infocell{background:#444;text-shadow:none;color:#EFEFEF}.smartdown-theme-dark .smartdown-container textarea.infocell-textarea{background:#444;color:#EBEBEB}.smartdown-theme-dark .smartdown-container h1,.smartdown-theme-dark .smartdown-container h2,.smartdown-theme-dark .smartdown-container h3,.smartdown-theme-dark .smartdown-container h4,.smartdown-theme-dark .smartdown-container h5,.smartdown-theme-dark .smartdown-container h6{color:#EBEBEB}.smartdown-theme-dark .smartdown-container .infocell-label{color:#EBEBEB}.smartdown-theme-dark .smartdown-container .btn-infocell{display:inline-block;padding:3px 5px;margin-bottom:0;background-image:linear-gradient(#7c7c7c 0px, #686868 100%);border:1px solid transparent;color:#EBEBEB}.smartdown-theme-dark .smartdown-container .decoration-aliceblue{display:block;animation:fadeIn 2s;background:aliceblue;padding:5px 8px 5px 16px;margin:0;border:1px solid lightgray;border-radius:8px}.smartdown-theme-dark .smartdown-container .decoration-aliceblue .smartdown_p{color:black}.smartdown-theme-dark .smartdown-container .decoration-outlinebox{display:block;color:black;background:darkgray;padding:20px;margin:0;border:2px solid gray;border-radius:10px}.smartdown-outer-container.smartdown-theme-chat{margin:0}.smartdown-theme-chat .smartdown-container{margin:0;background:#fbfbfe;padding:2px 4px;font-family:'Asap', san-serif;font-size:16px;line-height:1.35}.smartdown-theme-chat .smartdown-container h1,.smartdown-theme-chat .smartdown-container .h1,.smartdown-theme-chat .smartdown-container h2,.smartdown-theme-chat .smartdown-container .h2,.smartdown-theme-chat .smartdown-container h3,.smartdown-theme-chat .smartdown-container .h3{margin-top:15px;margin-bottom:5px}.smartdown-theme-chat .smartdown-container h4,.smartdown-theme-chat .smartdown-container .h4,.smartdown-theme-chat .smartdown-container h5,.smartdown-theme-chat .smartdown-container .h5,.smartdown-theme-chat .smartdown-container h6,.smartdown-theme-chat .smartdown-container .h6{margin-top:10px;margin-bottom:5px}.smartdown-theme-chat p.smartdown_p{margin:5px 0;padding:0 0 0 4px}@media (min-width: 800px){.smartdown-theme-chat .smartdown-container{font-size:16px;line-height:1.35}}.smartdown-theme-blog .smartdown-container{margin:0;background:#fbfbfe;padding:2px 4px;font-family:'Asap', san-serif;font-size:18px;line-height:1.29}.smartdown-theme-blog .smartdown-container h1,.smartdown-theme-blog .smartdown-container .h1,.smartdown-theme-blog .smartdown-container h2,.smartdown-theme-blog .smartdown-container .h2,.smartdown-theme-blog .smartdown-container h3,.smartdown-theme-blog .smartdown-container .h3{margin-top:12px;margin-bottom:6px}.smartdown-theme-blog .smartdown-container h4,.smartdown-theme-blog .smartdown-container .h4,.smartdown-theme-blog .smartdown-container h5,.smartdown-theme-blog .smartdown-container .h5,.smartdown-theme-blog .smartdown-container h6,.smartdown-theme-blog .smartdown-container .h6{margin-top:8px;margin-bottom:4px}.smartdown-theme-blog .smartdown-container table thead tr th,.smartdown-theme-blog .smartdown-container .markdown table thead tr th,.smartdown-theme-blog .smartdown-container table tbody tr td,.smartdown-theme-blog .smartdown-container .markdown table tbody tr td{padding:1px 3px}.smartdown-theme-blog .smartdown-container .btn-infocell{margin:0 3px;padding:2px 4px}@media (min-width: 800px){.smartdown-theme-blog .smartdown-container{font-size:20px;line-height:1.35}}.smartdown-outer-container.smartdown-theme-playful{margin:0;padding:0}.smartdown-theme-playful .smartdown-container{margin:0;background:#fbfbfe;padding:2px 4px;font-family:'Neucha', san-serif;font-size:18px;line-height:1.35}.smartdown-theme-playful .smartdown-container h1,.smartdown-theme-playful .smartdown-container .h1,.smartdown-theme-playful .smartdown-container h2,.smartdown-theme-playful .smartdown-container .h2,.smartdown-theme-playful .smartdown-container h3,.smartdown-theme-playful .smartdown-container .h3{margin-top:15px;margin-bottom:5px;font-family:'Cabin Sketch', san-serif}.smartdown-theme-playful .smartdown-container h4,.smartdown-theme-playful .smartdown-container .h4,.smartdown-theme-playful .smartdown-container h5,.smartdown-theme-playful .smartdown-container .h5,.smartdown-theme-playful .smartdown-container h6,.smartdown-theme-playful .smartdown-container .h6{margin-top:10px;margin-bottom:5px;font-family:'Cabin Sketch', san-serif}.smartdown-theme-playful p.smartdown_p{margin:5px 0;padding:0 0 0 4px}.smartdown-theme-playful .smartdown-container .btn-infocell{font-family:'Neucha', san-serif;display:inline-block;margin:1px 4px 1px 4px;padding:3px 5px 0 5px}@media (min-width: 800px){.smartdown-theme-playful .smartdown-container{font-size:20px;line-height:1.45}}.openjscad-container{margin:5px}.openjscad-container .viewerDiv{width:100%;height:60vh;touch-action:none}.openjscad-container .viewer-footer{border:1px solid lightgray;border-radius:4px;background:aliceblue;padding:5px}.openjscad-container .viewer-footer table.openjscad-parametersTable{line-height:0.9;font-size:0.8em}
/*# sourceMappingURL=smartdown.css.map*/