/* minimalistic media player plugin for HFS
 * https://github.com/SanokKule/min-media-player */

.mmp-play {
	font-size: .7em;
	padding: .25em;
	padding-right: .3em;
	margin-left: .2em;
	vertical-align: text-bottom;
}
.cant-open > .mmp-play {
    display: none;
}
.mmp-close {
	font-size: .7em;
	margin: .4em;
	padding: .5em;
}
.mmp {
	position: fixed;
	display: none;
	max-height: 100vh;
	max-width: 100vw;
	gap: .2em;
	inset: 0px;
	align-items: center;
	justify-content: center;
	padding: 0;
	flex-direction: column;
	text-align: center;
	z-index: 4;
}
.mmp-media {
	object-fit: contain;
	max-width: 95vw;
	max-height: 90vh;
	inline-size: -webkit-fill-available;
	inline-size: -moz-available;
	outline: 0!important;
}
.mmp-title {
	color: var(--button-text);
	padding: .5em 0em .5em .5em;
	vertical-align: middle;
	text-shadow: 1px 1px 4px rgb(0 0 0 / 70%);
}
.mmp-close-div {
	display: flex;
	backdrop-filter: blur(2px);
    position: fixed;
    height: 100dvh;
    width: 100dvw;
    z-index: -1;
}
:root .theme-dark .mmp-close-div {
	background: rgba(51,51,51,.7333333333);
}

#mmp-audio {
	flex-direction: row;
	backdrop-filter: blur(2px);
	top: unset;
	bottom: 3em;
	left: auto;
	right: auto;
	width: 100%;
	max-width: 49.6em;
	margin-left: .2em;
	margin-right: .2em;
	border-radius: .3em;
	box-shadow: 0 0 .3em .3em #0003;
}
:root .theme-dark #mmp-audio {
	background: rgba(51,51,51,.7333333333);
}
img.mmp-media {
	width: auto;
	height: auto;
	flex-grow: 1;
	flex-shrink: 1;
}
@media (max-width: 1200px) {
	#mmp-audio {
		bottom: 2.45em;
		flex-direction: column;
	}
}
audio.mmp-media {
	padding-left: 2px;
	inline-size: revert;
}
@media (max-width: 1200px) {
	audio.mmp-media {
		width: 100%;
	}
}
#mmp-video > .mmp-controls,
#mmp-image > .mmp-controls {
    backdrop-filter: brightness(0.8);
    border-radius: 0.3em;
}