:root {
	--waline-theme-color: #5171d1 !important;
	--waline-active-color: #5171d1 !important;
	--waline-avatar-radius: 1000px !important;
	--waline-box-shadow: 0 0 10px #5171d111 !important;
}

a {
	color: #5171d1;
	text-decoration: none !important;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

h1, h2, h3, h4, h5, h6{
	color: #5171d1 !important;
	text-align: center;
	border-bottom:none !important;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

article {
	padding: 1rem;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

p {
	line-height: 2em !important;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

warning {
	color: #ffffff;
	background-color: #cc0000;
	padding: 0.5rem;
	border-radius: 0.5rem;
	box-shadow: 0 0 5px #cc000077;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

body {
	background-position: center;
	background-size: cover;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

body .os-host>.os-padding>.os-viewport>.os-content {
	height: auto !important;
}

body.markdown-body table tr {
	border-radius: .75rem;
	background-color: inherit !important;
}

@media screen and (max-width: 768px) {
	body {
		background-position: unset;
	};
}

@media print {
	* {
		display: none
	};
}

.flip-container {
	width: 100vw;
	height: 100vh;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.flip-container.flip-it .flipper {
	transform: rotateY(-180deg);
}

.flip-container .flipper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 1.5s cubic-bezier(.68,-0.30,.27,1.30);
}

.flip-container .front,
.flip-container .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-container .front {
	transform: rotateY(0deg);
}

.flip-container .back {
	transform: rotateY(-180deg);
}

.hareta-sora-max-width {
	max-width: 1664px;
	margin: 0 auto;
}

.hareta-sora-404-container {
	position: relative;
}

.hareta-sora-404-container .ui.header {
	margin-bottom: 2rem;
}

.hareta-sora-404-container .ui.header .sub.header {
	margin-top: 0.5rem;
}

.ui.button {
	border-radius: .75rem;
}

.ui.header {
	text-align: center;
	color: #5171d1;
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
	font-weight: 400;
}

.ui.large.header .sub.header {
	margin-top: 1em;
	color: #5171d1;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6{
	font-weight: 400;
}

.markdown-body pre code{
	font-size: 1rem;
	font-family: 'JetBrains Mono';
}

.markdown-body table {
	margin: 0 auto;
	word-break: keep-all;
}

.markdown-body table tr {
	background: none !important;
	border: none !important;
}

.markdown-body table td,
.markdown-body table th {
	border: none !important;
}

.ui.basic.buttons {
	border: none;
	border-radius: .75rem;
}

.ui.basic.button,
.ui.basic.buttons .button {
	border-radius: .75rem;
}

.ui.attached.top.button {
	border-radius: .75rem .75rem 0 0;
}

.ui.left.attached.button {
	border-radius: .75rem 0 0 .75rem;
}

.ui[class*="top attached"].buttons {
	border-radius: .75rem .75rem 0 0;
}

.ui[class*="top attached"].buttons .button:first-child {
	border-radius: .75rem 0 0 0;
}

.ui[class*="right attached"].buttons {
	border-radius: .75rem 0 0 .75rem;
}

.ui[class*="right attached"].buttons .button:first-child {
	border-radius: .75rem 0 0 0;
}

.ui.block.header {
	border-radius: .75rem;
}

.ui.vertical.buttons .button:only-child {
	border-radius: .75rem;
}

.ui.basic.label {
	background: none #fff;
	border: none;
	box-shadow: none;
	box-shadow: none;
}

.ui.top.attached.header {
	margin-bottom: 0;
	border-radius: .75rem .75rem 0 0;
}

.ui.list .list>a.item:hover,
.ui.list>a.item:hover {
	color: #5171d1 !important;
	text-decoration: none;
}

.ui.list .list>a.item i.icon,
.ui.list>a.item i.icon {
	color: #5171d1 !important;
}

.ui.list .list>a.item i.icon,
.ui.list>a.item i.icon {
	color: rgba(0, 0, 0, .4);
}

.ui.segment {
	background: #f7f9ff;
	border-radius: 1.5rem;
	border: none;
	box-shadow: 0 0 20px #5171d111;
}

.ui.grid.segment {
	border-radius: .75rem;
}

.ui.basic.table.segment {
	border: none;
	box-shadow: 0 1px 2px 0 #51711d07;
}

.ui.piled.segment:after,
.ui.piled.segment:before,
.ui.piled.segments:after,
.ui.piled.segments:before {
	border: none;
	box-shadow: '';
}

.ui.segments {
	border: none;
	border-radius: .75rem;
}

.ui.segments:not(.horizontal)>.segment:first-child {
	border-top: none;
	margin-top: 0;
	bottom: 0;
	margin-bottom: 0;
	top: 0;
	border-radius: .75rem .75rem 0 0;
}

.ui.segments:not(.horizontal)>.segment:only-child {
	border-radius: .75rem;
}

.ui.horizontal.segments {
	border-radius: .75rem;
}

.ui.attached.segment {
	border: none;
	box-shadow: 0 0 20px #5171d111;
}

.ui[class*="top attached"].segment {
	border-radius: .75rem .75rem 0 0;
}

.ui.loading.segment:before {
	border-radius: .75rem;
}

.ui.menu.hareta-sora-menu {
	margin-left: 0;
	margin-right: 0;
}

.ui.menu.hareta-sora-menu.hareta-sora-socials {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1.5rem;
}

.ui.menu.hareta-sora-menu.hareta-sora-socials .item:first-child {
	padding-left: 0.5rem;
}

.ui.menu.hareta-sora-menu .item {
	padding: 0.5rem;
}

.ui.menu.hareta-sora-menu .item:first-child {
	padding-left: 1rem;
}

.ui.menu.hareta-sora-menu .item a {
	color: rgba(0, 0, 0, 0.87);
}

.ui.steps {
	border-radius: .75rem;
}

.ui.steps .step:first-child {
	border-radius: .75rem 0 0 .75rem;
}

.ui.steps .step:only-child {
	border-radius: .75rem;
}

.ui.vertical.steps .step:first-child {
	border-radius: .75rem .75rem 0 0;
}

.ui.vertical.steps .step:only-child {
	border-radius: .75rem;
}

.ui.steps:not(.unstackable) .step:first-child {
	border-radius: .75rem .75rem 0 0;
}

.ui[class*="tablet stackable"].steps .step:first-child {
	border-radius: .75rem .75rem 0 0;
}

.ui.attached.steps {
	border-radius: .75rem .75rem 0 0;
}

.ui.attached.steps .step:first-child {
	border-radius: .75rem 0 0 0;
}

.ui.form input[type=url] {
	border: none;
	border-radius: .75rem;
}

.ui.form textarea {
	border: none;
	outline: 0;
	border-radius: .75rem;
}

.ui.form select {
	border: none;
	border-radius: .75rem;
}

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
	border-radius: .75rem;
}

.ui.form textarea:focus {
	border-radius: .75rem;
}

.ui.menu {
	border: none;
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
	border-radius: .75rem;
}

.ui.menu .item {
	color: #5171d1;
}

.ui.menu>.item:first-child {
	border-radius: .75rem 0 0 .75rem;
}

.ui.secondary.menu .dropdown.item>.menu,
.ui.text.menu .dropdown.item>.menu {
	border-radius: .75rem;
}

.ui.vertical.menu>.item:first-child {
	border-radius: .75rem .75rem 0 0;
}

.ui.vertical.menu>.active.item:first-child {
	border-radius: .75rem .75rem 0 0;
}

.ui.vertical.menu>.active.item:only-child {
	border-radius: .75rem;
}

.ui.tabular.menu .active.item {
	border-radius: .75rem .75rem 0 0 !important;
}

.ui.vertical.tabular.menu .active.item {
	border-radius: .75rem 0 0 .75rem !important;
}

.ui.secondary.menu .item {
	border-radius: .75rem;
}

.ui.secondary.menu .active.item {
	border-radius: .75rem;
}

.ui.secondary.vertical.menu>.item {
	border-radius: .75rem !important;
}

.ui[class*="top attached"].menu {
	border-radius: .75rem .75rem 0 0;
}

.ui.top.attached.menu>.item:first-child {
	border-radius: .75rem 0 0 0;
}

.ui.message {
	border-radius: .75rem;
}

.ui.attached.message {
	border-radius: .75rem .75rem 0 0;
}

.ui.table {
	border: none;
	box-shadow: none;
	border-radius: .75rem;
}

.ui.table thead tr:first-child>th:first-child {
	border-radius: .75rem 0 0 0;
}

.ui.table thead tr:first-child>th:only-child {
	border-radius: .75rem .75rem 0 0;
}

.ui[class*="top attached"].table {
	border-radius: .75rem .75rem 0 0;
}

.ui.basic.table {
	border: none;
}

.ui.card,
.ui.cards>.card {
	border-radius: .75rem;
}

.ui.cards>.card>.content,
.ui.card>.content {
	border-top: none;
}

.ui.cards>.card>.extra a:not(.ui),
.ui.card>.extra a:not(.ui) {
	color: #5171d177 !important;
}

.ui.card>:first-child,
.ui.cards>.card>:first-child {
	border-radius: .75rem .75rem 0 0 !important;
	border-top: none !important;
}

.ui.card>:only-child,
.ui.cards>.card>:only-child {
	border-radius: .75rem !important;
}

.ui.card .meta,
.ui.cards>.card .meta {
	color: #5171d177;
	text-align: center;
}

.ui.card>.extra,
.ui.cards>.card>.extra {
	color: #5171d177;
}

.ui.card > .image{
	background: none !important;
}

.ui.card > .image > img{
	border-radius: 1.5rem;
	box-shadow: 0 0 10px #5171d111;
}

.ui.styled.accordion,
.ui.styled.accordion .accordion {
	border-radius: .75rem;
}

.ui.dropdown .menu {
	border: none;
	border-radius: .75rem;
}

.ui.dropdown .menu .menu {
	border-radius: .75rem !important;
}

.ui.selection.dropdown {
	border: none;
	border-radius: .75rem;
}

select.ui.dropdown {
	border: none;
	visibility: visible;
}

.ui.active.empty.selection.dropdown {
	border-radius: .75rem !important;
}

.ui.inline.dropdown .menu {
	border-radius: .75rem;
}

.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu>.menu {
	border-radius: .75rem !important;
}

.ui.dropdown .menu .left.menu,
.ui.dropdown>.left.menu .menu {
	border-radius: .75rem !important;
}

.ui.upward.dropdown>.menu {
	border-radius: .75rem .75rem 0 0;
}

.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
	border-radius: .75rem .75rem 0 0 !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
	border-radius: .75rem .75rem 0 0;
}

.ui.floating.dropdown .menu {
	border-radius: .75rem !important;
}

.ui.floating.dropdown>.menu {
	border-radius: .75rem !important;
}

.ui.pointing.dropdown>.menu {
	border-radius: .75rem;
}

.ui.embed {
	border-radius: 0.7em;
}

body .ui.embed {
	box-shadow: 0px 0px 10px #5171d111;
}

.ui.modal {
	border-radius: .75rem;
}

.ui.bottom.nag,
.ui.bottom.nags {
	border-radius: .75rem .75rem 0 0;
}

.ui.bottom.nags .nag:last-child {
	border-radius: .75rem .75rem 0 0;
}

.ui.popup {
	border-radius: .75rem;
}

[data-tooltip]:after {
	border-radius: .75rem;
}

.ui.progress {
	border-radius: .75rem;
}

.ui.progress .bar {
	border-radius: .75rem;
}

.ui.active.progress .bar::after {
	border-radius: .75rem;
}

.ui.progress.top.attached,
.ui.progress.top.attached .bar {
	border-radius: .75rem .75rem 0 0;
}

.ui.search>.prompt {
	border: none;
}

.ui.search>.results>:first-child {
	border-radius: 1.5em 1.5em 0 0;
}

.ui.search>.results>:last-child {
	border-radius: 0 0 1.5em 1.5em;
}

.ui.search>.results {
	border: none;
}

.ui.search>.results .result {
	border: none;
}

.ui.search>.results .result .title {
	margin: .2em 0 0;
}

.ui.search>.results .result .description {
	margin-top: .75rem;
}

.ui.search.selection .prompt {
	border-radius: .75rem;
}

.hareta-sora-header {
	display: grid;
	justify-content: center;
}

.hareta-sora-header .content {
	max-width: 768px;
	text-align: center;
}

.hareta-sora-header .tags-with-dropdown .title {
    display: flex;
}

.hareta-sora-header .tags-with-dropdown .title,
.hareta-sora-header .tags-with-dropdown .content {
    padding: 0 !important;
}

.hareta-sora-header .tags-with-dropdown .ui.list {
    margin-left: 0.375rem;
}

.hareta-sora-header .tags-with-dropdown .dropdown-icon {
    position: relative;
    top: 2px;
    right: 1px;
    padding: 0 !important;
    text-decoration: none !important;
    transform-origin: center;
    transition: transform 0.5s ease !important;
}

.hareta-sora-header .ui.horizontal.list {
	line-height: 3rem;
}

.hareta-sora-header .hareta-sora-tags .ui.label {
	margin: 0.1rem;
	font-size: 14px;
	box-shadow: 0 0 10px #5171d111;
	background: #f7f9ff;
}

@media screen and (max-width: 768px) {
	.hareta-sora-header {
		flex-direction: column
	}

	.hareta-sora-header .content {
		margin-left: unset;
	};
}

.hareta-sora-grid {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ui.card.hareta-sora-card>.image {
	border-top-left-radius: inherit !important;
	border-top-right-radius: inherit !important;
}

.ui.card.hareta-sora-card .content .header {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}

.ui.card.hareta-sora-card .content .header a {
	color: #5171d1 !important;
}

.ui.card.hareta-sora-card .content .description {
	margin-top: 1rem;
	color: #5171d1bb;
	overflow-wrap: break-word;
}

.ui.card.hareta-sora-card .content .description img {
	max-width: 100%;
}

.ui.card.hareta-sora-card .content .description iframe[id^='twitter-widget-'] {
	width: 100% !important;
}

.ui.card.hareta-sora-card .extra {
	position: relative;
	display: flex;
	align-items: center;
	border-top: none !important;
}

.ui.card.hareta-sora-card .extra .author {
	display: flex;
	align-items: center;
}

.ui.card.hareta-sora-card .extra .reading-time {
	position: absolute;
	right: 1em;
}

.ui.attached.segment.hareta-sora-card {
	box-shadow: 0 0 20px #5171d111;
	border-radius: 1.5em;
}

.ui.input>input {
	border: none;
	border-radius: .75rem;
}

.ui[class*="left icon"].input>i.icon {
	border-radius: .75rem 0 0 .75rem;
}

.ui[class*="left action"].input>.button:first-child,
.ui[class*="left action"].input>.buttons:first-child>.button,
.ui[class*="left action"].input>.dropdown:first-child {
	border-radius: .75rem 0 0 .75rem;
}

.ui.label {
	border-radius: 1000px;
	font-weight: 400;
}

.ui.image.label {
	border-radius: .75rem;
}

.ui.image.label img {
	border-radius: .75rem 0 0 .75rem;
}

.ui[class*="right ribbon"].label {
	border-radius: .75rem 0 0 .28571429rem;
}

.ui[class*="bottom right attached"].label {
	border-radius: .75rem 0 .75rem 0;
}

.ui.horizontal.segments {
	border-radius: .75rem;
}

.ui.table {
	border: none;
	box-shadow: none;
	border-radius: .75rem;
}

.hareta-sora-single .cover {
	padding: 0;
}

.hareta-sora-single .cover .cover-img {
	height: 256px;
	background-position: center;
	background-size: cover;
	border-radius: inherit;
}

@media screen and (max-width: 768px) {
	.hareta-sora-single .cover .cover-img {
		height: 128px
	};
}

.hareta-sora-single h1.ui.large.header {
	margin-top: 1rem;
}

.hareta-sora-single .main {
	margin-top: 2rem;
}

.hareta-sora-single-aside {
	position: sticky !important;
	top: 0;
	height: 100%;
}

@media screen and (max-width: 992.8px) {
	.hareta-sora-single-aside {
		display: none !important
	};
}

.hareta-sora-back .ui.segment,
.ui.segment.hareta-sora-entries-section,
.ui.segment.hareta-sora-categories-section,
.ui.segment.hareta-sora-tags-section,
.hareta-sora-single-aside .ui.segment,
.ui.segment.entry-disqus-area,
.ui.segment.utterances-comments {
	border-radius: 1.5em;
}

.hareta-sora-single .ui.top.attached.segment {
	border-top-left-radius: 1.5em;
	border-top-right-radius: 1.5em;
}

.hareta-sora-single .ui.attached.segment:not(.cover) {
	border-bottom-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
}

.toc ul {
	padding-left: 2rem;
}

.toc li {
	margin: 0.5rem 0;
}

.utterances-comments .utterances {
	max-width: unset;
}

i.icon.tags:before {
	content: "\f02b";
}

i.icon.th.list:before {
	content: "\f022";
}

.ui.small.image,
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg {
	width: 200px;
}

.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
	border-radius: .75rem;
}

body #hareta-sora-search {
	position: fixed;
	top: 5%;
	left: 50%;
	width: 82%;
	max-width: 500px;
	display: none;
	transform: translateX(-50%);
	background-color: #f7f9ffee;
	box-shadow: 0 0 15px #5171d111;
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

@media screen and (max-width: 500px) {
	#hareta-sora-search {
		width: 60%
	};
}

#hareta-sora-search .ui.input {
	width: calc(100% - 3rem);
}

body #hareta-sora-search input {
	color: #555;
}

body #hareta-sora-search .results {
	background-color: #f7f9ffee;
	border: none;
	box-shadow: 0 0 15px #5171d111;
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

body #hareta-sora-search .message.empty {
	background-color: #f7f9ffee;
	border: none;
	box-shadow: 0 0 5px #5171d111;
}

