@font-face {
	font-display: swap;
	font-family: 'ys';
	font-weight: 300;
	font-style: italic;
	src: url('/yastatic/s3/home/fonts/ys/4/text-light-italic.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'ys';
	font-weight: 400;
	font-style: normal;
	src: url('/yastatic/s3/home/fonts/ys/4/text-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'ys';
	font-weight: 400;
	font-style: italic;
	src: url('/yastatic/s3/home/fonts/ys/4/text-regular-italic.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'ys';
	font-weight: 500;
	font-style: normal;
	src: url('/yastatic/s3/home/fonts/ys/4/text-medium.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'ys';
	font-weight: 700;
	font-style: normal;
	src: url('/yastatic/s3/home/fonts/ys/4/text-bold.woff2') format('woff2');
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	/* outline: 1px solid #f00; */
}

:root {
	--col-white: #fff;
	--col-grey: #b9b6b3;
	--col-black: #000;
	--col-red: #d00;
	--col-green: #696;
	--col-blue: #008cf1;
	--col-lightblue: #b6e0fe;
	--col-yellow: #fc3;

	--col-block: #f6f3f0;
	--col-term: #e6e3e0;
	--col-over: #dfdcd9;
	--col-border: #cfccc9;

	--size-font: 16px;
	--width: min(790px, calc(100% - 2rem));
	--width-block: min(calc(790px + 4rem), calc(100% - 2rem));

	@media (max-width: 700px) {
		--size-font: 15px;
	}

	@media (max-width: 400px) {
		--size-font: 14px;
	}
}

html {
	font-weight: 400;
	font-family: 'ys', sans-serif;
	font-size: var(--size-font);

	#rs-root {
		font-size: 1rem;
		line-height: 1.5rem;

		background-color: var(--col-white);
		color: var(--col-black);

		position: relative;

		a {
			color: var(--col-blue);

			&:hover {
				text-decoration: none;
			}
		}

		.rs-column {
			display: flex;
			flex-flow: column;
			gap: 1.5rem;
		}

		.rs-author {
			font-style: italic;
		}

		.rs-button {
			user-select: none;

			cursor: pointer;
			font-family: inherit;
			font-size: inherit;

			background-color: var(--col-black);
			color: var(--col-white);
			border: none;
			border-radius: .5rem;

			margin: 0 auto;
			padding: .5rem 1rem;

			&:active {
				transform: translateY(2px);
			}

			&:disabled {
				cursor: initial;
				opacity: .25;

				&:active {
					transform: none;
				}
			}
		}

		.rs-quote {
			background-position: top 1rem left 1rem;
			background-repeat: no-repeat;
			background-size: 140px 186px;

			display: flex;
			flex-flow: column;
			gap: 1.5rem;
			padding: 3rem 3rem 3rem calc(140px + 2rem);

			@media (max-width: 700px) {
				background-image: none !important;
				padding: 2rem;
			}

			@media (max-width: 400px) {
				background-image: none !important;
				padding: 1rem;
			}

			&.rs-right {
				background-position: top 1rem right 1rem;

				padding: 3rem calc(140px + 2rem) 3rem 3rem;

				@media (max-width: 700px) {
					background-image: none !important;
					padding: 2rem;
				}

				@media (max-width: 400px) {
					background-image: none !important;
					padding: 1rem;
				}
			}

			.rs-quote-text {
				font-family: 'georgia', serif;
				font-size: 1.2rem;
				line-height: 1.8rem;

				.rs-sample {
					color: var(--col-white);
					background-color: var(--col-blue);
					border-radius: .5rem;
					padding: 0 .5rem .15rem .5rem;
				}
			}

			.rs-quote-source {
				font-size: .875rem;
				line-height: 1rem;
			}
		}
	}
}

.rs-storyline {
	padding: 6rem 0 3rem 0;
}

.rs-cover__skip {
	cursor: pointer;

	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23bbb' stroke-width='2' fill='none' stroke-linecap='round' d='M15 1 L15 29 M5 19 L15 29 L25 19'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border: none;

	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%, 0);
	animation: direct .5s ease-out infinite alternate;
}

@keyframes direct {
	0% { transform: translate(-50%, 0); }
	100% { transform: translate(-50%, -10px); }
}

.rs-wrapper {
	background-color: var(--col-block);
	border-radius: 1rem;

	overflow: hidden;
	width: var(--width-block);
	margin: 3rem auto;
	padding: 2rem;

	&:has(.rs-start),
	&:has(.rs-finish) {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 854 48'%3E%3Cline stroke='%23008cf1' x1='0' y1='24' x2='854' y2='24'/%3E%3Cline stroke='%23c33' x1='100' x2='100' y2='48'/%3E%3C/svg%3E");
		background-position: center left;
		background-size: 100%;
		background-repeat: repeat-y;
	}

	&.rs-cover {
		background-color: var(--col-white);
		border-radius: 0;

		position: relative;
		width: 100%;
		margin: 0;
		padding: 0 0 30px 0;
	}

	@media (max-width: 700px) {
		border-radius: 0;
		width: 100%;
		padding: 2rem 1rem;
	}
}

.rs-cover-desktop {
	user-select: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	padding: 2rem;

	&:hover {
		figure {
			transition: rotate 0.1s linear;

			&.rs-right {
				.rs-img {
					scale: -1 1;
				}
			}
		}
	}

	figure {
		pointer-events: none;
		flex: 1 1 100px;
		margin-bottom: -1rem;
		transition: rotate 0.5s ease;

		&.rs-flip {
			scale: -1 1;
		}
	}
}

.rs-figure {
	position: relative;
	width: 100%;
	height: auto;

	.rs-img {
		mask-repeat: no-repeat;
		mask-position: top center;
		mask-size: 100% auto;

		img {
			mix-blend-mode: screen;
			display: block;
			width: 100%;
			height: auto;
		}
	}

	figcaption {
		font-size: 1rem;
		line-height: 1.25rem;
		margin-top: -1.25rem;

		@media (max-width: 700px) {
			margin-top: -1.75rem;
		}

		@media (max-width: 400px) {
			margin-top: -2rem;
		}
	}
}

.rs-cover-mobile {
	user-select: none;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	padding: 1rem;

	@media (max-width: 600px) {
		grid-template-columns: repeat(4, 1fr);
	}

	figure {
		pointer-events: none;
		flex: 1 1 100px;
		margin-bottom: -1rem;
	}
}

.rs-text {
	width: var(--width);
	margin: 1.5rem auto;

	.rs-wrapper & {
		width: 100%;
		margin: 0;
	}
}

.rs-title {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 2.5rem;
	text-wrap: balance;

	margin: 6rem auto 3rem auto;
}

.rs-subtitle-2 {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-wrap: balance;

	margin: 4.5rem auto 1.5rem auto;
}

.rs-subtitle-3 {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-wrap: balance;

	margin: 3rem auto 1.5rem auto;
}

.rs-source,
.rs-cast em {
	color: var(--col-black);
	opacity: .35;
}

.rs-term {
	font-weight: 700;
}

.rs-lead {
	font-style: italic;
}

.rs-description {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-style: italic;
	opacity: .35;
}

.rs-copyright {
	font-size: 0.6rem;
	line-height: .75rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
	opacity: .35;
}

.rs-tip {
	cursor: pointer;

	background-color: var(--col-lightblue);
	border-radius: .375rem;

	position: relative;
	padding: 0 .5rem .1rem .5rem;

	&:hover {
		color: var(--col-white);
		background-color: var(--col-blue);
	}
}

.rs-list {
	width: var(--width);
	margin: 1.5rem auto;
	padding: 0 0 0 1rem;
}

.rs-heads {
	counter-reset: rate 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	grid-gap: 2rem 1rem;
	padding: 0;

	@media (max-width: 700px) {
		grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
	}

	@media (max-width: 400px) {
		grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	}

	li {
		font-size: 1rem;
		line-height: 1.25rem;
		text-align: center;

		counter-increment: rate;
		position: relative;
		display: flex;
		flex-flow: column;
		align-items: center;

		&::before {
			content: counter(rate);

			font-size: .875rem;
			line-height: 1rem;

			color: var(--col-white);
			background-color: var(--col-blue);
			border-radius: 50%;

			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 24px;
			height: 24px;
		}

		&::after {
			content: '';

			background-image: none;
			background-position: top center;
			background-size: contain;
			background-repeat: no-repeat;

			position: absolute;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
		}

		&.rs-prank-bunin {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-bunin.png');
				display: block;
			}
		}

		&.rs-prank-pilnak {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-pilnak.png');
				display: block;
			}
		}

		&.rs-prank-paustovsky {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-paustovsky.png');
				display: block;
			}
		}

		&.rs-prank-balmont {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-balmont.png');
				display: block;
			}
		}

		&.rs-prank-prishvin {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-prishvin.png');
				display: block;
			}
		}

		&.rs-prank-bely {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-bely.png');
				display: block;
			}
		}

		&.rs-prank-pasternak {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-pasternak.png');
				display: block;
			}
		}

		&.rs-prank-rozhdestvensky {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-rozhdestvensky.png');
				display: block;
			}
		}

		&.rs-prank-tutchev {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-tutchev.png');
				display: block;
			}
		}

		&.rs-prank-bianki {
			&::after {
				background-image: url('/yastatic/s3/milab/2025/literary-weather/_/prank-bianki.png');
				display: block;
			}
		}
	}
}

