/*! Melonpan Block Code WordPress Plugin v2.0.3 | https://wordpress.org/plugins/melonpan-block-code/ */
.mbcode-border_radius-1 pre {
	border-radius: 1px;
}

.mbcode-border_radius-2 pre {
	border-radius: 2px;
}

.mbcode-border_radius-3 pre {
	border-radius: 3px;
}

.mbcode-border_radius-4 pre {
	border-radius: 4px;
}

.mbcode-border_radius-5 pre {
	border-radius: 5px;
}

.mbcode-border_radius-6 pre {
	border-radius: 6px;
}

.mbcode-border_radius-7 pre {
	border-radius: 7px;
}

.mbcode-border_radius-8 pre {
	border-radius: 8px;
}

.mbcode-border_radius-9 pre {
	border-radius: 9px;
}

.mbcode-border_radius-10 pre {
	border-radius: 10px;
}

.mbcode-border_radius-11 pre {
	border-radius: 11px;
}

.mbcode-border_radius-12 pre {
	border-radius: 12px;
}

.mbcode-border_radius-13 pre {
	border-radius: 13px;
}

.mbcode-border_radius-14 pre {
	border-radius: 14px;
}

.mbcode-border_radius-15 pre {
	border-radius: 15px;
}

.mbcode-border_width-1.mbcode-scheme-dark pre {
	border: 1px solid hsla(0, 0%, 100%, .7);
}

.mbcode-border_width-1.mbcode-scheme-light pre {
	border: 1px solid rgba(0, 0, 0, .7);
}

.mbcode-border_width-2.mbcode-scheme-dark pre {
	border: 2px solid hsla(0, 0%, 100%, .7);
}

.mbcode-border_width-2.mbcode-scheme-light pre {
	border: 2px solid rgba(0, 0, 0, .7);
}

.mbcode-border_width-3.mbcode-scheme-dark pre {
	border: 3px solid hsla(0, 0%, 100%, .7);
}

.mbcode-border_width-3.mbcode-scheme-light pre {
	border: 3px solid rgba(0, 0, 0, .7);
}

.mbcode-border_width-4.mbcode-scheme-dark pre {
	border: 4px solid hsla(0, 0%, 100%, .7);
}

.mbcode-border_width-4.mbcode-scheme-light pre {
	border: 4px solid rgba(0, 0, 0, .7);
}

.mbcode-border_width-5.mbcode-scheme-dark pre {
	border: 5px solid hsla(0, 0%, 100%, .7);
}

.mbcode-border_width-5.mbcode-scheme-light pre {
	border: 5px solid rgba(0, 0, 0, .7);
}

.wp-block-melonpan-block-code {
	position: relative;
	font-family: Roboto Mono, Ubuntu Mono, monospace;
	animation: appear_late .8s ease;
}

.wp-block-melonpan-block-code.mbcode-scheme-dark {
	color: hsla(0, 0%, 100%, .8);
}

.wp-block-melonpan-block-code.mbcode-scheme-light {
	color: rgba(0, 0, 0, .8);
}

#editor .wp-block-melonpan-block-code {
	animation: none;
}

.wp-block-melonpan-block-code ::selection {
	background: hsla(0, 0%, 78.4%, .3);
}

.wp-block-melonpan-block-code ::-moz-selection {
	background: hsla(0, 0%, 78.4%, .3);
}

.wp-block-melonpan-block-code pre {
	overflow: auto;
	tab-size: 4;
	hyphens: none;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	padding: 0;
}

.wp-block-melonpan-block-code code {
	min-width: 100%;
	display: block;
	font-size: inherit;
	background: none;
}

