/*******************************
 * main area
 ******************************/

#uploads .card .handle {
	cursor: move !important;
}

#my-uploads .filepond--list-scroller {
	margin-top: 18px;
}


/*******************************
 * Playlist
*******************************/


.ui.form.topic .editable input {
	padding: 0.2em;
	margin-right: 0.2em;
	width: calc(100% - 92px) !important;
}

.will-toggle {
	display: none;
}

#lib-toggle {
	margin: 1em 0.5em;
}

#lib-toggle > .button {
	margin-right: 0.5em;
}


/*******************************
 * Fotorama
*******************************/

.fotorama {
	height: 100%;
}

.fotorama__img {
	left: 0 !important;
}

.fotorama__nav {
	text-align: left;
	margin-left: 2px;
}

.fotorama__thumb-border {
	border-radius: 6px;
}

.fotorama__thumb {
	border-radius: 6px;
}

.fotorama__nav-wrap {
	position: absolute;
	bottom: 12px;
	left: 2px;
	width: calc(100% - 8px);
	transition: opacity 0.3s ease;
}

.fotorama__nav-wrap.fotorama__nav-outside {
	bottom: -76px;
}

.fotorama__wrap--no-controls .fotorama__nav-wrap:not(.fotorama__nav-outside) {
	opacity: 0;
}

.fotorama--fullscreen .fotorama__nav {
	background: unset;
}

.fotorama--fullscreen .fotorama__nav img {
	object-fit: cover;
}

.fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__stage__shaft, .fotorama--fullscreen .fotorama__img {
	width: 100% !important;
	height: 100% !important;
}

.fotorama__logo {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	/*opacity: 0.4;*/
	display: none;
}

.fotorama--fullscreen .fotorama__logo {
	display: block;
}

.fotorama--fullscreen .fotorama__logo img {
	height: 100px;
}

.fotorama {
	--fs-enter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 0 26)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 36 0)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 18 13)' /%3E%3C/svg%3E");
	--fs-exit-icon:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='-1 -2 40 30' fill='none' stroke-width='2' stroke='white' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath id='FS' d='M1 9V1h12' transform='translate(22 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(-1 0 0 1 13 17)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='rotate(180 6.5 4.5)' /%3E%3Cpath id='FS' d='M1 9V1h12' transform='matrix(1 0 0 -1 22 9)' /%3E%3C/svg%3E");
	--arr-next-icon: url("./img/btn_next.svg");
	--arr-next-hover-icon: url("./img/btn_next_hover.svg");
	--arr-prev-icon: url("./img/btn_prev.svg");
	--arr-prev-hover-icon: url("./img/btn_prev_hover.svg");
	--arr-scale: scale(0.59);
}

.fotorama__fullscreen-icon {
/*
	background-image: var(--fs-enter-icon);
	background-position: unset;
*/
	content: var(--fs-enter-icon);
	filter: invert(40%);
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
/*
	background-image: var(--fs-exit-icon);
	background-position: unset;
*/
	content: var(--fs-exit-icon);
	filter: invert(40%);
}

.fotorama__arr {
	width: 40px;
	height: 40px;
}

.fotorama__arr--next {
	content: var(--arr-next-icon);
}

.fotorama__arr--next:hover {
	content: var(--arr-next-hover-icon);
}

.fotorama__arr--prev {
	content: var(--arr-prev-icon);
}

.fotorama__arr--prev:hover {
	content: var(--arr-prev-hover-icon);
}

.fotorama--fullscreen .fotorama__logo .ui.logo.image {
	max-width: unset;
	max-height: unset;
}