
.depicter-revert .depicter-6-element-19{
	border-width:2px;
	border-style:solid;
	border-color:#AAAAAA;
	border-radius:50% 50% 50% 50%;
}
.depicter-6-element-19 .depicter-symbol-container{
	fill:#FFF;
	transform:scale( 1.683 );
}
.depicter-6-element-19:hover .depicter-symbol-container{
	transform:scale( 1.683 );
}
.depicter-revert .depicter-6-element-24{
	font-size:20px;
	text-align:center;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-6-element-10{
	font-size:19px;
	text-align:center;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	background-color:transparent;
	border-width:2px;
	border-style:solid;
	border-color:#FFF;
	border-radius:2050px;
}
.depicter-revert .depicter-6-element-10 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-6-element-10 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-6-element-7{
	font-size:72px;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-6-element-8{
	background-color:#AAA;
}
.depicter-revert .depicter-6-element-8-frame{
	mix-blend-mode:multiply;
}
.depicter-revert .depicter-6-element-18{
	border-width:2px;
	border-style:solid;
	border-color:#FFF;
	border-radius:50% 50% 50% 50%;
}
.depicter-6-element-18 .depicter-symbol-container{
	fill:#FFF;
	transform:scale( 1.573 );
}
.depicter-6-element-18:hover .depicter-symbol-container{
	transform:scale( 1.573 );
}
.depicter-revert .depicter-6-section-1 .depicter-section-background{
	background-color:#FFF;
}
.depicter-revert .depicter-6-element-16{
	font-size:19px;
	text-align:center;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	background-color:transparent;
	border-width:2px;
	border-style:solid;
	border-color:#FFF;
	border-radius:2050px;
}
.depicter-revert .depicter-6-element-16 .dp-icon-container{
	transform:scale(1);
}
.depicter-revert .depicter-6-element-16 .dp-disabled{
	opacity:1;
}
.depicter-revert .depicter-6-element-15{
	font-size:20px;
	text-align:center;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-6-element-14{
	font-size:72px;
	color:#FFF;
	font-family:"Lato";
	font-weight:700;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-6-element-13{
	background-color:#AAA;
}
.depicter-revert .depicter-6-element-13-frame{
	mix-blend-mode:multiply;
}
.depicter-revert .depicter-6-section-11 .depicter-section-background{
	background-color:#FFF;
}

/*** Custom styles ***/
/* Your custom .depicter-revert .depicter-6-element-24 */
.drop-letters {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;  /* 🔥 Ensures letters stay in one line */
  line-height: 1.5;
  font-size: 20px;       /* Adjust as needed */
}

/* Animate each letter */
.drop-letters span {
  display: inline-block;
  opacity: 0;
  transform: translateY(-20px);
  animation: letterDrop 0.2s forwards;
}

/* Animation */
@keyframes letterDrop {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Your custom .depicter-revert .depicter-6-element-15 */
.drop-letters {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;  /* 🔥 Ensures letters stay in one line */
  line-height: 1.5;
  font-size: 20px;       /* Adjust as needed */
}

/* Animate each letter */
.drop-letters span {
  display: inline-block;
  opacity: 0;
  transform: translateY(-20px);
  animation: letterDrop 0.2s forwards;
}

/* Animation */
@keyframes letterDrop {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


