.markdown-body {
	background-color: transparent;
	font-size: 14px
}

.markdown-body p {
	white-space: pre-wrap
}

.markdown-body ol {
	list-style-type: decimal
}

.markdown-body ul {
	list-style-type: disc
}

.markdown-body pre code,
.markdown-body pre tt {
	line-height: 1.65
}

.markdown-body .highlight pre,
.markdown-body pre {
	background-color: #fff
}

.markdown-body code.hljs {
	padding: 0
}

.markdown-body .code-block-wrapper {
	position: relative;
	padding-top: 24px
}

.markdown-body .code-block-header {
	position: absolute;
	top: 5px;
	right: 0;
	width: 100%;
	padding: 0 1rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #b3b3b3
}

.markdown-body .code-block-header__copy {
	cursor: pointer;
	margin-left: .5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.markdown-body .code-block-header__copy:hover {
	color: #65a665
}

html.dark .message-reply .whitespace-pre-wrap {
	white-space: pre-wrap;
	color: var(--n-text-color)
}

html.dark .highlight pre,
html.dark pre {
	background-color: #282c34
}

.transparent-grid[data-v-ec827675] {
	background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
	background-size: 16px 16px;
	background-position: 0 0, 8px 8px
}

.preview-box[data-v-35db505d] {
	position: relative;
	z-index: 1
}

.dark .preview-box[data-v-35db505d] {
	filter: brightness(80%)
}

.text-shadow[data-v-4647bcf4] {
	text-shadow: 0px 0px 5px gray
}

.dark .app-starter-modal-content .n-layout {
	background-color: #2c2c32
}

.dot[data-v-8f322eb0] {
	position: absolute;
	color: #fff;
	border-radius: 50%
}

.dot-small[data-v-8f322eb0] {
	top: 6px;
	right: 6px;
	width: 10px;
	height: 10px;
	font-size: 10px
}

.dot-info[data-v-8f322eb0] {
	top: 8px;
	right: 8px;
	width: 10px;
	height: 10px
}

.search-container[data-1] {
	border: 1px solid #ccc;
	transition: box-shadow .5s, -webkit-backdrop-filter .5s;
	transition: box-shadow .5s, backdrop-filter .5s;
	transition: box-shadow .5s, backdrop-filter .5s, -webkit-backdrop-filter .5s;
	padding: 2px 10px;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px)
}

.focused[data-1],
.search-container[data-1]:hover {
	box-shadow: 0 0 30px -5px #29292973;
	-webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, .45);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.before[data-1] {
	left: 10px
}

.after[data-1] {
	right: 10px
}

input[data-1] {
	background-color: transparent;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 10px 5px;
	border: none;
	outline: none;
	font-size: 17px
}

.transparent-grid {
	background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
	background-size: 16px 16px;
	background-position: 0 0, 8px 8px;
	background-color: #e2e8f0
}

.text-shadow[data-v-87fd62bd] {
	text-shadow: 2px 2px 50px rgb(0, 0, 0)
}

.app-icon-text-shadow[data-v-87fd62bd] {
	text-shadow: 2px 2px 5px rgb(0, 0, 0)
}

.icon-info-box[data-v-87fd62bd] {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 18px
}

.icon-small-box[data-v-87fd62bd] {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
	gap: 18px
}

@media (max-width: 500px) {
	.icon-info-box[data-v-87fd62bd] {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
	}
}

body,
html {
	overflow: hidden;
	background-color: #363636
}

.mask[panel] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.sun-main[panel] {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.cover[panel] {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: scale(1.05)
}

.text-shadow[panel] {
	text-shadow: 2px 2px 50px rgb(0, 0, 0)
}

.app-icon-text-shadow[panel] {
	text-shadow: 2px 2px 5px rgb(0, 0, 0)
}

.fixed-element[panel] {
	position: fixed;
	top: 20px;
	right: 20px
}

.icon-info-box[panel] {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 18px
}

.icon-small-box[panel] {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
	gap: 18px
}

.float-btn[panel] {
	width: 42px;
	height: 42px;
	cursor: pointer;
	border-radius: 6px;
	transition: background-color .3s
}

.float-btn[panel]:hover {
	background-color: #a9a9a97a
}

.float-btn-icon[panel] {
	width: 21px;
	height: 21px
}

@media (max-width: 500px) {
	.icon-info-box[panel] {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
	}
}