@layer theme,base;@layer components{.blog-orbit .blog-card-stamp{fill:color-mix(in srgb, var(--color-lavender-purple) 16%, var(--color-white))}.blog-orbit .blog-card{transform-box:fill-box;transform-origin:50%}.blog-orbit .blog-card-stamp-text{font-family:Inter,system-ui,sans-serif;font-size:var(--text-2xl);letter-spacing:.16em;fill:var(--color-lavender-purple);font-weight:700}.blog-orbit .blog-card-line{fill:color-mix(in srgb, var(--color-azure-blue) 22%, var(--color-white))}.blog-orbit .blog-card-line.is-short{fill:color-mix(in srgb, var(--color-lavender-purple) 18%, var(--color-white))}.blog-orbit .blog-card-line.is-faint{opacity:.5}.blog-orbit .blog-card-line.is-faint.is-short{opacity:.35}.blog-orbit .blog-card-dot{fill:color-mix(in srgb, var(--color-azure-blue) 36%, var(--color-white))}.blog-orbit .blog-card-typing{fill:color-mix(in srgb, var(--color-azure-blue) 36%, var(--color-white));transform-box:fill-box;transform-origin:0}.orbit-stage.blog-orbit.entered .blog-card-typing{animation:4.2s ease-in-out 1.5s infinite blogOrbitTyping}@keyframes blogOrbitTyping{0%{transform:scaleX(0)}35%,65%{transform:scaleX(1)}to{transform:scaleX(0)}}.blog-orbit .blog-card-cursor{fill:var(--color-lavender-purple);opacity:0}.orbit-stage.blog-orbit.entered .blog-card-cursor{animation:1.05s steps(2,start) 1.5s infinite blogOrbitBlink}@keyframes blogOrbitBlink{0%,to{opacity:1}50%{opacity:0}}.blog-orbit .blog-orbit-badges{pointer-events:none;z-index:2;animation:7s ease-in-out infinite orbitFloat;position:absolute;inset:0}.blog-orbit .blog-orbit-badge{aspect-ratio:1;background:var(--color-white);border:1px solid color-mix(in srgb, var(--color-azure-blue) 22%, transparent);width:8%;box-shadow:0 4px 12px color-mix(in srgb, var(--color-lavender-purple) 14%, transparent);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.blog-orbit .blog-orbit-badge-icon{width:60%;height:60%;color:var(--color-lavender-purple);stroke-width:2px}.dark .blog-orbit .blog-orbit-badge{background:linear-gradient(66deg, var(--color-azure-blue) 0%, var(--color-lavender-purple) 100%);border-color:color-mix(in srgb, var(--color-white) 28%, transparent)}.dark .blog-orbit .blog-orbit-badge-icon{color:var(--color-white)}.orbit-stage.blog-orbit:not(.entered) .blog-orbit-badge{opacity:0;transform:translate(-50%,-50%)scale(0)}.orbit-stage.blog-orbit.entered .blog-orbit-badge{animation:.75s cubic-bezier(.4,0,.2,1) backwards blogOrbitBadgePop;animation-delay:calc(1.4s + var(--badge-index,0) * 90ms)}@keyframes blogOrbitBadgePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}80%{transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.dark .blog-orbit .blog-card-bg{fill:color-mix(in srgb, var(--color-soft-violet) 92%, var(--color-white))}.dark .blog-orbit .blog-card-stamp{fill:color-mix(in srgb, var(--color-lavender-purple) 28%, var(--color-white))}.dark .blog-orbit .blog-card-line{fill:color-mix(in srgb, var(--color-azure-blue) 38%, var(--color-soft-violet))}.dark .blog-orbit .blog-card-line.is-short{fill:color-mix(in srgb, var(--color-lavender-purple) 36%, var(--color-soft-violet))}.dark .blog-orbit .blog-card-dot,.dark .blog-orbit .blog-card-typing{fill:color-mix(in srgb, var(--color-azure-blue) 60%, transparent)}@media (max-width:767px){.blog-orbit .blog-orbit-badge{width:10%}.blog-orbit .blog-orbit-badge-icon{width:50%;height:50%}}@media (prefers-reduced-motion:reduce){.blog-orbit .blog-orbit-badges{animation:none}.orbit-stage.blog-orbit.entered .blog-card-typing{animation:none;transform:scaleX(1)}.orbit-stage.blog-orbit.entered .blog-card-cursor{opacity:1;animation:none}.orbit-stage.blog-orbit.entered .blog-orbit-badge{opacity:1;animation:none;transform:translate(-50%,-50%)scale(1)}}}@layer utilities;