/* @font-face {
	font-family: 'roboto';
	font-style: normal;
	font-weight: 400;
	src: local('roboto'), local('roboto-bold'), url(fonts/roboto.woff2) format('woff2'), url(fonts/roboto-bold.woff2) format('woff2');
	font-display: swap;
	} */
:root {
	--tileSize: 0;
	--tileWidth:
	calc((var(--tileSize) + 2) * 24);
	--tileWidthPx:
	calc(var(--tileWidth) * 1px);/*143px;*/
	--tileHeight:
	calc(var(--tileWidthPx) / 2 * 3);
	--linkColor:#0268ff;			/* any */ /*-- light theme */
	--linkColorDark:#67a4ff;	/* any */ /*-- dark theme */
	--textColor:black;
	/* --backgroundColorRGB: rgb(255, 255, 255);
	--backgroundColorFutureRGB:rgb(228, 228, 228);
	--backgroundColorTodayRGB:rgb(213, 243, 208);
	--backgroundColorNewRGB:rgb(255, 252, 239);*/
	--backgroundColorRGB: 255,255,255;
	--backgroundColorFutureRGB:228,228,228;
	--backgroundColorTodayRGB:213,243,208;
	--backgroundColorNewRGB:255,252,239;
	--backgroundColor:
	rgb(var(--backgroundColorRGB));
	--backgroundColorFuture:
	rgb(var(--backgroundColorFutureRGB));
	--backgroundColorToday:
	rgb(var(--backgroundColorTodayRGB));
	--backgroundColorNew:
	rgb(var(--backgroundColorNewRGB));
	--backgroundHover:#67a4ff;
	--movieBackgroundColor:#eee;
	--movieBackgroundColorNew:#eee6d9;
	--movieBorderRadius:0.2em;
	--linksBackgroundColor:
	var(--backgroundColor);
	--dateShadow:0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
	--borderColorToday:#768d73;
	--borderColor:#6060607f;
	--menuBackgroundColor:
	var(--backgroundColor);
	--menuBorderColor:black;
	--starsColor:orange;
	--starsColorBase:#80808080;
	--backdrop:#808080cc;
	--calendarColorNotCurrent:#ddd;
	--shadow:#a0a0a080;
	--borderColorHover:green;
	/* --on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'%3E%3C/path%3E%3C/svg%3E");
	--off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'%3E%3C/path%3E%3C/svg%3E"); */
	color-scheme: light;
	/* background-color: green; */
	color: var(--textColor);
	font-family: "Segoe UI", Arial, Tahoma, Geneva, Verdana, sans-serif;
	fill: var(--textColor);
	--dateSize:1.5em;
	--tileMargin:0.3em;
	--maxCols: 15;
	--listMaxWidth:	calc(var(--cols) * var(--tileWidth));
	--infoHandleHoverOpacity: 0.7;
	--infoLeftColumn:table-cell;
	--infoBorder:#7f7f7f4d;
	--rangeDefaultColor: green;
	--rangeColor: black;
	--rangeShadow: 0 0 1px
	var(--rangeColor), 0 0 1px var(--rangeColor), 0 0 1px var(--rangeColor);
	--rangeDefaultShadow: 0 0 1px
	var(--rangeDefaultColor), 0 0 1px var(--rangeDefaultColor), 0 0 2px var(--rangeColor);
}
:root[theme="Dark"]
{
	color-scheme: dark;
	--linkColor:
	var(--linkColorDark);
	--textColor:#c8c8c8;
	/* --backgroundColorRGB:rgb(18, 18, 18);
	--backgroundColorTodayRGB:rgb(29,58,40);
	--backgroundColorFutureRGB:rgb(38,38,38);
	--backgroundColorNewRGB:rgb(23,21,19);*/
	--backgroundColorRGB:18,18,18;
	--backgroundColorTodayRGB:29,58,40;
	--backgroundColorFutureRGB: 38,43,48;
	--backgroundColorNewRGB: 23,21,19;
	--backgroundColor:
	rgb(var(--backgroundColorRGB));
	--backgroundColorTranslucent:
	rgba(var(--backgroundColorRGB), 0.877);
	--backgroundColorToday:
	rgb(var(--backgroundColorTodayRGB));
	--backgroundColorFuture:
	rgb(var(--backgroundColorFutureRGB));
	--backgroundColorNew:
	rgb(var(--backgroundColorNewRGB));
	--menuBackgroundColorRGB:38,38,38;
	/* --starsColorBase:rgb(128 128 128/0.5); */
	--dateBackground:
	rgba(var(--backgroundColorRGB), 0.627);
	--dateBackgroundToday:
	rgba(var(--backgroundColorTodayRGB), 0.627);
	--dateBackgroundFuture:
	rgba(var(--backgroundColorFutureRGB), 0.627);
	--dateShadow:0 0 2px black, 0 0 2px black, 0 0 2px black;
	--borderColorToday:#325a42;
	--backdrop:#121212cc;
	--shadow:#6b6b6b80;
	--movieBackgroundColor:#1a1a1a;
	--movieBackgroundColorNew:#221f1c;
	--calendarColorNotCurrent:#444444;
	--menuBackgroundColor:rgb(var(--menuBackgroundColorRGB));
	--menuBorderColor: var(--backdrop);
	--linksBackgroundColor:
	var(--backgroundColor);
	--onUrl:
	var(--onDarkUrl);
	--offUrl:
	var(--offDarkUrl);
	--noimageUrl:
	var(--noimageDarkUrl);
	--infoNoimageUrl:
	var(--infoNoimageDarkUrl);
	--searchUrl:
	var(--searchDarkUrl);
	/* --on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:rgb(200, 200, 200)' viewBox='0 0 24 24'%3E%3Cpath d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'%3E%3C/path%3E%3C/svg%3E"); */
	/* --off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:rgb(200, 200, 200)' viewBox='0 0 24 24'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'%3E%3C/path%3E%3C/svg%3E"); */
	--rangeDefaultColor: green;
}
:root[theme="Dark"] fieldset
{
	background-color: darkslategray;
}
/* non-touch devices */
@media (hover: hover) and (pointer: fine)
{
	.infoTable
	{
		--infoHandleHoverOpacity:0.95;
	}
	#tooltip {
		pointer-events: none;
	}
}

