.gradient-bg{z-index:5;width:100%;background:linear-gradient(0deg,hsl(var(--background)),transparent);background-color:hsl(var(--foreground));mix-blend-mode:darken}.gradient-bg,.gradient-blur{position:fixed;height:25%;inset:auto 0 0 0;pointer-events:none;will-change:transform}.gradient-blur{z-index:10}.gradient-blur:after,.gradient-blur:before,.gradient-blur>div{position:absolute;inset:0}.gradient-blur:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(180deg,transparent 0,#000 12.5%,#000 25%,transparent 37.5%);mask:linear-gradient(180deg,transparent 0,#000 12.5%,#000 25%,transparent 37.5%)}.gradient-blur>div:first-of-type{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(180deg,transparent 12.5%,#000 25%,#000 37.5%,transparent 50%);mask:linear-gradient(180deg,transparent 12.5%,#000 25%,#000 37.5%,transparent 50%)}.gradient-blur>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(180deg,transparent 25%,#000 37.5%,#000 50%,transparent 62.5%);mask:linear-gradient(180deg,transparent 25%,#000 37.5%,#000 50%,transparent 62.5%)}.gradient-blur>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(180deg,transparent 37.5%,#000 50%,#000 62.5%,transparent 75%);mask:linear-gradient(180deg,transparent 37.5%,#000 50%,#000 62.5%,transparent 75%)}.gradient-blur>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(180deg,transparent 50%,#000 62.5%,#000 75%,transparent 87.5%);mask:linear-gradient(180deg,transparent 50%,#000 62.5%,#000 75%,transparent 87.5%)}.gradient-blur>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask:linear-gradient(180deg,transparent 62.5%,#000 75%,#000 87.5%,transparent);mask:linear-gradient(180deg,transparent 62.5%,#000 75%,#000 87.5%,transparent)}.gradient-blur>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask:linear-gradient(180deg,transparent 75%,#000 87.5%,#000);mask:linear-gradient(180deg,transparent 75%,#000 87.5%,#000)}.gradient-blur:after{content:"";z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:linear-gradient(180deg,transparent 87.5%,#000);mask:linear-gradient(180deg,transparent 87.5%,#000)}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}@property --spread{syntax:"<angle>";initial-value:200deg;inherits:false}.animated-border:before{content:"";width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;position:absolute;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--rotate) at 50% 50%,hsl(var(--border)) var(--spread),hsl(var(--foreground)) 1turn);animation:rotation 5s linear infinite,spread 8s ease-in-out infinite alternate;border-radius:.5rem}@keyframes rotation{0%{--rotate:0turn}to{--rotate:1turn}}@keyframes spread{0%{--spread:180deg}to{--spread:270deg}}