.automaticx-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
}
.automaticx-video-container iframe,
.automaticx-video-container object,
.automaticx-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.automaticx-dual-ring {
width: 10px;
aspect-ratio: 1;
border-radius: 50%;
border: 6px solid;
border-color: #000 #0000;
animation: aiomatics1 1s infinite;
}
@keyframes aiomatics1 {to{transform: rotate(.5turn)}}
#openai-chat-response
{
padding-top: 5px;
}
.aiomatic-dots-bars-2 {
width: 28px;
height: 28px;
--c: linear-gradient(currentColor 0 0);
--r1: radial-gradient(farthest-side at bottom,currentColor 93%,#0000);
--r2: radial-gradient(farthest-side at top   ,currentColor 93%,#0000);
background: 
var(--c) ,
var(--r1),
var(--r2),
var(--c) ,  
var(--r1),
var(--r2),
var(--c) ,
var(--r1),
var(--r2);
background-repeat: no-repeat;
animation: aiomaticdb2 1s infinite alternate;
}
@keyframes aiomaticdb2 {
0%,25% {
background-size: 8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
50% {
background-size: 8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
75% {
background-size: 8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
95%,100% {
background-size: 8px 100%,8px 4px, 8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px);
}
}