.dramatic-svg-filters{position:absolute;width:0;height:0;pointer-events:none}.dramatic-card{padding:2px;border-radius:1.5em;position:relative}.dramatic-card[data-variant=original]{--f:url(#dramatic-filter-original);--electric-border-color:#8b5cf6;--electric-light-color:oklch(from var(--electric-border-color) l c h);--gradient-color:oklch(from var(--electric-border-color) 0.3 calc(c / 2) h/0.4)}.dramatic-card[data-variant=hue],.dramatic-card[data-variant=original]{background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,oklch(.185 0 0),oklch(.185 0 0))}.dramatic-card[data-variant=hue]{--f:url(#dramatic-filter-hue);--electric-border-color:#1e90ff;--electric-light-color:oklch(from var(--electric-border-color) l c h);--gradient-color:oklch(from var(--electric-border-color) 0.3 calc(c / 2) h/0.4)}.dramatic-card .dc-inner{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.dramatic-card .dc-border-outer{border:2px solid oklch(from var(--electric-border-color) l c h/.5);border-radius:1.5em;padding-right:.15em;padding-bottom:.15em;height:100%}.dramatic-card .dc-main-border{width:100%;height:100%;border-radius:1.5em;border:2px solid var(--electric-border-color);margin-top:-4px;margin-left:-4px;filter:var(--f)}.dramatic-card .dc-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h/.6);border-radius:24px;filter:blur(1px)}.dramatic-card .dc-glow-1,.dramatic-card .dc-glow-2{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.dramatic-card .dc-glow-2{border:2px solid var(--electric-light-color);border-radius:24px;filter:blur(4px)}.dramatic-card .dc-overlay-1{opacity:1}.dramatic-card .dc-overlay-1,.dramatic-card .dc-overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,#fff,transparent 30%,transparent 70%,#fff)}.dramatic-card .dc-overlay-2{opacity:.5}.dramatic-card .dc-bg-glow{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.dramatic-card .dc-content{position:relative;display:flex;flex-direction:column;padding:2rem;z-index:2;min-height:100%}