:root{--bg-circle-colour:#fff;--bg-circle-origin-top:60%;--bg-circle-origin-left:25%}@keyframes animateCircle{0%{height:0;width:0}to{height:200%;width:200%}}.animation-origin-left{--bg-circle-origin-left:25%}.animation-origin-center{--bg-circle-origin-left:50%}.animation-origin-right{--bg-circle-origin-left:75%}.bg-circle-element{overflow:hidden}.bg-circle-element:before{background:var(--bg-circle-colour);border-radius:9999px;content:"";display:block;height:0;left:var(--bg-circle-origin-left);position:absolute;top:var(--bg-circle-origin-top);transform:translate(-50%,-50%);width:0;z-index:-1}.bg-circle-element.animate-section:before{animation:animateCircle 1s forwards}.bg-circle-element>*{opacity:0;transition:opacity 1s ease .25s}.bg-circle-element.animate-section>*{opacity:1}.slide-in-element{opacity:0;transform:translateX(-100%);transition:opacity .5s,transform 1s}.slide-in-element.animate-section{opacity:1;transform:translateX(0)}.slide-in-element.slide-in-right{transform:translateX(0)}.slide-in-element.slide-in-top{transform:translateY(0)}