.mshot{margin:1.25rem 0 2rem;overflow-x:clip}.mshot__frame{width:min(100%, var(--w));margin:0 auto;line-height:0;position:relative}.mshot__frame>img{background:#f3f8fa;border-radius:12px;width:100%;height:auto;margin:0;display:block;box-shadow:0 0 0 1px #0833441f,0 18px 40px -26px #08334473}.mshot figcaption{max-width:min(100%, var(--w));text-align:center;color:#5b6e73;margin:.7rem auto 0;font-size:.84rem;line-height:1.5}.mshot__window{width:min(100%, var(--w));background:#fff;border-radius:12px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #08334424,0 22px 48px -28px #08334480}.mshot__bar{background:#eef2f4;border-bottom:1px solid #0833441a;align-items:center;gap:14px;padding:9px 14px;line-height:1;display:flex}.mshot__dots{flex:none;gap:6px;display:flex}.mshot__dots span{background:#cfd8dc;border-radius:50%;width:10px;height:10px}.mshot__url{text-overflow:ellipsis;white-space:nowrap;color:#475b61;background:#fff;border-radius:7px;flex:1;min-width:0;padding:6px 12px;font:500 12.5px/1.2 Inter,system-ui,sans-serif;overflow:hidden;box-shadow:inset 0 0 0 1px #08334414}.mshot--window .mshot__frame{width:100%}.mshot--window .mshot__frame>img{box-shadow:none;border-radius:0}.mshot--window .mshot__layer{border-radius:0}.mshot__layer{pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.mshot__box{opacity:0;border-radius:7px;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.3,1.2);position:absolute;transform:scale(1.04);box-shadow:0 0 0 2px #008da7,0 0 0 6px #008da738,0 0 0 9999px #0a181c5c}.mshot__mark{z-index:2;color:#fff;cursor:default;background:#008da7;border-radius:50%;outline:none;place-items:center;width:24px;height:24px;font:700 12px/1 Inter,system-ui,sans-serif;transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s,opacity .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 4px 10px #00000038}.mshot__mark:after{content:"";opacity:0;border:2px solid #008da7;border-radius:50%;animation:2.6s ease-out infinite mshot-ping;position:absolute;inset:-2px}.mshot__mark:nth-of-type(2):after{animation-delay:.3s}.mshot__mark:nth-of-type(3):after{animation-delay:.6s}.mshot__mark:nth-of-type(4):after{animation-delay:.9s}.mshot__mark:nth-of-type(5):after{animation-delay:1.2s}@keyframes mshot-ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(1.9)}}.mshot:has(.mshot__mark:is(:hover,:focus-visible),.mshot__legend li:is(:hover,:focus-visible)) .mshot__mark:after{animation:none}.mshot:has(.mshot__mark:is(:hover,:focus-visible),.mshot__legend li:is(:hover,:focus-visible)) .mshot__mark{opacity:.5}.mshot__tip{z-index:3;color:#eef6f8;text-align:left;white-space:normal;pointer-events:none;opacity:0;--tx:-50%;width:max-content;max-width:260px;transform:translate(var(--tx), 4px);background:#102023;border-radius:9px;padding:7px 11px;font:600 13px/1.35 Inter,system-ui,sans-serif;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.3,1.2);position:absolute;bottom:calc(100% + 10px);left:50%;box-shadow:0 10px 28px -8px #00000073}.mshot__mark--below .mshot__tip{top:calc(100% + 10px);bottom:auto}.mshot__mark--start .mshot__tip{--tx:0;left:-6px}.mshot__mark--end .mshot__tip{--tx:0;left:auto;right:-6px}.mshot__tip b{color:#7fd8e6;margin-right:6px}.mshot__legend{width:min(100%, max(var(--w), 520px));gap:2px;display:grid;margin:1rem auto 0!important;padding:0!important;list-style:none!important}.mshot__legend li{color:#334155;cursor:default;border-radius:8px;outline:none;align-items:baseline;gap:10px;font-size:.94rem;line-height:1.5;transition:background .15s,color .15s;display:flex;margin:0!important;padding:5px 8px!important}.mshot__num{color:#fff;background:#008da7;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font:700 12px/1 Inter,system-ui,sans-serif;display:grid;transform:translateY(3px)}.mshot:has(.mshot__mark[data-n="1"]:is(:hover,:focus-visible),.mshot__legend li[data-n="1"]:is(:hover,:focus-visible)) .mshot__box[data-n="1"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="1"]:is(:hover,:focus-visible),.mshot__legend li[data-n="1"]:is(:hover,:focus-visible)) .mshot__mark[data-n="1"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="1"]:is(:hover,:focus-visible),.mshot__legend li[data-n="1"]:is(:hover,:focus-visible)) .mshot__mark[data-n="1"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="1"]:is(:hover,:focus-visible),.mshot__legend li[data-n="1"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="1"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="2"]:is(:hover,:focus-visible),.mshot__legend li[data-n="2"]:is(:hover,:focus-visible)) .mshot__box[data-n="2"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="2"]:is(:hover,:focus-visible),.mshot__legend li[data-n="2"]:is(:hover,:focus-visible)) .mshot__mark[data-n="2"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="2"]:is(:hover,:focus-visible),.mshot__legend li[data-n="2"]:is(:hover,:focus-visible)) .mshot__mark[data-n="2"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="2"]:is(:hover,:focus-visible),.mshot__legend li[data-n="2"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="2"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="3"]:is(:hover,:focus-visible),.mshot__legend li[data-n="3"]:is(:hover,:focus-visible)) .mshot__box[data-n="3"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="3"]:is(:hover,:focus-visible),.mshot__legend li[data-n="3"]:is(:hover,:focus-visible)) .mshot__mark[data-n="3"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="3"]:is(:hover,:focus-visible),.mshot__legend li[data-n="3"]:is(:hover,:focus-visible)) .mshot__mark[data-n="3"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="3"]:is(:hover,:focus-visible),.mshot__legend li[data-n="3"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="3"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="4"]:is(:hover,:focus-visible),.mshot__legend li[data-n="4"]:is(:hover,:focus-visible)) .mshot__box[data-n="4"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="4"]:is(:hover,:focus-visible),.mshot__legend li[data-n="4"]:is(:hover,:focus-visible)) .mshot__mark[data-n="4"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="4"]:is(:hover,:focus-visible),.mshot__legend li[data-n="4"]:is(:hover,:focus-visible)) .mshot__mark[data-n="4"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="4"]:is(:hover,:focus-visible),.mshot__legend li[data-n="4"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="4"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="5"]:is(:hover,:focus-visible),.mshot__legend li[data-n="5"]:is(:hover,:focus-visible)) .mshot__box[data-n="5"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="5"]:is(:hover,:focus-visible),.mshot__legend li[data-n="5"]:is(:hover,:focus-visible)) .mshot__mark[data-n="5"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="5"]:is(:hover,:focus-visible),.mshot__legend li[data-n="5"]:is(:hover,:focus-visible)) .mshot__mark[data-n="5"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="5"]:is(:hover,:focus-visible),.mshot__legend li[data-n="5"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="5"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="6"]:is(:hover,:focus-visible),.mshot__legend li[data-n="6"]:is(:hover,:focus-visible)) .mshot__box[data-n="6"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="6"]:is(:hover,:focus-visible),.mshot__legend li[data-n="6"]:is(:hover,:focus-visible)) .mshot__mark[data-n="6"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="6"]:is(:hover,:focus-visible),.mshot__legend li[data-n="6"]:is(:hover,:focus-visible)) .mshot__mark[data-n="6"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="6"]:is(:hover,:focus-visible),.mshot__legend li[data-n="6"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="6"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="7"]:is(:hover,:focus-visible),.mshot__legend li[data-n="7"]:is(:hover,:focus-visible)) .mshot__box[data-n="7"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="7"]:is(:hover,:focus-visible),.mshot__legend li[data-n="7"]:is(:hover,:focus-visible)) .mshot__mark[data-n="7"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="7"]:is(:hover,:focus-visible),.mshot__legend li[data-n="7"]:is(:hover,:focus-visible)) .mshot__mark[data-n="7"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="7"]:is(:hover,:focus-visible),.mshot__legend li[data-n="7"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="7"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="8"]:is(:hover,:focus-visible),.mshot__legend li[data-n="8"]:is(:hover,:focus-visible)) .mshot__box[data-n="8"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="8"]:is(:hover,:focus-visible),.mshot__legend li[data-n="8"]:is(:hover,:focus-visible)) .mshot__mark[data-n="8"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="8"]:is(:hover,:focus-visible),.mshot__legend li[data-n="8"]:is(:hover,:focus-visible)) .mshot__mark[data-n="8"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="8"]:is(:hover,:focus-visible),.mshot__legend li[data-n="8"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="8"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="9"]:is(:hover,:focus-visible),.mshot__legend li[data-n="9"]:is(:hover,:focus-visible)) .mshot__box[data-n="9"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="9"]:is(:hover,:focus-visible),.mshot__legend li[data-n="9"]:is(:hover,:focus-visible)) .mshot__mark[data-n="9"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="9"]:is(:hover,:focus-visible),.mshot__legend li[data-n="9"]:is(:hover,:focus-visible)) .mshot__mark[data-n="9"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="9"]:is(:hover,:focus-visible),.mshot__legend li[data-n="9"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="9"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="10"]:is(:hover,:focus-visible),.mshot__legend li[data-n="10"]:is(:hover,:focus-visible)) .mshot__box[data-n="10"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="10"]:is(:hover,:focus-visible),.mshot__legend li[data-n="10"]:is(:hover,:focus-visible)) .mshot__mark[data-n="10"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="10"]:is(:hover,:focus-visible),.mshot__legend li[data-n="10"]:is(:hover,:focus-visible)) .mshot__mark[data-n="10"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="10"]:is(:hover,:focus-visible),.mshot__legend li[data-n="10"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="10"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="11"]:is(:hover,:focus-visible),.mshot__legend li[data-n="11"]:is(:hover,:focus-visible)) .mshot__box[data-n="11"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="11"]:is(:hover,:focus-visible),.mshot__legend li[data-n="11"]:is(:hover,:focus-visible)) .mshot__mark[data-n="11"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="11"]:is(:hover,:focus-visible),.mshot__legend li[data-n="11"]:is(:hover,:focus-visible)) .mshot__mark[data-n="11"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="11"]:is(:hover,:focus-visible),.mshot__legend li[data-n="11"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="11"]{color:#102023;background:#008da714}.mshot:has(.mshot__mark[data-n="12"]:is(:hover,:focus-visible),.mshot__legend li[data-n="12"]:is(:hover,:focus-visible)) .mshot__box[data-n="12"]{opacity:1;transform:none}.mshot:has(.mshot__mark[data-n="12"]:is(:hover,:focus-visible),.mshot__legend li[data-n="12"]:is(:hover,:focus-visible)) .mshot__mark[data-n="12"]{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 6px #008da747,0 6px 14px #00000047}.mshot:has(.mshot__mark[data-n="12"]:is(:hover,:focus-visible),.mshot__legend li[data-n="12"]:is(:hover,:focus-visible)) .mshot__mark[data-n="12"] .mshot__tip{opacity:1;transform:translate(var(--tx), 0)}.mshot:has(.mshot__mark[data-n="12"]:is(:hover,:focus-visible),.mshot__legend li[data-n="12"]:is(:hover,:focus-visible)) .mshot__legend li[data-n="12"]{color:#102023;background:#008da714}@media (prefers-reduced-motion:reduce){.mshot__mark:after{animation:none}.mshot__box,.mshot__mark,.mshot__tip{transition:none}}