:root{--kms-accent:#54DEFC;--kms-ink:#08323b;--kms-track:#dff7ff;--kms-bg:#f6fdff;--kms-ring:#9fe9fb;--kms-shadow: rgba(84,222,252,.5)}.kms-funnel{background:var(--kms-bg);border-radius:18px;padding:14px 16px;margin:10px 0 18px}.kms-funnel--outlined{box-shadow:0 0 0 2px #e7fbff inset,0 8px 20px #0000000a,0 0 0 3px #54defc1f;border:1px solid #e9fbff}.kms-funnel__top{font-size:15px;color:var(--kms-ink);font-weight:800;margin-bottom:12px}.kms-funnel__bar{position:relative;height:14px}.kms-funnel__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kms-track);border-radius:999px;box-shadow:inset 0 1px 2px #0000000d}.kms-funnel__fill{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--kms-accent) 0%,#86ecff 100%);box-shadow:0 0 0 1px #ffffffb3 inset,0 0 12px var(--kms-shadow) inset;animation:kms-grow .8s cubic-bezier(.22,1,.36,1) forwards}.kms-funnel__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff47,#fff0);border-radius:999px;pointer-events:none}@keyframes kms-grow{to{width:var(--kms-progress)}}.kms-funnel__dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--kms-ring);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 0 2px #ffffffe6 inset,0 2px 10px #0000000f,0 0 0 3px #54defc26}.kms-funnel__dot span{font-size:12px;font-weight:900;color:#2b3a40}.kms-funnel__dot.is-reached{background:var(--kms-accent);border-color:var(--kms-accent);box-shadow:0 0 0 2px #ffffffd9 inset,0 0 0 6px #54defc40,0 4px 12px #54defc59;animation:kms-pulse .9s ease-out 1}.kms-funnel__dot.is-reached span{color:#00343e}@keyframes kms-pulse{0%{transform:translate(-50%,-50%) scale(.9)}60%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width:480px){.kms-funnel{padding:12px}.kms-funnel__top{font-size:14px}.kms-funnel__dot{width:32px;height:32px}.kms-funnel__dot span{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/kms-funnel.css.map */