@-moz-keyframes appear_late {
	0%, 90% {
		opacity: 0;
		transform: translateZ(0);
	}
	
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@-webkit-keyframes appear_late {
	0%, 90% {
		opacity: 0;
		transform: translateZ(0);
	}
	
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@-o-keyframes appear_late {
	0%, 90% {
		opacity: 0;
		transform: translateZ(0);
	}
	
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@keyframes appear_late {
	0%, 90% {
		opacity: 0;
		transform: translateZ(0);
	}
	
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

div.mbcode-padding_tb-5 code {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.mbcode-padding_lr-5 code {
	padding-left: 5px;
	padding-right: 5px;
}

div.mbcode-padding_tb-10 code {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.mbcode-padding_lr-10 code {
	padding-left: 10px;
	padding-right: 10px;
}

div.mbcode-padding_tb-15 code {
	padding-top: 15px;
	padding-bottom: 15px;
}

div.mbcode-padding_lr-15 code {
	padding-left: 15px;
	padding-right: 15px;
}

div.mbcode-padding_tb-20 code {
	padding-top: 20px;
	padding-bottom: 20px;
}

div.mbcode-padding_lr-20 code {
	padding-left: 20px;
	padding-right: 20px;
}

div.mbcode-padding_tb-25 code {
	padding-top: 25px;
	padding-bottom: 25px;
}

div.mbcode-padding_lr-25 code {
	padding-left: 25px;
	padding-right: 25px;
}

div.mbcode-padding_tb-30 code {
	padding-top: 30px;
	padding-bottom: 30px;
}

div.mbcode-padding_lr-30 code {
	padding-left: 30px;
	padding-right: 30px;
}

div.mbcode-padding_tb-35 code {
	padding-top: 35px;
	padding-bottom: 35px;
}

div.mbcode-padding_lr-35 code {
	padding-left: 35px;
	padding-right: 35px;
}

div.mbcode-padding_tb-40 code {
	padding-top: 40px;
	padding-bottom: 40px;
}

div.mbcode-padding_lr-40 code {
	padding-left: 40px;
	padding-right: 40px;
}

div.mbcode-padding_tb-45 code {
	padding-top: 45px;
	padding-bottom: 45px;
}

div.mbcode-padding_lr-45 code {
	padding-left: 45px;
	padding-right: 45px;
}

div.mbcode-padding_tb-50 code {
	padding-top: 50px;
	padding-bottom: 50px;
}

div.mbcode-padding_lr-50 code {
	padding-left: 50px;
	padding-right: 50px;
}

div.mbcode-padding_tb-55 code {
	padding-top: 55px;
	padding-bottom: 55px;
}

div.mbcode-padding_lr-55 code {
	padding-left: 55px;
	padding-right: 55px;
}

div.mbcode-padding_tb-60 code {
	padding-top: 60px;
	padding-bottom: 60px;
}

div.mbcode-padding_lr-60 code {
	padding-left: 60px;
	padding-right: 60px;
}

div.mbcode-padding_tb-65 code {
	padding-top: 65px;
	padding-bottom: 65px;
}

div.mbcode-padding_lr-65 code {
	padding-left: 65px;
	padding-right: 65px;
}

div.mbcode-padding_tb-70 code {
	padding-top: 70px;
	padding-bottom: 70px;
}

div.mbcode-padding_lr-70 code {
	padding-left: 70px;
	padding-right: 70px;
}

div.mbcode-padding_tb-75 code {
	padding-top: 75px;
	padding-bottom: 75px;
}

div.mbcode-padding_lr-75 code {
	padding-left: 75px;
	padding-right: 75px;
}

div.mbcode-padding_tb-80 code {
	padding-top: 80px;
	padding-bottom: 80px;
}

div.mbcode-padding_lr-80 code {
	padding-left: 80px;
	padding-right: 80px;
}

div.mbcode-padding_tb-85 code {
	padding-top: 85px;
	padding-bottom: 85px;
}

div.mbcode-padding_lr-85 code {
	padding-left: 85px;
	padding-right: 85px;
}

div.mbcode-padding_tb-90 code {
	padding-top: 90px;
	padding-bottom: 90px;
}

div.mbcode-padding_lr-90 code {
	padding-left: 90px;
	padding-right: 90px;
}

div.mbcode-padding_tb-95 code {
	padding-top: 95px;
	padding-bottom: 95px;
}

div.mbcode-padding_lr-95 code {
	padding-left: 95px;
	padding-right: 95px;
}

div.mbcode-padding_tb-100 code {
	padding-top: 100px;
	padding-bottom: 100px;
}

div.mbcode-padding_lr-100 code {
	padding-left: 100px;
	padding-right: 100px;
}

.wp-block-melonpan-block-code .mbcode-button, .wp-block-melonpan-block-code .mbcode-label {
	line-height: 1.5;
	min-height: 2.7em;
	display: flex;
	align-items: center;
}

.wp-block-melonpan-block-code .mbcode-label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 .8em;
	font-size: .75em;
	font-weight: 700;
	color: inherit;
}

.wp-block-melonpan-block-code .mbcode-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .8em;
	text-transform: uppercase;
	font-size: .75em;
	border-radius: 0;
	font-weight: 700;
	font-family: inherit;
	transition: opacity .1s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
}

.wp-block-melonpan-block-code .mbcode-button:focus, .wp-block-melonpan-block-code .mbcode-button:hover {
	opacity: .8;
}

.wp-block-melonpan-block-code .mbcode-button, .wp-block-melonpan-block-code .mbcode-button:focus, .wp-block-melonpan-block-code .mbcode-button:hover {
	background: none;
	box-shadow: none;
	outline: none;
	border: none;
	color: inherit;
	text-decoration: none;
}

.wp-block-melonpan-block-code.mbcode-just-copied {
	text-transform: none;
	font-weight: 400;
	cursor: default;
}

.wp-block-melonpan-block-code.mbcode-just-copied:hover {
	opacity: 1;
}