.gif {
	text-align: center;
}

h1 {
	text-align: center;
	margin: 24px auto;
}

.description {
	text-align: center;
	margin-top: 16px;
	font-family: var(--body-regular-xl-ff);
	font-size: var(--body-regular-xl-fs);
	font-weight: var(--body-regular-xl-fw);
	line-height: var(--body-regular-xl-lh);
	text-rendering: var(--body-regular-xl-tr);
	letter-spacing: var(--body-regular-xl-ls);
}

.redirect {
	text-align: center;
	margin-top: 24px;
}

.redirect a {
	font-family: var(--body-regular-m-ff);
	font-size: var(--body-regular-m-fs);
	font-weight: var(--body-bold-m-fw);
	line-height: var(--body-regular-m-lh);
	text-rendering: var(--body-regular-m-tr);
	letter-spacing: var(--body-regular-m-ls);
	color: var(--color-carbone);
}

.gif {
	position: relative;
}

.circle-mask {
	-webkit-mask-image: url("../../../images/components/circle-brush/circle-brush-mask-fuun8Vs.svg");
	mask-image: url("../../../images/components/circle-brush/circle-brush-mask-fuun8Vs.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 180px;
	position: relative;
	z-index: 1;
}

.circle-mask img {
	width: auto;
	height: 180px;
}

.brush-bg {
	mask: url("../../../images/components/background-brush/background-brush-mask-Le2Kvry.svg");
	mask-repeat: no-repeat;
	background-color: var(--color-eggshell);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	mask-position: center;
	height: 180px;
}

nav#breadcrumb {
	padding-bottom: 20px;
}

@media screen and (min-width: 720px) {
	h1 {
		font-family: var(--display-s-ff);
		font-size: var(--display-s-fs);
		font-weight: var(--display-s-fw);
		line-height: var(--display-s-lh);
		text-rendering: var(--display-s-tr);
		letter-spacing: var(--display-s-ls);
	}

	nav#breadcrumb {
		padding-bottom: 0px;
	}
}