@media (max-width: 1023px) {

	#app {
		padding-bottom: 5em;
	}

}

@media (min-width: 1024px) {

	body {
		background: url(img/bg/bg-desktop.jpg) no-repeat center center / cover;
	}

	.result-hero:before {
		content: "";
		position: absolute;
		z-index: 1;
		inset: 0;
		border-radius: inherit;
		padding: 3px;
		background: linear-gradient(90deg, #52D0E8 0%, #6C91FB 100%);
		-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		pointer-events: none;
	}

}