@layer components{.logo-progress{aspect-ratio:718/233;isolation:isolate;width:100%;max-width:28rem;position:relative;overflow:hidden;-webkit-mask-image:url(/korsobblogo.svg);mask-image:url(/korsobblogo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-progress__dot{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,color-mix(in oklch,var(--primary),white 25%)0%,var(--primary)55%,transparent 100%);width:clamp(.5rem,1.85vw,1.4rem);box-shadow:0 0 6px color-mix(in oklch,var(--primary),white 30%);pointer-events:none;opacity:0;border-radius:999px;animation:2.4s ease-in-out infinite logo-progress-dot-slide,.85s steps(2,end) infinite logo-progress-dot-flicker;position:absolute;top:50%;left:-15%;transform:translate(-50%,-50%)scale(.7)}.logo-progress__ellipsis{gap:.1rem;margin-left:.1rem;display:inline-flex}.logo-progress__ellipsis-dot{color:inherit;opacity:.2;font-size:1rem;line-height:1;animation:1.2s steps(2,end) infinite logo-progress-ellipsis-flicker;display:inline-block}.logo-progress__ellipsis-dot:nth-child(2){animation-delay:.2s}.logo-progress__ellipsis-dot:nth-child(3){animation-delay:.4s}.logo-progress:before,.logo-progress:after{content:"";position:absolute;inset:0}.logo-progress:before{background-color:var(--muted);opacity:.25}.logo-progress:after{background-image:linear-gradient(90deg,var(--primary)0%,color-mix(in oklch,var(--primary),white 20%)45%,color-mix(in oklch,var(--primary),white 35%)100%);animation:2.4s ease-in-out infinite logo-progress-slide;transform:translate(-110%)}@keyframes logo-progress-slide{0%{transform:translate(-110%)}55%{transform:translate(0%)}to{transform:translate(110%)}}@keyframes logo-progress-dot-slide{0%{opacity:0;left:-15%}20%{opacity:.75}55%{opacity:1;left:50%}to{opacity:0;left:115%}}@keyframes logo-progress-dot-flicker{0%,to{filter:drop-shadow(0 0 4px color-mix(in oklch,var(--primary),white 35%));opacity:.35;transform:translate(-50%,-50%)scale(.7)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}65%{opacity:.6;transform:translate(-50%,-50%)scale(.85)}}@keyframes logo-progress-ellipsis-flicker{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}}