.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--cone-spread: 25;--glow-padding: 56px;--glow-intensity: .85;--fill-opacity: .1;--border-width: 1.5px;--glow-color: hsl(270deg 90% 66% / 100%);--glow-color-60: hsl(270deg 90% 66% / 60%);--glow-color-50: hsl(270deg 90% 66% / 50%);--glow-color-40: hsl(270deg 90% 66% / 40%);--glow-color-30: hsl(270deg 90% 66% / 30%);--glow-color-20: hsl(270deg 90% 66% / 20%);--glow-color-10: hsl(270deg 90% 66% / 10%);--gradient-one: radial-gradient(at 80% 55%, #c084fc 0px, transparent 50%);--gradient-two: radial-gradient(at 69% 34%, #f472b6 0px, transparent 50%);--gradient-three: radial-gradient(at 8% 6%, #38bdf8 0px, transparent 50%);--gradient-four: radial-gradient(at 41% 38%, #c084fc 0px, transparent 50%);--gradient-five: radial-gradient(at 86% 85%, #f472b6 0px, transparent 50%);--gradient-six: radial-gradient(at 82% 18%, #38bdf8 0px, transparent 50%);--gradient-seven: radial-gradient(at 51% 4%, #f472b6 0px, transparent 50%);--gradient-base: linear-gradient(#c084fc 0 100%);position:relative;isolation:isolate;transform:translateZ(.01px)}.bglow-cone,.bglow-fill,.edge-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;border-radius:inherit;pointer-events:none;transition:opacity .25s ease-out}.border-glow-card:not(:hover) .bglow-cone,.border-glow-card:not(:hover) .bglow-fill,.border-glow-card:not(:hover) .edge-light{opacity:0;transition:opacity .75s ease-in-out}.bglow-cone{opacity:calc(var(--glow-intensity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%))}.bglow-ring{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:block;padding:var(--border-width);border-radius:inherit;background:var(--gradient-one),var(--gradient-two),var(--gradient-three),var(--gradient-four),var(--gradient-five),var(--gradient-six),var(--gradient-seven),var(--gradient-base);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.bglow-fill{background:var(--gradient-one),var(--gradient-two),var(--gradient-three),var(--gradient-four),var(--gradient-five),var(--gradient-six),var(--gradient-seven),var(--gradient-base);opacity:calc(var(--fill-opacity) * var(--glow-intensity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:radial-gradient(ellipse at 50% 50%,transparent 45%,#000 82%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);mask-image:radial-gradient(ellipse at 50% 50%,transparent 45%,#000 82%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);-webkit-mask-composite:source-in;mask-composite:intersect}.edge-light{inset:calc(var(--glow-padding) * -1);opacity:calc(var(--glow-intensity) * (var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%)}.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color),inset 0 0 1px 0 var(--glow-color-60),inset 0 0 3px 0 var(--glow-color-50),inset 0 0 6px 0 var(--glow-color-40),inset 0 0 15px 0 var(--glow-color-30),inset 0 0 25px 2px var(--glow-color-20),inset 0 0 50px 2px var(--glow-color-10),0 0 1px 0 var(--glow-color-60),0 0 3px 0 var(--glow-color-50),0 0 6px 0 var(--glow-color-40),0 0 15px 0 var(--glow-color-30),0 0 25px 2px var(--glow-color-20),0 0 50px 2px var(--glow-color-10)}@media(prefers-reduced-motion:reduce){.bglow-cone,.bglow-fill,.edge-light{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/border-glow.css.map */