body{top:0;left:0;right:0;bottom:0;color:#3d4852;position:absolute;line-height:1.625;background-color:#00ffad;-webkit-font-smoothing:antialiased;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:var(--link-color)}a:hover{color:var(--hover-color);text-decoration:underline}h1{font-size:2.25rem;font-weight:800;line-height:1.25;margin-bottom:1.5rem;text-decoration:none}h2{padding-top:2rem;font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:1rem;text-decoration:none}h3{padding-top:2rem;font-size:1.3rem;font-weight:600;line-height:1.25;margin-bottom:1rem;text-decoration:none}h4{padding-top:2rem;font-size:1.2rem;font-weight:600;line-height:1.25;margin-bottom:1rem;text-decoration:none}p{font-size:1rem;margin-bottom:1rem}p code{font-size:1.2rem;display:inline-block;padding:0 8px 0 8px;background-color:#f7f7f7}ul li p{margin-bottom:.5rem}pre,pre[class*=language-]{padding:1em;margin:1em 0;display:block}section.head{top:0;left:0;right:0;height:70px;z-index:100;position:fixed;background:#fff;border-top:4px solid #00ffad;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}section.head div{text-align:left;max-width:1400px;margin:0 auto 0 auto}@media (max-width:1450px){section.head div{max-width:initial;padding-left:5rem}}@media (max-width:990px){section.head div{padding-left:2rem}}section.head div a{color:#606f7b;padding:20px 20px;display:inline-block;text-decoration:none}section.head div a:first-of-type{padding-left:0}section.head div a:last-of-type{padding-right:0}section.head div a.select{color:#000}section.body{flex:1;top:70px;width:100%;display:flex;position:relative;background:#fff;min-height:calc(100% - 70px)}section.body section.main{flex:1;width:50%;padding:30px;width:calc((100% - 1400px)/ 2 - 288px)}@media (min-width:990px){section.body section.main{padding:50px 5rem 50px 5rem}}section.body section.main a{border-bottom:2px dotted #00ffad}section.body section.main a:hover{text-decoration:none;border-bottom:2px dotted red}section.body section.side.l{flex-shrink:0;min-width:300px;background:#f8fafc;border-right:1px solid #dae1e7;width:calc((100% - 1400px)/ 2 + 288px);padding-left:calc((100% - 1400px)/ 2)}@media (max-width:1450px){section.body section.side.l{padding-left:5rem}}@media (max-width:990px){section.body section.side.l{display:none}}section.body section.side.l nav{top:70px;overflow:auto;max-height:100vh;padding:30px 0 150px 0;position:-webkit-sticky;position:sticky}section.body section.side.l nav>a,section.body section.side.l nav>div{display:block;font-weight:700;margin-top:.75rem;margin-bottom:0}section.body section.side.l nav>section{display:none}section.body section.side.l nav>section[show]{display:block}section.body section.side.l nav>section>a{color:#606f7b;display:block;margin-left:1rem}section.body section.side.l nav>section>a:hover{text-decoration:underline}section.body section.side.l nav>section>a.select{color:#00ffad}section.body section.side.r{flex-shrink:0;background:#fff;width:calc((100% - 1600px)/ 2 + 14rem);padding-right:calc((100% - 1600px)/ 2)}@media (max-width:1600px){section.body section.side.r{display:none}}section.body section.side.r nav{position:-webkit-sticky;position:sticky;top:0}example{display:block;border-radius:.3rem;border:1px solid #f1f5f8;border-width:1px 1px 0 1px}example output{padding:1rem;display:block}example output:empty{display:none}example output.nopad{padding:0;border-bottom:3px solid #fff}example output .h-400{height:400px;position:relative}example output .h-800{height:800px;position:relative}example pre[class*=language-]{border-radius:0 0 .3rem .3rem}example output:empty+pre[class*=language-]{border-radius:.3rem}button{color:#5a5a5a;cursor:pointer;font-size:1rem;border-radius:3px;background-color:#00ffad;padding:5px 10px 5px 10px}button:hover{background-color:rgb(0,242.25,164.35)}input:not([type=checkbox]),textarea{padding:5px;width:300px;font-size:1rem;border:1px solid #ccc}input:not([type=checkbox]):invalid,textarea:invalid{border:1px solid red}.fl-l{float:left}.fl-r{float:right}.pos-r{position:relative}.col-r{color:red}.min-h-200{min-height:200px}.min-h-400{min-height:400px}.min-h-600{min-height:600px}[contenteditable]:not(.ql-editor){border-bottom:1px dotted orange}app-uploader{text-align:center}app-draggable{width:100px;height:100px;cursor:pointer;margin-right:10px;background:#00bfff}app-droppable{height:250px;cursor:pointer;position:relative;background:#b3b3b3}app-droppable div:after{top:0;left:0;right:0;bottom:0;z-index:1;content:"";display:block;position:absolute;pointer-events:none;outline-offset:-15px;outline:5px dashed rgb(145,255,91)}app-sortable div{width:100%;height:100px;display:flex;cursor:pointer;font-size:24px;background:#00bfff;margin-bottom:10px;align-items:center;flex-direction:column;justify-content:center}app-modal-front.custom{width:400px;height:200px;text-align:center;line-height:200px;margin:10% auto 0 auto;background-color:#fff}app-tooltip.custom{background-color:rgba(255,0,0,.7)}app-tooltip.custom arrow{border-top-color:rgba(255,0,0,.7)}app-masonry-item{width:calc((100% - 30px)/ 4);color:#333;margin:0 0 20px 0;padding:5px 0 0 10px;background-color:#f5f5f5}app-gridlist-item[list]{line-height:80px;padding:0 30px 0 30px}app-gridlist-item[list]:hover{background-color:#f5f5f5}app-gridlist-item[list][selected]{background-color:#d5ffcc}app-gridlist-item[list] div.l{float:left;color:#333}app-gridlist-item[list] div.r{float:right;color:#ccc}app-gridlist-item[grid]{padding:40px 30px 0 30px}app-gridlist-item[grid]:hover{background-color:#f5f5f5}app-gridlist-item[grid][selected]{background-color:#d5ffcc}app-gridlist-item[grid] div.l{color:#333;text-align:center}app-gridlist-item[grid] div.r{color:#ccc;text-align:center}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{border-radius:.3rem;margin:0 0 1rem 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#ff5050}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#50fa7b;background:0 0}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}