.hcb_wrap.hcb_wrap {
    margin: 0;
    clear: both;
}
.hcb_wrap {
    border-radius: .5625rem;
    overflow: hidden;
}

.hcb_wrap.hcb_wrap pre {
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    font-family: var(--hcb-font-family,"Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif);
    font-size: .9rem !important;
    letter-spacing: .1px;
    line-height: 1;
    margin: 0;
    overflow: auto;
    padding: 1.75em 1.5em;
    position: static;

}

.hcb_wrap.hcb_wrap code, .hcb_wrap.hcb_wrap pre {
    word-wrap: normal;
    background: var(--hcb-color--bg,#f7f6f6);
    border: none;
    color: var(--hcb-color--text,#1b1414);
    -webkit-hyphens: none;
    hyphens: none;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px var(--hcb-color--text-shadow,#fff);
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

.hcb_wrap.hcb_wrap code,.hcb_wrap.hcb_wrap span {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.hcb_wrap .line-highlight {
    background: var(--hcb-color--highlight,hsla(24,20%,49%,.1));
    font-size: inherit;
    left: 0;
    line-height: inherit;
    margin-top: 1.75em;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    white-space: pre
}

.hcb_wrap .line-highlight:before,.hcb_wrap .line-highlight[data-end]:after {
    background-color: var(--hcb-color--highlight-bg,#b1aead);
    border-radius: 0;
    box-sizing: border-box;
    color: var(--hcb-color--highlight-text,#f5f2f0);
    content: attr(data-start);
    font-size: 12px;
    font-weight: 700;
    left: 0;
    line-height: inherit;
    min-width: 1.5em;
    padding: 1px 2px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 0;
    vertical-align: middle
}

.hcb_wrap .line-highlight[data-end]:after {
    bottom: 0;
    content: attr(data-end);
    top: auto
}

.hcb_wrap .line-numbers .line-highlight:after,.hcb_wrap .line-numbers .line-highlight:before {
    content: none
}

.hcb_wrap pre.line-numbers {
    counter-reset: linenumber;
    padding-left: 3.75em;
    position: static
}

.hcb_wrap pre.line-numbers>code {
    position: relative;
    white-space: inherit
}

.hcb_wrap .line-numbers .line-numbers-rows {
    border-right: 1px solid #B5B5B5;
    font-size: inherit;
    left: -3.75em;
    letter-spacing: -1px;
    pointer-events: none;
    position: absolute;
    top: -2px;
    -webkit-user-select: none;
    user-select: none;
    width: 3em
}

.hcb_wrap .line-numbers-rows>span {
    counter-increment: linenumber;
    display: block;
    pointer-events: none
}

.hcb_wrap .line-numbers-rows>span:before {
    color: #B5B5B5;
    content: counter(linenumber);
    display: block;
    padding-right: .8em;
    text-align: right
}

.hcb_wrap pre:before {
    background-color: var(--hcb-color--lang--bg,#dedede);
    box-sizing: border-box;
    color: var(--hcb-color--lang--text,#1f1e1e);
    content: attr(data-lang);
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
    min-width: 4em;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.hcb_wrap .hcb-clipboard+pre:before {
    right: 26px
}

.hcb_wrap pre[data-file]:before {
    background-image: var(--hcb-file-icon);
    background-position: center left 8px;
    background-repeat: no-repeat;
    background-size: auto 10px;
    content: attr(data-file);
    padding: 0 8px 0 20px
}

.hcb_wrap pre[data-show-lang="0"]:not([data-file]):before {
    content: none
}

.hcb_wrap .hcb-clipboard {
    background-color: hsla(0,0%,100%,.8);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEuNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwNDY3RiIvPgo8cmVjdCB4PSI2LjUiIHk9IjYuNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiByeD0iMS41IiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjMDA0NjdGIi8+Cjwvc3ZnPgo=");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border: none;
    border-radius: 1px;
    box-sizing: border-box;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
    z-index: 1;
    cursor: pointer;
}

.hcb_wrap .hcb-clipboard.-done {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjIxMDIgMS40NDY4NUMyOC44OTY3IDIuMzkxMzIgMjkuNDk4MyA0LjUyNDE5IDI4LjU1MzggNi4yMTA3NEwxNy4wNDM3IDI2Ljc2NDZDMTUuNzk5IDI4Ljk4NzMgMTIuODIxMiAyOS40OTU2IDEwLjkwOTYgMjcuODExNkwyLjE4NjQ0IDIwLjEyNjlDMC43MzU5OSAxOC44NDkyIDAuNTk2MDIgMTYuNjM3NSAxLjg3Mzc5IDE1LjE4NzFDMy4xNTE1NiAxMy43MzY2IDUuMzYzMjEgMTMuNTk2NiA2LjgxMzY1IDE0Ljg3NDRMMTIuMjg2MSAxOS42OTU0QzEyLjUyNSAxOS45MDU5IDEyLjg5NzMgMTkuODQyMyAxMy4wNTI5IDE5LjU2NDVMMjIuNDQ2MyAyLjc5MDUxQzIzLjM5MDcgMS4xMDM5NiAyNS41MjM2IDAuNTAyMzkxIDI3LjIxMDIgMS40NDY4NVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMTc0XzgwMzIpIi8+CjxwYXRoIGQ9Ik0yNy4yMTAyIDEuNDQ2ODVDMjguODk2NyAyLjM5MTMyIDI5LjQ5ODMgNC41MjQxOSAyOC41NTM4IDYuMjEwNzRMMTcuMDQzNyAyNi43NjQ2QzE1Ljc5OSAyOC45ODczIDEyLjgyMTIgMjkuNDk1NiAxMC45MDk2IDI3LjgxMTZMMi4xODY0NCAyMC4xMjY5QzAuNzM1OTkgMTguODQ5MiAwLjU5NjAyIDE2LjYzNzUgMS44NzM3OSAxNS4xODcxQzMuMTUxNTYgMTMuNzM2NiA1LjM2MzIxIDEzLjU5NjYgNi44MTM2NSAxNC44NzQ0TDEyLjI4NjEgMTkuNjk1NEMxMi41MjUgMTkuOTA1OSAxMi44OTczIDE5Ljg0MjMgMTMuMDUyOSAxOS41NjQ1TDIyLjQ0NjMgMi43OTA1MUMyMy4zOTA3IDEuMTAzOTYgMjUuNTIzNiAwLjUwMjM5MSAyNy4yMTAyIDEuNDQ2ODVaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMjE3NF84MDMyKSIvPgo8cGF0aCBkPSJNMjcuMjEwMiAxLjQ0Njg1QzI4Ljg5NjcgMi4zOTEzMiAyOS40OTgzIDQuNTI0MTkgMjguNTUzOCA2LjIxMDc0TDE3LjA0MzcgMjYuNzY0NkMxNS43OTkgMjguOTg3MyAxMi44MjEyIDI5LjQ5NTYgMTAuOTA5NiAyNy44MTE2TDIuMTg2NDQgMjAuMTI2OUMwLjczNTk5IDE4Ljg0OTIgMC41OTYwMiAxNi42Mzc1IDEuODczNzkgMTUuMTg3MUMzLjE1MTU2IDEzLjczNjYgNS4zNjMyMSAxMy41OTY2IDYuODEzNjUgMTQuODc0NEwxMi4yODYxIDE5LjY5NTRDMTIuNTI1IDE5LjkwNTkgMTIuODk3MyAxOS44NDIzIDEzLjA1MjkgMTkuNTY0NUwyMi40NDYzIDIuNzkwNTFDMjMuMzkwNyAxLjEwMzk2IDI1LjUyMzYgMC41MDIzOTEgMjcuMjEwMiAxLjQ0Njg1WiIgZmlsbD0idXJsKCNwYWludDJfcmFkaWFsXzIxNzRfODAzMikiLz4KPGcgb3BhY2l0eT0iMC41IiBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzIxNzRfODAzMikiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI1LjM2NjIgNS4yNzQyNUMyNS44NDcgNS41NDYxMSAyNi4wMTYzIDYuMTU2MjIgMjUuNzQ0NCA2LjYzNjk2TDE1LjQ4MjUgMjQuNzgzNUMxNC44NjA2IDI1Ljg4MzIgMTMuMzg3NCAyNi4xMzggMTIuNDMyMyAyNS4zMTA5TDUuMjE4OTIgMTkuMDY0MkM0LjgwMTQyIDE4LjcwMjcgNC43NTYwNiAxOC4wNzExIDUuMTE3NiAxNy42NTM2QzUuNDc5MTUgMTcuMjM2MSA2LjExMDY5IDE3LjE5MDggNi41MjgxOCAxNy41NTIzTDEzLjc0MTYgMjMuNzk5TDI0LjAwMzUgNS42NTI0NkMyNC4yNzU0IDUuMTcxNzIgMjQuODg1NSA1LjAwMjM5IDI1LjM2NjIgNS4yNzQyNVoiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8yMTc0XzgwMzIpIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl8yMTc0XzgwMzIiIHg9IjMuODczNTQiIHk9IjQuMTQ0NTMiIHdpZHRoPSIyMy4wMDA3IiBoZWlnaHQ9IjIyLjY1NDgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjE3NF84MDMyIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjE3NF84MDMyIiB4MT0iMjguMTg3NiIgeTE9IjYuMzk2NjMiIHgyPSIxMy4wODc5IiB5Mj0iMjkuODg1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwRkFDNTEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0ZENTdFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF8yMTc0XzgwMzIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNzE5NiAzLjU0NDQ4KSByb3RhdGUoMTIyLjAwNSkgc2NhbGUoMy4xNjU1NSAzLjE4NzE4KSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MUY1QTUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFGNUE1IiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDJfcmFkaWFsXzIxNzRfODAzMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDY1IDI1LjE4NzQpIHJvdGF0ZSgtOTMuODAyKSBzY2FsZSgyNi41NjY4IDQxLjE5NTIpIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzVCRTI4RiIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMC43ODYzODQiIHN0b3AtY29sb3I9IiM1QkUyOEYiIHN0b3Atb3BhY2l0eT0iMC4wNjAwMDEiLz4KPHN0b3Agb2Zmc2V0PSIwLjk2MDYxMiIgc3RvcC1jb2xvcj0iIzVCRTI4RiIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXJfMjE3NF84MDMyIiB4MT0iMjQuNDk2NSIgeTE9IjguMTU4MDEiIHgyPSIxNC4wOTQ1IiB5Mj0iMjYuMDI1OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNENCRTdEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzZERjNBMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.hcb_wrap .hcb-clipboard.-done:before {
    bottom: 100%;
    content: "Copied!";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    position: absolute;
    right: 0
}

.hcb_wrap pre::-webkit-scrollbar {
    height: 6px
}

.hcb_wrap pre::-webkit-scrollbar-track {
    background: var(--hcb-color--scrollbar-track,hsla(0,0%,59%,.1));
    border: none
}

.hcb_wrap pre::-webkit-scrollbar-thumb {
    background: var(--hcb-color--scrollbar-thumb,hsla(0,0%,59%,.25));
    border-radius: 3px
}

:not(pre)>code.prism {
    border-radius: .3em;
    padding: .1em;
    white-space: normal
}

body {
    --hcb-color--text: #1B1414;
    --hcb-color--text-shadow: #fff;
    --hcb-color--bg: #F7F9F9;
    --hcb-color--lang--text: #1B1414;
    --hcb-color--lang--bg: #dedede;
    --hcb-color--line-numbers: #00467F;
    --hcb-color--highlight: hsla(24,20%,49%,.1);
    --hcb-color--highlight-text: #f5f2f0;
    --hcb-color--highlight-bg: #b1aead;
    --hcb-file-icon: url(../../assets/img/file-icon-light.svg);
    --hcb-color--scrollbar-track: rgba(0,0,0,.05);
    --hcb-color--scrollbar-thumb: #0000001a
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #B5B5B5;
}

.token.punctuation {
    color: #A8A7A7;
    font-style: normal;
}

.namespace {
    opacity: .7
}

.token.boolean,.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag {
    color: #BAD32C;
    font-weight: bold;
    font-style: normal;
}

.token.attr-name,.token.builtin,.token.char,.token.class-name,.token.inserted,.token.selector, .token.number {
    color: #00467F;
    font-weight: bold;
    font-style: normal;
}

.hcb_wrap.hcb_wrap code.language-css, .language-css .token.string,.style .token.string,.token.entity,.token.url,.token.string {
    color: #9EA363;
    font-style: italic; 
}

.token.atrule,.token.attr-value,.token.function {
    color: #738da7;
}

.token.keyword,.token.operator {
    color: #b7c6d5;
}

.token.important,.token.keyword.this,.token.regex,.token.variable {
    color: #e2be00;
}

.token.bold {
    font-weight: 700
}

.token.builtin,.token.italic,.token.keyword.def {
    font-style: italic
}

.token.entity {
    cursor: help
}

.token.delimiter.important {
    color: #183d86;
    font-weight: 400
}

@media screen and (max-width: 599px) {
    .hcb_wrap.hcb_wrap pre {
        font-size:var(--hcb-font-size--mobile,13px)
    }
}