/*!
Theme Name: Block Smith
Theme URI: https://www.wpzhiku.com/
Author: Wenprise Co., LTD
Author URI: https://www.wpzhiku.com/
Description: Description
Version: 1.0.0
License: Copyright Reserved
License URI: 
Text Domain: block-smith
Template: kadence
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Block Smith is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

pre,pre>code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity));
    border-radius: .25rem;
    color: rgb(224 224 224/var(--tw-text-opacity));
    display: block;
    padding: 1rem
}

pre>code {
    margin: 0;
    padding: 0
}

code[class*=language-] {
    --tw-text-opacity: 1;
    background-image: none;
    border-width: 0;
    line-height: 1.5;
    overflow-wrap: normal;
    text-shadow: 0 1px rgba(0,0,0,.3)
}

.entry-content pre,code[class*=language-],pre[class*=language-] {
    word-wrap: normal;
    color: rgb(224 224 224/var(--tw-text-opacity));
    font-family: IBM Plex Mono,Ubuntu Mono,Consolas,Monaco,Andale Mono,monospace;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre;
    word-break: normal
}

.entry-content pre,pre[class*=language-] {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity));
    border-radius: .25rem;
    border-width: 0;
    line-height: 1.5;
    margin: 0 0 1rem;
    overflow: auto;
    padding: 3rem 1rem 1rem;
    position: relative;
    word-spacing: normal
}

.entry-content pre .wp-block-code__button,pre[class*=language-] .wp-block-code__button {
    --tw-text-opacity: 1;
    color: rgb(238 238 238/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    position: absolute;
    right: 1rem;
    top: 6px;
    z-index: 50
}

.entry-content pre .wp-block-code__button:before,pre[class*=language-] .wp-block-code__button:before {
    padding-right: .125rem
}

.entry-content pre code,pre[class*=language-] code {
    margin: 0;
    padding: 0
}

.entry-content pre code:before,pre[class*=language-] code:before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(66 66 66/var(--tw-bg-opacity));
    color: rgb(238 238 238/var(--tw-text-opacity));
    content: attr(lang);
    height: 2rem;
    left: 0;
    padding-bottom: 5px;
    padding-left: 1rem;
    padding-top: 5px;
    position: absolute;
    top: 0;
    width: 100%
}

:not(pre)>code[class*=language-] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity));
    border-radius: .3em;
    padding: 2px 5px;
    vertical-align: text-bottom;
    white-space: normal
}

.namespace {
    opacity: .7
}

.language-css .style .token.string,.language-css .token.string {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity))
}

.token.punctuation {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.token.boolean,.token.number {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    --tw-text-opacity: 1;
    color: rgb(134 239 172/var(--tw-text-opacity))
}

.token.entity,.token.operator,.token.url,.token.variable {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.token.atrule,.token.attr-value,.token.class-name,.token.function {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.token.keyword {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

.token.important,.token.regex {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.token.bold,.token.important {
    font-weight: 700
}

.token.entity {
    cursor: help
}
