@import 'prism_theme.css';

@font-face {
	font-family: 'ime_jp_rp';
	src: url('ime_jp_rp.woff') format('woff');
}

body {
	font-family: 'Noto Sans JP';
}

pre>*,
code>*,
kbd>*,
.copy-to-clipboard-button>*,
code[class*=language-], pre[class*=language-], pre,
.ace_editor,
.codearea,
code {
	font-family: 'ime_jp_rp', 'Ubuntu Mono', 'Noto Sans JP' !important;
}

.ace_editor {
	line-height: 1.5 !important;
}

.ace_line > *:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}

:focus {
	outline: none !important;
}

div.code-toolbar>.toolbar {
	position: absolute;
	top: 0px !important;
	right: 0px !important;
}

div.toolbar-item>.copy-to-clipboard-button {
	position: absolute;
	top: 0px !important;
	right: 0px !important;
}

:not(pre)>code {
	--tw-bg-opacity: 1;
	background-color: hsl(var(--b2, var(--b1))/var(--tw-bg-opacity)) !important;
	font-size: 1em !important;
}

pre, .codearea {
	background: #1a2638 !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	color: #ccc;
	border-radius: 0.375rem;

}

.cursor {
	animation-name: cursorAnimation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-fill-mode: backwards;
	animation-direction: alternate;
}

@keyframes cursorAnimation {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.line-numbers .line-numbers-rows {
	position: absolute;
	top: -4px;
}

.ace_editor {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.filename {
	display: table;
	max-width: 100%;
	background: #323e52;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 1.3;
	border-radius: 6px 6px 0 0;
	padding: 6px 12px 20px;
	margin-bottom: -24px !important;
}

td, th {
	vertical-align: middle !important;  /* 中央揃え */
}

a {
	display: inline;
}

table > * > a {
	display: block;
}

.codearea {
	outline: none !important;
	border: none !important;
	padding: 1rem;
	width: 100%;
	height: 100px;
	margin-top: 8px !important;
	margin-bottom: 0px !important;
	resize:vertical;
	min-height:150px;
	overflow:auto;
}

.codearea:focus {
	outline: none !important;
	border: none !important;
}

span > svg {
	display: inline;
}

.ace {
	width:100%;
	height:300px;
	resize:vertical;
	min-height:300px;
	overflow:auto;
}