.page__container{border-radius:var(--onyx-radius-md);display:flex;flex-direction:column;position:relative}.page__container:after,.page__container:before{--gradient-shade-5:#8cd478;--gradient-shade-3:var(--onyx-color-base-primary-500);--gradient-shade-4:var(--onyx-color-base-success-400);animation:rotation 3s linear infinite;background:conic-gradient(from var(--page-gradient-angle),var(--gradient-shade-3),var(--gradient-shade-4),var(--gradient-shade-5),var(--gradient-shade-4),var(--gradient-shade-3));border-radius:inherit;content:"";top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;position:absolute}.page__container:after{filter:blur(3.5rem)}.page__content{--page-padding:var(--onyx-spacing-xl);background-color:var(--onyx-color-base-background-tinted);border-radius:inherit;height:100%;overflow:hidden;padding:var(--page-padding);width:100%;z-index:2}@property --page-gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotation{0%{--page-gradient-angle:0deg}to{--page-gradient-angle:360deg}}