@charset "UTF-8";

.timeline-band-0 .timeline-ether-bg {
	background-color: white; /*#efece6;*/
}
.timeline-band-1 .timeline-ether-bg {
	background-color: #f3f3f3; /* #dddbd6;*/
}
.timeline-band-2 .timeline-ether-bg {
	background-color: #e3e3e3; /*#cdcac4;*/
}
 #yma-timeline {
	border: 1px solid #aaa;
 	color:black;
 	font-size:90%;
}
 #timeline-band-0, #timeline-band-1 {
	cursor: grab;
}
 #timeline-band-0:active, #timeline-band-1:active {
	cursor: grabbing;
 	user-select:none !important;
}
 .timeline-event-icon img {
	max-height: 30px;
}
 #timeline-band-0 div.timeline-event-label {
	margin-left: 22px;
}
 #timeline-band-0 div.timeline-event-label.cicon {
	margin-left: 2px;
}
 .timeline-band-layer-inner div.timeline-event-label:hover {
	background:#eee
}
 .timeline-event-tape:hover {
	cursor: default;
}
 #timeline-band-0 div.timeline-event-label:hover {
	background:#ccc;
}
 .timeline-event-bubble-image {
	max-width: 120px;
}
 .timeline-event-bubble-body {
	font-size: 95%;
}
 .timeline-band-2 .timeline-event-tape {
 	background-color: var(--bg-dark);	/*#998179;*/
}
 .timeline-band-2 .timeline-event-tape.pub {
 	background-color: var(--bg-s-basic);	/*#998179;*/
}
.timeline-event-icon img {
	box-shadow:-1px 1px 1px rgba(140, 140, 140, 0.7);
}
.timeline-event-icon.cicon img {
	box-shadow: none;
}
 div .timeline-event-bubble-time {
	color: black;
}
 #genres {
	margin-top: 1em;
}
 #genres label {
	min-width: 4em;
 	display: inline-block;
 	margin-right: 1em;
}
 #genres label span {
	font-size: 60%;
 	margin-right: 4px;
 	vertical-align: middle;
}
 #genres input[type=button] {
	margin-left: 1em; width: 5em;
}
.timeline-band-0 .timeline-date-label,
.timeline-band-1 .timeline-date-label {
	width: 6em;
}
.timeline-date-label span {
	font-size: 75%;
}
.timeline-band-0 .timeline-date-label span {
	color: #888;
}

.timeline-date-label span:before {
	content:" (";
	color: silver;
}
.timeline-date-label span:after {
	content:")";
	color: silver;
}
.timeline-band-2 .timeline-date-label {
	color: #777;
}
body{
	--eva-ga1: hsl(from var(--ev-ga1) h s l / 0.5);
	--eva-ga2: hsl(from var(--ev-ga2) h s l / 0.5);
	--eva-ga3: hsl(from var(--ev-ga3) h s l / 0.5);
	--eva-ga4: hsl(from var(--ev-ga4) h s l / 0.5);
	--eva-gc1: hsl(from var(--ev-gc1) h s l / 0.5);
	--eva-gc2: hsl(from var(--ev-gc2) h s l / 0.5);
	--eva-gc3: hsl(from var(--ev-gc3) h s l / 0.5);
	--eva-gc4: hsl(from var(--ev-gc4) h s l / 0.5);
	--eva-gw0: hsl(from var(--ev-gw0) h s l / 0.5);
	--eva-gw1: hsl(from var(--ev-gw1) h s l / 0.5);
	--eva-gw2: hsl(from var(--ev-gw2) h s l / 0.5);
	--eva-gw3: hsl(from var(--ev-gw3) h s l / 0.5);
	--eva-gw4: hsl(from var(--ev-gw4) h s l / 0.5);
	--eva-gw5: hsl(from var(--ev-gw5) h s l / 0.5);
	--ev-thres: 150px;
}
.tape-ga1 {
	background: linear-gradient(to right, var(--ev-ga1) 0%, var(--eva-ga1) var(--ev-thres), var(--eva-ga1) calc(100% - var(--ev-thres)), var(--ev-ga1) 100%);
}
.tape-ga2 {
	background: linear-gradient(to right, var(--ev-ga2) 0%, var(--eva-ga2) var(--ev-thres), var(--eva-ga2) calc(100% - var(--ev-thres)), var(--ev-ga2) 100%);
}
.tape-ga3 {
	background: linear-gradient(to right, var(--ev-ga3) 0%, var(--eva-ga3) var(--ev-thres), var(--eva-ga3) calc(100% - var(--ev-thres)), var(--ev-ga3) 100%);
}
.tape-ga4 {
	background: linear-gradient(to right, var(--ev-ga4) 0%, var(--eva-ga4) var(--ev-thres), var(--eva-ga4) calc(100% - var(--ev-thres)), var(--ev-ga4) 100%);
}
.tape-gc1 {
	background: linear-gradient(to right, var(--ev-gc1) 0%, var(--eva-gc1) var(--ev-thres), var(--eva-gc1) calc(100% - var(--ev-thres)), var(--ev-gc1) 100%);
}
.tape-gc2 {
	background: linear-gradient(to right, var(--ev-gc2) 0%, var(--eva-gc2) var(--ev-thres), var(--eva-gc2) calc(100% - var(--ev-thres)), var(--ev-gc2) 100%);
}
.tape-gc3 {
	background: linear-gradient(to right, var(--ev-gc3) 0%, var(--eva-gc3) var(--ev-thres), var(--eva-gc3) calc(100% - var(--ev-thres)), var(--ev-gc3) 100%);
}
.tape-gc4 {
	background: linear-gradient(to right, var(--ev-gc4) 0%, var(--eva-gc4) var(--ev-thres), var(--eva-gc4) calc(100% - var(--ev-thres)), var(--ev-gc4) 100%);
}
.tape-gw0 {
	background: linear-gradient(to right, var(--ev-gw0) 0%, var(--eva-gw0) var(--ev-thres), var(--eva-gw0) calc(100% - var(--ev-thres)), var(--ev-gw0) 100%);
}
.tape-gw1 {
	background: linear-gradient(to right, var(--ev-gw1) 0%, var(--eva-gw1) var(--ev-thres), var(--eva-gw1) calc(100% - var(--ev-thres)), var(--ev-gw1) 100%);
}
.tape-gw2 {
	background: linear-gradient(to right, var(--ev-gw2) 0%, var(--eva-gw2) var(--ev-thres), var(--eva-gw2) calc(100% - var(--ev-thres)), var(--ev-gw2) 100%);
}
.tape-gw3 {
	background: linear-gradient(to right, var(--ev-gw3) 0%, var(--eva-gw3) var(--ev-thres), var(--eva-gw3) calc(100% - var(--ev-thres)), var(--ev-gw3) 100%);
}
.tape-gw4 {
	background: linear-gradient(to right, var(--ev-gw4) 0%, var(--eva-gw4) var(--ev-thres), var(--eva-gw4) calc(100% - var(--ev-thres)), var(--ev-gw4) 100%);
}
.tape-gw5 {
	background: linear-gradient(to right, var(--ev-gw5) 0%, var(--eva-gw5) var(--ev-thres), var(--eva-gw5) calc(100% - var(--ev-thres)), var(--ev-gw5) 100%);
}

.billboard {
	position: absolute;
	left: 10px;
	width: 1.6em;
	writing-mode: tb-rl;
	padding: 0.2em;
	color: white;
	text-align: center;
	letter-spacing: 2px;
	z-index: 100;
}
.billboard.books {
	background: #5c6082;
}
.billboard.events {
	background: #5a6061;
}