.objSpeechBubbleNew {
	/* triangle dimension */
	--a: 90deg; /* angle */
	--h: 1em;   /* height */

	--p: 50%;  /* triangle position (0%:left 100%:right) */
	--r: 4em; /* the radius */
	--b: 4px; /* border width  */
	--c1: #231F20;
	--c2: #E5E5E5;
	color: #000;
	padding: 1em;
	border-radius: var(--r) / min(var(--r), var(--p) - var(--h) * tan(var(--a)/2)) var(--r) var(--r) min(var(--r), 100% - var(--p) - var(--h) * tan(var(--a) / 2));
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%,
		0 min(100%,var(--p) + var(--h)*tan(var(--a)/2)),
		calc(-1*var(--h)) var(--p),
		0 max(0%  ,var(--p) - var(--h)*tan(var(--a)/2)));
	background: var(--c1);
	border-image: conic-gradient(var(--c1) 0 0) fill 0/
		max(0%,var(--p) - var(--h)*tan(var(--a)/2)) var(--r) max(0%,100% - var(--p) - var(--h)*tan(var(--a)/2)) 0/0 0 0 var(--h);
	position: relative;
}


.objSpeechBubbleNew:before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	padding: var(--b);
	border-radius: inherit;
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%,
		var(--b) min(100% - var(--b),var(--p) + var(--h)*tan(var(--a)/2) - var(--b)*tan(45deg - var(--a)/4)),
		calc(var(--b)/sin(var(--a)/2) - var(--h)) var(--p),
		var(--b) max(       var(--b),var(--p) - var(--h)*tan(var(--a)/2) + var(--b)*tan(45deg - var(--a)/4)));
	background: var(--c2) content-box;
	border-image: conic-gradient(var(--c2) 0 0) fill 0/
		max(var(--b),var(--p) - var(--h)*tan(var(--a)/2)) var(--r) max(var(--b),100% - var(--p) - var(--h)*tan(var(--a)/2)) 0/0 0 0 var(--h);
}

.objSpeechBubbleNew.right::before {
	clip-path: polygon(100% 0,0 0,0 100%,100% 100%, calc(100% - var(--b)) min(100% - var(--b),var(--p) + var(--h)*tan(var(--a)/2) - var(--b)*tan(45deg - var(--a)/4)), calc(100% + var(--h) - var(--b)/sin(var(--a)/2)) var(--p), calc(100% - var(--b)) max( var(--b),var(--p) - var(--h)*tan(var(--a)/2) + var(--b)*tan(45deg - var(--a)/4)));
	background: var(--c2) content-box;
	border-image: conic-gradient(var(--c2) 0 0) fill 0/ max(var(--b),var(--p) - var(--h)*tan(var(--a)/2)) 0 max(var(--b),100% - var(--p) - var(--h)*tan(var(--a)/2)) var(--r)/0 var(--h) 0 0;
}

.objSpeechBubbleNew.right {
	border-radius: var(--r)/var(--r) min(var(--r),var(--p) - var(--h)*tan(var(--a)/2)) min(var(--r),100% - var(--p) - var(--h)*tan(var(--a)/2)) var(--r);
	clip-path: polygon(100% 0,0 0,0 100%,100% 100%, 100% min(100%,var(--p) + var(--h)*tan(var(--a)/2)), calc(100% + var(--h)) var(--p), 100% max(0% ,var(--p) - var(--h)*tan(var(--a)/2)));
	background: var(--c1);
	border-image: conic-gradient(var(--c1) 0 0) fill 0/ max(0%,var(--p) - var(--h)*tan(var(--a)/2)) 0 max(0%,100% - var(--p) - var(--h)*tan(var(--a)/2)) var(--r)/0 var(--h) 0 0;
}

.objSpeechBubbleNew#pamana {
	--r: 0%;
	color: cyan;
	--c1: #1439FF;
	--c2: #000122;
	max-width: 38ch;
}

.objSpeechBubbleNew#Oz {
	--h: 1em;
}

.objSpeechBubbleNew#pamana > p {
	filter: drop-shadow(0px 2px 0 #060a7a);
}


.objSpeechBubbleNew.top {
  --b: 4px; /* border width */
	padding: 1em;
	clip-path: polygon(0 0,0 100%,100% 100%,100% 0, min(100%,var(--p) + var(--h)*tan(var(--a)/2)) 0, var(--p) calc(-1*var(--h)), max(0%  ,var(--p) - var(--h)*tan(var(--a)/2)) 0);
	border-image: fill 0 / / var(--h) 0 conic-gradient(var(--c1) 0 0);
}

.objSpeechBubbleNew.top::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: var(--b) 0;
	clip-path: polygon(0 0,0 100%,100% 100%,100% 0, min(100% - var(--b),var(--p) + var(--h)*tan(var(--a)/2) - var(--b)*tan(45deg - var(--a)/4)) 0, var(--p) calc(-1*var(--h) - var(--b)*(1 - 1/sin(var(--a)/2))), max(       var(--b),var(--p) - var(--h)*tan(var(--a)/2) + var(--b)*tan(45deg - var(--a)/4)) 0);
	border-image: fill 0/0 var(--b)/var(--h) 0 conic-gradient(var(--c2) 0 0); /* the background color */
}


.objSpeechBubbleThought { 
	--b: 3em; /* tail dimension */
  
	--p: 50%;  /* main position (0%:top 100%:bottom) */
	--r: 4em; /* the radius */
	width: 28em;
	padding: 1em;
	border-radius: var(--r)/min(var(--r),var(--p) - var(--b)/4) var(--r) var(--r) min(var(--r),100% - var(--p) - var(--b)/4);
	background-image: linear-gradient(0deg, #cae8ff 10%, #eaf8ff 80%);	position: relative;
}

.objSpeechBubbleThought::before {
	content: "";
	position: absolute;
	right: 100%;
	top: clamp(0%,var(--p) - var(--b)/4,100% - var(--b)/2);
	width: var(--b);
	aspect-ratio: 1;
	background: inherit;
	--g:#000 calc(100% - 1px),#0000;
	-webkit-mask: 
	  radial-gradient(circle closest-side at 12% 88%,var(--g)),
	  radial-gradient(20% 20% at 45% 48%,var(--g)),
	  radial-gradient(25% 25% at 100% 25%,var(--g));
}