#hareta-sora-search .results {
	position: fixed;
	margin-top: 20px;
	border-radius: 1.5em;
	width: 100%;
}

#hareta-sora-search .message.empty {
	position: fixed;
	margin-top: 0;
	border-radius: 1.5em;
	width: 100%;
}

body #hareta-sora-search .result:hover,
#hareta-sora-search .result.active {
	background: #5171d111;
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

body #hareta-sora-search .result .title,
#hareta-sora-search .result .header,
#hareta-sora-search .message.empty .title,
#hareta-sora-search .message.empty .header {
	color: #5171d1;
}

body #hareta-sora-search .result .description,
#hareta-sora-search .message.empty .description {
	color: #5171d1bb;
}

#hareta-sora-save-entry-as-img {
	background-color: inherit;
}

.masked-text {
    background-color: #5171d177;
	border-radius: 0.3em;
	padding: 0.3em;
    color: transparent;
    transition: color 0.5s;
}

.masked-text:hover {
    color: #ffffff;
}

.wl-avatar {
	margin: 0 10px !important;
	border: none !important;
	box-shadow: var(--waline-box-shadow);
}

.wl-avatar img {
	background: none;
	font-size: 14px;
}

.wl-header label{
	font-size: 1em !important;
}

.wl-header input{
	font-size: 0.875em !important;
	letter-spacing: 0.1rem;
}

