@keyframes es-panel-in {
	from {
		opacity: 0;
		transform: translateY(0.75em);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#es-panel {
	position: fixed;
	right: 1.5em;
	bottom: 1.5em;
	left: auto;
	max-width: 22em;
	background: rgba(36, 41, 67, 0.96);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	color: rgba(255, 255, 255, 0.9);
	padding: 1.25em 1.4em;
	border-radius: 1em;
	z-index: 25000;
	box-shadow: 0 0.75em 2.5em rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);
	font-size: 0.8em;
	line-height: 1.6;
	animation: es-panel-in 0.45s ease;
}

	#es-panel p {
		margin: 0 0 1em 0;
	}

	#es-panel a {
		color: #53e3fb;
		text-decoration: none;
		border-bottom: 1px solid rgba(83, 227, 251, 0.4);
	}

		#es-panel a:hover {
			border-bottom-color: #53e3fb;
		}

	.es-panel-actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		gap: 0.6em;
		justify-content: flex-end;
	}

		/* Reset globalnych stylow przyciskow z main.css (height/letter-spacing/uppercase itd.),
		   ktore inaczej biją sie z tym maly, pigulkowym designem */
		.es-panel-actions button {
			-moz-appearance: none;
			-webkit-appearance: none;
			-ms-appearance: none;
			appearance: none;
			box-sizing: border-box;
			border: none;
			border-radius: 2em;
			height: auto;
			line-height: 1.3;
			letter-spacing: normal;
			text-transform: none;
			white-space: nowrap;
			padding: 0.6em 1.3em;
			margin: 0;
			cursor: pointer;
			font-weight: 500;
			font-size: 0.95em;
			font-family: inherit;
			transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
		}

		#es-panel-yes,
		#es-panel-yes:hover,
		#es-panel-yes:active {
			box-shadow: none;
		}

		#es-panel-yes {
			background: #53e3fb;
			color: #242943;
		}

			#es-panel-yes:hover {
				background: #9bf1ff;
				color: #242943;
				transform: translateY(-1px);
			}

			#es-panel-yes:active {
				background: #53e3fb;
				color: #242943;
				transform: translateY(0);
			}

		#es-panel-no {
			background: transparent;
			color: rgba(255, 255, 255, 0.6);
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
		}

			#es-panel-no:hover {
				color: #ffffff;
				background: transparent;
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
			}

			#es-panel-no:active {
				color: #ffffff;
				background: transparent;
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
			}

	@media screen and (max-width: 480px) {

		#es-panel {
			left: 1em;
			right: 1em;
			bottom: 1em;
			max-width: none;
			padding: 1.1em 1.25em;
		}

	}