html{scroll-behavior:smooth}.slide-from-right-appear{opacity:0;transition:all .8s linear;transform:translate3d(200px,0,200px)}.slide-from-right-appear.slide-from-right-appear-active{opacity:1;transform:translateZ(0)}.slide-from-bottom-appear{opacity:0;transition:all .8s ease;transform:translate3d(0,40px,0)}.slide-from-bottom-appear.slide-from-bottom-appear-active{opacity:1;transform:translateZ(0)}:root{--drop-height:200px;--logo-size:48px;--offset:100px;--shadow-height:8px;--duration:0.5s}body,html{margin:0}.container,body,html{height:100%;width:100%}.container{background-color:white;position:relative}.logo{height:var(--logo-size);top:var(--offset);animation-name:bounce;animation-timing-function:cubic-bezier(.95,.05,.795,.035);animation-iteration-count:infinite}.logo,.shadow{width:var(--logo-size);position:absolute;left:calc(50% - var(--logo-size) / 2);animation-duration:var(--duration);animation-direction:alternate}.shadow{height:var(--shadow-height);background:radial-gradient(50% 50%,rgba(150,150,150,1),rgba(150,150,150,.05));top:calc(var(--offset) + var(--drop-height) + var(--logo-size) - 1.5 * var(--shadow-height));animation-name:grow;animation-timing-function:cubic-bezier(.95,.05,.795,.035);animation-iteration-count:infinite}@keyframes bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(var(--drop-height)) scaleY(.7)}}@keyframes grow{0%{transform:scale(.2,.5)}to{transform:scale(1.5,.8)}}