aside.right .advertise-on-psyll {
	display: block;
	padding: var(--margin);
	position: sticky;
	top: 0;
}
aside.right .advertise-on-psyll .inner {
	display: block;
	width: 300px;
	height: 400px;
	background: var(--background);
	border-radius: var(--border-radius);
	border: var(--border);
	position: relative;
	overflow: hidden;
	background: linear-gradient(-45deg, #ffffff, #eeeeee, #ffffff, #eeeeee);
}
html.dark aside.right .advertise-on-psyll .inner {
	background: linear-gradient(-45deg, #000000, #141414, #000000, #141414);
}
aside.right .advertise-on-psyll .partner {
	color: var(--color);
	font-weight: 600;
	position: absolute;
	top: 92px;
	left: 45px;
}
aside.right .advertise-on-psyll .partner .line1 {
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
aside.right .advertise-on-psyll .partner .line2 {
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
	background: var(--color);
	color: black;
	display: inline-block;
	padding: 5px 8px;
	border-radius: var(--border-radius);
}
aside.right .advertise-on-psyll .main-text {
	color: var(--color);
	font-weight: 600;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 45px;
}
aside.right .advertise-on-psyll .main-text .line1 {
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
aside.right .advertise-on-psyll .main-text .line2 {
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	position: relative;
}
aside.right .advertise-on-psyll .main-text .line2:before {
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-ms-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
	content: "";
	height: 100%;
	display: block;
	background: black;
	position: absolute;
	top: 0;
	left: -5px;
	z-index: -1;
	width: 0;
	border-radius: var(--border-radius)
}
aside.right .advertise-on-psyll .inner:hover .main-text .line2:before {
	width: calc(100% + 10px);
}
html.dark aside.right .advertise-on-psyll .main-text .line2:before {
	background: white;
}
aside.right .advertise-on-psyll .main-text span {
	color: var(--font-color);
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}
aside.right .advertise-on-psyll .inner:hover .main-text span {
	color: white;
}
html.dark aside.right .advertise-on-psyll .inner:hover .main-text span {
	color: black;
}
aside.right .advertise-on-psyll .circle-top {
	width: 300px;
	height: 300px;
	border: 3px dashed var(--color);
	top: -150px;
	position: absolute;
	right: -200px;
	border-radius: 50%;
	opacity: 0.5;
	animation: circleTopAnimation 100s linear infinite;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
aside.right .advertise-on-psyll .inner:hover .circle-top {
	opacity: 1;
}
aside.right .advertise-on-psyll .circle-bottom {
	width: 300px;
	height: 300px;
	border: 6px dashed var(--color);
	bottom: -250px;
	position: absolute;
	left: -130px;
	border-radius: 50%;
	opacity: 0.5;
	animation: circleBottomAnimation 100s linear infinite;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
aside.right .advertise-on-psyll .inner:hover .circle-bottom {
	opacity: 1;
}
aside.right .advertise-on-psyll .blocks {
	color: var(--color);
	font-weight: 600;
	position: absolute;
	bottom: 107px;
	left: 45px;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: var(--margin);
}
aside.right .advertise-on-psyll .blocks .line1 {
	color: var(--font-color);
}
aside.right .advertise-on-psyll .blocks .line2 {
	font-size: 20px;
	line-height: 20px;
	border-bottom: 1px dashed var(--color);
	display: inline;
}
@media all and (max-width: 960px) {
	aside.right .advertise-on-psyll .inner {
		width: 100%;
		text-align: center;
		height: 200px;
	}
	aside.right .advertise-on-psyll .partner {
		left: 0;
		right: 0;
		top: 30px;
	}
	aside.right .advertise-on-psyll .main-text {
		left: 0;
		right: 0;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}
	aside.right .advertise-on-psyll .blocks {
		display: none;
		right: 0;
		width: 231px;
		margin: auto;
		text-align: le;
	}
}
@media all and (max-width: 540px) {
	aside.right .advertise-on-psyll .circle-top {
		right: -240px;
	}
	aside.right .advertise-on-psyll .circle-bottom {
		left: -200px;
	}
}
@keyframes circleBottomAnimation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes circleTopAnimation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}