.erik-ai {
position: relative;
width: 100%;
height: 100vh;
min-height: 700px;
overflow: hidden;
background:
radial-gradient(
circle at 50% 45%,
#ffffff 0%,
#f5f5f3 45%,
#dededb 100%
);
} #erik-ai-scene {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#erik-ai-scene canvas {
display: block;
width: 100% !important;
height: 100% !important;
outline: none;
} .erik-ai-loader {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 20;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #111;
transition:
opacity 0.6s ease,
visibility 0.6s ease;
}
.erik-ai-loader.is-hidden {
opacity: 0;
visibility: hidden;
} @media (max-width: 1024px) {
.erik-ai {
min-height: 650px;
}
}
@media (max-width: 767px) {
.erik-ai {
height: 100svh;
min-height: 600px;
}
}