#photon-taskbar {
    width: calc(100% - 2vw);
    height: 50px;
    position: fixed;
    bottom: 1vw;
    left: 1vw;
    display: flex;
    color: #ffffff;
    z-index: 2010;
    /* border: 0.5px solid #665f58; */
    justify-self: center;
    border-radius: 50px;
    justify-content: space-between;
	transition: all 0.25s;
}

body:has(.photon-window.maximized) #photon-taskbar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	transition: all 0.25s;
}

#photon-start-orb {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("/resources/logo.svg");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 5px;
	cursor: pointer;
}

#photon-start-orb,
.photon-taskbar-time {
	background-color: color-mix(in srgb, var(--color-bg) 30%, transparent);
}

#photon-taskbar .photon-taskbar-item {
    display: inline-block;
    width: 40px;
    height: 40px;
    /* border-radius: 50%; */
    margin: 5px;
	/* background-image: radial-gradient(ellipse farthest-side at center bottom, color-mix(in srgb, var(--color-accent) 50%, transparent), rgba(0, 0, 0, 0) 20%); */

	&.open::after {
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		position: relative;
		bottom: 1px;
		border-radius: 1em;
		background-color: color-mix(in srgb, var(--color-accent) 80%, transparent);
	}

	.photon-taskbar-item-inner {
		width: 100%;
		height: 100%;
		background-image: url("/resources/macwindow.svg");
		background-size: 24px;
		background-position: center;
		background-repeat: no-repeat;
	}
}

.photon-taskbar-time {
    flex: 1;
    justify-self: flex-end;
    text-align: right;
    align-self: center;
    padding-inline: 15px;
    margin: 5px;
    font-size: 16px;
    font-family: var(--font-display);
    /* max-width: max-content; */
	width: 10em;
	max-width: 11em;
	white-space: nowrap;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	height: 40px;
    display: inline-flex;
    align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50px;
	cursor: pointer;
}

body.hitboxes .photon-taskbar-item {
    border: 1px solid red;
}

body.hitboxes .photon-taskbar-time {
    border: 1px solid red;
}

body.hitboxes #photon-taskbar {
    border: 1px solid red;
}