@media(max-width: 1711px)
{
	:root
	{
		--tilesPerCol: 1711;
	}
}

@media(max-width: 1557px)
{
	:root
	{
		--listMaxWidth: 1557;
	}
}

@media(max-width: 1403px)
{
	:root
	{
		--listMaxWidth: 1403;
	}
}
@media(max-width: 1249px)
{
	:root
	{
		--listMaxWidth: 1249;
	}
}
@media(max-width: 1095px)
{
	:root
	{
		--listMaxWidth: 1095;
	}
}

@media(max-width: 941px)
{
	:root
	{
		--listMaxWidth: 941;
	}
}

@media(max-width: 787px)
{
	:root
	{
		--listMaxWidth: 787;
	}
}

@media(max-width: 633px)
{
	:root
	{
		--listMaxWidth: 633;
	}
}

@media(max-width: 479px)
{
	:root
	{
		--listMaxWidth: 479;
		--infoLeftColumn:none;
	}
}

@media(max-width: 325px)
{
	:root
	{
		--listMaxWidth: 325;
		--dateSize:1em;
	}
}

:root
{
	--maxWidth:
	calc((var(--tileWidthPx) + var(--tileMargin) * 2) * (var(--listMaxWidth) / var(--tileWidth)) + var(--tileMargin) * 2);
	--maxWidthList:
	min(var(--maxWidth), calc((var(--tileWidthPx) + var(--tileMargin) * 2) * var(--cols) + var(--tileMargin) * 2));
	--minWidthInfo:
	calc((var(--tileWidthPx) + var(--tileMargin) * 2) * 1 + var(--tileMargin) * 2);
	--maxWidthInfo:
	calc((var(--tileWidthPx) + var(--tileMargin) * 2) * var(--cols) + var(--tileMargin) * 2);
}


#list .future
{
	--backgroundColor:
	var(--backgroundColorFuture);
	--movieBackgroundColor:
	var(--backgroundColorFuture);
	--backgroundColorRGB:
	var(--backgroundColorFutureRGB);
	/* opacity: 0.5; */
}

/* #list .future:hover
{
	opacity: 1;
} */

/* #list .new
{
	--backgroundColor:var(--backgroundColorNew);
	--backgroundColorRGB:var(--backgroundColorNewRGB);
	--movieBackgroundColor:var(--backgroundColorNew);
} */

#list .new::after
{
	content: "NEW";
	font-size: 0.5em;
	font-weight: bold;
	font-family: system-ui;
	background-color: #ffd07b;
	color: black;
	border: 1px solid var(--borderColor);
	border-radius: 0.3em;
	position: absolute;
	padding: 0 0.2em;
	left: 0.5em;
	line-height: 1em;
	top: -0.6em;
}

