/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .accessibilityHelpWidget {
	padding: 10px;
	vertical-align: middle;
	overflow: scroll;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	padding: 10px;
}

.tokens-inspect-separator {
	height: 1px;
	border: 0;
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}
.overflow-guard {
    position: relative;
    overflow: hidden;
    pointer-events: auto;
}
.margin {
  position: absolute;
  background-color: #fffffe;
  user-select: none;
}
.margin-view-overlays {
    position: absolute;
}
.horizontal-scrollbar {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid hsla(0, 0%, 39.2%, 0.4);
  z-index: 101;
  /* background-color: #fff; */

  bottom: 0;
}

.horizontal-scrollbar .overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}

.horizontal-scrollbar .slider {
  height: 100%;
  background: hsla(0, 0%, 39.2%, 0.4);
  position: absolute;
}

.horizontal-scrollbar:hover .slider {
  height: 100%;
  background: hsla(0, 0%, 39.2%, 0.7);
}

.horizontal-scrollbar-container {
  position: absolute;
  overflow: scroll;
  box-sizing: border-box;
  /* border: 1px solid hsla(0, 0%, 39.2%, 0.4); */
}

.horizontal-scrollbar-container::-webkit-scrollbar {
  background: transparent;
}

.horizontal-scrollbar-container::-webkit-scrollbar-corner {
  display: none;
}

/* スクロールバー上下左右末端のボタン */
.horizontal-scrollbar-container::-webkit-scrollbar-button {
  /* width:10px;
    height:10px;
    background:#666; */
  display: none;
}

.horizontal-scrollbar-container::-webkit-scrollbar-thumb {
  background: transparent;
}

.horizontal-scrollbar-container:hover::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 39.2%, 0.4);
}

.horizontal-scrollbar-container:hover::-webkit-scrollbar {
  background: transparent;
}
.vertical-scrollbar {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid hsla(0, 0%, 39.2%, 0.4);
  z-index: 101;
  background-color: #fff;

  right: 0;
}

.vertical-scrollbar .overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}

.vertical-scrollbar .slider {
  width: 100%;
  background: hsla(0, 0%, 39.2%, 0.4);
  position: absolute;
}

.vertical-scrollbar:hover .slider {
  width: 100%;
  background: hsla(0, 0%, 39.2%, 0.7);
}

.right-to-left-vertical-writing .vertical-scrollbar {
  /* bottom: 0; */
  left: 0;
  right: unset;
}

.vertical-scrollbar-container {
  position: absolute;
  overflow: scroll;
  box-sizing: border-box;
  border: 1px solid hsla(0, 0%, 39.2%, 0.4);
  z-index: 101;
  background-color: #fff;

  right: 0;
}

.right-to-left-vertical-writing .vertical-scrollbar-container {
  bottom: 0;
  right: unset;
}

.vertical-scrollbar-container::-webkit-scrollbar {
  background: transparent;
}

.vertical-scrollbar-container::-webkit-scrollbar-corner {
  display: none;
}

/* スクロールバー上下左右末端のボタン */
.vertical-scrollbar-container::-webkit-scrollbar-button {
  /* width:10px;
  height:10px;
  background:#666; */
  display: none;
}

.vertical-scrollbar-container::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 39.2%, 0.4);
}

.vertical-scrollbar-container:hover::-webkit-scrollbar-thumb {
  /* background: hsla(0, 0%, 39.2%, 0.4); */
  background: hsla(0, 0%, 39.2%, 0.7);
}

.vertical-scrollbar-container:hover::-webkit-scrollbar {
  background: transparent;
}
.editor-scrollable {
  position: absolute;
  overflow: hidden;
}
.lines-content {
  position: absolute;
  width: 1000000px;
  height: 1000000px;
  user-select: none;
}
.line-number-container {
  display: flex;
  position: absolute;
}

.line-number-container .decoration {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s;
  opacity: 0;
  cursor: pointer;
}

.margin-view-overlays:hover .decoration {
  opacity: 1;
}
.indent-guides {
  position: absolute;
}

.cigr {
  box-shadow: 1px 0 0 0 #d3d3d3 inset;
}

.cigra {
  box-shadow: 1px 0 0 0 #939393 inset;
}

