.dramatic-card{--dc-color:#8b5cf6;--dc-bright:#c4b5fd;position:relative;border-radius:1.5em;padding:2px;overflow:hidden;isolation:isolate;background:hsla(0,0%,100%,.07);box-shadow:0 0 36px -10px var(--dc-color)}.dramatic-card[data-variant=hue]{--dc-color:#1e90ff;--dc-bright:#7dd3fc}.dramatic-card .dc-spin{position:absolute;left:50%;top:50%;width:320%;aspect-ratio:1;z-index:0;background:conic-gradient(from 0deg,transparent 0deg,transparent 210deg,var(--dc-color) 285deg,var(--dc-bright) 330deg,#fff 348deg,transparent 1turn);animation:dc-rotate 5s linear infinite;will-change:transform}@keyframes dc-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.dramatic-card .dc-spin{animation:none;transform:translate(-50%,-50%) rotate(315deg)}}.dramatic-card .dc-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;padding:2rem;border-radius:calc(1.5em - 2px);background:linear-gradient(160deg,color-mix(in oklab,var(--dc-color) 16%,#0d0d18),#0c0c15 55%)}.dramatic-svg-filters{display:none}