#list .today
{
	box-shadow: 0 0 10px 0px var(--borderColorToday);
	--backgroundColor:var(--backgroundColorToday);
	--backgroundColorRGB:var(--backgroundColorTodayRGB);
	--movieBackgroundColor:var(--backgroundColorToday);
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body
{
	font-family: sans-serif;
	/* font-size: 100%; */
	text-align: center;
	line-height: 1.42857143;
	/* color: var(--textColor); */
	background-color: var(--backgroundColor);
	margin: 0;
}

h1
{
	font-weight: bold;
	line-height: 1.1;
}

/*
.movie:first-of-type
{
	margin-left: 10px;
}
.movie:last-of-type
{
	margin-right: 10px;
}
*/
/* .year:last-child > .month:last-child > .day:last-child #links::after */
#list:last-child > .month:last-child > .day:last-child #links::after
{
	content: "";
	display: block;
	height: 1em;
	width: 100%;
	position: absolute;
	pointer-events: none;;
}

.movie
{
	/* width: var(--tileWidth); */
	min-width: var(--tileWidthPx);
	max-width: var(--tileWidthPx);
	margin: var(--tileMargin);
	text-align: center;
	outline: 1px solid var(--borderColor);
	display: inline-table;
	position: relative;
	background-color: var(--movieBackgroundColor);
	transition: transform 0.3s;
	border-radius: var(--movieBorderRadius);
	font-size: calc(var(--tileSize) * 2.7px + 5.3px);
	--linksBackgroundColor:	var(--movieBackgroundColor)
}

.movie.new
{
	/* background-color: var(--movieBackgroundColorNew); */
	--linksBackgroundColor:
	var(--movieBackgroundColorNew)
}

/* .days
{
	max-width: 738px;
} */
/* .day */
/* .day:first-of-type:last-of-type
{
		border-bottom-width: 1px;
} */

.day:not(:first-of-type) {
	margin-top: -1px;
		/* border-top-width: 1px; */
}

.day {
	background-color: var(--backgroundColor);
	border: 1px dotted rgb(128 128 128/0.5);
	padding: 0.4em 0.2em 0.2em 0.2em;
	/* border-bottom-width: 1px; */
}

.day[data-title]:not([data-title=""])::before
{
	content: attr(data-title);
	font-size: var(--dateSize);
	font-weight: bold;
	display: block;
	position: sticky;
	top: -0.2em;
	z-index: 1;
	text-align: center;
	height: 1.3em;
	background: linear-gradient(var(--backgroundColor), rgba(var(--backgroundColorRGB), 0.98) 25%, rgba(var(--backgroundColorRGB), 0.8) 50%, transparent);
	padding: 0 0 1.5em;
	white-space: nowrap;
	margin: 0em 0 0.5em 0;
	text-shadow: var(--dateShadow);
}

#list.head .day[data-title]:not([data-title=""])::before
{
	position: unset;
}

#list.head .day > [data-title]:not([data-title=""])::before
{
	content: attr(data-title);
	font-size: 0.9em;
}

#list > a + div > .date
{
	margin-top: 20px;
}

.poster
{
	display: block;
	height: var(--tileHeight);
	-webkit-user-select: none;
	user-select: none;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: zoom-in;
	padding: 0;
	position: relative;
	overflow: hidden;
	image-rendering: optimizeQuality;
}
.movie .poster
{
	background-size: cover;
}

.movie:hover .poster
{
	background-size: contain;
}
#list:not(.head) > .day > .movie .poster
{
	border-top-left-radius: var(--movieBorderRadius);
	border-top-right-radius: var(--movieBorderRadius);
}

.movie[style^="--img:"] .poster
{
	background-image: var(--img);
}

.movie[style='--img:url("");'] .poster,
.movie[style='--img: url("");'] .poster
{
	/* height: 100%; */
	display: block;
	background-image: var(--noimageUrl);
	background-size: cover;
	background-position-y: 50%;
}

.nameBox
{
	padding: 0.2em;
}

.title
{
	/* text-shadow: 0 0 5px var(--backdrop); */
	padding: 0.2em;
}

#links:empty
{
	height: 0;
}

#links
{
	vertical-align: middle !important;
	display: none;
	position: absolute;
}

#links > a
{
	padding: 0.5em 0.62em;
	/* padding: 0; */
	border-bottom: 0.4em solid transparent;
	display: none;
	position: relative;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	cursor: pointer;
	/* margin-bottom: 0.3em; */
	margin-bottom: -0.2em;
	/* padding: 0.2em; */
	/* border: 0.2em solid transparent; */
	/* margin: 0.1em; */
	line-height: 1em;
}

#info #links > a
{
	margin: 0;
	/* vertical-align: middle; */
	/* line-height: 1em; */
	border-bottom: 0;
}
#dragLink
{
	display: none;
	position:absolute;
	border-radius:15%;
	width:1em;
	height:1em;
	padding:1em;
	margin: 1em;
	overflow:hidden;
	background-color:transparent;
}

#dragLink.link
{
	display: block;
}

#dragLink::before,
#links > a::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	--s:0.2s;
	--f: ease;
	transition: width var(--s) var(--f), height var(--s) var(--f), left var(--s) var(--f), top var(--s) var(--f);
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	/* padding: 0 0.6em; */
}

#links > a.drag::before
{
	outline: 1px dotted var(--borderColor);
	border-radius: 25%;
	background-image: none;
	width: 1em;
	height: 1em;
	text-align: center;
}


#links.drag > a::before,
#links.drag > a:hover::before
{
	transition: none;
}


#links:not(.drag) > a:hover
{
	z-index: 2;
	transform: scale(1);
}

#links:not(.drag) > a:hover::before
{
	top: -25%;
	left: -25%;
	width: 1.8em;
	height: 1.8em;
	z-index: 1;

}

#links > a:hover::before
{
	--f: cubic-bezier(0, 1, .5, 3);
	transition: width var(--s) var(--f), height var(--s) var(--f), left var(--s) var(--f), top var(--s) var(--f);
}

.movie:not(:hover):not(.over):not(.focus):not(:focus):not(:focus-visible) #links
{
	display: none;
}

.movie #links
{
	width: unset;
	padding: unset;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 100%;
	/* border: 1px solid var(--borderColor); */
	box-shadow: 0 0 3px 0 var(--borderColor);
	padding: 0.0em 0.1em 0.1em 0.1em;
	background-color: var(--linksBackgroundColor);
	/* border-radius: 0.3em; */
	border-bottom-left-radius: var(--movieBorderRadius);
	border-bottom-right-radius: var(--movieBorderRadius);
	/* border-top-right-radius: 0; */
	/* border-end-end-radius: 0; */
	/* border-top-left-radius: 50%; */
	/* border-top-right-radius: 50%; */
	/* transform: translateY(-0.3em); */
}
/* #links > a[href]
{
	display: none;
} */

.movie #links::before {
		content: "";
		height: 4px;
		position: absolute;
		background-color: var(--linksBackgroundColor);
		top: -4px;
		left: 0;
		right: 0;
}

