.holographic-card.svelte-1ccp9hg{position:relative;overflow:hidden;border-radius:.75rem;border-width:1px;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100%}.holographic-card.svelte-1ccp9hg:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,170,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.holographic-card.hoverable.svelte-1ccp9hg:hover:before{transform:translate(100%)}.holo-overlay.svelte-1ccp9hg{position:absolute;inset:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(0,255,170,.2) 0%,rgba(0,221,255,.1) 25%,transparent 50%);pointer-events:none}.holographic-card.hoverable.svelte-1ccp9hg:hover .holo-overlay:where(.svelte-1ccp9hg){opacity:1}.card-content.svelte-1ccp9hg{position:relative;z-index:10}.holo-glow-low.svelte-1ccp9hg{box-shadow:0 0 20px #00ffaa1a,inset 0 0 20px #00ffaa0d}.holo-glow-medium.svelte-1ccp9hg{box-shadow:0 0 30px #0fa3,inset 0 0 30px #00ffaa1a}.holo-glow-high.svelte-1ccp9hg{box-shadow:0 0 40px #00ffaa4d,0 0 80px #0fa3,inset 0 0 40px #00ffaa26}.holographic-card.hoverable.svelte-1ccp9hg:hover{transform:translateY(-2px);border-color:currentColor}.holographic-card.hoverable:hover.holo-glow-low.svelte-1ccp9hg{box-shadow:0 4px 30px #0fa3,inset 0 0 30px #00ffaa1a}.holographic-card.hoverable:hover.holo-glow-medium.svelte-1ccp9hg{box-shadow:0 4px 40px #00ffaa4d,inset 0 0 40px #00ffaa26}.holographic-card.hoverable:hover.holo-glow-high.svelte-1ccp9hg{box-shadow:0 4px 50px #0fa6,0 4px 100px #00ffaa4d,inset 0 0 50px #0fa3}.holographic-card.clickable.svelte-1ccp9hg{cursor:pointer}.holographic-card.clickable.svelte-1ccp9hg:active{transform:scale(.98)}