@import url(https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&family=Liter&display=swap);@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.compass-steps{overflow:hidden}.compass-steps.accent-bg .next svg path,.compass-steps.accent-bg .prev svg path,.compass-steps.black-bg .next svg path,.compass-steps.black-bg .prev svg path,.compass-steps.dark-grey-bg .next svg path,.compass-steps.dark-grey-bg .prev svg path,.compass-steps.error-bg .next svg path,.compass-steps.error-bg .prev svg path,.compass-steps.main-bg .next svg path,.compass-steps.main-bg .prev svg path,.compass-steps.success-bg .next svg path,.compass-steps.success-bg .prev svg path{fill:var(--white-color)}.compass-steps .next,.compass-steps .prev{cursor:pointer;height:2rem;left:1rem;position:absolute;top:3rem;width:2rem}.compass-steps .next img,.compass-steps .next svg,.compass-steps .prev img,.compass-steps .prev svg{height:auto;width:2rem}.compass-steps .next{left:auto;right:1rem}.compass-steps .wrap{max-height:70dvh;overflow:hidden;padding-top:7rem;width:100%}.compass-steps .circle{aspect-ratio:1/1;border:2px dashed;border-color:inherit;border-radius:50%;height:auto;padding:0;position:relative;transform-origin:center;transition:all .5s ease;width:100%}.compass-steps .circle li{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:start;left:0;list-style:none;margin:0;padding:14dvh 30% 5dvh;position:absolute;text-align:center;top:0;transform:rotate(0deg);transform-origin:bottom center;transition:all .5s ease;width:100%;z-index:1}.compass-steps .circle li:after,.compass-steps .circle li:before{content:"";position:absolute;transition:all .5s ease}.compass-steps .circle li:before{height:0;left:calc(50% - 1px);top:0;width:2px}.compass-steps .circle li:after{background:currentColor;border-radius:50%;height:2rem;left:calc(50% - 1rem);top:-1rem;width:2rem}.compass-steps .circle li.active{z-index:2}.compass-steps .circle li.active:before{background:var(--accent-color);height:10dvh;transition-delay:.5s}.compass-steps .circle li.active:after{background:var(--accent-color)}.compass-steps .circle li.active>:not(.number){opacity:1;pointer-events:all;transition-delay:1s}.compass-steps .circle li.active .number{background:var(--white-color);color:var(--main-color)}.compass-steps .circle li>:not(.number){opacity:0;pointer-events:none;transition:all .5s ease 0s}.compass-steps .circle li .number{align-items:center;border:2px solid;border-color:inherit;border-radius:50%;cursor:pointer;display:flex;font-family:var(--secondary-font);font-size:var(--md-font);height:5rem;justify-content:center;left:50%;position:absolute;top:-7rem;transform:translate(-50%);transition:all .5s ease 0s;width:5rem}.compass-steps .circle li .text+.buttons,.compass-steps .circle li .title+.text{margin-top:4rem}.compass-steps .circle li .buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}@media only screen and (hover:none){.compass-steps .next,.compass-steps .prev{display:block}}@media only screen and (max-width:1280px){.compass-steps .next,.compass-steps .prev{display:block}.compass-steps .wrap{max-height:90dvh}}@media only screen and (max-width:768px){.compass-steps .circle li{padding:14dvh 13% 5dvh}}@media only screen and (max-width:576px){.compass-steps .circle{margin-left:calc(-50dvw - 1rem);width:200dvw}.compass-steps .circle li{padding:14dvh calc(50dvw + 2rem) 5dvh}}