#info #links > a:not(.hidden),
.movie.over #links > a:not(.hidden)[r="0"],
.movie.focus #links > a:not(.hidden),
.movie:hover #links > a:not(.hidden)
/* .movie:focus #links > a:not(.hidden),
.movie:focus-visible #links > a:not(.hidden),
.movie:active #links > a:not(.hidden) */
{
	display: inline-block;
}
.movie.over #links,
.movie.focus #links,
/* .movie:hover #links, */
/* .movie:active #links,
.movie:focus #links,
.movie:focus-visible #links, */
.movie.over,
.movie.focus
/* .movie:active,
.movie:focus,
.movie:focus-visible,
.movie:hover */
{
	box-shadow: 0 0 3px 1px var(--borderColorHover);
	outline: 1px solid var(--borderColor);
	/* transform: scale(1.1); */
	/* z-index: 2; */
}
.movie.over #links,
.movie.focus #links
/* .movie:hover #links,
.movie:focus #links,
.movie:focus-visible #links,
.movie:active #links */
{
	border-color: transparent;
	display: block;
	transform: scale(1);
}
/* .movie[data-tooltip="show"] > .poster[data-plot]::before
{
	content: attr(data-plot);
	position: absolute;
	left: var(--x);
	top: var(--y);
	border: 1px solid black;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgb(255 255 255/0.7);
	padding: 0.2em;
	color: black;
	z-index: 1;
	width: max-content;
	white-space: pre-wrap;
	max-width: 20em;
	/* calc(var(--maxWidth) - var(--clientX)); */
/*	height: fit-content;
} */

/* 
.movie #link_refresh {
		position: absolute;
		top: 0em;
		right: calc(16px - 1em);
		padding: 0.2em;
		margin: 0;
		opacity: 0.1;
}
#link_refresh {
		background-color: white;
		border-radius: 100%;
		height: 18px;
		width: 18px;
		opacity: 0.1;
}
#link_refresh:hover {
	opacity: 0.8;
	outline: 0;
}

.movie #link_refresh::before
{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	border-bottom-left-radius: 50%;
} */

.month
{
	display: table;
	width: 100%;
}

/* .year */
#list
{
	text-align: -moz-center;
	/* text-align: -webkit-center; */
	display: inline-block;
	/* border: 1px solid var(--shadow); */
	/* display: inline-table; */
	/* width: 100%; */
	/*	max-width: 922px;*/
	min-width: var(--minWidth);
	max-width: var(--maxWidthList);
	/* max-width: var(--maxWidth); */
	/* display: inline-block; */
	text-align: start;
	border-top: 0;
	border-bottom: 0;
	/* margin-top: 2em; */
}

#list:not(:empty) + #loading
{
	display: none;
}

.movie > *:not(:last-child)
{
	padding: 0.2em;
}

#info[style='--img: url("");'] #infoPoster,
#info[style='--img:url("");'] #infoPoster
{
		height: 0;
		width: 0;
		/* padding: 64px; */
		margin: 5px;
		/* text-indent: -20000px; */
		background-image: var(--infoNoimageUrl);
		/* max-height: 80%; */
		/* max-width: 80%; */
		/* margin-top: 1em; */
		/* padding: 100%; */
		background-size: 100% 50% !important;
		min-height: 136px !important;
		background-position-y: 10% !important;
}

#info[style='--img:url("");'] #infoPoster
{
	background-size: auto;
	background-position: top center;
}
/* #info > .poster.loading > *, */
.movie.loading > :not(.nameBox),
.movie.loading > .nameBox > :not(#links),
.movie.loading #links > *
{
	filter: blur(2px);
	opacity: 0.8;
}

.movie.loading::before
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #4067ae4d;
	z-index: 1;
}

body[data-info=""] > #info > .loading::after
{
	right: 0;
	bottom: 0;
	margin: auto;
}

body.loading::after,
.movie:not(.loading) > .loading::after,
#links > a.loading,
body:not(.loading) #infoPoster.loading::after,
/* body[data-info=""] > #info > .loading::after, */
.movie.loading::after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	min-width: 2em;
	min-height: 2em;
	height: 10%;
	display: inline-block;
	background-image: var(--refreshUrl);
	background-repeat: no-repeat;
	z-index: 3;
	opacity: 0.3;
	max-width: 5em;
	max-height: 5em;
	background-position: center;
}

body.loading::after
{
	position: fixed;
}

