.scroll-reveal-circle{width:100%;position:relative;margin:0;height:var(--src-height, 400vh);border-top:1px solid var(--dfk-border-light);border-bottom:1px solid var(--dfk-border-light)}.scroll-reveal-circle__inner{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.scroll-reveal-circle__backgrounds{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scroll-reveal-circle__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.scroll-reveal-circle__bg.is-active{opacity:1}.scroll-reveal-circle__bg-img{width:100%;height:100%;object-fit:cover;display:block}.scroll-reveal-circle__bg--section{z-index:0}.scroll-reveal-circle__bg:not(.scroll-reveal-circle__bg--section){z-index:1}.scroll-reveal-circle__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;pointer-events:none;z-index:1}scroll-reveal-circle{display:block;position:relative;z-index:2}.scroll-reveal-circle__widget{position:relative;width:638px;height:656px;display:flex;align-items:center;justify-content:center}.scroll-reveal-circle__ring-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scroll-reveal-circle__ring{position:relative;width:594px;height:594px;border:2px dashed var(--dfk-glacier-100);border-radius:var(--dfk-radius-full);backdrop-filter:blur(7.2px);-webkit-backdrop-filter:blur(7.2px);transform:rotate(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal-circle__dot{position:absolute;width:15px;height:15px;background-color:var(--dfk-glacier-100);border-radius:var(--dfk-radius-full);transform:translate(-50%,-50%)}.scroll-reveal-circle__dot--top{top:0;left:50%}.scroll-reveal-circle__dot--right{top:50%;right:-7.5px;left:auto;transform:translateY(-50%)}.scroll-reveal-circle__dot--bottom{bottom:-7.5px;left:50%;top:auto;transform:translate(-50%)}.scroll-reveal-circle__dot--left{left:-7.5px;top:50%;transform:translateY(-50%)}.scroll-reveal-circle__states{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scroll-reveal-circle__state{position:absolute;opacity:0;transform:scale(.95);transition:opacity .45s ease,transform .45s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.scroll-reveal-circle__state.is-active{opacity:.7;transform:scale(1);pointer-events:auto}.scroll-reveal-circle__intro-title{margin:0;color:var(--dfk-bg-light);text-align:center;max-width:396px;font-size:32px}.scroll-reveal-circle__state-inner{position:relative;width:594px;height:594px;border-radius:var(--dfk-radius-full);border:2px solid var(--dfk-glacier-100);background:#fefdf7b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:var(--dfk-space-64);box-sizing:border-box}.scroll-reveal-circle__step-number{position:absolute;top:96px;left:50%;transform:translate(-50%);margin:0;color:var(--dfk-mud-100);text-align:center;font-size:32px}.scroll-reveal-circle__state-text{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.scroll-reveal-circle__state-title{margin:0;color:var(--dfk-mud-100);text-align:center;max-width:400px;font-size:24px}.scroll-reveal-circle__state-desc{margin:0;color:var(--dfk-mud-100);text-align:center;max-width:360px;font-size:18px}.scroll-reveal-circle__progress{display:none}.scroll-reveal-circle__progress-dot{display:block;width:6px;height:6px;border-radius:var(--dfk-radius-full);background-color:#f4f5f159;transition:width .3s ease,background-color .3s ease,border-radius .3s ease}.scroll-reveal-circle__progress-dot.is-active{width:18px;border-radius:3px;background-color:var(--dfk-bg-light)}@media(min-width:769px)and (max-width:1439px){.dfk-text-heading-sm{font-size:24px}.scroll-reveal-circle__widget{width:clamp(360px,44.31vw,638px);height:clamp(400px,45.56vw,656px)}.scroll-reveal-circle__ring{width:clamp(300px,41.25vw,594px);height:clamp(300px,41.25vw,594px)}.scroll-reveal-circle__state-inner{width:clamp(300px,41.25vw,594px);height:clamp(300px,41.25vw,594px);padding:clamp(32px,4.44vw,64px);gap:0}.scroll-reveal-circle__step-number{top:clamp(48px,6.67vw,96px)}.scroll-reveal-circle__intro-title{font-size:clamp(22px,2.22vw,32px);max-width:clamp(250px,27.5vw,396px)}}@media(max-width:768px){.scroll-reveal-circle__widget{width:340px;height:604px}.scroll-reveal-circle__ring{width:340px;height:340px;border-width:1.2px;backdrop-filter:none;-webkit-backdrop-filter:none}.scroll-reveal-circle__state-inner{width:340px;height:340px;padding:var(--dfk-space-24);gap:0}.scroll-reveal-circle__step-number{top:48px}.scroll-reveal-circle__intro-title{font-size:24px;max-width:276px}.scroll-reveal-circle__state-title{font-size:18px;max-width:238px}.scroll-reveal-circle__state-desc{font-size:14px;max-width:271px}.scroll-reveal-circle__step-number{font-size:24px}.scroll-reveal-circle__dot{width:12px;height:12px}.scroll-reveal-circle__dot--right{right:-6px}.scroll-reveal-circle__dot--bottom{bottom:-6px}.scroll-reveal-circle__dot--left{left:-6px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/scroll-reveal-circle.css.map */