.lens-guide .lens-framework{background:#fff;border-radius:4px;padding:32px;overflow:hidden}.lens-guide .lens-framework figcaption>span{color:var(--guide-blue);font-size:14px}.lens-guide .lens-framework figcaption{font-size:24px}.lens-guide .lens-framework ol{list-style:none}.lens-guide .lens-framework--loop .lens-framework__endpoint{justify-items:start;margin:30px 0 20px;padding-left:8px;font-size:14px}.lens-guide .lens-framework__endpoint>span{font-size:24px;line-height:1}.lens-guide .lens-framework .lens-framework__stages{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:16px;display:grid}.lens-guide .lens-framework__stages li{text-align:left;border:0;margin:0;padding:28px 8px 8px}.lens-guide .lens-framework__stages li:before{content:"";box-sizing:border-box;border:2px solid var(--guide-blue);z-index:2;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:8px}.lens-guide .lens-framework__stages li:not(:last-child):after{content:none}.lens-guide .lens-framework__connector{height:2px;color:var(--guide-blue);pointer-events:none;display:block;position:absolute}.lens-guide .lens-framework__connector:before{content:"";border-top:1px solid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.lens-guide .lens-framework__connector:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%,0 75%,65% 50%,0 25%);background:currentColor;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-guide .lens-framework__stages .lens-framework__connector{top:5px;left:20px;right:-8px}.lens-guide .lens-framework__stages strong{font-size:17px}.lens-guide .lens-framework__stages li>span{margin-top:6px;font-size:14px;line-height:1.5}.lens-guide .lens-framework__return{border:1px solid var(--guide-blue);border-top:0;border-radius:0 0 18px 18px;margin:26px calc(20% - 14px) 0 14px;padding:18px 12px 8px;font-size:14px;position:relative}.lens-guide .lens-framework__return:before{content:"";background:var(--guide-blue);clip-path:polygon(0 100%,50% 0,100% 100%,75% 100%,50% 35%,25% 100%);width:8px;height:8px;position:absolute;top:-8px;left:-4.5px}.lens-guide .lens-framework__return:after{content:"";border-left:1px solid var(--guide-blue);height:8px;position:absolute;top:-8px;left:-1px}.lens-guide .lens-framework--loop .lens-framework__endpoint--last{letter-spacing:.04em;justify-items:start;width:20%;margin:20px 0 0 auto;padding:0 0 0 8px}.lens-guide .lens-framework__contrast-row{padding-top:28px}.lens-guide .lens-framework__contrast-row small{font-size:14px;font-weight:700}.lens-guide .lens-framework__path{align-items:stretch;gap:24px;margin:22px 0 8px;padding:0;display:flex}.lens-guide .lens-framework__path li{border:0;flex:1;align-items:center;min-width:0;margin:0;padding:16px 0;font-size:14px;font-weight:700;line-height:1.4;display:flex;position:relative}.lens-guide .lens-framework__path li:not(:last-child):after{content:none}.lens-guide .lens-framework__path .lens-framework__connector{bottom:-1px;left:0;right:-24px}.lens-guide .lens-framework__path .lens-framework__connector:before{border-top-width:2px}.lens-guide .lens-framework__path .lens-framework__connector:after{left:calc(100% - 12px)}.lens-guide .lens-framework__path li:last-child .lens-framework__connector{right:0}.lens-guide .lens-framework__path li:last-child .lens-framework__connector:after{content:none}.lens-guide .lens-framework__path--broken li{color:var(--guide-muted)}.lens-guide .lens-framework__path--broken .lens-framework__connector{color:#4b5563}.lens-guide .lens-framework__path--broken .lens-framework__connector:before{border-top-style:dashed}.lens-guide .lens-framework__path--broken .lens-framework__connector:after{background:#8b94a2}.lens-guide .lens-framework__gap{color:#fff;text-transform:uppercase;letter-spacing:.04em;text-align:center;background:#172031;border:8px double #d9dde3;border-radius:50%;width:82px;height:82px;font-size:14px}.lens-guide .lens-framework--closure ol{flex-direction:column-reverse;margin:30px 0;display:flex}.lens-guide .lens-framework--closure li{border-top:0;border-bottom:2px solid var(--guide-blue);background:#fafbfc;gap:18px;margin:0;padding:18px 12px;position:relative}.lens-guide .lens-framework--closure li:nth-child(2){margin-left:6%}.lens-guide .lens-framework--closure li:nth-child(3){margin-left:12%}.lens-guide .lens-framework--closure li:nth-child(4){margin-left:18%}.lens-guide .lens-framework--closure li:nth-child(5){margin-left:24%}.lens-guide .lens-framework--closure li:nth-child(6){margin-left:30%}.lens-guide .lens-framework--closure li:before{content:"";border-left:2px solid var(--guide-blue);position:absolute;top:0;bottom:0;left:0}.lens-guide .lens-framework__number{font-size:14px;font-weight:700}.lens-guide .lens-framework--closure strong{text-transform:uppercase;letter-spacing:.04em;font-size:16px}.lens-guide .lens-framework--closure li p{font-size:15px}.lens-guide .lens-framework .lens-framework__insight{border-top:1px solid var(--guide-line);margin:20px 0 0;padding:22px 0 0}.lens-guide .lens-framework__insight>strong{color:var(--guide-blue);letter-spacing:-.02em;font-size:20px}.lens-guide .lens-framework__insight p{color:var(--guide-muted);margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.65}.lens-guide .lens-framework--example ol{border-left:1px solid var(--guide-blue);margin-left:6px;position:relative}.lens-guide .lens-framework--example li{border:0;grid-template-columns:82px 1fr;padding:14px 0 14px 24px;position:relative}.lens-guide .lens-framework--example li:before{content:"";background:var(--guide-blue);border-radius:50%;width:9px;height:9px;position:absolute;top:22px;left:-5px}.lens-guide .lens-framework--example blockquote{background:#fafbfc;padding:20px}@media (max-width:1100px){.lens-guide .lens-framework{padding:24px}.lens-guide .lens-framework .lens-framework__stages{padding:0 0 0 16px;display:block}.lens-guide .lens-framework__stages li{text-align:left;padding:0 0 24px 28px;display:block}.lens-guide .lens-framework__stages li:before{top:5px;left:-6px}.lens-guide .lens-framework__stages li:not(:last-child):after{content:none}.lens-guide .lens-framework__stages .lens-framework__connector{width:2px;height:auto;inset:17px auto -5px -1px}.lens-guide .lens-framework__stages .lens-framework__connector:before{border-top:0;border-left:1px solid;inset:0 auto 0 50%;transform:translate(-50%)}.lens-guide .lens-framework__stages .lens-framework__connector:after{transform:translate(-50%,-50%)rotate(90deg)}.lens-guide .lens-framework__stages li>span{text-align:left;margin-top:4px;font-size:14px}.lens-guide .lens-framework--loop .lens-framework__endpoint{justify-items:start;padding-left:8px}.lens-guide .lens-framework__return{margin-left:16px;margin-right:6%}.lens-guide .lens-framework--loop .lens-framework__endpoint--last{justify-items:start;width:auto;margin-left:0;padding-left:44px}}@media (max-width:600px){.lens-guide .lens-framework{padding:24px 18px}.lens-guide .lens-framework figcaption{font-size:22px}.lens-guide .lens-framework__path{margin-left:8px;display:block}.lens-guide .lens-framework__path li{border:0;padding:12px 0 22px 24px;font-size:15px}.lens-guide .lens-framework__path li:not(:last-child):after{content:none}.lens-guide .lens-framework__path .lens-framework__connector,.lens-guide .lens-framework__path li:last-child .lens-framework__connector{width:2px;height:auto;inset:0 auto 0 0}.lens-guide .lens-framework__path .lens-framework__connector:before{border-top:0;border-left:2px solid;inset:0 auto 0 50%;transform:translate(-50%)}.lens-guide .lens-framework__path .lens-framework__connector:after{top:calc(100% - 11px);left:50%;transform:translate(-50%,-50%)rotate(90deg)}.lens-guide .lens-framework__path--broken .lens-framework__connector:before{border-left-style:dashed}.lens-guide .lens-framework--closure li{border-bottom:0;padding:18px 12px;margin-left:0!important}.lens-guide .lens-framework--closure li:before{content:"↑";color:var(--guide-blue);border:0;font-size:18px;top:-13px;bottom:auto;left:12px}.lens-guide .lens-framework--closure li:last-child:before{content:""}.lens-guide .lens-framework--closure li+li{margin-bottom:12px}.lens-guide .lens-framework--example li{grid-template-columns:1fr;gap:4px}}