body.loading::after,
.movie.loading::after
{
	top: calc(50% - 2.5em);
	left: calc(50% - 2.5em);
}
/* #info > .poster.loading::after
{
	z-index: -1;
} */
/* #info > .poster.loading::after, */
body.loading::after,
body[data-info] > #info.loading #link_refresh,
body[data-info=""] > #info > .loading::after,
.movie.loading::after,
#links > a.loading,
.movie > .loading::after,
#infoPoster.loading::after
{
	animation-name: rotate;
	background-position: center;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

body[data-info] > #info.loading #link_refresh
{
	opacity: 0.8;
}

/* body.loading
{
	overflow: hidden;
	margin-right: 1em;
} */

/* body.loading > *:not(#info)
{
	filter: blur(10px);
} */

body.loading:not([data-info])::before
{
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: var(--backdrop);
	z-index: 2;
}
.navbar
{
	/* float: left; */
	width: initial;
	background-color: transparent;
	position: relative;
	z-index: 2;
	-webkit-user-select: none;
	user-select: none;
}

#menu
{
	z-index: 999999;
	/* max-height: 100%; */
	/* position: absolute; */
	position: fixed;
	top: 0;
	right: 0;
	/* left: 0; */
	margin: 0;
	padding: 0;
	/* text-align: left; */
	/* left: 0; */
	overflow: auto;
	background-color: var(--menuBackgroundColor);
	/* height: -webkit-fill-available; */
	opacity: 0.5;
	max-width: 20em;
	float: right;
}

#menuState
{
	display: none;
}

#menuState:not(:checked) ~ .navbar > #menu > :not(#menuButton)
{
	position: fixed;
	/* display: none; */
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	z-index: -999;
	opacity: 0;
}

/* #menuState:not(:checked) ~ * #menu #menuButton:hover
{
	opacity: 0.5;
} */
#menuState:checked ~ .navbar > #menu > #menuButton
{
	border-width: 0;
	/* position: relative; */
	/* right: 0; */
}
#menuState:not(:checked) ~ .navbar > #menu
{
	background-color: transparent;
}
#menuState:not(:checked) ~ .navbar > #menu:hover
{
	opacity: 0.8;
	/* pointer-events: none; */
	/* background-color: blue; */
	background-color: var(--menuBackgroundColor);
}

body[data-info] > #menu
{
	display: none;
}

#menuState:checked ~ .navbar > #menu
{
	border: 1px solid var(--shadow);
	/* background-color: white; */
	/* box-shadow: 0 0 10px var(--shadow); */
	opacity: 1;
}
/* #menuState:checked ~ .navbar > #search
{
	display: none;
} */

#menu > *
{
	padding: 0 0.5em 0.5em 0.5em;
	/* background-color: var(--menuBackgroundColor); */
}

#menuButton
{
	/* cursor: pointer; */
	/* width: 1.1em; */
	/* height: 1em; */
	margin: 0;
	padding: 0;
	display: table;
	/* padding: 0.1em; */
	/* padding-bottom: 0; */
	/* opacity: 0.5; */
	line-height: 0;
	overflow: hidden;
	/* border: 1px solid var(--menuBackgroundColor); */
	/* background-color: var(--menuBackgroundColor); */
	/* border-color: red; */
	float: right;
}

#menuButton > .bars
{
	display: inline-table;
	/* pointer-events: none; */
	/* padding: 5px; */
	/* margin: -5px; */
	cursor: pointer;
	/* background-color: red; */
	/* vertical-align: sub; */
	padding: 0.3em;
	border: 1px solid var(--menuBackgroundColor);
}

/* label.bars {} */

#menuState:checked ~ .navbar > #menu #menuButton
{
	/* width: 100%; */
	/* max-height: 15px; */
	display: inline-table;
}

.bar1, .bar2, .bar3
{
	width: 15px;
	height: 3px;
	background-color: var(--textColor);
	margin: 3px 0;
	padding: 0;
}

/* calendar */
#calendar
{
	display: none;
}

#calendar
{
	/* background-color: var(--backgroundColor); */
	padding: 5px;
	width: 20em;
}
#calendar h4
{
	display: inline-block !important;
	margin-bottom: 0 ;
}

#calendar hr
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.badge {
	padding: 2px;
	border-radius: 20%;
	font-size: 12px;
	color: black;
	background-color: #FFB3B5;
	/* border-radius: 0; */
	min-width: 0;
}

/* .responsive-calendar .day .badge
{
	top: 0;
	right: 0;
}

.responsive-calendar .days > .day
{
	font-size: 16px;
}

.responsive-calendar .day.active a
{
	background-color: #1d86c8;
	color: #ffffff;
}

.responsive-calendar .day.active a:hover
{
	background-color: #36a0e2;
}

.responsive-calendar .day.today a
{
	background-color: #15F315;
	color: #000;
}

.responsive-calendar .day.today.active a:hover
{
	background-color: #FFFA9B;
}

.responsive-calendar .day:not(.active) a
{
	cursor: default;
}

.responsive-calendar .day:not(.active):not(.today) a:hover
{
	background-color: inherit;
} */


#cal-year
{
	width: -moz-fit-content;
	width: fit-content;
	font-size: 0.9em;
	height: 1.5em;
}
#cal-month
{
	font-size: 0.9em;
	width: -moz-fit-content;
	width: fit-content;
	height: 1.5em;
}
.btn
{
	padding: 0.1em 1em;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
}



.pull-right
{
	float: right !important;
}

.btn-primary
{
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

/* .responsive-calendar .controls
{
	text-align: center;
} */

hr
{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
			border-top-width: 0px;
			border-top-style: none;
			border-top-color: currentcolor;
	border-top: 1px solid #eee;
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* .responsive-calendar .day .badge
{
	position: absolute;
	z-index: 1;
} */

.badge
{
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

select,
input
{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	font: inherit;
	color: inherit;
	/* display: block; */
	/* vertical-align: middle; */
}

.pull-left
{
	float: left;
}

.pull-right
{
	float: right;
}

/* calendar end */

/* options start */
#options
{
	/* display: grid; */
	/* max-width: 210px; */
	text-align: center;
	width: 100%;
}

#options > *
{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2.8fr;
	column-gap: 0.5em;
	margin: 0.3em 0;
	justify-items: start;
}
#options > * > input
{
	width: 100%;
	display: table-cell;
	position: relative;
}
#options > * > input[type="checkbox"]
{
	width: unset;
}

#options > * > label
{
	/* display: table-cell; */
	/* width: unset; */
	/* vertical-align: top; */
	/* text-align: start; */
	text-align: end;
	width: min-content;
	width: 100%;
}

#options > * > label::after {
    content:  ":";
}

#optionsYear
{
	-webkit-columns: 5;
	-moz-columns: 5;
	columns: 5;
	width: 100%;
	-webkit-column-gap: 0.5em;
	-moz-column-gap: 0.5em;
	column-gap: 0.5em;
	margin: 0;
	padding: 0;
	display: block;
}

#optionsYear > a
{
	cursor: pointer;
	opacity: 0.3;
	display: block;
	line-height: 1.5em;
	font-size: 1em;
	color: var(--textColor);
}

#optionsYear > a.active
{
	opacity: 1;
	cursor: default;
}

#optionsYear > a:not(.active):hover,
#optionsYear > a:not(.active):hover::before
{
	opacity: 0.7;
}

#optionsYear > a::before
{
	content: var(--onUrl);
	display: inline-block;
	width: 1em;
	margin-right: 0.2em;
	vertical-align: middle;
	line-height: 1em;
	/* opacity: 0.1; */
	visibility: hidden;
	font-size: 0.8em;
}

#optionsYear > a.active::before,
#optionsYear > a:not(.active):hover::before
{
	/* content: var(--onUrl); */
	visibility: visible;
}

#optionsYear > a.active::before
{
	opacity: 1;
}

/* options end */

@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}


/* @charset "UTF-8"; */
.ratings
{
	/* display: table; */
	/* margin: 0 auto; */
	/* border-spacing: 1em; */
	/* border-collapse: separate; */
	/* border-width: 0; */
	/* padding: 0; */
	/* height: 1em; */
	/* line-height: 1em; */
	margin-top: 0.5em;
	font-size: 0.6em;
}

.ratings:empty
{
	display: none;
}

:not(#info_rating) > .rating
{
	/* font-size: 0.7em; */
	/* display: none; */
	padding: 0 !important;
	padding-bottom: 0.2em !important;
}

.ratings > *[style="--rating:0;"]
{
	display: none;
}

.stars
{
	position: relative;
	height: 1.0em;
	width: min-content;
	/* font-size: 1.3em; */
	line-height: 0.5em;
	text-align: center;
	margin: auto;
	}
.ratings > *
{
	display: inline-block;
}

.ratings > *::before
{
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-right: 0.3em;
}
.ratings > *::after
{
	content: attr(data-rating);
	line-height: 0.9em;
	/* max-width: 6.1em; */
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/* vertical-align: text-top; */
}
.ratings > *:not(:first-of-type)
{
	margin-left: 0.5em;
}
.stars::before,
.stars::after
{
	content: "\2605\2605\2605\2605\2605\2605\2605\2605\2605\2605";
	color: transparent;
	-webkit-text-stroke: 0.5px var(--starsColorBase);
	height: 100%;
	line-height: 1em;
}

.stars,
.stars::before,
.stars::after
{
	/* font-family: Times; */
	display: block;
	margin: auto;
}
.stars::after {
	position: absolute;
	top: 0;
	/* left: 0; */
	color: var(--starsColor);
	-webkit-text-stroke: 0.5px var(--starsColor);/* var(--starsColor);*/
	width: calc(var(--rating) * 1%);
	overflow: hidden;
}
#info .stars
{
	margin: initial;
	z-index: -1;
}


a
{
	color: var(--linkColor);
	fill: var(--linkColor);
	text-decoration: none;
	transition: transform 0.2s;
}
a:hover
{
	color:var(--linkColorDark);
	fill: var(--linkColorDark);
}
a:not(.poster):hover
{
	/* color: #23527c;
	fill: #23527c; */
	/* transform: scale(1.1);
	z-index: 3;
	position: relative; */
	/* text-shadow: 0 0 2px #23527c; */
	color: var(--linkColorDark);
}

#info
{
	opacity: 0;
	pointer-events: none;
	display: none;
	transition: opacity 0.3s;
	position: fixed;
	/* display: grid; */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	margin: auto;
	z-index: -999;
	align-items: end;
	overflow: hidden;
}

.backdrop
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--backdrop);
	z-index: -1;
	/* opacity: 0.8; */
	/* display:	none; */
}

#infoPoster
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	background-image: var(--img);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}