.right-to-left-vertical-writing .cigr {
  box-shadow: 0 1px 0 0 #d3d3d3 inset;
}

.right-to-left-vertical-writing .cigra {
  box-shadow: 0 1px 0 0 #939393 inset;
}
.line-decorations {
  position: absolute;
}

.line-decorations .first {
  color: transparent;
}

.line-decorations .second {
  color: transparent;
  background-color: rgba(234, 92, 0, 0.33);
}

.line-decoration {
  position: absolute;
}
.view-line {
  position: absolute;
}

.view-lines {
  white-space: nowrap;
}
.monaka-editor {
    width: 100%;
    height: 100%;
}
.horizontal-list {
  overflow: hidden;
  /* writing-mode: horizontal-tb; */
}
.vertical-list-container {
  overflow: hidden;
  user-select: none;
}

.vertical-list {
  width: 100%;
  position: relative;
}
.minimap-container {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  user-select: none;
}

.minimap-shadow-visible {
  box-shadow: #dddddd -6px 0 6px -6px inset;
  height: 100%;
  position: absolute;
  left: -6px;
  width: 6px;
}

.right-to-left-vertical-writing .minimap-shadow-visible {
  box-shadow: #dddddd 0 -6px 6px -6px inset;
  width: 100%;
  height: 6px;
  top: -6px;
  left: unset;
}

.minimap {
  position: absolute;
  white-space: nowrap;
  font-size: 10px;
}

.right-to-left-vertical-writing .minimap {
  transform-origin: right top;
}

.minimap-slider {
  position: absolute;
  width: 100%;
  background: rgba(100, 100, 100, 0.2);
  z-index: 100;
}

.right-to-left-vertical-writing .minimap-slider {
  height: 100%;
}

.minimap-container::-webkit-scrollbar {
  background: transparent;
  width: 40px;
}

.minimap-container::-webkit-scrollbar-corner {
  display: none;
}

/* スクロールバー上下左右末端のボタン */
.minimap-container::-webkit-scrollbar-button {
  /* width:10px;
  height:10px;
  background:#666; */
  display: none;
}

.minimap-container::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 39.2%, 0.4);
  width: 100px;
  height: 200px;
}

.minimap-container:hover::-webkit-scrollbar-thumb {
  /* background: hsla(0, 0%, 39.2%, 0.4); */
  background: hsla(0, 0%, 39.2%, 0.7);
  width: 100px;
  height: 200px;
}

.minimap-container:hover::-webkit-scrollbar {
  background: transparent;
}
.text-area-input-container {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
}

.text-area-content {
  width: 100%;
  position: absolute;
  white-space: pre-wrap;
  z-index: 100;
  height: 1000px;
}

.right-to-left-vertical-writing .text-area-content {
  width: 1000px;
}

.text-indent {
  display: inline-block;
}

#hide {
  /* position: absolute; */
  color: transparent;
  background-color: white;
  /* display: inline-block; */
  /* opacity: 0; */
  /* white-space: pre; */
}

.inputarea {
  /* text-underline-offset: -14px; */
  /* text-decoration: underline overline transparent; */
  /* text-decoration-skip-ink: none; */
  /* text-decoration: underline; */
  /* text-decoration-thickness: 14px; */
  /* text-decoration-color: white; */
  z-index: 101;
  font: inherit;
  font-style: bold;
  color: black;
  /* color: transparent; */
  background-color: transparent;
  border: none;
  margin: 0;
  min-height: 0;
  min-width: 0;
  outline: none !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  resize: none;
  line-height: 19px;
  box-sizing: border-box;
  pointer-events: none;
  overflow-anchor: none;
  /* overflow-wrap: break-word; */
}

.myLineDecoration {
  color: red;
}
.primary-cursor-container {
  display: flex;
  position: absolute;
  pointer-events: none;
}

.primary-cursor::after {
  content: '';
  background-color: black;
  width: 2px;
  height: 100%;
  position: absolute;
}

.right-to-left-vertical-writing .primary-cursor::after {
  content: '';
  background-color: black;
  width: 100%;
  height: 2px;
  position: absolute;
}
.selected-text {
  background-color: #add6ff;
  color: transparent;
  border-radius: 3px;
}

.view-selection {
  position: absolute;
}