/* Prism.js */
        code[class*="language-"], pre[class*="language-"] {color: black; font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] {padding: 1em; margin: .5em 0; overflow: auto; font-size: 14px; } :not(pre) > code[class*="language-"], pre[class*="language-"] {background: rgba(0, 0, 0, .05); } /* Inline code */ :not(pre) > code[class*="language-"] {padding: .1em; border-radius: .3em; } .token.comment, .token.prolog, .token.doctype, .token.cdata {color: slategray; } .token.punctuation {color: #999; } .namespace {opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol {color: #905; } .token.selector, .token.attr-name, .token.string, .token.builtin {color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {color: #a67f59; } .token.atrule, .token.attr-value, .token.keyword {color: #07a; } .token.regex, .token.important {color: #e90; } .token.important {font-weight: bold; } .token.entity {cursor: help; }


        table.showcase {
            height: 100%;
            width: 100%;
            position: relative;
        }

        table.showcase .showcase-inner {
            margin: -30px auto 40px;
            padding: 0px;
        }

        table.showcase:after {
            content: "";
            display: block;
            position: absolute;
            opacity: 0.5;
            left: 0;
            right: 0;
            bottom: 20px;
            margin: auto;
            height: 0;
            width: 0;
            border-width: 18px;
            border-style: solid;
            border-color: transparent;
            border-top-color: inherit;
        }

        table.showcase.last-showcase:after {
            display: none;
        }

        table.showcase .showcase-inner h1 {
            font-size: 50px;
            text-align: center;
            font-weight: 300;
        }

        table.showcase .showcase-inner h2 {
            font-size: 24px;
            text-align: center;
            font-weight: 300;
            margin: 1em 0 1em;
            padding: 0 10%;
        }

        table.showcase .showcase-inner p {
            text-align: center;
        }

        .button {
            display: inline-block;
            border: 2px solid #fff;
            color: #fff;
            padding: 1em 1.25em;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 3px;
            text-decoration: none;
            cursor: pointer;
            width: 140px;
            font-size: .8em;
            line-height: 1.3em;
        }

        .button.dark {
            background: #fff;
            color: #0bab74;
        }

        table.showcase.hero {
            background: #f9fafb;
            color: #000;
        }

        table.showcase.hero h1,
        table.showcase.hero h2 {
            color: #fff
        }

        table.showcase.hero:after {
            border-top-color: #fff
        }

        table.showcase.hero table[data-sortable].sortable-theme-bootstrap {
            font-family: inherit;
            font-size: 16px;
        }

        table.showcase.hero table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
            color: #0daf77;
            background: #b8f1dd;
            border-bottom-color: #22bd88;
        }

        table.showcase .showcase-inner table[data-sortable] {
            margin: 4em auto 3em;
        }

        table.showcase.hero .showcase-inner table[data-sortable] {
            margin-bottom: 1em;
        }

        table.showcase .showcase-inner p.source {
            color: rgba(255, 255, 255, .7);
            font-weight: 300;
            letter-spacing: .01em;
            text-align: center;
            font-size: 12px;
            margin: 0 0 3em;
            padding: 0 20%;
        }

        table.showcase .showcase-inner p.source a {
            color: inherit;
        }

        @media (max-width: 786px) {
            table.showcase .showcase-inner table[data-sortable] tr *:nth-child(4) {
                display: none;
            }

            table.showcase .button.dark {
                display: none;
            }
        }

        @media (max-width: 480px) {
            table.showcase .showcase-inner table[data-sortable] tr *:nth-child(3) {
                display: none;
            }
        }

        table.showcase.about {
            background: #fff1dd;
        }

        table.showcase.about {
            background: #fff1dd;
        }

        table.showcase.about a {
            color: #c96c24;
        }

        table.showcase.about p > code {
            background: rgba(0, 0, 0, .05);
        }

        table.showcase.about p,
        table.showcase.about pre {
            text-align: left;
            width: 500px;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        @media (max-width: 568px) {
            table.showcase.about p,
            table.showcase.about pre {
                width: 400px;
            }
        }

        @media (max-width: 420px) {
            table.showcase.about p,
            table.showcase.about pre {
                width: 280px;
            }
        }

        table.showcase.themes {
            background: #eee;
        }

        table.showcase.themes.sortable-theme-minimal {
            background: #fff;
        }

        table.showcase.themes.sortable-theme-light {
            background: #f8f8f8;
        }

        table.showcase.themes.sortable-theme-dark {
            background: #323232;
        }

        table.showcase.themes.sortable-theme-bootstrap {
            background: #f2f8ff;
        }

        table.showcase.themes.sortable-theme-dark h1,
        table.showcase.themes.sortable-theme-dark h2,
        table.showcase.themes.sortable-theme-dark p {
            color: #e6e6e6;
        }

        table.showcase.themes .themes-list {
            margin: 4em auto;
            padding: 0;
            list-style: none;
            text-align: center;
            font-size: 18px;
        }

        table.showcase.themes .themes-list li {
            padding: 0;
            margin: 0;
            display: inline;
        }

        table.showcase.themes .themes-list li a {
            cursor: pointer;
            opacity: 0.3;
            padding: .5em;
            display: inline-block;
        }

        table.showcase.themes .themes-list li a.selected {
            opacity: 1;
        }

        table.showcase.themes.sortable-theme-dark .themes-list li a {
            color: #fff;
        }