.showcase-code-of-block{font-size:15px}.showcase-code-of-block pre{display:block;background:#263238}.showcase-code-of-block pre{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;font-family:Roboto Mono,monospace;tab-size:4;-webkit-hyphens:none;hyphens:none}.showcase-code-of-block pre ::selection{background:rgba(255,255,255,.25)}.showcase-code-of-block :not(pre)>code{white-space:normal;border-radius:.2em;padding:.1em}.showcase-code-of-block pre{margin:0;padding:14px;box-sizing:border-box}.showcase-code-of-block .language-css>code,.showcase-code-of-block .language-sass>code,.showcase-code-of-block .language-scss>code{color:#fd9170}.showcase-code-of-block .namespace{opacity:.7}.showcase-code-of-block .token.atrule{color:#c792ea}.showcase-code-of-block .token.attr-name{color:#ffcb6b}.showcase-code-of-block .token.attr-value,.showcase-code-of-block .token.attribute{color:#c3e88d}.showcase-code-of-block .token.boolean{color:#c792ea}.showcase-code-of-block .token.builtin{color:#ffcb6b}.showcase-code-of-block .token.cdata,.showcase-code-of-block .token.char{color:#80cbc4}.showcase-code-of-block .token.class,.showcase-code-of-block .token.class-name{color:#ffcb6b}.showcase-code-of-block .token.color{color:#f2ff00}.showcase-code-of-block .token.comment{color:#546e7a}.showcase-code-of-block .token.constant{color:#c792ea}.showcase-code-of-block .token.deleted{color:#f07178}.showcase-code-of-block .token.doctype{color:#546e7a}.showcase-code-of-block .token.entity{color:#f07178}.showcase-code-of-block .token.function{color:#82aaff}.showcase-code-of-block .token.hexcode{color:#f2ff00}.showcase-code-of-block .token.id,.showcase-code-of-block .token.important{color:#c792ea;font-weight:700}.showcase-code-of-block .token.inserted{color:#80cbc4}.showcase-code-of-block .token.keyword{color:#c792ea}.showcase-code-of-block .token.number{color:#fd9170}.showcase-code-of-block .token.operator{color:#89ddff}.showcase-code-of-block .token.prolog{color:#546e7a}.showcase-code-of-block .token.property{color:#80cbc4}.showcase-code-of-block .token.pseudo-class,.showcase-code-of-block .token.pseudo-element{color:#c3e88d}.showcase-code-of-block .token.punctuation{color:#89ddff}.showcase-code-of-block .token.regex{color:#f2ff00}.showcase-code-of-block .token.selector{color:#f07178}.showcase-code-of-block .token.string{color:#bee38b}.showcase-code-of-block .token.symbol{color:#c792ea}.showcase-code-of-block .token.tag,.showcase-code-of-block .token.unit{color:#f07178}.showcase-code-of-block .token.url{color:#fd9170}.showcase-code-of-block .token.variable{color:#f07178}body{margin:0;padding:0}a{text-decoration:none}.text-primary{color:rgb(var(--os-primary-color))}