.rs-list-terms {
	display: flex;
	flex-flow: row nowrap;
	gap: 1rem;

	.rs-column-left {
		flex: 1 1 25%;
	}

	.rs-column-right {
		border-left: 1px solid var(--col-border);

		flex: 1 1 75%;
		display: flex;
		flex-flow: row;

		.rs-book {
			&::after {
				content: '';

				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 184'%3E%3Cpath d='M105.456 122.05C97.0577 135.872 84.0196 141.963 70.3131 141.963C42.9086 141.963 22.4959 123.039 22.4959 94.6444V93.2408C22.4959 91.9039 22.553 90.6723 22.6397 89.384L140.8 89.5644V0.156153L70.2158 50.1829L0 0V184H140.8V141.961C127.168 141.913 114.757 135.817 105.456 122.05Z M70.3214 126.543C84.123 126.543 92.5719 119.537 93.6865 103.756H43.5259C45.7233 117.966 56.8962 126.543 70.3214 126.543Z M117.239 103.756H168C165.805 117.966 154.019 126.543 140.593 126.543C126.796 126.543 118.349 119.537 117.239 103.756Z' fill='%23000'/%3E%3C/svg%3E%0A");
				background-position: top left;
				background-repeat: no-repeat;
				background-size: contain;

				display: inline-block;
				width: 15px;
				height: 16px;
				margin-left: 5px;
			}
		}
	}

	.rs-list {
		user-select: none;
		align-self: flex-start;
		padding: 0 0 0 2rem;

		li {
			font-size: 1rem;
			line-height: 1.5rem;

			.rs-tip-term {
				cursor: pointer;

				background-color: var(--col-lightblue);
				border-radius: .375rem;
				padding: 0 .5rem .1rem .5rem;

				&:hover {
					color: var(--col-white);
					background-color: var(--col-blue);
				}

				&.active {
					color: var(--col-white);
					background-color: var(--col-blue);
				}
			}
		}
	}

	@media (max-width: 400px) {
		flex-flow: column;

		.rs-column-right {
			border-left: none;

			.rs-quote {
				padding: 1rem 0;
			}
		}

		.rs-list {
			columns: 2;
		}
	}
}

