.lepalag-hidden {
	display: none !important;
}

.lepalag-block-container {
	height: 500px;
	max-height: 500px;
}

.lepalag-block-container > .lepalag-block {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	box-sizing: border-box;
	height: inherit;
	max-height: inherit;

	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.lepalag-block-container > .lepalag-block > .lepalag-reviews {
	min-height: 0;
	flex-shrink: 1;

	display: flex;
	gap: 1.5em;
	/* hide last reviews if they take too much space */
	flex-wrap: wrap;
	overflow: hidden;
	transition: opacity .1s;
}

.lepalag-block-container > .lepalag-block > .lepalag-reviews.lepalag-loading {
	opacity: .5;
}

/*.lepalag-block-container > .lepalag-block > .lepalag-reviews > a {
	flex: 1;
	min-width: 200px;
	height: 100%;

	color: inherit !important;
	text-decoration: none !important;
}

.lepalag-block-container > .lepalag-block > .lepalag-reviews > a > .lepalag-review {
	border-radius: 2em;
	border: #0008 solid 1px;
	padding: 1em;
	display: flex;
	flex-direction: column;
	height: 100%;
}*/

.lepalag-block-container > .lepalag-block > .lepalag-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 1em;
	align-items: end;
	padding-left: 1em;
	padding-right: 1em;
}

.lepalag-place {
	display: flex;
	flex-direction: row;
	gap: 0 1em;
	align-items: center;
	flex-wrap: wrap;

	text-wrap: nowrap;
}

.lepalag-block-container > .lepalag-block > .lepalag-header > .lepalag-randombutton {
	aspect-ratio: 1/1;
	font-size: 1.8em;
	line-height: 0;

	display: flex;
	align-items: center;
	padding: 0 .25em 0 .15em;
	position: relative;
	top: .3em;

	border-radius: 100%;
	transition: background .1s;
	background: #0000;
}

.lepalag-place > * {
	margin: 0;
}

.lepalag-place > img.lepalag-place-googlelogo {
	height: 1.8em;
}

.lepalag-place > .lepalag-place-name {
	font-weight: bolder;
}

.lepalag-place > .lepalag-place-n {
	opacity: .8;
}

.lepalag-block-container > .lepalag-block > .lepalag-header > .lepalag-randombutton:hover,
.lepalag-block-container > .lepalag-block > .lepalag-header > .lepalag-randombutton:focus {
	background: #0002;
}

.lepalag-block-container > .lepalag-block > .lepalag-header > .lepalag-randombutton:active {
	background: #0004;
}

.lepalag-block-container > .lepalag-block > .lepalag-reviews > .lepalag-review {
	flex: 1;
	min-width: 250px;
	height: 100%;
}

.lepalag-review {
	border-radius: 2em;
	border: #0008 solid 2px;

	padding: 1em;
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: .5em;

	background: #fec; /*TODO?*/
	line-height: 1.4 !important;
}

.lepalag-review p {
	margin: 0 !important;
}

.lepalag-review > .lepalag-review-head {
	display: flex;
	flex-direction: row;
	gap: .2em 1em;
	flex-wrap: wrap;
}

.lepalag-review > .lepalag-review-head > * {
	text-wrap: no-wrap;
}

.lepalag-review > .lepalag-review-head > .lepalag-review-author {
	font-weight: bold;
}

.lepalag-review > .lepalag-review-content {
	flex: 1;

	overflow: scroll;
}

.lepalag-review > .lepalag-review-link {
	text-align: right;
}

.lepalag-stars-stars {
	display: inline-flex;

	--color-staryes: #ea0;
	--color-starno: #aaa;
	color: #0000;
	background: linear-gradient(to right,
		var(--color-staryes) var(--value-perc),
		var(--color-starno) var(--value-perc)
	);
	background-clip: text !important;
}

.lepalag-stars-stars.lepalag-wow {
	--color-staryes-up: #ee0;
	--color-staryes-down: #fb0;
	--color-starno: #ddd;
	background: linear-gradient(to right,
		#0000 var(--value-perc),
		var(--color-starno) var(--value-perc)
	), linear-gradient(to bottom,
		var(--color-staryes-up),
		var(--color-staryes-down)
	);
}

.lepalag-stars > .lepalag-stars-text {
	display: inline-block;
	opacity: .8;
}*/*/