.wl-editor{
	font-family: Questrial, 'Noto Sans SC', 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1rem;
}

.wl-login-nick {
	font-weight: 400;
}

.wl-emoji-popup,
.wl-gif-popup {
	border: none !important;
	border-radius: 1.5rem !important;
	left: 0;
}

.wl-gallery {
	border-radius: 1.5rem !important;
	border: none !important;
}

.wl-gallery-item,
.wl-gallery-item:hover {
	border-radius: 1.5rem !important;
	border: none !important;
	box-shadow: var(--waline-box-shadow) !important;
}

.wl-emoji-popup button {
	border-radius: 0.5rem;
}

.wl-emoji-popup .wl-tabs {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 6px;
	overflow-x: auto;
}

.wl-emoji-popup .wl-tabs::before {
	display: none !important;
}

.wl-emoji-popup .wl-tab {
	padding: 0 !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
;
}

.wl-emoji-popup .wl-tab.active {
	border: none !important;
	box-shadow: var(--waline-box-shadow) !important;
}

.wl-gif-popup input {
	border-radius: 1000px !important;
	border: none !important;
	background: none !important;
	outline: none !important;
	color: var(--waline-color);
}

.wl-emoji {
	background: none !important;
;
}

.wl-login-nick {
	word-break: break-all !important;
}