#infoBox
{
	--infoClosed:1.7em;
	/* display: block; */
	background-color: var(--backgroundColor);
	max-width: min(var(--maxWidthInfo), 100%);
	/* align-self: start; */
	margin: 0 auto 0 auto;
	/* max-height:-webkit-fill-available; */
	/* overflow: auto; */
	z-index: 2;
	/* border: 0.5em solid transparent; */
	box-shadow: 0 0 1em var(--shadow);
	/* max-height: unset; */
	/* left: 0; */
	/* right: 0; */
	/* margin-bottom: 100vh; */
	/* bottom: -100%; */
	/* top: 100vh; */
	/* top: 99%; */
	/* display: table; */
	/* transition: all 0.4s; */
	border-bottom-width: 0;
	overflow: hidden auto;
	/* margin-bottom: -100vh; */
	/* max-height: 0; */
	/* height: 0; */
	/* top: calc(100% - var(--infoClosed)); */
	/* bottom: -100%; */
	opacity: 0.4;
	bottom: 0;
	border-radius: 0;
	gap: var(--infoClosed);
	border-top-left-radius: var(--movieBorderRadius);
	border-top-right-radius: var(--movieBorderRadius);
}
.infoTable
{
	border-collapse: collapse;
	width: 100%;
}

#infoState:checked ~ #info > #infoBox
{
	background-color: transparent;
	box-shadow: none;
	border-radius: 200%;
}
#infoBox::before
{
	content: "";
	width: 20em;
	height: 100%;
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: -1;
	transition: border-top-left-radius 0.2s, border-top-right-radius 0.2s;
}

#info .ratings
{
	margin-bottom: 0 !important;
	margin-left: 0.2em;
}

#infoState:checked ~ #info > #infoBox::before
{
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: var(--backgroundColor);
	box-shadow: 0 0 1em var(--shadow);
}


