@property --hp-hero-tilt{syntax: "<angle>"; initial-value: 15deg; inherits: false;}@keyframes hp-hero-tilt{0%{--hp-hero-tilt: 15deg}50%{--hp-hero-tilt: 60deg}to{--hp-hero-tilt: 15deg}}.Hero{box-shadow:inset #0000003d 0 3px 8px;padding:var(--space-page);background-color:var(--theme-primary);background:linear-gradient(var(--hp-hero-tilt),var(--theme-primary-base) 0%,var(--theme-primary) 40%,var(--theme-primary) 80%,var(--theme-secondary) 100%)}.Hero--pop{background:linear-gradient(var(--hp-hero-tilt),var(--theme-secondary) 0%,var(--theme-primary) 40%,var(--theme-primary) 60%,var(--theme-tertiary) 100%);animation-name:hp-hero-tilt;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}