/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 4.6.6
 *
 * Mdj View: Archive
 */

#archive {}




#archive__header {
	position: fixed;
	top: calc( var( --header-height, 0px ) + 0.25em );
	left: 0px;
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 900;

	pointer-events: none;
}

#archive__header + .page {
	margin-top: calc( var( --header-height ) - var( --v-sp ) );
}



#archive-switch {
	--font-color: var( --glass-color );
	--background-color: var( --glass-background );
	--box-vertical-padding: var( --cc-vertical-padding );
	--box-horizontal-padding: var( --cc-horizontal-padding );
	--icon-size: 1.3em;

	margin: 0;
	border-radius: 0.5em;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 0;
}

	#archive-switch__select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;

		padding: var( --cc-vertical-padding ) calc( var( --cc-horizontal-padding ) + var( --icon-size ) ) calc( var( --cc-vertical-padding ) * 0.95 ) var( --cc-horizontal-padding );
		margin-right: calc( var( --cc-horizontal-padding ) * -1 - var( --icon-size ) );
		background: transparent;

		pointer-events: all;
		cursor: pointer;
	}

	#archive-switch__select-icon {
		width: var( --icon-size );
		text-align: right;

		pointer-events: none;
		padding-right: var( --cc-horizontal-padding );
		box-sizing: content-box;
	}