.lb-booth-loop{background:url(https://www.levelblue.com/hubfs/lb-web/bg-gradient/tw-carousel-blurr.svg) center top var(--color-blue-black);background-size:cover;border-radius:24px;padding:64px 60px}.lb-booth-loop__heading{margin-bottom:16px;text-align:center}.lb-booth-loop__wrapper{display:flex;flex-flow:row nowrap;margin:0 auto}.lb-booth-loop__left-side{--radius:220px;--step-size:64px;aspect-ratio:1;flex:0 0 55%;position:relative;width:55%}.lb-booth-loop__left-side,.lb-booth-loop__main-circle{align-items:center;display:flex;justify-content:center}.lb-booth-loop__main-circle{align-content:center;background:var(--color-electric-blue);border-radius:50%;flex:none;flex-direction:column;gap:24px;height:340px;padding:60px;text-align:center;width:340px}.lb-booth-loop__main-circle h2{font-weight:500;text-align:center}.lb-booth-loop__main-circle .lb-text--eyebrow{line-height:145%}.lb-booth-loop__outer-circle{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lb-booth-loop__dash-line,.lb-booth-loop__solid-line{border-radius:50%;box-sizing:border-box;height:calc(var(--radius)*2);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--radius)*2)}.lb-booth-loop__dash-line{border:2px dashed var(--color-electric-green);-webkit-mask-image:conic-gradient(transparent var(--progress,0deg),#000 0);mask-image:conic-gradient(transparent var(--progress,0deg),#000 0);opacity:.5}.lb-booth-loop__solid-line{border:2px solid var(--color-electric-green);-webkit-mask-image:conic-gradient(#000 var(--progress,0deg),transparent 0);mask-image:conic-gradient(#000 var(--progress,0deg),transparent 0)}.lb-booth-loop__step{--angle:calc(360deg/var(--total)*var(--i) - 90deg);align-items:center;background:var(--color-blue-black);border:2px solid var(--color-electric-green);border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:var(--step-size);justify-content:center;left:50%;margin:calc(var(--step-size)/-2) 0 0 calc(var(--step-size)/-2);position:absolute;top:50%;transform:translate(calc(cos(var(--angle))*var(--radius)),calc(sin(var(--angle))*var(--radius)));transition:background-color .3s ease,box-shadow .3s ease;width:var(--step-size);z-index:1}.lb-booth-loop__step-icon{--icon-size:24px;color:var(--color-white);display:flex;pointer-events:none}.lb-booth-loop__step-icon svg{display:block;fill:currentColor;height:var(--icon-size);width:var(--icon-size)}.lb-booth-loop__step--active,.lb-booth-loop__step:focus-visible{background:var(--color-electric-green);outline:none}.lb-booth-loop__step--active .lb-booth-loop__step-icon,.lb-booth-loop__step:focus-visible .lb-booth-loop__step-icon{color:var(--color-blue-black)}.lb-booth-loop__step-label{--gap:14px;color:var(--color-white);font-size:14px;left:50%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translate(calc(-50% + cos(var(--angle))*(50% + var(--step-size)/2 + var(--gap))),calc(-50% + sin(var(--angle))*(50% + var(--step-size)/2 + var(--gap))));white-space:nowrap}.lb-booth-loop__right-side{align-content:center;align-items:start;display:grid;flex:1;padding-left:64px}.lb-booth-loop__step-content{grid-area:1/1;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.lb-booth-loop__step-content h2{color:var(--color-white);font-size:64px;margin-bottom:12px}.lb-booth-loop__step-content p{color:var(--color-white);font-size:20px}.lb-booth-loop__step-content--active{opacity:1;visibility:visible}.lb-booth-loop__step-indicator{color:var(--color-electric-green);display:block;font-size:18px;font-weight:700;margin-bottom:8px}@media (prefers-reduced-motion:reduce){.lb-booth-loop__step,.lb-booth-loop__step-content{transition:none}}@media (hover:hover) and (pointer:fine){.lb-booth-loop__step:hover{background:var(--color-electric-green);outline:none}.lb-booth-loop__step:hover .lb-booth-loop__step-icon{color:var(--color-blue-black)}}@media (max-width:1024px){.lb-booth-loop{padding:48px 24px}.lb-booth-loop__heading{margin-bottom:40px}.lb-booth-loop__wrapper{flex-direction:column;gap:24px}.lb-booth-loop__left-side{--radius:41cqw;--step-size:14cqw;container-type:inline-size;flex:none;margin:0 auto;max-width:440px;width:100%}.lb-booth-loop__main-circle h2{font-size:16px}.lb-booth-loop__main-circle p{font-size:12px;line-height:150%}.lb-booth-loop__main-circle{gap:12px;height:62cqw;padding:8cqw;width:62cqw}.lb-booth-loop__step-icon{--icon-size:clamp(20px,6cqw,28px)}.lb-booth-loop__right-side{padding-left:0}.lb-booth-loop__step-content h2{font-size:34px}}@media (max-width:767px){.lb-booth-loop__step-label{display:none}}