.desk255 {
	display: none;
	justify-content: center;
}

.desk256 {
	position: fixed;
	bottom: 0;
	background-color: #EDEDED;
	width: 95%;
	height: 60px;
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.desk257 {
	margin: 10px;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.desk258 img {
	width: 25px;
	height: 25px;
}

.desk258-1 {
	display: none;
	width: 250px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid var(--text-color);
	position: fixed;
	left: 50%;
  	transform: translateX(-50%);
	bottom: 80px;
	z-index: 9999;
	animation: slideUpFade 0.5s forwards;
}

.desk258-2 {
	margin: 25px 0 0 0;
	width: auto;
	height: 75vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--primary-color);
}

.desk258-3 {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid var(--primary-color);
	font-size: 12px;
}

@media (min-width: 321px) and (max-width: 480px) {
	.desk255 {
		display: flex;
	}
}

/* Slide Up + Fade In */
@keyframes slideUpFade {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 80px;
    opacity: 1;
  }
}