.rs-scatterplot {
	overflow: hidden;

	.rs-legend {
		opacity: .35;
		display: flex;
		flex-flow: row wrap;
		gap: 1rem;
		margin: 0;
		padding: 0;

		li {
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			margin: 0;
			padding: 0;
		}
	}

	svg {
		user-select: none;
		display: block;
	}
}

.rs-scatter-chart {
	color: var(--col-grey);

	circle.point {
		stroke: var(--col-block);
		stroke-width: .5px;

		&:hover {
			transform: scale(2);
		}
	}

	.x-axis {
		.domain {
			marker-start: url(#cold);
			marker-end: url(#hot);
		}
	}

	.y-axis {
		.domain {
			marker-start: url(#clouds);
			marker-end: url(#sun);
		}
	}

	.x-ticks,
	.y-ticks {
		.domain {
			display: none;
		}

		line {
			stroke: var(--col-term);
		}
	}
}

.rs-tooltip {
	pointer-events: none;

	font-size: .875rem;
	line-height: 1rem;

	background-color: var(--col-white);
	border-radius: .375rem;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .25);

	position: absolute;
	top: 0;
	left: 0;
	padding: .125rem .5rem;

	transform: translate(-50%, 0);
}

.rs-switcher {
	.rs-selector {
		user-select: none;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		gap: .5rem;

		.rs-selector-button {
			color: var(--col-black) !important;
			background-color: transparent !important;
			border: 1px solid var(--col-border) !important;

			margin: 0 !important;

			@media (max-width: 700px) {
				padding: .5rem;
			}

			&.active,
			&:hover {
				color: var(--col-white) !important;
				background-color: var(--col-black) !important;
				border: 1px solid var(--col-black) !important;
			}
		}
	}
}

.rs-switcher-chart {
	user-select: none;
	display: block;

	.rs-word {
		text {
			font-size: 1rem;
			text-anchor: middle;

			transform: translate(0, .25rem);
		}
	}

	.rs-tag:hover {
		cursor: pointer;

		rect {
			fill: var(--col-blue);
		}

		text {
			fill: var(--col-white);
		}
	}

	.rs-group {
		&.active {
			rect {
				fill: var(--col-blue);
			}

			text {
				fill: var(--col-white);
			}

			path {
				stroke: var(--col-blue);
				stroke-width: 2px;
			}
		}

		rect {
			fill: var(--col-lightblue);
		}

		text {
			pointer-events: none;
			font-size: 1rem;
			text-anchor: middle;
		}

		path {
			pointer-events: none;
			stroke: var(--col-border);
			stroke-linecap: round;
			fill: none;
		}
	}
}

.rs-start {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	min-height: 400px;

	.rs-test {
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: .1rem;
		text-transform: uppercase;
	}

	.rs-test-title {
		font-weight: 300;
		font-size: 2.5rem;
		line-height: 3rem;
		font-style: italic;
		text-align: center;
		margin: 1.5rem 0;
	}
}

.rs-stage {
	display: flex;
	flex-flow: column;
	gap: .5rem;

	.rs-round {
		text-align: center;
		margin-bottom: 1rem;
	}
}

.rs-fragment {
	box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);

	align-self: center;
	background-color: var(--col-white);
	border-radius: 1rem;

	.rs-hide {
		background-color: var(--col-yellow);
		border-radius: .5rem;
		padding: 0 .5rem .15rem .5rem;

		&.capitalized {
			text-transform: capitalize;
		}

		&.match {
			color: var(--col-white);
			background-color: var(--col-green);
		}

		&.mismatch {
			color: var(--col-white);
			background-color: var(--col-red);
		}

		.rs-quote-source {
			.rs-hide {
				padding: 0 .5rem .1rem .5rem;
			}
		}
	}
}

.rs-answers {
	display: flex;
	flex-flow: column;

	.rs-answer {
		cursor: initial;
		background-color: var(--col-block);
		border-radius: calc(12px + .5rem);

		display: flex;
		flex-flow: row nowrap;
		gap: 1rem;
		padding: .5rem calc(12px + .5rem) .5rem .5rem;

		--color: var(--col-white);
		--border: var(--col-over);
		--icon: none;

		&.selected {
			--color: var(--col-red);
			--border: var(--col-red);
			--icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cline stroke="%23fff" stroke-width="2" x1="6" y1="6" x2="18" y2="18"/%3E%3Cline stroke="%23fff" stroke-width="2" x1="18" y1="6" x2="6" y2="18"/%3E%3C/svg%3E%0A');
		}

		&.match {
			--color: var(--col-border);
			--border: var(--col-border);
			--icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpolyline fill="none" stroke="%23fff" stroke-width="2" points="4,12 10,18 20,8"/%3E%3C/svg%3E%0A');
		}

		&.selected.match {
			--color: var(--col-green);
			--border: var(--col-green);
		}

		&:active:not(.done),
		&:hover:not(.done) {
			cursor: pointer;
			background-color: var(--col-over);
		}

		input[type="radio"] {
			appearance: none;

			background-color: var(--color);
			background-image: var(--icon);
			border: 1px solid var(--border);
			border-radius: 50%;

			flex: 0 0 24px;
			width: 24px;
			height: 24px;
		}

		.rs-variant {
			display: flex;
			flex-flow: row wrap;
			gap: 0 1rem;

			.rs-comment {
				font-style: italic;
				color: var(--color);
			}
		}
	}
}

.rs-question {
	padding: 1rem 3rem;
	min-height: 3.5rem;

	@media (max-width: 700px) {
		padding: 1rem 2rem;
	}

	@media (max-width: 400px) {
		padding: 1rem;
	}
}

.rs-finish {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;

	.rs-finish-banner {
		filter: drop-shadow(0 .5rem 2rem rgba(0, 0, 0, .1));
		width: min(100%, 600px);
		height: auto;
	}

	.rs-share {
		margin: 1.5rem 0;
	}
}

.rs-share {
	list-style: none;
	display: flex;
	flex-flow: row nowrap;
	gap: 1rem;
	justify-content: center;
	width: var(--width);
	margin: 3rem auto;

	li {
		a {
			border-radius: 50%;

			overflow: hidden;
			display: block;
			width: 40px;
			height: 40px;

			&:hover {
				background-color: var(--col-black);
			}

			img {
				mix-blend-mode: difference;
			}
		}
	}
}

.rs-details {
	border-radius: 1rem;

	width: var(--width);
	margin: 3rem auto;

	&[open] {
		summary {
			background-color: var(--col-over);
			border-radius: 1rem 1rem 0 0;

			&::after {
				transform: rotate(45deg);
			}
		}
	}

	summary {
		cursor: pointer;
		user-select: none;

		font-size: 1.125rem;
		font-weight: 500;

		background-color: var(--col-block);
		border-radius: 1rem;

		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		gap: .5rem;
		padding: 1rem 1rem 1rem 2rem;

		@media (max-width: 700px) {
			padding: 1rem;
		}

		&::-webkit-details-marker {
			display: none;
		}

		&::after {
			content: '';

			background-color: var(--col-blue);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' fill='none' stroke-width='2px' d='M12,4v16M4,12h16'/%3E%3C/svg%3E");
			border: 1px solid var(--col-over);
			border-radius: 50%;

			display: block;
			width: 24px;
			height: 24px;
			transition: all .2s ease-in-out;
		}

		&:hover {
			background-color: var(--col-over);
		}
	}

	.rs-content {
		background-color: var(--col-block);
		border-top: 1px solid var(--col-white);
		border-radius: 0 0 1rem 1rem;

		padding: 0 1rem 1rem 1rem;

		@media (max-width: 700px) {
			padding: 0 0 1rem 0;
		}
	}
}

.rs-popup {
	background-color: var(--col-block);
	border: 1px solid var(--col-border);
	border-radius: 1rem;
	box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .25);

	position: absolute;
	max-width: min(650px, calc(100% - 2rem));

	opacity: 0;
	transform: translate(0, calc(-1 * (100% + 20px)));
	transition: all .2s ease;

	&.opened {
		opacity: 1;
		transform: translate(0, calc(-1 * (100% + 10px)));
	}

	.rs-book {
		&::after {
			content: '';

			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 184'%3E%3Cpath d='M105.456 122.05C97.0577 135.872 84.0196 141.963 70.3131 141.963C42.9086 141.963 22.4959 123.039 22.4959 94.6444V93.2408C22.4959 91.9039 22.553 90.6723 22.6397 89.384L140.8 89.5644V0.156153L70.2158 50.1829L0 0V184H140.8V141.961C127.168 141.913 114.757 135.817 105.456 122.05Z M70.3214 126.543C84.123 126.543 92.5719 119.537 93.6865 103.756H43.5259C45.7233 117.966 56.8962 126.543 70.3214 126.543Z M117.239 103.756H168C165.805 117.966 154.019 126.543 140.593 126.543C126.796 126.543 118.349 119.537 117.239 103.756Z' fill='%23000'/%3E%3C/svg%3E%0A");
			background-position: top left;
			background-repeat: no-repeat;
			background-size: contain;

			display: inline-block;
			width: 15px;
			height: 16px;
			margin-left: 5px;
	}
	}

	.rs-button-close {
		cursor: pointer;

		background-color: transparent;
		background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cline stroke="%23000" stroke-width="2" x1="6" y1="6" x2="18" y2="18"/%3E%3Cline stroke="%23000" stroke-width="2" x1="18" y1="6" x2="6" y2="18"/%3E%3C/svg%3E%0A');
		border: none;
		opacity: .25;

		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 24px;
		height: 24px;
		margin: 8px;

		&:hover {
			opacity: 1;
		}
	}
}