#infoState:not(:checked) ~ #info > #infoBox
{
	/* bottom: var(--y);
	top: unset;
	margin-bottom: 0;
	max-height: 100vh;
	*/
	outline: 0.1em solid var(--infoBorder);
	opacity: 0.5;
}
#infoBox > .infoTable th
{
	overflow: hidden;
	position: sticky;
	top: 0;
	/* background-color: var(--backgroundColorTranslucent); */
	padding: 0;
	z-index: 2;
}
#info .handle
{
	/* max-width: var(--maxWidthList); */
	/* position: sticky; */
	/* top: 0; */
	/* width: 100%; */
	height: 1.2em;
	/* line-height: 1.2em; */
	/* position: relative; */
	/* bottom: 1em; */
	/* background-color: red; */
	/* background-color: black; */
	/* left: 0; */
	/* right: 0; */
	/* z-index: 3; */
	/* display: inline-block; */
	/* display: inline-block; */
	/* line-height: 1.5em; */
	-webkit-user-select: none;
	user-select: none;
	/* vertical-align: middle; */
	cursor: pointer;
	/* padding: 0.5em; */
	/* border-bottom: 1px dotted rgb(127 127 127/0.3); */
	/* opacity: 0.5; */
	/* font-size: 1.5em; */
	/* width: 100%; */
	/* left: 0; */
	/* right: 0; */
	/* background-color: var(--backgroundColor); */
	font-weight: bold;
	/* font-family: auto; */
	font-family: serif;
	transform: scale(2,1);
	font-size: 1.3em;
	/* margin: auto; */
	display: block;
	/* z-index: 2; */
	/* background-color: rebeccapurple; */
}
#infoState:checked ~ #info > #infoBox
{
	/* position: fixed; */
	/* bottom: 0; */
	/* right: 0; */
	/* left: 0; */
	height: var(--infoClosed);
	overflow: hidden;
}

#infoState:not(:checked) ~ #info > #infoBox.drag,
#infoState:not(:checked) ~ #info > #infoBox.moved
{
	position: fixed;
	height: var(--h);
	left: 50%;
	transform:translateX(-50%);
	width: max-content;
}


#infoState:checked ~ #info > #infoBox:not(.drag):hover,
#infoBox:not(.drag) .handle:hover
{
	/* background-color: var(--backgroundColor); */
	opacity: var(--infoHandleHoverOpacity);
}

#infoBox.drag,
#infoBox.drag .handle,
#infoState:not(:checked) ~ #info > #infoBox 
{
	opacity: 0.95;
}
#infoBox.drag,
#infoBox.drag *
{
	cursor: grabbing;
}

#infoBox.drag
{
	transition: border-top-left-radius 0.2s, border-top-right-radius 0.2s;
}

#info_rating > .rating
{
	font-size: 1.7em;
	padding-left: 0.15em !important;
}
#infoTbody
{
	min-width: max(var(--minWidthInfo), 100%);
	/* border: 0.3em solid transparent; */
	/* border-collapse: collapse; */
	border-top: 0;
	max-height: 10%;
}
#info_plot div
{
	max-height: 10em;
	overflow: auto;
}

#infoState:not(:checked) ~ #info #infoBox:not(.up) .handle
{
	transform: rotate(180deg) scale(2,1);
	/* overflow: hidden; */
}
#infoState:not(:checked) ~ #info th
{
	background: linear-gradient(var(--backgroundColor), var(--backgroundColorTranslucent), transparent 130%);
}

#infoBox.up .handle,
#infoState:checked ~ #info .handle
{
	/* position: fixed; */
	/* bottom: 0; */
	height: 1.2em;
	line-height: 1.7em;
	/* margin-top: -1px; */
	/* font-size: 1.3em; */
	/* width: 100%; */
	/* display: inline-block; */
	/* left: 0; */
	/* right: 0; */
}

#infoState:checked ~ #info tr:not(:first-child)
{
	visibility: hidden;
}

#infoTbody tr
{
	/* display: table-row; */
	/* max-height: 1em; */
	/* border: 10px solid transparent; */
	padding: 1em;
}

/* #infoTbody td span
{
} */

#infoTbody tr:not(:first-child)
{
	border-bottom: 1px solid var(--infoBorder);
	/* border-left: 0.5em solid transparent; */
	/* border-right: 0.5em solid transparent; */
	border-collapse: separate;
	/* border: 1em solid red; */
}

#infoTbody tr:last-child
{
	border-bottom-width: 0;
}

#infoTbody td:first-child
{
	text-align: end;
	padding-right: 1em;
	white-space: nowrap;
	font-weight: bold;
	padding: 0.2em 0.5em 0.2em 0.5em;
	/* max-width: var(--infoLeftColumn); */
	/* overflow: hidden; */
	display: var(--infoLeftColumn);
	vertical-align: top;
}

