.gradient-background{display:block;position:relative;width:100%}.gradient-background__bg{background-color:var(--c1);inset:0;pointer-events:none;position:absolute;z-index:0}.gradient-background__content{height:100%;position:relative;width:100%;z-index:1}.gradient-background--fadeLoop .gradient-background__bg{animation:gradient-bg-fade-2 var(--duration) linear infinite}.gradient-background--fadeLoop.gradient-background--colors-3 .gradient-background__bg{animation-name:gradient-bg-fade-3}.gradient-background--bottomToTop .gradient-background__bg,.gradient-background--leftToRight .gradient-background__bg,.gradient-background--rightToLeft .gradient-background__bg,.gradient-background--topToBottom .gradient-background__bg{animation:gradient-bg-shift var(--duration) linear infinite;background-color:transparent;background-image:linear-gradient(var(--gradient-angle),var(--c1),var(--c2),var(--c1));background-size:var(--gradient-size)}.gradient-background--bottomToTop.gradient-background--colors-3 .gradient-background__bg,.gradient-background--leftToRight.gradient-background--colors-3 .gradient-background__bg,.gradient-background--rightToLeft.gradient-background--colors-3 .gradient-background__bg,.gradient-background--topToBottom.gradient-background--colors-3 .gradient-background__bg{background-image:linear-gradient(var(--gradient-angle),var(--c1),var(--c2),var(--c3),var(--c1))}.gradient-background--leftToRight{--gradient-angle:90deg;--gradient-size:300% 100%}.gradient-background--leftToRight.gradient-background--colors-2{--gradient-size:200% 100%}.gradient-background--rightToLeft{--gradient-angle:270deg;--gradient-size:300% 100%}.gradient-background--rightToLeft.gradient-background--colors-2{--gradient-size:200% 100%}.gradient-background--topToBottom{--gradient-angle:180deg;--gradient-size:100% 300%}.gradient-background--topToBottom.gradient-background--colors-2{--gradient-size:100% 200%}.gradient-background--bottomToTop{--gradient-angle:0deg;--gradient-size:100% 300%}.gradient-background--bottomToTop.gradient-background--colors-2{--gradient-size:100% 200%}@keyframes gradient-bg-fade-2{0%,to{background-color:var(--c1)}50%{background-color:var(--c2)}}@keyframes gradient-bg-fade-3{0%,to{background-color:var(--c1)}33.333%{background-color:var(--c2)}66.666%{background-color:var(--c3)}}@keyframes gradient-bg-shift{0%{background-position:0 0}to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.gradient-background__bg{animation:none!important}.gradient-background--bottomToTop .gradient-background__bg,.gradient-background--leftToRight .gradient-background__bg,.gradient-background--rightToLeft .gradient-background__bg,.gradient-background--topToBottom .gradient-background__bg{background-position:50% 50%;background-size:100% 100%}}