@property --cpGb-from-angle{syntax: "<angle>"; initial-value: 180deg; inherits: false;}@property --cpGb-color-1{syntax: "<color>"; initial-value: #ffffff; inherits: false;}@property --cpGb-color-2{syntax: "<color>"; initial-value: #00ffff; inherits: false;}@property --cpGb-color-3{syntax: "<color>"; initial-value: #9747ff; inherits: false;}@property --cpGb-color-4{syntax: "<color>"; initial-value: #ffffff; inherits: false;}@property --cpGb-corner-1{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --cpGb-corner-2{syntax: "<angle>"; initial-value: 94.85deg; inherits: false;}@property --cpGb-corner-3{syntax: "<angle>"; initial-value: 280.04deg; inherits: false;}@property --cpGb-corner-4{syntax: "<angle>"; initial-value: 360deg; inherits: false;}.gradient-border.svelte-9w20s1{--cpGb-card-bg: conic-gradient( from var(--cpGb-from-angle, 180deg) at 50% 50%, var(--cpGb-color-1) var(--cpGb-corner-1), var(--cpGb-color-2) var(--cpGb-corner-2), var(--cpGb-color-3) var(--cpGb-corner-3), var(--cpGb-color-4) var(--cpGb-corner-4) );border-width:1px;border-color:transparent;background-image:linear-gradient(#051725,#051725),var(--cpGb-card-bg);background-origin:border-box;background-clip:padding-box,border-box;transition:--cpGb-from-angle .25s}.gradient-border.svelte-9w20s1:hover{--cpGb-from-angle: 360deg}