#infoTbody td:last-child
{
	text-align: start;
	overflow-wrap: normal;
	max-width: 60%;
	vertical-align: middle;
	/* border-bottom: 1px dotted grey; */
	position: relative;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#info #links
{
	position: unset;
	left: -0.15em;
	/* vertical-align: bottom !important; */
	margin: -0.15em;
	display: block;
	/* line-height: 100%; */
	/* height: 100%; */
}

.close
{
	display: none;
	width: 1.5em;
	height: 1.5em;
	position: fixed;
	top: 0.2em;
	right: 0.2em;
	line-height: 1.5em;
	font-size: 1.5em;
	font-family: monospace;
	cursor: pointer;
	color: black;
	font-weight: bold;
	--outline-color: rgb(255 255 255/0.3);
	text-shadow: 0 0 0 var(--outline-color), 0 -1px 0 var(--outline-color), -1px 0 0 var(--outline-color), 0 1px 0 var(--outline-color), 1px 0 0 var(--outline-color);
	z-index: 2;
	/* -webkit-text-stroke: 1px black; */
	/* -webkit-text-fill-color: white; */
}

.close:hover
{
	background-color: rgb(128 128 128/0.5);
}

/* .close::before
{
	content: "\00d7";
} */

body[data-info]
{
	overflow: hidden;
	padding-right: 15px;
}
body[data-info] > #info
{
	pointer-events: all;
	opacity: 1;
	display: grid;
	z-index: 2;
	/* overflow: auto; */
}

body[data-info] > #info > .close
{
	display: initial;
}

body[data-info=""] > #info > :not(.backdrop):not(.loading)
{
	display: none !important;
}

body[data-info=""] > #info > .loading
{
	display: block;
	width: 10em;
	height: 10em;
	margin: auto;
	position: relative;
}

body[data-info] > :not(#info):not(#menu)
{
	filter: blur(10px);
}

#tooltip
{
	/* display: none; */
	opacity: 0;
	top: 0;
	position: absolute;
	border: 1px solid black;
	/* -webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); */
	background-color: rgb(127 127 127/1);
	padding: 0.2em;
	color: black;
	/* z-index: 2; */
	width: auto;
	white-space: pre-wrap;
	max-width: 20em;
	/* calc(var(--maxWidth) - var(--clientX)); */
	height: auto;
	/* transition: opacity 0.5s, backdrop-filter 0.5s, -webkit-backdrop-filter 0.5s, background-color 0.5s; */
	transition: opacity .5s, background-color .5s;
	/* --x:-100vh; */
	/* --y:-100vh; */
	z-index: -1;
}

/* #tooltip[style]
{
	display: block;
} */


body:not([data-info]) > #tooltip[style]:not(:empty)
{
	left: var(--x);
	top: var(--y);
	/* display: block; */
	opacity: 1;
	z-index: 2;
}

#info_fetched,
#info_updated
{
		opacity: 0.3;
		font-size: 0.8em;
}
#info_fetched td,
#info_updated td
{
	/* line-height: 1.5em; */
	vertical-align: bottom !important;
	padding-bottom: 0 !important;
	/* height: 1.5em; */
}
#info_fetched td:first-child,
#info_updated td:first-child
{
	padding-right: 1.2em;
}
/* #info_fetched td:first-child,
#info_updated td:first-child
{
} */
#info_fetched > :first-child,
#info_updated > :first-child
{
	font-weight: inherit;
}
#infoTbody .hidden,
.hidden
{
	display: none;
}

svg
{
	max-width: 1em;
	max-height: 1em;
}
#search
{
	position: fixed;
	top: 0.5em;
	right: 2em;
	opacity: 0.5;
	--speed: 0.2s;
	transition: height var(--speed), opacity var(--speed), width var(--speed), border var(--speed), top var(--speed), background var(--speed);
	/* border-radius: 0.5em !important; */
	width: 1.1em;
	height: 1.1em;
	z-index: 2;
	color: transparent !important;
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
	overflow: hidden;
	outline: 0;
	border: 1px solid transparent;
	background-color: transparent !important;
	background-image: var(--searchUrl) !important;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 1em;
}
#search:not(:hover):not(:focus)::spelling-error,
#search:not(:hover):not(:focus)::-moz-selection,
#search:not(:hover):not(:focus)::selection
{
	color: transparent;
	/* color: red;
	background-color: green;
	opacity: 0.1; */
}

#search:focus,
#search:hover
/* .search:hover */
{
	/* max-width: 20em; */
	border-color: var(--borderColor);
	height: 2em;
	/* line-height: 2em; */
	opacity: 1;
	width: 20em;
	background-color: field !important;
	padding: 0 1.2em 0 0.5em;
	color: unset !important;
	border-radius: 0.5em;
	top: 1px;
}
/* input + label
{
	vertical-align: text-top;
} */
input[disabled] + label
{
	opacity: 0.5;
}

input[type="range"].default::before
{
	--rangeShadow: var(--rangeDefaultShadow);
}
input[type="range"]::before
{
    text-shadow: var(--rangeShadow), var(--rangeShadow), var(--rangeShadow);
    position: absolute;
    text-align: center;
    width: 1.2em;
    font-size: 0.6em;
    line-height: 2.3em;
    color: white;
}
#cols::before {
    content: attr(data-value);
    left: calc((var(--cols) - 3) * 5.42% + 1.0%);
}

#size::before {
    content: attr(data-value);
    left: calc(var(--tileSize) * 6.58% + 1%);
}

body.loading .calendar > *,
.disabled
{

	pointer-events: none;
	opacity: 0.0;
	filter:saturate(0);

}
body.loading .calendar > *
{
	opacity: 0.5;
}

.calendar > *
{
	border: none;
	outline: none;
	background-color: var(--backgroundColor);
	cursor: pointer;
	color: var(--textColor);
	vertical-align: middle;
	height: 1.5em;
}

.calendar > *:hover
{
	background-color: var(--menuBackgroundColor);
}

#calCur
{
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
}

#calPrev,
#calNext
{
	width: 2em;
	display: inline-block;
}
#calPrev::before,
#calNext::before
{
	content: "";
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	border: solid var(--textColor);
	border-width: 0 3px 3px 0;
	padding: 3px;
	transform: rotate(135deg);
	margin-left: 0.2em;
}

#calNext::before
{
	transform: rotate(-45deg);	
	margin-left: -0.2em;
}

.calendar > select > option
{
	background-color: var(--menuBackgroundColor);
}