.cm-art{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cm-accent) 28%,var(--cm-rule));background:color-mix(in srgb,var(--cm-text) 4%,var(--cm-bg));line-height:0;isolation:isolate}.cm-art-img{width:100%;height:auto;display:block;position:relative;z-index:1}.cm-art-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--cm-bg) 22%,transparent) 100%)}.cm-art.has-glow:before{content:"";inset:-18%;background:radial-gradient(60% 60% at 70% 20%,color-mix(in srgb,var(--cm-accent) 38%,transparent),transparent 70%);filter:blur(28px);opacity:.7}.cm-accent,.cm-art.has-glow:before{position:absolute;z-index:0;pointer-events:none}.cm-accent--glow{inset:-10% auto auto -10%;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cm-accent) 26%,transparent),transparent);filter:blur(30px);opacity:.6}.cm-accent--grid{inset:0;width:100%;height:100%;background-image:linear-gradient(color-mix(in srgb,var(--cm-text) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cm-text) 6%,transparent) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent 80%);mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent 80%);opacity:.5}.cm-accent--spark{inset:8% 6% auto auto;width:120px;height:120px;background:radial-gradient(6px 6px at 20% 30%,var(--cm-accent),transparent 60%),radial-gradient(4px 4px at 75% 20%,color-mix(in srgb,var(--cm-accent) 70%,var(--cm-text)),transparent 60%),radial-gradient(5px 5px at 60% 80%,var(--cm-accent),transparent 60%);opacity:.75}@media (prefers-reduced-motion:reduce){.cm-accent{animation:none}}