/*! purgecss start ignore */
.wp-block-kevinbatdorf-code-block-pro {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; /* no !important */
    direction: ltr;
    @apply relative box-border;
}
.wp-block-kevinbatdorf-code-block-pro * {
    @apply box-border;
}
.wp-block-kevinbatdorf-code-block-pro pre,
.wp-block-kevinbatdorf-code-block-pro pre * {
    font-size: inherit;
    line-height: inherit;
}
.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre {
    border: 0;
    overflow-wrap:normal;
    padding: 16px;
    font-family: inherit;
    @apply overflow-auto text-inherit text-left m-0 whitespace-pre bg-none border-none border-0 rounded-none shadow-none;
}
.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code {
    border: 0;
    background: none;
    overflow-wrap:normal;
    font-family: inherit;
    @apply m-0 p-0 bg-transparent text-inherit text-left whitespace-pre border-none border-0 rounded-none shadow-none;
}
.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre * {
    font-family: inherit;
}
.code-block-pro-copy-button {
    border: 0;
    background: none;
    @apply absolute top-0 right-0 left-auto bg-transparent p-2 border-none border-0 cursor-pointer opacity-30 focus:opacity-100 transition-opacity duration-200 ease-in-out leading-none z-10;
}
.wp-block-kevinbatdorf-code-block-pro:hover .code-block-pro-copy-button {
    @apply opacity-100;
}
.code-block-pro-copy-button .without-check {
    @apply block;
}
.code-block-pro-copy-button .with-check {
    @apply hidden;
}
.code-block-pro-copy-button.copying .without-check {
    @apply hidden;
}
.code-block-pro-copy-button.copying .with-check {
    @apply block;
}