.wl-wrap {
	border-radius: .75rem !important;
	border: none !important;
}

.wl-badge {
	border-radius: 1000px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color: #fff !important;
	border: none !important;
	background-color: #5171d1;
	box-shadow: 0 0 5px #5171d111;
}

.wl-meta>span {
	margin-top: 10px !important;
	padding: 2px 10px !important;
	border-radius: 1000px !important;
	background: none !important;
}

.wl-btn {
	border-radius: 1000px !important;
	border: none !important;
	box-shadow: 0 0 5px #5171d122;
}

.wl-btn.primary {
	color: #fff !important;
}

.wl-btn:disabled {
	color: var(--waline-color) !important;
}

.wl-card .wl-comment-status .wl-btn {
	margin-left: 2px;
	margin-right: 2px;
}

.wl-card .wl-comment-status .wl-btn:disabled {
	color: #fff !important;
	background-color: var(--waline-active-color) !important;
;
}

.wl-preview .vcontent {
	border: none !important;
}

.wl-panel {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}

.wl-editor {
	width: calc(100% - 2.5em);
	border-radius: .75rem !important;
	resize: none !important;
}

.wl-editor:focus,
.wl-input:focus,
.wl-editor:active {
	background: none !important;
}

.wl-close-icon {
	color: transparent !important;
	transform: scale(2);
}

