.gradient-border,.gradient-frame{position:relative;border-radius:.5rem;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.gradient-border:hover,.gradient-frame:hover{background-color:transparent}@media (prefers-color-scheme:light){.gradient-border:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#d9ceff,#9f75ff 75%,#6b04fd)}}@media (prefers-color-scheme:dark){.gradient-border:before{background:linear-gradient(90deg,#a579ff1a,#ffffff1a 25%,#d9ceff,#9f75ff 75%,#6b04fd)}}.gradient-border:before,.gradient-frame:before{background-position:0 0;background-size:400% auto;border-radius:.5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%;z-index:-1}.gradient-border.active:before,.gradient-border:hover:before{background-position:-50% 0;opacity:1}.gradient-border:after,.gradient-frame:after{background:radial-gradient(103.78% 100% at 50% 0,#7692ff00 80.55%,#7a96ff0a),radial-gradient(120.05% 100% at 50% 0,#e2e8ff00 33.78%,#e2e8ff14),#e2e8ff03;border-radius:inherit;box-shadow:inset 0 -20px 64px -24px #e2e8ff1f;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}