@import './shared.css';

:host {
	--paper-title-size:      1em;
	--paper-author-size:     0.85em;
	--paper-author-colour:   #444;
	--paper-presenter-size:  0.8em;
	--paper-presenter-colour:#888;
	display: block;
	margin: 0.4em 0;
}

div {
	display: flex;
	align-items: baseline;
}

div > span:first-child {
	width: var(--tab-time);
	white-space: nowrap;
	flex-shrink: 0;
	color: #444;
}

div > div {
	display: flex;
	flex-direction: column;
	gap: 0.15em;
	padding-left: calc(var(--tab-slot) - var(--tab-time));
}

::slotted([slot="title"]) {
	font-size: var(--paper-title-size);
}

::slotted([slot="authors"]) {
	font-size: var(--paper-author-size);
	color: var(--paper-author-colour);
}

::slotted([slot="presenter"]) {
	font-size: var(--paper-presenter-size);
	color: var(--paper-presenter-colour);
}