.wl-delete {
	float: right !important;
}

.wl-delete path {
	fill: currentColor !important;
}

/* isDark */

a .inverted{
	color: #eee !important;
}

 a:hover .inverted{
	color: #fff !important;
}

.ui.inverted.segment>.ui.header {
	text-align: center;
	color: #5171d1;
}

.ui.large.header.inverted {
	margin-top: 1em;
	color: #5171d1;
}

.ui.inverted.attached.segment {
	border-color: #333333;
}

.ui.inverted.menu .item,
.ui.inverted.menu .item>a:not(.ui) {
	color: #5171d1;
}

.ui.card.hareta-sora-card.inverted .content .header>a {
	color: #5171d1ff !important;
}

.ui.card.hareta-sora-card.inverted .content .meta {
	color: #5171d1bb;
}

.ui.card.hareta-sora-card.inverted .content .description {
	color: #5171d1bb;
}

.ui.card.hareta-sora-card.inverted .extra {
	color: #5171d1bb;
}

.ui.inverted.segment {
	background-color: #21252999;
}

.ui.inverted.segment .ui.primary.inverted.segment {
	color: #999999 !important;
}

.hareta-sora-single .ui.inverted.segment blockquote {
	color: rgba(255, 255, 255, 0.6);
}

body.dark {
	--waline-box-shadow: 0 0 10px rgba(40, 40, 40, 0.7);
}

