@charset "utf-8";
@import "inc/css/trick.css";

/*
Theme Name: rebirth
Theme URI: https://yqqy.top
Author: Yqchilde, Jaxson Wang
Author URI: https://yqqy.top
Description: A wonderful branch of theme rebirth
Version: 1.0.5
Tags: rebirth
*/
a:hover {
	text-decoration: none
}

.date-divider {
	margin-left: 5px;
	margin-right: 5px
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-x-auto {
	overflow-x: auto
}

@media(prefers-color-scheme:light) {
	:root {
		--color-content: light
	}
}

@media(prefers-color-scheme:dark) {
	:root {
		--color-content: dark
	}

	body {
		color: hsla(0, 0%, 100%, .5);
		background: #263238
	}
}

[data-theme=light] :root {
	--color-content: light
}

[data-theme=dark] :root {
	--color-content: dark
}

[data-theme=dark] body {
	color: hsla(0, 0%, 100%, .5);
	background: #263238
}

.site-wrapper {
	min-width: 0;
	width: 100%
}

.site-wrapper .sidebar-wrapper {
	z-index: 1050
}

.site-wrapper .main-wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.site-wrapper .main-wrapper .main-content {
	z-index: 1
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.main-header {
	background-color: #fff;
	padding: .5rem 0;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header.top-nav {
	background-color: transparent;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding: 1rem 0
}

.main-header.top-nav .header-navbar .navbar-brand {
	color: hsla(0, 0%, 100%, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header.top-nav .header-navbar .navbar-brand:hover {
	color: #fff
}

.main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g {
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms;
	fill: #fff
}

.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link {
	color: hsla(0, 0%, 100%, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header.top-nav .header-navbar .navbar-nav .nav-item .nav-link:hover {
	color: #fff
}

.main-header.top-nav .header-navbar .navbar-nav .nav-item.active .nav-link {
	color: #fff
}

.main-header.top-nav .header-navbar .nav-left .btn-search {
	color: hsla(0, 0%, 100%, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header.top-nav .header-navbar .nav-left .btn-search:hover {
	color: #fff
}

.main-header .header-navbar .navbar-brand {
	color: rgba(0, 0, 0, .9)
}

.main-header .header-navbar .navbar-brand .navbar-brand-logo {
	margin-right: .25rem;
	height: 1.875rem
}

.main-header .header-navbar .navbar-brand .navbar-brand-logo svg {
	width: 1.875rem;
	height: 1.875rem;
	vertical-align: initial
}

.main-header .header-navbar .navbar-nav .nav-item .nav-link {
	color: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover {
	color: rgba(0, 0, 0, .9)
}

.main-header .header-navbar .navbar-nav .nav-item.active .nav-link {
	color: rgba(0, 0, 0, .9)
}

.main-header .header-navbar .nav-left .btn-nav-left {
	background-color: transparent;
	border: none;
	color: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-header .header-navbar .nav-left .btn-nav-left:hover {
	color: rgba(0, 0, 0, .9)
}

.main-header .header-navbar .nav-left .btn-nav-left:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media(prefers-color-scheme:dark) {
	.main-header {
		background-color: #263238
	}

	.main-header.top-nav {
		background-color: transparent
	}

	.main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g {
		fill: hsla(0, 0%, 100%, .8)
	}

	.main-header .header-navbar .navbar-brand {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-header .header-navbar .navbar-brand .navbar-brand-logo svg g {
		fill: hsla(0, 0%, 100%, .5)
	}

	.main-header .header-navbar .navbar-nav .nav-item .nav-link {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-header .header-navbar .navbar-nav .nav-item .nav-link:hover {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-header .header-navbar .navbar-nav .nav-item.active .nav-link {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-header .header-navbar .nav-left .btn-search {
		background-color: transparent;
		color: hsla(0, 0%, 100%, .5)
	}

	.main-header .header-navbar .nav-left .btn-search:hover {
		color: hsla(0, 0%, 100%, .8)
	}
}

[data-theme=dark] .main-header {
	background-color: #263238
}

[data-theme=dark] .main-header.top-nav {
	background-color: transparent
}

[data-theme=dark] .main-header.top-nav .header-navbar .navbar-brand .navbar-brand-logo svg g {
	fill: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-header .header-navbar .navbar-brand {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-header .header-navbar .navbar-brand .navbar-brand-logo svg g {
	fill: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item .nav-link:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-header .header-navbar .navbar-nav .nav-item.active .nav-link {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-header .header-navbar .nav-left .btn-search {
	background-color: transparent;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-header .header-navbar .nav-left .btn-search:hover {
	color: hsla(0, 0%, 100%, .8)
}

.main-hero {
	position: relative;
	overflow: hidden;
	height: 75vh
}

.main-hero-bg {
	background-position: 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.main-hero-bg:after {
	content: "";
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 58, 111, .5)), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(-180deg, rgba(45, 58, 111, .5), rgba(0, 0, 0, .5));
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.main-hero-content {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 1
}

.main-hero-content-avatar {
	margin: 1rem 0
}

.main-hero-content-avatar-img {
	width: 6.25rem;
	height: 6.25rem;
	border: 4px solid #818182;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 1px 11px rgba(129, 129, 130, .5), 0 0 1px 22px rgba(129, 129, 130, .26);
	box-shadow: 0 0 1px 11px rgba(129, 129, 130, .5), 0 0 1px 22px rgba(129, 129, 130, .26)
}

.main-hero-content-title {
	margin: .5rem 0 1rem;
	font-size: 1.75rem
}

.main-hero-content-description {
	margin: .5rem auto;
	font-size: 1rem
}

.main-hero-content-social-links {
	text-decoration: none;
	font-size: 1.25rem;
	text-align: center;
	margin: 0 .125rem;
	color: #fff
}

.main-hero-content-social-links:hover {
	text-decoration: none;
	color: hsla(0, 0%, 100%, .75)
}

.main-hero-waves-area {
	width: 100%;
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 0
}

@media(prefers-color-scheme:dark) {
	.main-hero-bg:after {
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .9)));
		background-image: linear-gradient(-180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .9))
	}

	.main-hero-content {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-hero-content-avatar:before {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .5);
		width: 6.25rem;
		height: 6.25rem;
		border-radius: 50%
	}

	.main-hero-content-avatar-img {
		border: none
	}

	.main-hero-content-social-links {
		color: hsla(0, 0%, 100%, .5);
		-webkit-transition: all .5s ease 0ms;
		transition: all .5s ease 0ms
	}

	.main-hero-content-social-links:hover {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-hero-waves-area .parallax>use:first-child {
		fill: rgba(38, 50, 56, .7)
	}

	.main-hero-waves-area .parallax>use:nth-child(2) {
		fill: rgba(38, 50, 56, .5)
	}

	.main-hero-waves-area .parallax>use:nth-child(3) {
		fill: rgba(38, 50, 56, .3)
	}

	.main-hero-waves-area .parallax>use:nth-child(4) {
		fill: #263238
	}
}

[data-theme=dark] .main-hero-bg:after {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .9)));
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .9))
}

[data-theme=dark] .main-hero-content {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-hero-content-avatar:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 6.25rem;
	height: 6.25rem;
	border-radius: 50%
}

[data-theme=dark] .main-hero-content-avatar-img {
	border: none
}

[data-theme=dark] .main-hero-content-social-links {
	color: hsla(0, 0%, 100%, .5);
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

[data-theme=dark] .main-hero-content-social-links:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-hero-waves-area .parallax>use:first-child {
	fill: rgba(38, 50, 56, .7)
}

[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(2) {
	fill: rgba(38, 50, 56, .5)
}

[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(3) {
	fill: rgba(38, 50, 56, .3)
}

[data-theme=dark] .main-hero-waves-area .parallax>use:nth-child(4) {
	fill: #263238
}

.main-header.top-nav .header-navbar .sidebar-toggler {
	outline: none;
	color: hsla(0, 0%, 100%, .5);
	border-color: hsla(0, 0%, 100%, .1)
}

.main-header.top-nav .header-navbar .sidebar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.main-header .header-navbar .sidebar-toggler {
	outline: none;
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .2)
}

.main-header .header-navbar .sidebar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

@media(prefers-color-scheme:dark) {
	.main-header .header-navbar .sidebar-toggler {
		outline: none;
		color: hsla(0, 0%, 100%, .5);
		border-color: hsla(0, 0%, 100%, .1)
	}

	.main-header .header-navbar .sidebar-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
	}
}

[data-theme=dark] .main-header .header-navbar .sidebar-toggler {
	outline: none;
	color: hsla(0, 0%, 100%, .5);
	border-color: hsla(0, 0%, 100%, .1)
}

[data-theme=dark] .main-header .header-navbar .sidebar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.site-wrapper .sidebar-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100vh;
	margin-left: -15rem;
	-webkit-transition: margin .25s ease-out;
	transition: margin .25s ease-out
}

.site-wrapper .sidebar-wrapper .sidebar-container {
	height: 100vh;
	background-color: #f8f9fa
}

.site-wrapper .sidebar-wrapper .sidebar-container.boxshadow-right {
	-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .15)
}

.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header {
	padding: .875rem 1.25rem;
	font-size: 1.2rem
}

.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search {
	margin-right: .725rem
}

.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-header .sidebar-right .sidebar-search i {
	font-size: 1rem
}

.site-wrapper .sidebar-wrapper .sidebar-container .list-group {
	width: 15rem
}

.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item {
	background-color: #f8f9fa
}

.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active {
	color: #1abc9c;
	background-color: rgba(26, 186, 154, .05);
	border-color: rgba(26, 186, 154, .05);
	border-right: 3px solid #1abc9c
}

.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer {
	background-color: transparent
}

.site-wrapper .sidebar-wrapper .sidebar-container .sidebar-footer .btn-footer:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.site-wrapper.toggled {
	overflow: hidden
}

.site-wrapper.toggled .sidebar-wrapper {
	margin-left: 0
}

@media(prefers-color-scheme:dark) {
	.site-wrapper .sidebar-wrapper .sidebar-container {
		background-color: #263238
	}

	.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item {
		background-color: #263238;
		color: hsla(0, 0%, 100%, .5)
	}

	.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover {
		color: hsla(0, 0%, 100%, .8)
	}

	.site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active {
		color: #1abc9c;
		background-color: rgba(26, 186, 154, .05);
		border-color: rgba(26, 186, 154, .05);
		border-right: 3px solid #1abc9c
	}
}

[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container {
	background-color: #263238
}

[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item {
	background-color: #263238;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .site-wrapper .sidebar-wrapper .sidebar-container .list-group .menu-item.active {
	color: #1abc9c;
	background-color: rgba(26, 186, 154, .05);
	border-color: rgba(26, 186, 154, .05);
	border-right: 3px solid #1abc9c
}

.main-content {
	margin-top: 5rem
}

.main-content .post-card-image {
	position: relative;
	height: 17.5rem;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 0
}

.main-content .post-card-image-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.main-content .post-card-image-link-background {
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.main-content .post-card-image-link-background:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.main-content .post-card-content {
	height: 100%
}

.main-content .post-card-content-tag {
	color: #b9b8b3;
	font-size: .725rem
}

.main-content .post-card-content-tag i {
	font-size: .725rem
}

.main-content .post-card-content-title {
	margin: .25rem 0 1rem
}

.main-content .post-card-content-title-link {
	font-size: 1.5rem;
	text-decoration: none;
	color: #212529;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-content .post-card-content-title-link:hover {
	color: #1abc9c
}

.main-content .post-card-content-excerpt {
	letter-spacing: .5px;
	line-height: 1.8;
	font-size: .875rem
}

.main-content .post-card-content-meta-authors-link {
	margin-left: -1rem;
	width: 2.8rem;
	height: 2.8rem;
	z-index: 1
}

.main-content .post-card-content-meta-authors-link:first-child {
	margin-left: 0
}

.main-content .post-card-content-meta-authors-link-avatar {
	-o-object-fit: cover;
	object-fit: cover;
	width: 2.8rem;
	height: 2.8rem
}

.main-content .post-card-content-meta-other {
	font-size: .725rem;
	color: #b9b8b3
}

.main-content .post-card-content-meta-other .icon {
	width: 1rem;
	height: 1rem
}

.main-content .post-card-content-meta-other .icon:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media(min-width:992px) {
	.main-content .post-card-image {
		width: 100%;
		height: 100%;
		min-height: 25rem;
		border-radius: 10px
	}
}

@media(prefers-color-scheme:dark) {
	.main-content .post-card-image-link-background {
		height: 100%
	}

	.main-content .post-card-image-link-background:before {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%
	}

	.main-content .post-card-content-title-link {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-card-content-title-link:hover {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-content .post-card-content-meta-authors-link:before {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .5);
		width: 2.8rem;
		height: 2.8rem;
		border-radius: 50%
	}

	.main-content .post-card-content-meta-authors-link-avatar {
		background-color: #263238;
		border: 1px solid hsla(0, 0%, 100%, .5)
	}
}

@media(prefers-color-scheme:dark)and (min-width:768px) {
	.main-content .post-card-image-shadow {
		display: block
	}
}

[data-theme=dark] .main-content .post-card-image-link-background {
	height: 100%
}

[data-theme=dark] .main-content .post-card-image-link-background:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%
}

[data-theme=dark] .main-content .post-card-content-title-link {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-card-content-title-link:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-content .post-card-content-meta-authors-link:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%
}

[data-theme=dark] .main-content .post-card-content-meta-authors-link-avatar {
	background-color: #263238;
	border: 1px solid hsla(0, 0%, 100%, .5)
}

@media(min-width:768px) {
	[ data-theme=dark] .main-content .post-card-image-shadow {
		display: block
	}
}

.site-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.site-pagination .pagination .page-item.active span {
	background-color: #e9ecef;
	border: none;
	color: #212529;
	font-size: 1.2rem
}

.site-pagination .pagination .page-item .page-link {
	border: none;
	color: #212529;
	font-size: 1.2rem
}

.site-pagination .pagination .page-item .page-link:hover {
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

@media(prefers-color-scheme:dark) {
	.site-pagination .pagination .page-item.active span {
		background-color: #212a2e;
		border: none;
		color: hsla(0, 0%, 100%, .5);
		font-size: 1.2rem
	}

	.site-pagination .pagination .page-item a {
		background-color: #263238;
		border: none;
		color: hsla(0, 0%, 100%, .5);
		font-size: 1.2rem
	}

	.site-pagination .pagination .page-item a:hover {
		color: hsla(0, 0%, 100%, .8)
	}
}

[data-theme=dark] .site-pagination .pagination .page-item.active span {
	background-color: #212a2e;
	border: none;
	color: hsla(0, 0%, 100%, .5);
	font-size: 1.2rem
}

[data-theme=dark] .site-pagination .pagination .page-item a {
	background-color: #263238;
	border: none;
	color: hsla(0, 0%, 100%, .5);
	font-size: 1.2rem
}

[data-theme=dark] .site-pagination .pagination .page-item a:hover {
	color: hsla(0, 0%, 100%, .8)
}

.post-content {
	font-family: Whitney SSm A, Whitney SSm B, PingFang SC, WenQuanYi Micro Hei, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;
	width: 100%
}

.post-content.borderbox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.post-content article,
.post-content aside,
.post-content blockquote,
.post-content button,
.post-content code,
.post-content dd,
.post-content details,
.post-content dl,
.post-content dt,
.post-content fieldset,
.post-content figcaption,
.post-content figure,
.post-content footer,
.post-content form,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content header,
.post-content hr,
.post-content input,
.post-content legend,
.post-content li,
.post-content menu,
.post-content nav,
.post-content ol,
.post-content p,
.post-content pre,
.post-content section,
.post-content td,
.post-content textarea,
.post-content th,
.post-content ul {
	margin: 0;
	padding: 0
}

.post-content article,
.post-content aside,
.post-content details,
.post-content figcaption,
.post-content figure,
.post-content footer,
.post-content header,
.post-content menu,
.post-content nav,
.post-content section {
	display: block
}

.post-content audio,
.post-content canvas,
.post-content video {
	display: inline-block
}

.post-content button::-moz-focus-inner,
.post-content input::-moz-focus-inner {
	padding: 0;
	border: 0
}

.post-content table {
	border-collapse: collapse;
	border-spacing: 0
}

.post-content fieldset,
.post-content img {
	border: 0
}

.post-content blockquote {
	position: relative;
	color: #999;
	font-weight: 400;
	font-size: 90%;
	border-left: 4px solid #1abc9c;
	background-color: rgba(26, 186, 154, .05);
	padding: .725rem 1rem
}

.post-content blockquote p {
	margin-bottom: 0
}

@media only screen and (max-width:640px) {
	.post-content blockquote {
		margin: 1em 0
	}
}

.post-content abbr,
.post-content acronym {
	border-bottom: 1px dotted;
	font-variant: normal;
	text-decoration: none
}

.post-content abbr {
	cursor: help
}

.post-content del {
	text-decoration: line-through
}

.post-content address,
.post-content caption,
.post-content cite,
.post-content code,
.post-content dfn,
.post-content em,
.post-content th,
.post-content var {
	font-style: normal;
	font-weight: 400
}

.post-content ol,
.post-content ul {
	list-style: none
}

.post-content caption,
.post-content th {
	text-align: left
}

.post-content q:after,
.post-content q:before {
	content: ""
}

.post-content sub,
.post-content sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

.post-content :root sub,
.post-content :root sup {
	vertical-align: baseline
}

.post-content sup {
	top: -.5em
}

.post-content sub {
	bottom: -.25em
}

.post-content a {
	color: #1abc9c;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.post-content a:hover {
	color: #555;
	text-decoration: underline
}

.post-content a,
.post-content ins {
	text-decoration: none
}

.post-content u {
	text-decoration: underline
}

.post-content mark {
	background: #fffdd1;
	border-bottom: 1px solid #ffedce;
	padding: 2px;
	margin: 0 5px
}

.post-content code,
.post-content pre,
.post-content pre tt {
	font-family: Courier, Courier New, monospace
}

.post-content pre {
	display: block;
	padding: 1rem 0;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch
}

.post-content pre .pre-block-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #f2f2f2
}

.post-content pre .pre-block-loading .loading-icon {
	text-shadow: none
}

.post-content pre .pre-block-loading .loading-icon svg path,
.post-content pre .pre-block-loading .loading-icon svg rect {
	fill: #212529
}

.post-content pre .pre-block-loading .loading-text {
	margin-top: .5rem;
	font-size: .725rem;
	color: #212529
}

.post-content hr {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: .8em;
	height: 10px
}

.post-content figcaption,
.post-content small {
	font-size: .9em;
	color: #888
}

.post-content b,
.post-content strong {
	font-weight: 700
}

.post-content [draggable] {
	cursor: move
}

.post-content .clearfix:after,
.post-content .clearfix:before {
	content: "";
	display: table
}

.post-content .clearfix:after {
	clear: both
}

.post-content .clearfix {
	zoom: 1
}

.post-content .textwrap,
.post-content .textwrap td,
.post-content .textwrap th {
	word-wrap: break-word;
	word-break: break-all
}

.post-content .textwrap-table {
	table-layout: fixed
}

.post-content .serif {
	font-family: Palatino, Optima, Georgia, serif
}

.post-content blockquote,
.post-content dl,
.post-content form,
.post-content hr,
.post-content ol,
.post-content p,
.post-content pre,
.post-content table,
.post-content ul {
	margin-bottom: 1.2em
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	font-weight: 500;
	margin-top: 1.2em;
	margin-bottom: .6em;
	line-height: 1.35
}

.post-content h1:before,
.post-content h2:before,
.post-content h3:before,
.post-content h4:before,
.post-content h5:before,
.post-content h6:before {
	content: "#";
	margin-right: .175rem;
	font-size: 90%;
	font-weight: 700;
	color: #1abc9c
}

.post-content h1 {
	font-size: 2em
}

.post-content h2 {
	font-size: 1.8em
}

.post-content h3 {
	font-size: 1.6em
}

.post-content h4 {
	font-size: 1.4em
}

.post-content h5,
.post-content h6 {
	font-size: 1.2em
}

.post-content ul {
	margin-left: 1.3em;
	list-style: disc
}

.post-content ol {
	list-style: decimal;
	margin-left: 1.9em
}

.post-content li ol,
.post-content li ul {
	margin-bottom: .8em;
	margin-left: 2em
}

.post-content li ul {
	list-style: circle
}

.post-content table {
	margin: 0 auto 1.2rem;
	width: 95%
}

.post-content table caption,
.post-content table td,
.post-content table th {
	border: 1px solid #ddd;
	padding: .5em;
	color: #666;
	text-align: center
}

.post-content table th {
	background: #fbfbfb
}

.post-content table thead th {
	background: #f1f1f1
}

.post-content table caption {
	border-bottom: none
}

.post-content caption,
.post-content em,
.post-content legend {
	font-weight: inherit
}

.post-content p a {
	word-break: break-word;
	overflow-wrap: break-word
}

.post-content p img {
	position: relative;
	max-width: 100%;
	display: block;
	margin: 1.5em auto;
	height: auto
}

.post-content.mobile-content>h1,
.post-content.mobile-content>h2,
.post-content.mobile-content>h3,
.post-content.mobile-content>h4,
.post-content.mobile-content>h5,
.post-content.mobile-content>h6,
.post-content.mobile-content>p,
.post-content.mobile-content>ul {
	padding-left: 1rem;
	padding-right: 1rem
}

.post-content.mobile-content>blockquote {
	margin-left: 1rem;
	margin-right: 1rem
}

@media(prefers-color-scheme:dark) {
	.post-content a {
		color: #1abc9c;
		-webkit-transition: all .5s ease 0ms;
		transition: all .5s ease 0ms
	}

	.post-content a:hover {
		color: hsla(0, 0%, 100%, .8);
		text-decoration: underline
	}

	.post-content table caption,
	.post-content table td,
	.post-content table th {
		border: 1px solid hsla(0, 0%, 100%, .5);
		color: hsla(0, 0%, 100%, .5)
	}

	.post-content pre .pre-block-loading {
		background-color: #212a2e
	}

	.post-content pre .pre-block-loading .loading-icon svg path,
	.post-content pre .pre-block-loading .loading-icon svg rect {
		fill: hsla(0, 0%, 100%, .5)
	}

	.post-content pre .pre-block-loading .loading-text {
		color: hsla(0, 0%, 100%, .5)
	}

	.post-content table th,
	.post-content table thead th {
		background: #000
	}

	.post-content hr {
		border-bottom: 1px solid hsla(0, 0%, 100%, .5)
	}

	.post-content p img {
		-webkit-filter: brightness(50%);
		filter: brightness(50%)
	}
}

[data-theme=dark] .post-content a {
	color: #1abc9c;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

[data-theme=dark] .post-content a:hover {
	color: hsla(0, 0%, 100%, .8);
	text-decoration: underline
}

[data-theme=dark] .post-content table caption,
[data-theme=dark] .post-content table td,
[data-theme=dark] .post-content table th {
	border: 1px solid hsla(0, 0%, 100%, .5);
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content pre .pre-block-loading {
	background-color: #212a2e
}

[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg path,
[data-theme=dark] .post-content pre .pre-block-loading .loading-icon svg rect {
	fill: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content pre .pre-block-loading .loading-text {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content table th {
	background: #000
}

[data-theme=dark] .post-content table thead th {
	background: #000
}

[data-theme=dark] .post-content hr {
	border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content p img {
	-webkit-filter: brightness(50%);
	filter: brightness(50%)
}

.post-content-main-breadcrumb {
	margin: 0 -15px
}

.post-content-main-breadcrumb .breadcrumb {
	background-color: transparent;
	margin: 0
}

.post-content-main-breadcrumb .breadcrumb .breadcrumb-item a {
	color: #1abc9c
}

.article-toc-area .article-toc-nav {
	margin-top: 1rem;
	margin-left: 1rem;
	top: 5rem
}

.article-toc-area .article-toc-nav .toc-title {
	font-weight: 700;
	margin-bottom: .5rem
}

.article-toc-area .article-toc-nav .nav>li>a {
	display: block;
	padding: .15rem 1.75rem;
	font-size: 1rem;
	font-weight: 500;
	color: #212529;
	-webkit-transition: all .25s ease 0ms;
	transition: all .25s ease 0ms
}

.article-toc-area .article-toc-nav .nav>li>a:focus,
.article-toc-area .article-toc-nav .nav>li>a:hover {
	padding-left: 1.25rem;
	color: #1abc9c;
	text-decoration: none;
	background-color: rgba(26, 186, 154, .05);
	border-left: 3px solid #1abc9c
}

.article-toc-area .article-toc-nav .nav-link.active,
.article-toc-area .article-toc-nav .nav-link.active:focus,
.article-toc-area .article-toc-nav .nav-link.active:hover {
	padding-left: 1rem;
	font-weight: 700;
	color: #1abc9c;
	background-color: transparent;
	border-left: 2px solid #1abc9c
}

.article-toc-area .article-toc-nav .nav-link+ul {
	display: none;
	padding-bottom: .825rem
}

.article-toc-area .article-toc-nav .nav .nav>li>a {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 400
}

.article-toc-area .article-toc-nav .nav .nav>li>a:focus,
.article-toc-area .article-toc-nav .nav .nav>li>a:hover {
	padding-left: 29px
}

.article-toc-area .article-toc-nav .nav .nav>li>.active,
.article-toc-area .article-toc-nav .nav .nav>li>.active:focus,
.article-toc-area .article-toc-nav .nav .nav>li>.active:hover {
	padding-left: 28px;
	font-weight: 500
}

.article-toc-area .article-toc-nav .nav-link.active+ul {
	display: block
}

@media(prefers-color-scheme:dark) {
	.article-toc-area .article-toc-nav .nav>li>a {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .article-toc-area .article-toc-nav .nav>li>a {
	color: hsla(0, 0%, 100%, .5)
}

.main-content .post-copyright {
	margin: 2rem 0 0;
	padding: .5rem 1rem;
	border-left: 4px solid #212529;
	background-color: #f9f9f9;
	list-style: none;
	width: 100%
}

.main-content .post-copyright li {
	display: list-item;
	text-align: -webkit-match-parent;
	padding: .2rem 0
}

.main-content .post-copyright li a {
	color: #212529
}

@media(prefers-color-scheme:dark) {
	.main-content .post-copyright {
		border-left: 4px solid #212529;
		background-color: #212a2e
	}

	.main-content .post-copyright li a {
		color: hsla(0, 0%, 100%, .5);
		text-decoration: underline;
		-webkit-transition: all .5s ease 0ms;
		transition: all .5s ease 0ms
	}

	.main-content .post-copyright li a:hover {
		color: hsla(0, 0%, 100%, .8)
	}
}

[data-theme=dark] .main-content .post-copyright {
	border-left: 4px solid #212529;
	background-color: #212a2e
}

[data-theme=dark] .main-content .post-copyright li a {
	color: hsla(0, 0%, 100%, .5);
	text-decoration: underline;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

[data-theme=dark] .main-content .post-copyright li a:hover {
	color: hsla(0, 0%, 100%, .8)
}

.main-content .post-tools .btn-tools-item {
	padding: 1rem;
	outline: none;
	color: #212529;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.main-content .post-tools .btn-tools-item:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.main-content .post-tools .btn-tools-item:hover {
	color: #1abc9c
}

.main-content .post-tools .btn-tools-item i {
	font-size: 1.225rem
}

.main-content .post-tools .collapse-donation {
	margin-top: 2rem
}

.main-content .post-tools .collapse-donation .card-collapse {
	background-color: transparent
}

.main-content .post-tools .collapse-donation .card-collapse figure {
	width: 50%
}

.main-content .post-tools .collapse-donation .card-collapse figure img {
	width: 100%
}

.main-content .post-tools .collapse-donation .card-collapse figure .figure-caption {
	margin-top: 1rem
}

@media(prefers-color-scheme:dark) {
	.main-content .post-tools .btn-tools-item {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-tools .btn-tools-item:hover {
		color: hsla(0, 0%, 100%, .8)
	}

	.main-content .post-tools .collapse-donation .card-collapse {
		background-color: #212a2e
	}
}

[data-theme=dark] .main-content .post-tools .btn-tools-item {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-tools .btn-tools-item:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .main-content .post-tools .collapse-donation .card-collapse {
	background-color: #212a2e
}

.main-content .post-author-footer {
	margin: 0 auto;
	padding: 3rem 0;
	width: 100%
}

.main-content .post-author-footer .author-card .author-profile-image {
	position: relative;
	margin-right: .938rem;
	width: 3.75rem;
	height: 3.75rem;
	display: block;
	border-radius: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.main-content .post-author-footer .author-card .avatar-wrapper {
	position: relative;
	margin-right: .9375rem;
	width: 3.75rem;
	height: 3.75rem;
	display: block;
	border-radius: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	background: #e3e9ed
}

.main-content .post-author-footer .author-card .author-card-content .author-card-name {
	padding: 0;
	font-size: 1.425rem
}

.main-content .post-author-footer .author-card .author-card-content .author-card-name a {
	color: #212529;
	font-weight: 700
}

.main-content .post-author-footer .author-card .author-card-content .author-card-social {
	height: 100%
}

.main-content .post-author-footer .author-card .author-card-content .author-card-social-links {
	color: rgba(0, 0, 0, .5);
	font-size: 1rem;
	font-weight: 400;
	margin: 0 .1rem;
	line-height: 2
}

.main-content .post-author-footer .author-card .author-card-content p {
	margin: 0;
	line-height: 1.3em
}

.main-content .post-author-footer .author-card .author-card-content p a {
	color: #212529;
	font-weight: 600
}

.main-content .post-author-footer .post-footer-right {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 1.25rem
}

.main-content .post-author-footer .post-footer-right .author-card-button {
	display: block;
	padding: .563rem 1rem;
	border: .063rem solid #212529;
	color: #212529;
	font-size: .8rem;
	line-height: 1;
	font-weight: 500;
	border-radius: 1.25rem;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

@media(prefers-color-scheme:dark) {
	.main-content .post-author-footer .author-card:before {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .5);
		width: 3.75rem;
		height: 3.75rem;
		z-index: 1;
		border-radius: 100%
	}

	.main-content .post-author-footer .author-card .avatar-wrapper {
		background: #e3e9ed
	}

	.main-content .post-author-footer .author-card .author-card-content .author-card-name a,
	.main-content .post-author-footer .author-card .author-card-content .author-card-social-links,
	.main-content .post-author-footer .author-card .author-card-content p {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-author-footer .post-footer-right {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-left: 1.25rem
	}

	.main-content .post-author-footer .post-footer-right .author-card-button {
		border: 1px solid hsla(0, 0%, 100%, .5);
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .main-content .post-author-footer .author-card:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 3.75rem;
	height: 3.75rem;
	z-index: 1;
	border-radius: 100%
}

[data-theme=dark] .main-content .post-author-footer .author-card .avatar-wrapper {
	background: #e3e9ed
}

[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-name a {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content .author-card-social-links {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-author-footer .author-card .author-card-content p {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-author-footer .post-footer-right {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 1.25rem
}

[data-theme=dark] .main-content .post-author-footer .post-footer-right .author-card-button {
	border: 1px solid hsla(0, 0%, 100%, .5);
	color: hsla(0, 0%, 100%, .5)
}

.main-content .post-read-more {
	width: 100%
}

.main-content .post-read-more .read-next-feed {
	margin: 0;
	padding: 2.5rem 0 0;
	width: 100%
}

.main-content .post-read-more .read-next-feed .min-h-300 {
	min-height: 18.75rem;
	margin-bottom: 2rem
}

.main-content .post-read-more .read-next-feed .read-next-card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	padding: 1.563rem;
	color: #fff;
	background: #15171a 50%;
	background-size: cover;
	-webkit-box-shadow: .5rem .875rem 2.375rem rgba(39, 44, 49, .06), .063rem .188rem .5rem rgba(39, 44, 49, .03);
	box-shadow: .5rem .875rem 2.375rem rgba(39, 44, 49, .06), .063rem .188rem .5rem rgba(39, 44, 49, .03);
	width: 100%
}

.main-content .post-read-more .read-next-feed .read-next-card:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: linear-gradient(135deg, rgba(0, 40, 60, .8), rgba(0, 20, 40, .7));
	-webkit-backdrop-filter: blur(.125rem);
	backdrop-filter: blur(.125rem)
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header {
	position: relative;
	padding-top: 1rem;
	text-align: center
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-sitetitle {
	display: block;
	font-size: .8rem;
	line-height: 1.5rem;
	opacity: .8
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title {
	margin: 0;
	padding: 0 .078rem;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.8rem;
	letter-spacing: .063rem
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a {
	color: #fff;
	font-weight: 300;
	text-decoration: none
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a:hover {
	text-decoration: none
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 5rem
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg {
	width: 2.5rem;
	fill: transparent;
	stroke: #fff;
	stroke-width: .031rem;
	stroke-opacity: .65
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content {
	position: relative;
	z-index: 50;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.25em;
	font-weight: 200;
	letter-spacing: -.031rem
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a {
	display: block;
	padding: 1rem 0;
	border-bottom: .063rem solid hsla(0, 0%, 100%, .3);
	color: #fff;
	font-weight: 500;
	vertical-align: top;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	font-size: 1rem
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li:first-of-type a {
	padding-top: .8rem
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer {
	position: relative;
	margin: .938rem 0 .188rem;
	text-align: center
}

.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a {
	color: #fff
}

.main-content .post-read-more .read-next-feed .post-read-next {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	min-height: 18.75rem;
	background: #fff 50%;
	background-size: cover;
	-webkit-box-shadow: .5rem .875rem 2.375rem rgba(39, 44, 49, .06), .063rem .188rem .5rem rgba(39, 44, 49, .03);
	box-shadow: .5rem .875rem 2.375rem rgba(39, 44, 49, .06), .063rem .188rem .5rem rgba(39, 44, 49, .03);
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.main-content .post-read-more .read-next-feed .post-read-next:hover .post-read-next-image {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link {
	position: relative;
	display: block;
	overflow: hidden
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link .post-read-next-image {
	width: 100%;
	height: 12.5rem;
	background: #c5d2d9 no-repeat 50%;
	-o-object-fit: cover;
	object-fit: cover
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block;
	padding: 1.563rem 1.563rem 0;
	color: #000
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags {
	display: block;
	margin-bottom: .25rem;
	color: #000;
	font-size: .75rem;
	line-height: .825rem;
	font-weight: 500;
	letter-spacing: .031rem;
	text-transform: uppercase
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-title {
	margin-top: 0;
	font-size: 1.5rem
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-excerpt p {
	font-size: .825rem;
	line-height: 1.5
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 1.563rem 1.563rem
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	margin: 0;
	padding: 0;
	list-style: none
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
	padding: 0
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	margin: 0 -.313rem
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name {
	padding-left: .5rem;
	font-size: .8rem;
	color: #212529
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,
.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper {
	position: relative;
	display: block;
	width: 2.125rem;
	height: 2.125rem;
	background: #e3e9ed;
	border-radius: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border: .125rem solid #fff
}

.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #000;
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase
}

@media(prefers-color-scheme:dark) {

	.main-content .post-read-more .read-next-feed .read-next-card,
	.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title,
	.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg {
		stroke: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a,
	.main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-read-more .read-next-feed .post-read-next {
		background: #212a2e 50%
	}

	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
		z-index: 1
	}

	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link,
	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags,
	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name {
		color: hsla(0, 0%, 100%, .5)
	}

	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image {
		opacity: .5
	}

	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,
	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper {
		background: #263238;
		border: .125rem solid hsla(0, 0%, 100%, .5)
	}

	.main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-header .read-next-card-header-title a {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-divider svg {
	stroke: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-content li a {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .read-next-card .read-next-card-footer a {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next {
	background: #212a2e 50%
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-image-link:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	z-index: 1
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-content-link .post-read-next-header .post-read-next-tags {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-name {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image {
	opacity: .5
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .author-profile-image,
[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .author-list .author-list-item .static-avatar .avatar-wrapper {
	background: #263238;
	border: .125rem solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-content .post-read-more .read-next-feed .post-read-next .post-read-next-content .post-read-next-meta .reading-time {
	color: hsla(0, 0%, 100%, .5)
}

.post-content code[class*=language-],
.post-content pre[class*=language-] {
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	color: #90a4ae;
	background: #fafafa;
	font-family: Courier, Courier New, monospace;
	font-size: 1em;
	line-height: 1.5em;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

.post-content code[class*=language-]::-moz-selection,
.post-content code[class*=language-] ::-moz-selection,
.post-content pre[class*=language-]::-moz-selection,
.post-content pre[class*=language-] ::-moz-selection {
	background: #cceae7;
	color: #263238
}

.post-content code[class*=language-]::-moz-selection,
.post-content code[class*=language-] ::-moz-selection,
.post-content pre[class*=language-]::-moz-selection,
.post-content pre[class*=language-] ::-moz-selection {
	background: #cceae7;
	color: #263238
}

.post-content code[class*=language-]::selection,
.post-content code[class*=language-] ::selection,
.post-content pre[class*=language-]::selection,
.post-content pre[class*=language-] ::selection {
	background: #cceae7;
	color: #263238
}

.post-content :not(pre)>code[class*=language-] {
	white-space: normal;
	border-radius: .2em;
	padding: .1em
}

.post-content pre[class*=language-] {
	overflow: auto;
	position: relative;
	margin: .5em 0;
	padding: 2.725rem 1em 1.25em
}

.post-content .language-css>code,
.post-content .language-sass>code,
.post-content .language-scss>code {
	color: #f76d47
}

.post-content [class*=language-] .namespace {
	opacity: .7
}

.post-content .token.atrule {
	color: #7c4dff
}

.post-content .token.attr-name {
	color: #39adb5
}

.post-content .token.attr-value,
.post-content .token.attribute {
	color: #f6a434
}

.post-content .token.boolean {
	color: #7c4dff
}

.post-content .token.builtin,
.post-content .token.cdata,
.post-content .token.char,
.post-content .token.class {
	color: #39adb5
}

.post-content .token.class-name {
	color: #6182b8
}

.post-content .token.comment {
	color: #aabfc9
}

.post-content .token.constant {
	color: #7c4dff
}

.post-content .token.deleted {
	color: #e53935
}

.post-content .token.doctype {
	color: #aabfc9
}

.post-content .token.entity {
	color: #e53935
}

.post-content .token.function {
	color: #7c4dff
}

.post-content .token.hexcode {
	color: #f76d47
}

.post-content .token.id,
.post-content .token.important {
	color: #7c4dff;
	font-weight: 700
}

.post-content .token.inserted {
	color: #39adb5
}

.post-content .token.keyword {
	color: #7c4dff
}

.post-content .token.number {
	color: #f76d47
}

.post-content .token.operator {
	color: #39adb5
}

.post-content .token.prolog {
	color: #aabfc9
}

.post-content .token.property {
	color: #39adb5
}

.post-content .token.pseudo-class,
.post-content .token.pseudo-element {
	color: #f6a434
}

.post-content .token.punctuation {
	color: #39adb5
}

.post-content .token.regex {
	color: #6182b8
}

.post-content .token.selector {
	color: #e53935
}

.post-content .token.string {
	color: #f6a434
}

.post-content .token.symbol {
	color: #7c4dff
}

.post-content .token.tag {
	color: #e53935
}

.post-content .token.unit {
	color: #f76d47
}

.post-content .token.url,
.post-content .token.variable {
	color: #e53935
}

.post-content .code-toolbar .toolbar {
	background-color: #1abc9c;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .25rem 1.725rem;
	width: 100%
}

.post-content .code-toolbar .toolbar .toolbar-item .show-language {
	text-transform: capitalize;
	font-weight: 700;
	color: #fff
}

.post-content .code-toolbar .toolbar .toolbar-item .select-code {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: hsla(0, 0%, 88.2%, .2);
	height: 100%;
	border-radius: 0;
	outline: none;
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms
}

.post-content .code-toolbar .toolbar .toolbar-item .select-code:hover {
	color: hsla(0, 0%, 100%, .5);
	background-color: #1abc9c
}

@media(prefers-color-scheme:dark) {

	.post-content code[class*=language-],
	.post-content pre[class*=language-] {
		text-align: left;
		white-space: pre;
		word-spacing: normal;
		word-break: normal;
		word-wrap: normal;
		color: #c3cee3;
		background: #212a2e;
		font-family: Courier, Courier New, monospace;
		font-size: 1em;
		line-height: 1.5em;
		-moz-tab-size: 4;
		-o-tab-size: 4;
		tab-size: 4;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none
	}

	.post-content code[class*=language-]::-moz-selection,
	.post-content code[class*=language-] ::-moz-selection,
	.post-content pre[class*=language-]::-moz-selection,
	.post-content pre[class*=language-] ::-moz-selection {
		background: #363636
	}

	.post-content code[class*=language-]::selection,
	.post-content code[class*=language-] ::selection,
	.post-content pre[class*=language-]::selection,
	.post-content pre[class*=language-] ::selection {
		background: #363636
	}

	.post-content :not(pre)>code[class*=language-] {
		white-space: normal;
		border-radius: .2em;
		padding: .1em
	}

	.post-content .language-css>code,
	.post-content .language-sass>code,
	.post-content .language-scss>code {
		color: #fd9170
	}

	.post-content [class*=language-] .namespace {
		opacity: .7
	}

	.post-content .token.atrule {
		color: #c792ea
	}

	.post-content .token.attr-name {
		color: #ffcb6b
	}

	.post-content .token.attr-value,
	.post-content .token.attribute {
		color: #c3e88d
	}

	.post-content .token.boolean {
		color: #c792ea
	}

	.post-content .token.builtin {
		color: #ffcb6b
	}

	.post-content .token.cdata,
	.post-content .token.char {
		color: #80cbc4
	}

	.post-content .token.class {
		color: #ffcb6b
	}

	.post-content .token.class-name,
	.post-content .token.color {
		color: #f2ff00
	}

	.post-content .token.comment {
		color: #546e7a
	}

	.post-content .token.constant {
		color: #c792ea
	}

	.post-content .token.deleted {
		color: #f07178
	}

	.post-content .token.doctype {
		color: #546e7a
	}

	.post-content .token.entity {
		color: #f07178
	}

	.post-content .token.function {
		color: #c792ea
	}

	.post-content .token.hexcode {
		color: #f2ff00
	}

	.post-content .token.id,
	.post-content .token.important {
		color: #c792ea;
		font-weight: 700
	}

	.post-content .token.inserted {
		color: #80cbc4
	}

	.post-content .token.keyword {
		color: #c792ea;
		font-style: italic
	}

	.post-content .token.number {
		color: #fd9170
	}

	.post-content .token.operator {
		color: #89ddff
	}

	.post-content .token.prolog {
		color: #546e7a
	}

	.post-content .token.property {
		color: #80cbc4
	}

	.post-content .token.pseudo-class,
	.post-content .token.pseudo-element {
		color: #c3e88d
	}

	.post-content .token.punctuation {
		color: #89ddff
	}

	.post-content .token.regex {
		color: #f2ff00
	}

	.post-content .token.selector {
		color: #f07178
	}

	.post-content .token.string {
		color: #c3e88d
	}

	.post-content .token.symbol {
		color: #c792ea
	}

	.post-content .token.tag,
	.post-content .token.unit {
		color: #f07178
	}

	.post-content .token.url {
		color: #fd9170
	}

	.post-content .token.variable {
		color: #f07178
	}

	.post-content .code-toolbar .toolbar {
		background-color: #212a2e;
		border-bottom: 1px solid hsla(0, 0%, 100%, .5)
	}

	.post-content .code-toolbar .toolbar .toolbar-item .show-language {
		color: hsla(0, 0%, 100%, .5)
	}

	.post-content .code-toolbar .toolbar .toolbar-item .select-code {
		color: hsla(0, 0%, 100%, .5);
		background-color: hsla(0, 0%, 88.2%, .1)
	}

	.post-content .code-toolbar .toolbar .toolbar-item .select-code:hover {
		color: hsla(0, 0%, 100%, .8);
		background-color: #212a2e
	}
}

[data-theme=dark] .post-content code[class*=language-],
[data-theme=dark] .post-content pre[class*=language-] {
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	color: #c3cee3;
	background: #212a2e;
	font-family: Courier, Courier New, monospace;
	font-size: 1em;
	line-height: 1.5em;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

[data-theme=dark] .post-content code[class*=language-]::-moz-selection,
[data-theme=dark] .post-content code[class*=language-] ::-moz-selection,
[data-theme=dark] .post-content pre[class*=language-]::-moz-selection,
[data-theme=dark] .post-content pre[class*=language-] ::-moz-selection {
	background: #363636
}

[data-theme=dark] .post-content code[class*=language-]::selection,
[data-theme=dark] .post-content code[class*=language-] ::selection,
[data-theme=dark] .post-content pre[class*=language-]::selection,
[data-theme=dark] .post-content pre[class*=language-] ::selection {
	background: #363636
}

[data-theme=dark] .post-content :not(pre)>code[class*=language-] {
	white-space: normal;
	border-radius: .2em;
	padding: .1em
}

[data-theme=dark] .post-content .language-css>code,
[data-theme=dark] .post-content .language-sass>code,
[data-theme=dark] .post-content .language-scss>code {
	color: #fd9170
}

[data-theme=dark] .post-content [class*=language-] .namespace {
	opacity: .7
}

[data-theme=dark] .post-content .token.atrule {
	color: #c792ea
}

[data-theme=dark] .post-content .token.attr-name {
	color: #ffcb6b
}

[data-theme=dark] .post-content .token.attr-value {
	color: #c3e88d
}

[data-theme=dark] .post-content .token.attribute {
	color: #c3e88d
}

[data-theme=dark] .post-content .token.boolean {
	color: #c792ea
}

[data-theme=dark] .post-content .token.builtin {
	color: #ffcb6b
}

[data-theme=dark] .post-content .token.cdata {
	color: #80cbc4
}

[data-theme=dark] .post-content .token.char {
	color: #80cbc4
}

[data-theme=dark] .post-content .token.class {
	color: #ffcb6b
}

[data-theme=dark] .post-content .token.class-name {
	color: #f2ff00
}

[data-theme=dark] .post-content .token.color {
	color: #f2ff00
}

[data-theme=dark] .post-content .token.comment {
	color: #546e7a
}

[data-theme=dark] .post-content .token.constant {
	color: #c792ea
}

[data-theme=dark] .post-content .token.deleted {
	color: #f07178
}

[data-theme=dark] .post-content .token.doctype {
	color: #546e7a
}

[data-theme=dark] .post-content .token.entity {
	color: #f07178
}

[data-theme=dark] .post-content .token.function {
	color: #c792ea
}

[data-theme=dark] .post-content .token.hexcode {
	color: #f2ff00
}

[data-theme=dark] .post-content .token.id {
	color: #c792ea;
	font-weight: 700
}

[data-theme=dark] .post-content .token.important {
	color: #c792ea;
	font-weight: 700
}

[data-theme=dark] .post-content .token.inserted {
	color: #80cbc4
}

[data-theme=dark] .post-content .token.keyword {
	color: #c792ea;
	font-style: italic
}

[data-theme=dark] .post-content .token.number {
	color: #fd9170
}

[data-theme=dark] .post-content .token.operator {
	color: #89ddff
}

[data-theme=dark] .post-content .token.prolog {
	color: #546e7a
}

[data-theme=dark] .post-content .token.property {
	color: #80cbc4
}

[data-theme=dark] .post-content .token.pseudo-class {
	color: #c3e88d
}

[data-theme=dark] .post-content .token.pseudo-element {
	color: #c3e88d
}

[data-theme=dark] .post-content .token.punctuation {
	color: #89ddff
}

[data-theme=dark] .post-content .token.regex {
	color: #f2ff00
}

[data-theme=dark] .post-content .token.selector {
	color: #f07178
}

[data-theme=dark] .post-content .token.string {
	color: #c3e88d
}

[data-theme=dark] .post-content .token.symbol {
	color: #c792ea
}

[data-theme=dark] .post-content .token.tag {
	color: #f07178
}

[data-theme=dark] .post-content .token.unit {
	color: #f07178
}

[data-theme=dark] .post-content .token.url {
	color: #fd9170
}

[data-theme=dark] .post-content .token.variable {
	color: #f07178
}

[data-theme=dark] .post-content .code-toolbar .toolbar {
	background-color: #212a2e;
	border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .show-language {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code {
	color: hsla(0, 0%, 100%, .5);
	background-color: hsla(0, 0%, 88.2%, .1)
}

[data-theme=dark] .post-content .code-toolbar .toolbar .toolbar-item .select-code:hover {
	color: hsla(0, 0%, 100%, .8);
	background-color: #212a2e
}

.site-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1040;
	background-color: transparent;
	border-radius: 0;
	height: 2px
}

.site-progress .reading-progress-bar {
	background-color: #1abc9c
}

.post-content .todo-list {
	list-style: none
}

.post-content .todo-list .span-todo-checkbox {
	display: inline-block;
	position: relative;
	top: 2px;
	border: 1px solid #dcdfe6;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	margin-right: .25rem;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
	transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.post-content .todo-list .span-todo-checkbox:after {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 7px;
	left: 4px;
	position: absolute;
	top: 1px;
	-webkit-transform: rotate(45deg) scaleY(0);
	transform: rotate(45deg) scaleY(0);
	width: 3px;
	-webkit-transition: -webkit-transform .15s ease-in .05s;
	transition: -webkit-transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
	-webkit-transform-origin: center;
	transform-origin: center
}

.post-content .todo-list .span-todo-checkbox.checked {
	background-color: #1abc9c;
	border-color: #1abc9c
}

.post-content .todo-list .span-todo-checkbox.checked:after {
	-webkit-transform: rotate(45deg) scaleY(1);
	transform: rotate(45deg) scaleY(1)
}

.post-content .todo-list .todo-list-input {
	opacity: 0;
	outline: none;
	position: absolute;
	margin: 0;
	width: 0;
	height: 0;
	z-index: -1
}

@media(prefers-color-scheme:dark) {
	.post-content .todo-list .span-todo-checkbox {
		background-color: hsla(0, 0%, 100%, .5);
		border: 1px solid hsla(0, 0%, 100%, .5)
	}

	.post-content .todo-list .span-todo-checkbox.checked {
		background-color: #1abc9c;
		border-color: #1abc9c
	}

	.post-content .todo-list .todo-list-input {
		opacity: 0;
		outline: none;
		position: absolute;
		margin: 0;
		width: 0;
		height: 0;
		z-index: -1
	}
}

[data-theme=dark] .post-content .todo-list .span-todo-checkbox {
	background-color: hsla(0, 0%, 100%, .5);
	border: 1px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content .todo-list .span-todo-checkbox.checked {
	background-color: #1abc9c;
	border-color: #1abc9c
}

[data-theme=dark] .post-content .todo-list .todo-list-input {
	opacity: 0;
	outline: none;
	position: absolute;
	margin: 0;
	width: 0;
	height: 0;
	z-index: -1
}

.main-footer {
	padding: 3rem 0 2rem;
	background-color: #f7f7f7
}

.main-footer .main-footer-copyright p {
	margin-bottom: 0;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.375rem
}

.main-footer .main-footer-copyright p a {
	color: #b9b8b3
}

.main-footer .main-footer-meta {
	font-size: .8125rem;
	font-weight: 300;
	line-height: 1.375rem;
	color: #b9b8b3
}

.main-footer .main-footer-audit p {
	margin-bottom: 0;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.375rem
}

.main-footer .main-footer-audit p a {
	color: #b9b8b3
}

@media(prefers-color-scheme:dark) {
	.main-footer {
		background-color: #000
	}
}

[data-theme=dark] .main-footer {
	background-color: #000
}

.main-footer-info {
	background-color: #f7f7f7
}

.main-footer-info-title {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center
}

.main-footer-info-tags-list .tag-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #212529;
	margin: 0 .25rem;
	padding: 0 .25rem;
	border-radius: .25rem;
	border: 1px solid #212529
}

.main-footer-info-navigation-list {
	padding-left: 0;
	margin-bottom: 0
}

.main-footer-info-navigation-list .side-navbar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	width: 100%
}

.main-footer-info-navigation-list .side-navbar-nav .list-group-item {
	display: inline-block;
	background-color: transparent;
	border-color: transparent;
	color: #212529;
	width: auto
}

@media(prefers-color-scheme:dark) {
	.main-footer-info {
		background-color: #000
	}

	.main-footer-info-tags-list .tag-item {
		color: hsla(0, 0%, 100%, .5);
		border: 1px solid hsla(0, 0%, 100%, .5)
	}

	.main-footer-info-navigation-list .side-navbar-nav .list-group-item {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .main-footer-info {
	background-color: #000
}

[data-theme=dark] .main-footer-info-tags-list .tag-item {
	color: hsla(0, 0%, 100%, .5);
	border: 1px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .main-footer-info-navigation-list .side-navbar-nav .list-group-item {
	color: hsla(0, 0%, 100%, .5)
}

.main-footer-waves-area {
	background-color: #f7f7f7
}

.main-footer-waves-area .waves-svg {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

@media(prefers-color-scheme:dark) {
	.main-footer-waves-area {
		background-color: #000
	}
}

[data-theme=dark] .main-footer-waves-area {
	background-color: #000
}

.site-wrapper .search-wrapper {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #fff;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: -5px 0 5px 0 rgba(0, 0, 0, .15);
	z-index: 1080
}

.site-wrapper .search-wrapper .search-close {
	font-size: 3rem;
	outline: none
}

.site-wrapper .search-wrapper .search-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
	margin: 2.5rem auto;
	padding: 5rem 1rem
}

.site-wrapper .search-wrapper .search-content .search-form {
	position: relative
}

.site-wrapper .search-wrapper .search-content .search-form .search-icon {
	position: absolute;
	top: .6rem;
	left: .5rem;
	font-size: 1.5rem;
	color: #777
}

.site-wrapper .search-wrapper .search-content .search-form label {
	width: 100%
}

.site-wrapper .search-wrapper .search-content .search-form label .search-input {
	font-size: 1.5rem;
	font-weight: 700;
	display: block;
	width: 100%;
	height: 3rem;
	padding: 0 0 .1875rem 2.5rem;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease;
	color: #333;
	border: solid #999;
	border-width: 0 0 6px;
	border-radius: 0;
	outline: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.site-wrapper .search-wrapper .search-content .search-meta {
	font-size: .6875rem;
	font-weight: 700;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: .9375rem 0;
	text-align: left;
	text-transform: uppercase;
	color: #333
}

.site-wrapper .search-wrapper .search-content .search-results {
	overflow: auto;
	height: 100vh;
	padding-bottom: 14rem
}

.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item {
	margin: .9375rem 0 1.875rem;
	display: block;
	cursor: pointer
}

.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2 {
	font-size: 1.25rem;
	color: #333;
	margin-bottom: .625rem
}

.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span {
	font-size: .8125rem;
	color: #777;
	font-weight: 700
}

@media(prefers-color-scheme:dark) {
	.site-wrapper .search-wrapper {
		background-color: #263238
	}

	.site-wrapper .search-wrapper .search-close {
		color: hsla(0, 0%, 100%, .5);
		text-shadow: none
	}

	.site-wrapper .search-wrapper .search-content .search-form .search-icon {
		color: hsla(0, 0%, 100%, .5)
	}

	.site-wrapper .search-wrapper .search-content .search-form label .search-input {
		color: hsla(0, 0%, 100%, .5);
		border-color: hsla(0, 0%, 100%, .5);
		background-color: #263238
	}

	.site-wrapper .search-wrapper .search-content .search-meta,
	.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2,
	.site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .site-wrapper .search-wrapper {
	background-color: #263238
}

[data-theme=dark] .site-wrapper .search-wrapper .search-close {
	color: hsla(0, 0%, 100%, .5);
	text-shadow: none
}

[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form .search-icon {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-form label .search-input {
	color: hsla(0, 0%, 100%, .5);
	border-color: hsla(0, 0%, 100%, .5);
	background-color: #263238
}

[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-meta {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item h2 {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .site-wrapper .search-wrapper .search-content .search-results .ghost-search-item span {
	color: hsla(0, 0%, 100%, .5)
}

.fixed-to-top {
	position: fixed;
	z-index: 1020;
	-webkit-transition: .25s ease-in ease 0ms;
	transition: .25s ease-in ease 0ms;
	background-color: #000;
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
	bottom: 3.125rem;
	right: 5rem;
	text-align: center;
	padding: 1rem;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 5px #333;
	box-shadow: 2px 2px 5px #333
}

.fixed-to-top i.fas {
	font-size: 2rem;
	color: #fff
}

.fixed-to-top .progress-number {
	color: #fff;
	width: 100%;
	font-size: 8px
}

@media(max-width:767.98px) {
	.fixed-to-top {
		width: 3.5rem;
		height: 3.5rem;
		bottom: 3rem;
		right: 4rem;
		padding: .75rem
	}
}

@media(max-width:575.98px) {
	.fixed-to-top {
		width: 3rem;
		height: 3rem;
		bottom: 1rem;
		right: 1rem;
		padding: .75rem
	}

	.fixed-to-top i.fas {
		font-size: 1.5rem
	}
}

@media(prefers-color-scheme:dark) {
	.fixed-to-top {
		background-color: #000;
		-webkit-box-shadow: 2px 2px 5px #000;
		box-shadow: 2px 2px 5px #000
	}

	.fixed-to-top .progress-number,
	.fixed-to-top i.fas {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .fixed-to-top {
	background-color: #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000
}

[data-theme=dark] .fixed-to-top i.fas {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .fixed-to-top .progress-number {
	color: hsla(0, 0%, 100%, .5)
}

.toast-wrapper {
	position: relative;
	z-index: 1100
}

.toast-wrapper-list {
	position: fixed;
	top: 5rem;
	right: 0
}

.toast-wrapper-list-item .toast-header img {
	width: 1.125rem;
	height: auto
}

@media(prefers-color-scheme:dark) {

	.toast-wrapper-list-item,
	.toast-wrapper-list-item .toast-header {
		background-color: #263238;
		color: hsla(0, 0%, 100%, .5)
	}

	.toast-wrapper-list-item .toast-header .close span {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .toast-wrapper-list-item {
	background-color: #263238;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .toast-wrapper-list-item .toast-header {
	background-color: #263238;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .toast-wrapper-list-item .toast-header .close span {
	color: hsla(0, 0%, 100%, .5)
}

.site-popover-wrapper-body .hero-social-wechat img {
	width: 10rem
}

.site-popover-wrapper-body .site-popover-wrapper-share {
	list-style: none;
	padding: .5rem 0;
	margin-bottom: 0
}

.site-popover-wrapper-body .site-popover-wrapper-share li {
	padding: 0
}

.site-popover-wrapper-body .site-popover-wrapper-share li a {
	position: relative;
	padding: .5rem;
	margin: 0 .25rem;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	color: #fff
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-weibo {
	background-color: #e24040
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-qq {
	background-color: #3d93e0
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat {
	background-color: #20b767
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat+.post-share-wechat-qr {
	display: none
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-wechat:hover+.post-share-wechat-qr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1.5rem;
	padding: 1rem;
	-webkit-animation: slide-down .25s ease-out;
	animation: slide-down .25s ease-out
}

@-webkit-keyframes slide-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slide-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		transform: translateY(10%)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.site-popover-wrapper-body .site-popover-wrapper-share li a.share-twitter {
	background-color: #1da1f2
}

.site-popover-wrapper-body .site-popover-wrapper-share li a:hover {
	color: #fff
}

.site-popover-wrapper-body .site-popover-wrapper-share li a:hover i {
	-webkit-transition: all .5s ease 0ms;
	transition: all .5s ease 0ms;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg)
}

.site-popover-wrapper-body .site-popover-wrapper-share li a i {
	font-size: 1.25rem
}

@media(prefers-color-scheme:dark) {
	.site-popover-wrapper {
		background-color: #212a2e
	}

	.site-popover-wrapper .arrow:after {
		border-bottom-color: #212a2e
	}

	.site-popover-wrapper-share li a {
		color: hsla(0, 0%, 100%, .5)
	}

	.site-popover-wrapper-share li a:hover {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .site-popover-wrapper {
	background-color: #212a2e
}

[data-theme=dark] .site-popover-wrapper .arrow:after {
	border-bottom-color: #212a2e
}

[data-theme=dark] .site-popover-wrapper-share li a {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .site-popover-wrapper-share li a:hover {
	color: hsla(0, 0%, 100%, .5)
}

.waves-area .waves-svg {
	width: 100%;
	height: 10rem
}

@media(max-width:767.98px) {
	.waves-area .waves-svg {
		height: 8rem
	}
}

@media(max-width:575.98px) {
	.waves-area .waves-svg {
		height: 5rem
	}
}

.waves-area .parallax>use {
	-webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.waves-area .parallax>use:first-child {
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	fill: hsla(0, 0%, 100%, .7)
}

.waves-area .parallax>use:nth-child(2) {
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	fill: hsla(0, 0%, 100%, .5)
}

.waves-area .parallax>use:nth-child(3) {
	-webkit-animation-delay: -4s;
	animation-delay: -4s;
	-webkit-animation-duration: 13s;
	animation-duration: 13s;
	fill: hsla(0, 0%, 100%, .3)
}

.waves-area .parallax>use:nth-child(4) {
	-webkit-animation-delay: -5s;
	animation-delay: -5s;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	fill: #fff
}

@-webkit-keyframes move-forever {
	0% {
		-webkit-transform: translate3d(-90px, 0, 0);
		transform: translate3d(-90px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(85px, 0, 0);
		transform: translate3d(85px, 0, 0)
	}
}

@keyframes move-forever {
	0% {
		-webkit-transform: translate3d(-90px, 0, 0);
		transform: translate3d(-90px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(85px, 0, 0);
		transform: translate3d(85px, 0, 0)
	}
}

@media(prefers-color-scheme:dark) {
	.waves-area .parallax>use:first-child {
		fill: rgba(38, 50, 56, .7)
	}

	.waves-area .parallax>use:nth-child(2) {
		fill: rgba(38, 50, 56, .5)
	}

	.waves-area .parallax>use:nth-child(3) {
		fill: rgba(38, 50, 56, .3)
	}

	.waves-area .parallax>use:nth-child(4) {
		fill: #263238
	}
}

[data-theme=dark] .waves-area .parallax>use:first-child {
	fill: rgba(38, 50, 56, .7)
}

[data-theme=dark] .waves-area .parallax>use:nth-child(2) {
	fill: rgba(38, 50, 56, .5)
}

[data-theme=dark] .waves-area .parallax>use:nth-child(3) {
	fill: rgba(38, 50, 56, .3)
}

[data-theme=dark] .waves-area .parallax>use:nth-child(4) {
	fill: #263238
}

.post-content .kg-image {
	max-width: 100%
}

.post-content .kg-content :first-child .kg-image {
	width: 100%
}

.post-content .kg-width-full .kg-image,
.post-content .kg-width-wide .kg-image {
	max-width: 100%
}

.post-content figure {
	margin: .8em 0 2.3em;
	text-align: center
}

.post-content h1+figure,
.post-content h2+figure,
.post-content h3+figure,
.post-content h4+figure {
	margin-top: 2em
}

.post-content figure img {
	margin: 0
}

.post-content figcaption {
	margin: 1em 0 0;
	color: #5d7179;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	text-align: center
}

.post-content .kg-width-full figcaption {
	padding: 0 1.5em
}

.post-content .kg-embed-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.post-content .kg-embed-card .fluid-width-video-wrapper {
	margin: 0
}

.post-content .kg-gallery-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1040px;
	width: 100vw
}

.post-content .kg-gallery-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.post-content .kg-gallery-image img {
	display: block;
	margin: 0;
	width: 100%;
	height: 100%
}

.post-content .kg-gallery-row:not(:first-of-type) {
	margin: .75em 0 0
}

.post-content .kg-gallery-image:not(:first-of-type) {
	margin: 0 0 0 .75em
}

.post-content .kg-gallery-card+.kg-gallery-card,
.post-content .kg-gallery-card+.kg-image-card.kg-width-wide,
.post-content .kg-image-card.kg-width-wide+.kg-gallery-card,
.post-content .kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide {
	margin: -2.25em 0 3em
}

.post-content .kg-code-card {
	width: 100%
}

.post-content .kg-code-card pre {
	margin: 0
}

.post-content .kg-bookmark-card {
	width: 100%
}

.post-content .kg-card+.kg-bookmark-card {
	margin-top: 0
}

.post-content .kg-bookmark-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 9.25rem;
	color: #15171a;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
	text-decoration: none;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .09);
	box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .09)
}

.post-content .kg-bookmark-container:hover {
	color: #15171a;
	text-decoration: none;
	-webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .09);
	box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .09)
}

.post-content .kg-bookmark-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px
}

.post-content .kg-bookmark-title {
	color: #313b3f;
	font-size: 1.2rem;
	line-height: 1.5em;
	font-weight: 600;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

.post-content .kg-bookmark-container:hover .kg-bookmark-title {
	color: #1abc9c
}

.post-content .kg-bookmark-description {
	display: -webkit-box;
	overflow-y: hidden;
	margin-top: .75rem;
	max-height: 3rem;
	color: #5d7179;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 400;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.post-content .kg-bookmark-thumbnail {
	position: relative;
	min-width: 33%;
	max-height: 100%
}

.post-content .kg-bookmark-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 3px 3px 0;
	-o-object-fit: cover;
	object-fit: cover
}

.post-content .kg-bookmark-metadata {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 14px;
	color: #5d7179;
	font-size: 1.5rem;
	font-weight: 400
}

.post-content .kg-bookmark-icon {
	margin-right: 8px;
	width: 22px;
	height: 22px
}

.post-content .kg-bookmark-author {
	line-height: 1.5em;
	font-size: .725rem
}

.post-content .kg-bookmark-author:after {
	content: "•";
	margin: 0 6px
}

.post-content .kg-bookmark-publisher {
	overflow: hidden;
	max-width: 240px;
	line-height: 1.5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .725rem
}

@media(max-width:1040px) {
	.post-content .kg-width-full .kg-image {
		width: 100vw
	}
}

@media(max-width:800px) {
	.post-content figure {
		margin: .2em 0 1.3em
	}

	.post-content h1+figure,
	.post-content h2+figure,
	.post-content h3+figure,
	.post-content h4+figure {
		margin-top: .9em
	}
}

@media(max-width:500px) {
	.post-content figcaption {
		margin-bottom: .4em
	}

	.post-content .kg-bookmark-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.post-content .kg-bookmark-container .kg-bookmark-content {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding: 1rem .725rem
	}

	.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-title {
		font-size: 1rem
	}

	.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-description {
		margin-top: .275rem;
		font-size: .725rem;
		line-height: 1.5em
	}

	.post-content .kg-bookmark-container .kg-bookmark-content .kg-bookmark-metadata {
		font-size: .725rem;
		line-height: 1.5em
	}

	.post-content .kg-bookmark-icon {
		width: 18px;
		height: 18px
	}

	.post-content .kg-bookmark-thumbnail {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		min-height: 160px;
		width: 100%
	}

	.post-content .kg-bookmark-thumbnail img {
		border-radius: 3px 3px 0 0
	}
}

@media(prefers-color-scheme:dark) {
	.post-content .kg-bookmark-card a.kg-bookmark-container {
		background-color: #212a2e
	}

	.post-content .kg-bookmark-card a.kg-bookmark-container:hover {
		text-decoration: none
	}

	.post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title {
		color: hsla(0, 0%, 100%, .8)
	}

	.post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description {
		color: hsla(0, 0%, 100%, .5)
	}

	.post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description,
	.post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container {
	background-color: #212a2e
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover {
	text-decoration: none
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-title {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container:hover .kg-bookmark-content .kg-bookmark-description {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-title {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-content .kg-bookmark-card a.kg-bookmark-container .kg-bookmark-content .kg-bookmark-description {
	color: hsla(0, 0%, 100%, .5)
}

.main-footer-info-subscribe .subscribe-form .message-error,
.main-footer-info-subscribe .subscribe-form .message-loading,
.main-footer-info-subscribe .subscribe-form .message-success {
	display: none
}

.main-footer-info-subscribe .subscribe-form .error .message-error,
.main-footer-info-subscribe .subscribe-form .invalid .message-error,
.main-footer-info-subscribe .subscribe-form .success .message-success {
	margin: 1em auto 0;
	color: var(--red);
	font-size: 1rem
}

.main-footer-info-subscribe .subscribe-form .success .message-success {
	display: block;
	color: var(--green)
}

.main-footer-info-subscribe .subscribe-form .error .message-error,
.main-footer-info-subscribe .subscribe-form .invalid .message-error {
	display: block
}

.main-footer-info-subscribe .subscribe-form .loading .message-loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: 0;
	left: 0;
	background-color: #f7f7f7
}

.main-footer-info-subscribe .subscribe-form .loading .message-loading .loading-title {
	width: 100%;
	font-size: 1rem;
	text-align: center
}

.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader {
	width: 100%;
	text-align: center
}

.main-footer-info-subscribe .subscribe-email {
	background-color: transparent
}

@media(prefers-color-scheme:dark) {
	.main-footer-info-subscribe .subscribe-form .loading .message-loading {
		background-color: #000
	}

	.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader {
		width: 100%;
		text-align: center
	}

	.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,
	.main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect {
		fill: hsla(0, 0%, 100%, .8)
	}
}

[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading {
	background-color: #000
}

[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader {
	width: 100%;
	text-align: center
}

[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg path,
[data-theme=dark] .main-footer-info-subscribe .subscribe-form .loading .message-loading .button-loader svg rect {
	fill: hsla(0, 0%, 100%, .8)
}

@media(prefers-color-scheme:dark) {
	.post-comments .v * {
		color: hsla(0, 0%, 100%, .5);
		background-color: #263238
	}

	.post-comments .v hr {
		border-color: hsla(0, 0%, 100%, .5)
	}

	.post-comments .v blockquote {
		color: hsla(0, 0%, 100%, .5);
		border-left: 8px solid hsla(0, 0%, 100%, .5)
	}

	.post-comments .v .vwrap {
		border: 1px solid #000
	}

	.post-comments .v .vwrap .vheader .vinput {
		border-bottom: 1px dashed #000
	}

	.post-comments .v .vwrap .vheader .vinput:focus {
		border-bottom-color: #eb5055
	}

	.post-comments .v .vwrap .vcontrol .col {
		color: hsla(0, 0%, 100%, .5)
	}

	.post-comments .v .vwrap .vmark {
		background: #263238
	}

	.post-comments .v .vwrap .vmark .valert .vtext {
		color: hsla(0, 0%, 100%, .5)
	}

	.post-comments .v .vwrap .vmark .valert .vcode {
		background: #000
	}

	.post-comments .v .vwrap .vmark .valert .vcode:focus {
		border-color: #263238;
		background-color: #000
	}
}

@media screen and (prefers-color-scheme:dark)and (max-width:720px) {
	.post-comments .v .vwrap .vmark .valert .vtext {
		color: hsla(0, 0%, 100%, .5)
	}
}

@media(prefers-color-scheme:dark) {
	.post-comments .v .power {
		color: #999
	}
}

@media(prefers-color-scheme:dark) {
	.post-comments .v a {
		text-decoration: none;
		color: hsla(0, 0%, 100%, .5)
	}

	.post-comments .v a:hover {
		color: hsla(0, 0%, 100%, .8)
	}
}

@media(prefers-color-scheme:dark) {
	.post-comments .v .vbtn {
		color: hsla(0, 0%, 100%, .5);
		border: 1px solid #263238;
		background: #263238
	}
}

@media(prefers-color-scheme:dark) {

	.post-comments .v .vbtn:active,
	.post-comments .v .vbtn:hover {
		color: hsla(0, 0%, 100%, .8);
		border-color: #000;
		background-color: #000
	}
}

@media(prefers-color-scheme:dark) {
	.post-comments .v .vempty {
		color: #999
	}
}

@media(prefers-color-scheme:dark) {
	.post-comments .v .vlist .vcard .vimg {
		border: 1px solid hsla(0, 0%, 100%, .5)
	}

	.post-comments .v .vlist .vcard .vhead .vnick {
		color: #1abc9c
	}

	.post-comments .v .vlist .vcard .vhead .vnick:before {
		background: #1abc9c
	}

	.post-comments .v .vlist .vcard .vhead .vnick:hover {
		color: #d7191a
	}

	.post-comments .v .vlist .vcard .vhead .vsys {
		background: #000;
		color: hsla(0, 0%, 100%, .5)
	}

	.post-comments .v .vlist .vcard .vh {
		border-bottom: 1px dashed #000
	}

	.post-comments .v .vlist .vcard .vh .vtime {
		color: #b3b3b3
	}

	.post-comments .v .vlist .vcard .vh .vmeta .vat {
		color: #ef2f11
	}

	.post-comments .v .vlist .vcard .vcontent {
		color: #4a4a4a
	}

	.post-comments .v .vlist .vcard .vcontent.expand:before {
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
		background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9))
	}

	.post-comments .v .vlist .vcard .vcontent.expand:after {
		color: hsla(0, 0%, 100%, .5);
		background: #000
	}

	.post-comments .v .vlist .vcard .vquote {
		color: hsla(0, 0%, 100%, .5);
		border-left: 1px dashed #000
	}
}

@media(prefers-color-scheme:dark) {

	.post-comments .v .vcards .vcard .vh,
	.post-comments .v .vcards .vcard .vquote {
		border-color: #000
	}

	.post-comments .v .vcards .vcard .vcontent {
		color: #4a4a4a
	}

	.post-comments .v .vcards .vcard .vcontent.expand:before {
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
		background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9))
	}

	.post-comments .v .vcards .vcard .vcontent.expand:after {
		color: hsla(0, 0%, 100%, .5);
		background: #000
	}
}

[data-theme=dark] .post-comments .v * {
	color: hsla(0, 0%, 100%, .5);
	background-color: #263238
}

[data-theme=dark] .post-comments .v hr {
	border-color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v blockquote {
	color: hsla(0, 0%, 100%, .5);
	border-left: 8px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v .vwrap {
	border: 1px solid #000
}

[data-theme=dark] .post-comments .v .vwrap .vheader .vinput {
	border-bottom: 1px dashed #000
}

[data-theme=dark] .post-comments .v .vwrap .vheader .vinput:focus {
	border-bottom-color: #eb5055
}

[data-theme=dark] .post-comments .v .vwrap .vcontrol .col {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v .vwrap .vmark {
	background: #263238
}

[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode {
	background: #000
}

[data-theme=dark] .post-comments .v .vwrap .vmark .valert .vcode:focus {
	border-color: #263238;
	background-color: #000
}

@media screen and (max-width:720px) {
	[ data-theme=dark] .post-comments .v .vwrap .vmark .valert .vtext {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .post-comments .v .power {
	color: #999
}

[data-theme=dark] .post-comments .v a {
	text-decoration: none;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v a:hover {
	color: hsla(0, 0%, 100%, .8)
}

[data-theme=dark] .post-comments .v .vbtn {
	color: hsla(0, 0%, 100%, .5);
	border: 1px solid #263238;
	background: #263238
}

[data-theme=dark] .post-comments .v .vbtn:active,
[data-theme=dark] .post-comments .v .vbtn:hover {
	color: hsla(0, 0%, 100%, .8);
	border-color: #000;
	background-color: #000
}

[data-theme=dark] .post-comments .v .vempty {
	color: #999
}

[data-theme=dark] .post-comments .v .vlist .vcard .vimg {
	border: 1px solid hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick {
	color: #1abc9c
}

[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:before {
	background: #1abc9c
}

[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vnick:hover {
	color: #d7191a
}

[data-theme=dark] .post-comments .v .vlist .vcard .vhead .vsys {
	background: #000;
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .post-comments .v .vlist .vcard .vh {
	border-bottom: 1px dashed #000
}

[data-theme=dark] .post-comments .v .vlist .vcard .vh .vtime {
	color: #b3b3b3
}

[data-theme=dark] .post-comments .v .vlist .vcard .vh .vmeta .vat {
	color: #ef2f11
}

[data-theme=dark] .post-comments .v .vlist .vcard .vcontent {
	color: #4a4a4a
}

[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:before {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9))
}

[data-theme=dark] .post-comments .v .vlist .vcard .vcontent.expand:after {
	color: hsla(0, 0%, 100%, .5);
	background: #000
}

[data-theme=dark] .post-comments .v .vlist .vcard .vquote {
	color: hsla(0, 0%, 100%, .5);
	border-left: 1px dashed #000
}

[data-theme=dark] .post-comments .v .vcards .vcard .vh {
	border-color: #000
}

[data-theme=dark] .post-comments .v .vcards .vcard .vquote {
	border-color: #000
}

[data-theme=dark] .post-comments .v .vcards .vcard .vcontent {
	color: #4a4a4a
}

[data-theme=dark] .post-comments .v .vcards .vcard .vcontent.expand:before {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9))
}

[data-theme=dark] .post-comments .v .vcards .vcard .vcontent.expand:after {
	color: hsla(0, 0%, 100%, .5);
	background: #000
}

.page.custom-archive-template .archive-page {
	padding: 0 1rem
}

.page.custom-archive-template .archive-page-title {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1rem
}

.page.custom-archive-template .archive-page .timeline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.page.custom-archive-template .archive-page .timeline .timeline-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	position: relative;
	margin-left: 2em;
	padding-bottom: 2em
}

.page.custom-archive-template .archive-page .timeline .timeline-item:before {
	content: "";
	background-color: #b9b8b3;
	display: block;
	width: 1px;
	height: 200%;
	position: absolute;
	top: 0
}

@media only screen and (max-width:640px) {
	.page.custom-archive-template .archive-page .timeline .timeline-item:before {
		height: 150%
	}
}

.page.custom-archive-template .archive-page .timeline .timeline-item:last-child:before {
	height: 1.5rem
}

.page.custom-archive-template .archive-page .timeline .timeline-item .timeline-marker {
	position: absolute;
	background: #b9b8b3;
	border: 1px solid #b9b8b3;
	border-radius: 100%;
	content: "";
	display: block;
	height: 12px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 1.2rem;
	width: 12px
}

.page.custom-archive-template .archive-page .timeline .timeline-content {
	margin-left: 1rem;
	margin-top: 1em;
	width: 100%
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	text-decoration: none;
	padding: 0;
	width: 100%
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left {
	width: 100%;
	padding: 1.25rem
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left time {
	font-size: .8rem;
	color: #212529;
	font-weight: 700
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left .card-title {
	margin: .5rem 0 .8rem
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left .card-text {
	color: #212529
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20rem;
	flex: 0 0 20rem
}

.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-right .card-img-right {
	width: 100%;
	height: 100%
}

@media only screen and (max-width:640px) {
	.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-right {
		display: none
	}
}

@media(prefers-color-scheme:dark) {
	.page.custom-archive-template .archive-page .timeline .timeline-content {
		background-color: #263238
	}

	.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left .card-text,
	.page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left time {
		color: hsla(0, 0%, 100%, .5)
	}
}

[data-theme=dark] .page.custom-archive-template .archive-page .timeline .timeline-content {
	background-color: #263238
}

[data-theme=dark] .page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left time {
	color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .page.custom-archive-template .archive-page .timeline .timeline-content .card-body .media-left .card-text {
	color: hsla(0, 0%, 100%, .5)
}

.page.custom-links-template ul {
	list-style: none;
	margin-right: -15px;
	margin-left: -15px
}

.page.custom-links-template ul li {
	text-align: center;
	padding-right: 15px;
	padding-left: 15px
}

.page.custom-links-template ul li .links-item-wrapper {
	padding: 1.5rem 0;
	-webkit-transition: all .25s ease 0ms;
	transition: all .25s ease 0ms
}

.page.custom-links-template ul li .links-item-wrapper:hover {
	-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25) !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25) !important
}

.page.custom-links-template ul li .links-item-wrapper-header-avatar {
	border-radius: 50%;
	width: 5rem
}

.page.custom-links-template ul li .links-item-wrapper-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.page.custom-links-template ul li .links-item-wrapper-content-name {
	margin-top: .5rem
}

.page.custom-links-template ul li .links-item-wrapper-content-name a:hover {
	color: #1abc9c;
	text-decoration: none
}

.template-about-me {
	display: none
}

.custom-about-template {
	margin-top: 0
}

.custom-about-template .about-me-home {
	margin-bottom: 2rem;
	width: 100%;
	height: 100vh;
	background: linear-gradient(45deg, #e91e63, #9c27b0)
}

.custom-about-template .about-me-home .blue {
	color: #29b6f6
}

.custom-about-template .about-me-home .green {
	color: #9ccc65
}

.custom-about-template .about-me-home .purple {
	color: #ba68c8
}

.custom-about-template .about-me-home .cyan {
	color: #4dd0e1
}

.custom-about-template .about-me-home .red {
	color: #ef5350
}

.custom-about-template .about-me-home .about-me {
	position: relative;
	height: 15rem;
	-webkit-perspective: 150rem;
	perspective: 150rem;
	cursor: auto;
	-webkit-box-flex: initial;
	-ms-flex: initial;
	flex: initial
}

.custom-about-template .about-me-home .about-me__side {
	height: 15rem;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 3px;
	overflow: hidden;
	-webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .4);
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .4)
}

.custom-about-template .about-me-home .about-me__side--front {
	background-color: #1c1c1c;
	z-index: 1
}

.custom-about-template .about-me-home .about-me__side--back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: #1c1c1c;
	z-index: 0
}

.custom-about-template .about-me-home .about-me__cont {
	height: 15rem;
	background-color: #1c1c1c;
	color: #fff;
	font-family: Consolas, Lucida Console, monospace;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.custom-about-template .about-me-home .about-me__cta {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%;
	color: #fff
}

.custom-about-template .about-me-home .about-me__cta p {
	margin: 0;
	font-family: Consolas, Lucida Console, monospace
}

.custom-about-template .about-me-home .about-me__cta p>.space {
	margin-left: 2rem
}

.custom-about-template .about-me-home .about-me:hover .about-me__side--front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	z-index: 0
}

.custom-about-template .about-me-home .about-me:hover .about-me__side--back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 1
}

@media(prefers-color-scheme:dark) {
	.about-me-home {
		background: linear-gradient(45deg, #000, #263238)
	}
}

[data-theme=dark] .about-me-home {
	background: linear-gradient(45deg, #000, #263238)
}

.template-error-404 .error-message {
	height: 75vh
}

.template-error-404 .error-message .error-code {
	font-size: 50px;
	display: inline-block;
	padding-right: 12px;
	-webkit-animation: type .5s infinite alternate;
	animation: type .5s infinite alternate
}

.template-error-404 .error-message .error-link {
	color: #1abc9c
}

@-webkit-keyframes type {
	0% {
		-webkit-box-shadow: inset -3px 0 0;
		box-shadow: inset -3px 0 0
	}

	to {
		-webkit-box-shadow: inset -3px 0 0 transparent;
		box-shadow: inset -3px 0 0 transparent
	}
}

@keyframes type {
	0% {
		-webkit-box-shadow: inset -3px 0 0;
		box-shadow: inset -3px 0 0
	}

	to {
		-webkit-box-shadow: inset -3px 0 0 transparent;
		box-shadow: inset -3px 0 0 transparent
	}
}