#mainHolder {
	position: relative;
}
#refsheetLink {
	position: absolute;
	top: 0;
	left: 0;
	filter: drop-shadow(0 0 0 white) drop-shadow(.25em .25em .25em rgb(73, 0, 70));
	transition: filter .5s;
	text-decoration: none;
	&:hover {
		filter: drop-shadow(0 0 .3em white) drop-shadow(.35em .35em .25em rgb(73, 0, 70));
	}
}
#refsheetVideo {
	width: 10em;
}

#pollImg {
	display: block;
	margin: auto;
	user-select: none;
}
#headpatArea#headpatArea  {
	cursor: grab;
	&:active {
		cursor: grabbing;
	}
}
#pollMap area {
	cursor: pointer;
}

#pollForm:not([hidden]) {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5em;
}
#pollReason {
	resize: none;
	position: relative;
	z-index: 10;
}

@property --dance-hue {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}
@keyframes hueRotate {
	from {
		--dance-hue: 0;
	}
	to {
		--dance-hue: 360;
	}
}
.dance {
	height: min(15em, 30vw);
	translate: 0 .5em;
	animation: hueRotate 5s linear infinite;
	filter: drop-shadow(.25em .25em .25em hsla(calc(var(--dance-hue) * 1deg), 100%, 50%, 0.5));
	cursor: grab;
	user-select: none;
	&:active {
		cursor: grabbing;
	}
}
.leftDance {
	float: left;
	margin-left: 2em;
	transform: scaleX(-1);
	--x-offset: -.25em;
}
.rightDance {
	float: right;
	margin-right: 2em;
	--x-offset: .25em;
}