body.dark .markdown-body .highlight pre {
	background: #222 !important;
}

body.dark .markdown-body table tr {
	background-color: inherit;
	color: white;
}

body.dark .ui.embed {
	box-shadow: 0 0 5px rgba(59, 102, 135, 0.1);
}

body.dark #hareta-sora-search {
	position: fixed;
	top: 5%;
	left: 50%;
	width: 82%;
	max-width: 500px;
	display: none;
	transform: translateX(-50%);
	background-color: #191a1dee;
	box-shadow: 0 0 5px rgba(40, 40, 40, 0.7);
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

body.dark #hareta-sora-search input {
	color: rgba(255, 255, 255, .87);
}

body.dark #hareta-sora-search .results {
	background-color: #191a1dee;
	border: none;
	box-shadow: 0 0 5px 5171d111;
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

body.dark #hareta-sora-search .message.empty {
	background-color: #191a1dee;
	border: none;
	box-shadow: 0 0 5px rgb(80, 86, 93, 0.4);
}

body.dark #hareta-sora-search .results .result:hover,
#hareta-sora-search .result.active {
	background: #202020;
	-webkit-backdrop-filter: blur(20px) brightness(100%);
	backdrop-filter: blur(20px) brightness(100%);
}

body.dark #hareta-sora-search .results .title,
#hareta-sora-search .result .header,
#hareta-sora-search .message.empty .title,
#hareta-sora-search .message.empty .header {
	color: #5171d1 !important;
}

body.dark #hareta-sora-search .results .description,
#hareta-sora-search .message.empty .description {
	color: #5171d1bb !important;
}