.theme-switch {
	display: flex;
	align-items: center;
	background: #ccc;
	border-radius: 30px;
	padding: 5px 10px;
	width: 60px;
	height: 30px;
	cursor: pointer;
	transition: background-color 0.4s ease;
}

.theme-switch input {
	display: none;
}

.slider-icons {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.slider-icons svg {
	width: 20px;
	height: 20px;
	fill: white;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

body.dark-theme .theme-switch {
	background: #5865f2;
}

body.dark-theme .moon {
	opacity: 0;
	transform: scale(0.5);
}

body:not(.dark-theme) .sun {
	opacity: 0;
	transform: scale(0.5);
}

.logo-img {
	height: 48px;
	transition: opacity 0.3s ease;
}

.light-logo {
	display: inline;
}
.dark-logo {
	display: none;
}

body.dark-theme .light-logo {
	display: none;
}
body.dark-theme .dark-logo {
	display: inline;
}