/*
	Referenced
		pico /media/imacs/eimacs/eimacs/statics/skins/2/templates/js-libraries.htm /media/imacs/eimacs/eimacscdg/statics/skins/2/templates/js-libraries.htm
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
div.aiagent-button { cursor:pointer;user-select:none;position:absolute;top:4px;right:4px;padding:1em;border:1px solid #aaa;border-radius:3px;background:white;font-family:roboto,sans-serif; }
div.aiagent-button span.imacs { display:block;margin:2px auto;width:48px;height:20px;background:url('/imacs-live/imacs/css/images/imacslogo-without-words-48x20.png') no-repeat; }
div.aiagent-button.asked { display:none; }
div.ai-agent:not(.asked) { display:none; }

div.ai-panel { width:8in;max-width:80vw;border:1px solid #aaa;border-radius:6px;box-shadow:4px 4px 16px #00000080;padding:1em;background:#ecf4fd; }
div.ai-panel div.exname { text-align:center;font-weight:bold;}
div.ai-agent div.chatbox-holder { position:relative;padding:0; }
div.ai-agent div.result > div { margin:0.25em; }
div.ai-agent div.chatbox-holder:not(.thinking) div#circleG { display:none; }
div.ai-agent div.chatbox { border:1px solid #aaa;border-radius:3px;min-height:5em;padding:0.25em;background:#fff; }
div.ai-agent div.chatbox.placeholder:empty:before { content:attr(data-placeholder);color:#aaa;pointer-events:none; }
div.ai-agent div.chatbox-holder.thinking div.chatbox.placeholder:before { display:none;}
div.ai-agent div.result { border:1px solid #aaa;border-radius:3px;margin-bottom:4px;max-height:50vh;overflow:auto;background:#fff; }
div.ai-agent div.result > div { margin:0.25em; }
div.ai-agent div.result:empty { display:none; }
div.ai-agent div.result div.question { color:#b8860b; }
div.ai-agent div.result div.answer { margin:0.25em 0 1em 1em; }
div.ai-agent div.how-long { color:#aaa;font-size:smaller;text-align:right; }
div.ai-agent div.result div.answer div.inner div.paragraph:not(:last-child) { margin-bottom:1em; }
div.ai-agent ol.weblog { border:1px solid green;border-radius:3px;margin:0.5em 0;padding:0.25em 0.25em 0.25em 2em;}
div.ai-agent ol.weblog:empty { display:none; }
div.ai-agent div.close-div { display:flex;flex-direction:row;flex-wrap:nowrap;font-size:13px;align-items:flex-end;justify-content:space-between;gap:1em; }
div.ai-agent div.close-div div.ai-explanation { line-height:1.4; }
div.ai-agent div.close-div div.ai-explanation ul.ai-explanation-inner { display:none; }
div.ai-agent div.close-div a.reset {}
div.ai-agent div.close-div button { font-size:11px;}
div.ai-agent div.close-div div.ai-explanation span.the-more { display:none; }
div.ai-agent div.quota-issue { text-align:center;font-style:italic; }
div.ai-agent div.question-progress { height:8px;display:flex;flex-direction:row;flex-wrap:nowrap;margin:4px 0; }
div.ai-agent div.question-progress > span { height:8px;display:block;flex:1 1 0;background:#eee;margin:0 1px;border-radius:3px; }
div.ai-agent div.question-progress > span.green { background:green; }
div.ai-agent div.question-progress.done > span.green { background:dimgray; }
/*div.ai-panel div.ai-explanation { font-size:smaller;font-style:italic;line-height:1.4;width:80%;margin:0.5em auto;}*/

#circleG
{
	position:absolute;
	left:12px;
	top:12px;
	width:30px;
	margin:auto;
}

.circleG
{
	background-color:rgb(255,255,255);
	float:left;
	height:6px;
	margin-left:3px;
	width:6px;
	animation-name:bounce_circleG;
	animation-duration:2.24s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	border-radius:4px;
}

#circleG_1
{
	animation-delay:0.45s;
}

#circleG_2
{
	animation-delay:1.05s;
}

#circleG_3{
	animation-delay:1.35s;
}

@keyframes bounce_circleG{
	0%{}

	50%
	{
		background-color:rgb(0,0,0);
	}

	100%{}
}