.circle-message{position:fixed;top:auto;left:auto;right:auto;bottom:auto;}

#circle-message.cm-circle{
	position: fixed;
	right: 20px;
	bottom: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 99999;
	box-shadow: 0 10px 30px rgba(0,0,0,0.18);
	transition: transform .15s ease, opacity .15s ease;
}
#circle-message.cm-shortcode{
	position: relative;
	right: auto;
	bottom: auto;
	margin: 10px 0;
}
#circle-message .cm-link{ width: 100%; height: 100%; display:block; }
#circle-message .cm-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display:block;
}
#circle-message .cm-fallback{
	display:flex; width:100%; height:100%;
	align-items:center; justify-content:center;
	font-size: 28px;
	color: rgba(255,255,255,0.85);
}
#circle-message.cm-hidden{ opacity: 0; transform: scale(0.6); pointer-events:none; }

/* Motions */
.cm-motion-none{ animation: none; }
.cm-motion-pulse{ animation: cmPulse 1.8s ease-in-out infinite; }
.cm-motion-bounce{ animation: cmBounce 1.8s ease-in-out infinite; }
.cm-motion-float{ animation: cmFloat 2.2s ease-in-out infinite; }
.cm-motion-shake{ animation: cmShake 3.0s ease-in-out infinite; }

@keyframes cmPulse { 0%,100%{ transform: scale(1);} 50%{ transform: scale(1.06);} }
@keyframes cmBounce { 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-10px);} }
@keyframes cmFloat { 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-6px);} }
@keyframes cmShake {
	0%, 90%, 100% { transform: translateX(0); }
	92% { transform: translateX(-3px); }
	94% { transform: translateX(3px); }
	96% { transform: translateX(-3px); }
	98% { transform: translateX(3px); }
}

.circle-message img{width:100%;height:100%;object-fit:contain;}
.circle-message.top-left{top:20px;left:20px;bottom:auto;right:auto;}
.circle-message.top-right{top:20px;right:20px;bottom:auto;left:auto;}
.circle-message.bottom-left{bottom:20px;left:20px;top:auto;right:auto;}
.circle-message.bottom-right{bottom:20px;right:20px;top:auto;left:auto;}


#circle-message.cm-pos-top-left{top:20px;left:20px;right:auto;bottom:auto;}
#circle-message.cm-pos-top-right{top:20px;right:20px;left:auto;bottom:auto;}
#circle-message.cm-pos-bottom-left{bottom:20px;left:20px;right:auto;top:auto;}
#circle-message.cm-pos-bottom-right{bottom:20px;right:20px;left:auto;top:auto;}
#circle-message.cm-pos-top-center{top:20px;left:50%;right:auto;bottom:auto;margin-left:calc(var(--cm-size,88px) / -2);}


#circle-message img{width:100%;height:100%;object-fit:contain;}