/* ---- MapScale base + theme guard (scoped to .msl) ---- */
.msl{font-family:'Readex Pro',Arial,sans-serif !important;color:#22325A;-webkit-font-smoothing:antialiased;box-sizing:border-box;position:relative;width:100%;padding-top:var(--ms-pt,80px);padding-bottom:var(--ms-pb,80px)}
.msl *,.msl *::before,.msl *::after{box-sizing:border-box}
.msl .msl-wrap{max-width:1424px;margin:0 auto;padding:0 20px}
.msl h1,.msl h2,.msl h3,.msl h4,.msl p{margin:0 !important;padding:0 !important;font-family:inherit !important;text-transform:none !important;border:0 !important;background:none !important}
.msl a{text-decoration:none !important;box-shadow:none}
.msl ul{margin:0;padding:0;list-style:none}
.msl img{border:0 !important;box-shadow:none !important}
.msl button{-webkit-appearance:none !important;appearance:none !important;font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;margin:0 !important;box-shadow:none;line-height:1 !important;min-width:0 !important;outline-offset:2px}
.msl .msl-eyebrow{font-size:14px !important;font-weight:400 !important;letter-spacing:.14em !important;line-height:1.3 !important;text-transform:uppercase !important;color:var(--ms-eye,#346DF1) !important}
.msl .msl-h2{font-size:42px !important;line-height:1.17 !important;font-weight:400 !important;letter-spacing:normal !important;color:var(--ms-h,#051C4F) !important}
.msl .msl-hl{font-weight:600 !important;color:var(--ms-hl,#051C4F) !important}
.msl .msl-lead{font-size:18px !important;line-height:1.65 !important;font-weight:300 !important;color:var(--ms-body,#000000) !important}
.msl .msl-rt p,.msl .msl-rt li,.msl .msl-rt span{color:inherit !important;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}
.msl .msl-rt p+p{margin-top:.7em !important}
.msl a.msl-btn,.msl a.msl-btn:visited{display:inline-flex !important;align-items:center;justify-content:center;min-height:50px;padding:0 25px !important;border-radius:8px !important;font-family:inherit !important;font-weight:400 !important;font-size:17px !important;line-height:1.2 !important;text-transform:none !important;letter-spacing:normal !important;transition:all .2s;background:#0B369C !important;color:#FFFFFF !important;border:1px solid #0B369C !important;white-space:nowrap}
.msl a.msl-btn:hover,.msl a.msl-btn:focus-visible{background:#0E47CD !important;border-color:#0E47CD !important;color:#FFFFFF !important}
.msl .msl-replay{display:inline-flex !important;align-items:center;gap:6px;height:32px;padding:0 13px !important;margin:0 !important;border-radius:999px !important;border:1px solid #DCE8F5 !important;background:#FFFFFF !important;color:#0B2053 !important;font-family:inherit !important;font-size:13px !important;font-weight:500 !important;line-height:1 !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;min-height:0 !important;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s}
.msl .msl-replay svg{width:15px;height:15px;color:#346DF1;transition:transform .5s}
.msl .msl-replay:hover{border-color:#346DF1 !important}.msl .msl-replay:hover svg{transform:rotate(-200deg)}
.msl .msl-replay:focus-visible{outline:2px solid #346DF1;outline-offset:2px}
.msl .msl-replay.is-dark{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.28) !important;color:#FFFFFF !important}.msl .msl-replay.is-dark svg{color:#7EA2F6}.msl .msl-replay.is-dark:hover{border-color:#FFFFFF !important}
.msl .msl-hint{border:1px dashed #9FB3F2;border-radius:10px;padding:10px 14px;font-size:12px;color:#5A6680;background:rgba(255,255,255,.7)}
@media (max-width:900px){.msl{padding-top:min(var(--ms-pt,80px),80px);padding-bottom:min(var(--ms-pb,80px),80px)}.msl .msl-wrap{padding:0 16px}.msl .msl-h2{font-size:32px !important}}
/* MapScale floor-plan visual */
.msm{width:100%;container-type:inline-size;font-family:'Readex Pro',Arial,sans-serif;color:#22325A}
.msm .msm-stage{position:relative;width:100%;aspect-ratio:540/400;perspective:1800px}
.msm .msm-plane{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 52%;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.msm svg{display:block;max-width:none !important}
.msm .msm-walls,.msm .msm-wl{position:absolute;inset:0;transform-style:preserve-3d}
.msm .msm-wl svg{position:absolute;inset:0;overflow:visible}
.msm .msm-types{position:absolute;inset:0}
.msm .msm-type{position:absolute;transform:translate(-50%,-50%);font-size:2.1cqw !important;font-weight:500 !important;line-height:1.15 !important;text-align:center;white-space:pre-line;color:#2E3F8F !important;text-shadow:0 0 3px #FFF,0 0 3px #FFF;transition:opacity .5s;pointer-events:none}
.msm .msm-pins{position:absolute;inset:0;pointer-events:none}
.msm .msm-pin{position:absolute;width:0;height:0;transition:left 1.3s cubic-bezier(.2,.7,.2,1),top 1.3s cubic-bezier(.2,.7,.2,1)}
.msm .msm-pin-in{position:absolute;left:0;bottom:0;transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;gap:.25cqw;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.msm .msm-pin-in.msm-in{animation:msmPinIn .5s ease both}
.msm .msm-pin img{display:block;width:5.6cqw !important;max-width:none !important;height:auto !important;margin:0 !important;border:0 !important;box-shadow:none !important}
.msm .msm-pin-dot{display:block;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#346DF1;border:.5cqw solid #FFF;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.msm .msm-pin-name{font-size:1.8cqw !important;font-weight:400 !important;line-height:1.15 !important;text-align:center;white-space:pre;color:#2F333B !important;text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;transition:opacity .4s}
.msm .msm-scan{position:absolute;left:7.4%;width:87.4%;top:3.75%;height:91.25%;overflow:hidden;pointer-events:none}
.msm .msm-scan div{position:absolute;left:0;right:0;height:18%;background:linear-gradient(180deg,rgba(47,107,234,0) 0%,rgba(47,107,234,.16) 70%,rgba(47,107,234,.45) 100%);animation:msmScan 2.6s linear infinite}
@keyframes msmPinIn{from{opacity:0;margin-bottom:-1.5cqw}to{opacity:1;margin-bottom:0}}
@keyframes msmScan{0%{top:-18%}100%{top:100%}}
.msm .msm-chrome{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s .4s;font-family:'Readex Pro',Arial,sans-serif}
.msm .msm-chrome.is-on{opacity:1}
.msm .msm-hdr{position:absolute;left:50%;top:1.5%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:2.2cqw;row-gap:.2cqw;padding:1cqw 2.4cqw;border-radius:1.6cqw;background:#FFFFFF;box-shadow:0 .8cqw 1.6cqw rgba(23,25,28,.16);white-space:nowrap}
.msm .msm-hdr b{font-size:2.3cqw !important;font-weight:500 !important;color:#17191C !important;line-height:1.2 !important}
.msm .msm-hdr .msm-ar{font-size:2.3cqw;color:#17191C;line-height:1}
.msm .msm-hdr small{grid-column:1/-1;justify-self:center;font-size:1.7cqw;color:#3D4250;padding-top:.6cqw;border-top:1px solid #ECEEF2;width:100%;text-align:center}
.msm .msm-zoom{position:absolute;right:1.5%;bottom:6%;display:flex;flex-direction:column;border-radius:1.4cqw;background:#FFFFFF;box-shadow:0 .7cqw 1.4cqw rgba(23,25,28,.16);overflow:hidden}
.msm .msm-zoom span{width:5.4cqw;height:5.4cqw;display:flex;align-items:center;justify-content:center;font-size:3cqw;color:#3D4250;line-height:1}
.msm .msm-zoom span+span{border-top:1px solid #ECEEF2}
.msm .msm-attr{position:absolute;left:1.5%;bottom:.5%;font-size:1.3cqw;color:#6B7280;white-space:nowrap}
.msm .msm-attr b{font-weight:600;color:#3D4250;margin-right:.4em}

/* ---- MapScale Hero ---- */
/* glows bleed softly past the section edges so there is no hard band */
.msl-hero{overflow:visible;z-index:0}
.msl-hero .msl-glows{position:absolute;left:0;right:0;top:-160px;bottom:-360px;overflow:hidden;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 160px,#000 calc(100% - 360px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 160px,#000 calc(100% - 360px),transparent 100%)}
.msl-hero .msl-glow{position:absolute;border-radius:50%;filter:blur(80px)}
.msl-hero .msl-glow-a{width:560px;height:440px;left:-160px;top:180px;background:rgba(176,150,240,.22)}
.msl-hero .msl-glow-b{width:620px;height:520px;right:-180px;top:520px;background:rgba(120,200,230,.18)}
.msl-hero .msl-wrap{position:relative;z-index:1}
.msl-hero .msl-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch}
.msl-hero .msl-hero-copy{display:flex;flex-direction:column;justify-content:center;gap:32px;align-items:flex-start;padding:4px 0}
.msl-hero .msl-hero-visual{align-self:center}
.msl-hero .msl-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;background:#FFFFFF;border:1px solid #C9D6FA;box-shadow:0 6px 18px rgba(46,79,219,.12);color:var(--ms-accent,#346DF1)}
.msl-hero .msl-badge svg{flex-shrink:0}
.msl-hero .msl-badge span{font-size:13px !important;font-weight:500 !important;line-height:1.3 !important;color:var(--ms-eye,#22325A) !important}
.msl-hero h1.msl-hero-h{font-size:54px !important;line-height:1.12 !important;font-weight:400 !important;letter-spacing:normal !important;color:var(--ms-h,#051C4F) !important}
.msl-hero .msl-hero-hl{font-weight:600 !important;color:var(--ms-hl,#346DF1) !important}
@supports (-webkit-background-clip:text) or (background-clip:text){.msl-hero .msl-hero-hl{background-image:linear-gradient(90deg,var(--ms-hl,#346DF1) 0%,var(--ms-hl,#346DF1) 55%,var(--ms-hl2,#346DF1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;padding-bottom:.06em}}
.msl-hero p.msl-hero-sub{font-size:18px !important;line-height:1.6 !important;font-weight:300 !important;color:var(--ms-body,#000000) !important;max-width:470px}
.msl-hero .msl-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.msl-hero a.msl-btn.msl-btn-demo,.msl-hero a.msl-btn.msl-btn-demo:visited{min-height:52px !important;padding:0 26px !important;font-size:18px !important;font-weight:500 !important;gap:10px;background:#346DF1 !important;border-color:#346DF1 !important;color:#FFFFFF !important;box-shadow:0 10px 24px rgba(52,109,241,.32) !important}
.msl-hero a.msl-btn.msl-btn-demo:hover{background:#0B369C !important;border-color:#0B369C !important}
.msl-hero a.msl-btn.msl-btn-demo svg{transition:transform .25s}.msl-hero a.msl-btn.msl-btn-demo:hover svg{transform:translateX(3px)}
.msl-hero a.msl-btn.msl-btn-ghost,.msl-hero a.msl-btn.msl-btn-ghost:visited{min-height:52px !important;background:transparent !important;color:#0B369C !important;border:1.5px solid #0B369C !important}
.msl-hero a.msl-btn.msl-btn-ghost:hover{background:#0B369C !important;color:#FFFFFF !important}
.msl-hero a.msl-btn,.msl-hero a.msl-btn:visited{min-height:44px;padding:0 20px !important;font-size:15px !important}
.msl-hero a.msl-hero-link{display:inline-flex;align-items:center;font-size:15px !important;font-weight:500 !important;color:var(--ms-muted,#5A6680) !important;text-decoration:none !important}
.msl-hero a.msl-hero-link span{color:inherit !important}
.msl-hero .msl-mouse{flex-shrink:0;display:block;margin-right:10px}
.msl-hero .msl-mouse-wheel{animation:mslWheel 1.8s ease-in-out infinite}
@keyframes mslWheel{0%{transform:translateY(0);opacity:1}60%{transform:translateY(5px);opacity:0}61%{transform:translateY(0);opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.msl-hero .msl-mouse-wheel{animation:none}}
.msl-hero a.msl-hero-link:hover{color:#0E47CD !important}
.msl-hero .msl-stats-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%}
.msl-hero .msl-stats-mascot{display:none !important;flex:0 0 auto;width:clamp(70px,22vw,104px) !important;height:auto !important;max-width:none !important;border:0 !important;margin:0 0 -2px 0 !important}
.msl-hero .msl-stats-mascot.is-float{animation:mslFloat 3.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.msl-hero .msl-stats-mascot.is-float{animation:none}}
.msl-hero .msl-stats{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:32px;padding-top:8px}
.msl-hero .msl-stat{display:flex;flex-direction:column;gap:8px}
.msl-hero .msl-stat+.msl-stat{border-left:1px solid #DCE3F2;padding-left:32px}
.msl-hero .msl-stat-v{font-size:32px !important;font-weight:700 !important;letter-spacing:-.02em;line-height:1 !important;color:var(--ms-title,#0B2053) !important;font-variant-numeric:tabular-nums}
.msl-hero .msl-stat-v .msl-stat-n{font-weight:700 !important;color:#0B2053 !important}
.msl-hero .msl-stat-v .msl-stat-x{margin-left:1px;font-weight:600 !important;color:var(--ms-accent,#346DF1) !important}
.msl-hero .msl-stat-c{font-size:12px !important;font-weight:500 !important;letter-spacing:.12em;text-transform:uppercase;line-height:1.3 !important;color:var(--ms-muted,#6B7590) !important}
.msl-hero .msl-hero-visual{position:relative}
.msl-hero .msl-hero-visual.has-mascot{padding-right:96px}
@media (max-width:1180px) and (min-width:901px){.msl-hero .msl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}.msl-hero h1.msl-hero-h{font-size:48px !important}}
.msl-hero .msl-hero-card{display:block;background-color:#F4F5F7;background-image:radial-gradient(circle at 15% 10%,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 50%),linear-gradient(160deg,#FFFFFF 0%,#F6F7F9 45%,#E8EAEE 100%);border-radius:18px;padding:18px 18px 14px;box-shadow:0 24px 60px rgba(11,31,77,.12);color:inherit !important}
.msl-hero .msl-hero-img{display:block;width:100%;aspect-ratio:540/400;object-fit:cover;border-radius:10px}
.msl-hero .msl-hero-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #EEF1F8;margin-top:8px;padding-top:12px;font-size:12px !important;line-height:1.3;color:var(--ms-muted,#5A6680) !important}
.msl-hero .msl-hero-brand{font-size:11px !important;letter-spacing:.16em;font-weight:500 !important;color:var(--ms-accent,#346DF1) !important;white-space:nowrap}
.msl-hero .msl-mascot{position:absolute;right:-6px;top:34%;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.msl-hero .msl-mascot-img,.msl-hero .msl-mascot-svg,.msl-hero .msl-mascot-svg svg,.msl-hero .msl-mascot-svg img{display:block;width:100% !important;height:auto !important;max-width:none !important}
.msl-hero .msl-mascot.is-float .msl-mascot-img,.msl-hero .msl-mascot.is-float .msl-mascot-svg{animation:mslFloat 3.6s ease-in-out infinite}
.msl-hero .msl-mascot-shadow{width:50%;height:10px;border-radius:50%;background:rgba(34,50,90,.16);margin-top:6px;filter:blur(2px)}
.msl-hero .msl-mascot.is-float .msl-mascot-shadow{animation:mslShadow 3.6s ease-in-out infinite}
@keyframes mslShadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}
@keyframes mslFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@media (max-width:900px){
.msl-hero .msl-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.msl-hero h1.msl-hero-h{font-size:42px !important}
.msl-hero .msl-stats{gap:12px}.msl-hero .msl-stat+.msl-stat{padding-left:12px}.msl-hero .msl-stats-row .msl-stats{flex:1 1 auto;min-width:0;grid-auto-columns:auto}.msl-hero .msl-stat-c{white-space:normal}.msl-hero .msl-stat-v{font-size:24px !important}.msl-hero .msl-stat-c{font-size:10px !important;letter-spacing:.08em}.msl-hero .msl-hero-copy{gap:26px}
.msl-hero .msl-hero-visual.has-mascot{padding-right:0}
.msl-hero .msl-mascot{display:none !important}
.msl-hero .msl-stats-mascot{display:block !important}
.msl-hero .msl-mascot-shadow{display:none}
.msl-hero .msl-hero-card{padding:10px 10px 10px}
.msl-hero .msl-hero-ctas{flex-direction:column;align-items:flex-start;gap:16px}
.msl-hero a.msl-hero-link{padding-left:2px}
}

/* viewer controls */
.msl-hero .msl-hero-maplink{display:block;text-decoration:none !important}
.msl-hero .msl-hero-cap.has-ctl{flex-wrap:wrap;row-gap:12px;padding-top:14px}
.msl-hero .msl-hero-captext{font-size:13px !important;color:#5A6680 !important}
.msl-hero .msl-hero-ctl{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 8px;border-radius:14px;background:#F4F7FD;border:1px solid #E1E8F4}
.msl-hero .msl-hero-ctl button{box-sizing:border-box;cursor:pointer;font-family:inherit !important;-webkit-tap-highlight-color:transparent;border:0 !important;margin:0 !important;background:none;padding:0 !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;min-height:0 !important}
.msl-hero .msl-hero-ctl button:focus-visible{outline:2px solid #346DF1;outline-offset:2px}
.msl-hero .msl-hero-ctl .msl-ctl-div{width:1px;height:22px;background:#DCE3EF;flex:0 0 auto}
.msl-hero .msl-hero-ctl .msl-ctl-play{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#0B369C;color:#FFFFFF;transition:background .2s}
.msl-hero .msl-hero-ctl .msl-ctl-play:hover{background:#346DF1}
.msl-hero .msl-hero-ctl .msl-ctl-play svg{width:15px;height:15px}
.msl-hero .msl-hero-ctl .msl-ctl-play .i-play{display:none}.msl-hero .msl-hero-ctl.is-paused .i-play{display:block}.msl-hero .msl-hero-ctl.is-paused .i-pause{display:none}
.msl-hero .msl-hero-ctl .msl-ctl-steps{position:relative;display:flex;align-items:center;gap:12px;padding:0 4px}
.msl-hero .msl-hero-ctl .msl-ctl-steps::before{content:"";position:absolute;left:16px;right:16px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#DCE8F5}
.msl-hero .msl-hero-ctl .msl-ctl-step{position:relative;width:28px;height:28px;display:flex !important;align-items:center;justify-content:center;border-radius:50%}
.msl-hero .msl-hero-ctl .msl-ctl-step i{font-style:normal;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#FFFFFF;color:#5A6680;box-shadow:inset 0 0 0 1px #DCE3EF;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.msl-hero .msl-hero-ctl .msl-ctl-step:hover i{box-shadow:inset 0 0 0 1px #346DF1;color:#0B2053}
.msl-hero .msl-hero-ctl .msl-ctl-step.is-done i{background:#DCE7FD;color:#0B369C;box-shadow:none}
.msl-hero .msl-hero-ctl .msl-ctl-step.is-on i{background:#346DF1;color:#FFFFFF;box-shadow:0 0 0 4px rgba(52,109,241,.16);transform:scale(1.08)}
.msl-hero .msl-hero-ctl .msl-ctl-replay{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:flex !important;align-items:center;justify-content:center;color:#346DF1 !important;transition:background .2s}
.msl-hero .msl-hero-ctl .msl-ctl-replay:hover{background:#E8EFFE}
.msl-hero .msl-hero-ctl .msl-ctl-replay svg{width:17px;height:17px;transition:transform .5s}.msl-hero .msl-hero-ctl .msl-ctl-replay:hover svg{transform:rotate(-200deg)}
.msl-hero .msl-hero-ctl .msl-ctl-sec{flex:0 0 auto;display:flex !important;align-items:center;gap:4px;height:34px;padding:0 10px 0 12px !important;border-radius:10px;border:1px solid #DCE8F5 !important;font-size:13px !important;font-weight:500 !important;color:#0B2053 !important;background:#FFFFFF;white-space:nowrap}
.msl-hero .msl-hero-ctl .msl-ctl-sec svg{width:14px;height:14px;color:#5A6680}
.msl-hero .msl-hero-ctl .msl-ctl-sec:hover{border-color:#346DF1 !important}
.msl-hero .msl-hero-ctl .msl-ctl-secwrap{position:relative;flex:0 0 auto}
.msl-hero .msl-hero-ctl.is-menu .msl-ctl-sec{border-color:#346DF1 !important}.msl-hero .msl-hero-ctl.is-menu .msl-ctl-sec svg{transform:rotate(180deg)}
.msl-hero .msl-hero-ctl .msl-ctl-sec svg{transition:transform .2s}
.msl-hero .msl-hero-ctl .msl-ctl-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:#FFFFFF;border:1px solid #E1E8F4;box-shadow:0 12px 32px rgba(11,31,77,.16);z-index:20}
.msl-hero .msl-hero-ctl .msl-ctl-menu[hidden]{display:none}
.msl-hero .msl-hero-ctl .msl-ctl-opt{display:flex !important;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px !important;border-radius:8px;font-size:14px !important;font-weight:400 !important;line-height:1.2 !important;color:#0B2053 !important;text-align:left;white-space:nowrap}
.msl-hero .msl-hero-ctl .msl-ctl-opt:hover,.msl-hero .msl-hero-ctl .msl-ctl-opt:focus-visible{background:#F1F5FE;outline:none}
.msl-hero .msl-hero-ctl .msl-ctl-opt.is-on{font-weight:600 !important;color:#0B369C !important}
.msl-hero .msl-hero-ctl .msl-ctl-opt.is-on::after{content:"";width:6px;height:10px;margin-right:3px;border:solid #346DF1;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
@media (max-width:1180px){.msl-hero .msl-hero-cap.has-ctl .msl-hero-captext{flex:1 1 100%}.msl-hero .msl-hero-ctl{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:420px){.msl-hero .msl-hero-ctl{gap:5px;padding:6px}.msl-hero .msl-hero-ctl .msl-ctl-steps{gap:3px;padding:0}.msl-hero .msl-hero-ctl .msl-ctl-step{width:25px;height:25px}.msl-hero .msl-hero-ctl .msl-ctl-step i{width:23px;height:23px;font-size:11px}.msl-hero .msl-hero-ctl .msl-ctl-div{display:none}.msl-hero .msl-hero-ctl .msl-ctl-play,.msl-hero .msl-hero-ctl .msl-ctl-replay{flex-basis:32px;width:32px;height:32px}.msl-hero .msl-hero-ctl .msl-ctl-sec{height:32px;padding:0 6px 0 9px !important;font-size:12px !important;min-width:0}.msl-hero .msl-hero-ctl .msl-ctl-sec span{max-width:72px;overflow:hidden;text-overflow:ellipsis}}
