.PageHeader_type_67 .AnimatedCircles{width:280px;height:280px}@media(min-width:768px){.PageHeader_type_67 .AnimatedCircles{width:248px;height:248px}}@media(min-width:1200px){.PageHeader_type_67 .AnimatedCircles{width:320px;height:320px}}.AnimatedCircles{border-radius:100%;width:248px;height:248px;position:relative;overflow:hidden;background-color:gray;transition:background .1s ease-in}.AnimatedCircles.animated{animation:skewCircle 2s linear infinite}.AnimatedCircles.animated .AnimatedCircles-Title,.AnimatedCircles.animated .AnimatedCircles-SubTitle{animation:skewText 2s linear infinite}.AnimatedCircles-Inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .1s linear;text-align:center;padding:var(--space-m)}.AnimatedCircles-Inner_active{opacity:1;transition:opacity .1s .1s linear}.AnimatedCircles-Title{font-size:60px;line-height:64px}.AnimatedCircles-Title_invertedColor{color:#fff}.AnimatedCircles-SubTitle{font-size:20px;line-height:24px;margin-top:var(--space-xs)}.AnimatedCircles-SubTitle_invertedColor{color:#fff}@keyframes skewCircle{0%,76%{transform:rotate3d(0,0,0,0)}to{transform:rotateY(180deg)}}@keyframes skewText{0%,76%{transform:rotate3d(0,0,0,0)}to{transform:rotateY(-180deg)}}
