.header{
	position: fixed;
	display: flex;
	flex-direction: row;
	width: 100%;
	box-sizing: border-box;
	overflow: clip;
	height: 32px;
	left: 0;
	top: 0;
	padding-inline: 24px;
	padding-block: 0px;
	align-items: center;
	z-index: 10;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(24px) saturate(1.5);
	& .title{
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		color: black;
		letter-spacing: .2px;
		padding: 0px 8px;
	}
	& a{
		font-weight: 400;
		font-size: 14px;
		line-height: 32px;
		color: black;
		text-decoration: none;
		letter-spacing: .2px;
		padding: 0px 8px;
		height: 32px;
		box-sizing: border-box;
		transition: none;
		position: relative;
		border-radius: 8px;
		transition: background 0.1s;
	}
	& a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	& .pad{
		flex:1;
	}
	& .material-symbols-outlined{
		margin: 0px 8px;
	}
	& p#time{
		font-size: 14px;
		margin-left: 8px;
		letter-spacing: .2px;
	}
	& .loader {
		width: 24px;
		height: 24px;
		position: relative;
		margin-right: 8px;
		border-radius: 50%;
		box-sizing: border-box;
		background: rgba(0,0,0,.2);
		mask-image: radial-gradient(circle, transparent 8px, black 9px, black 15px, transparent 16px);
		overflow: hidden;
		& .progress {
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: conic-gradient(from 0deg at 50% 50%, #000000 var(--scrollProgress), rgba(0, 0, 0, 0) var(--scrollProgress) 360deg);
		}
	}
}