.idemo.wt-fit{--wt-s:1;--wt-web-h:420px;gap:10px}.idemo.wt-fit .wt-bar{align-items:center;gap:10px;min-width:0;display:flex}.idemo.wt-fit .wt-bar .wt-mods{flex:auto;min-width:0}.idemo.wt-fit .wt-mods button{min-height:40px;padding:0 14px;font-size:.88rem}.idemo.wt-fit .wt-toggle{flex:none;justify-self:auto;gap:7px;min-height:40px;padding:0 14px;font-size:.88rem;font-weight:600}.idemo.wt-fit .wt-toggle:focus-visible{outline-offset:2px;outline:2px solid #161616}.idemo.wt-fit .wt-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.idemo.wt-fit .idemo-steps{gap:6px}.idemo.wt-fit .idemo-steps button{gap:8px;min-height:46px;padding:6px 10px}.idemo.wt-fit .idemo-n{width:28px;height:28px}.idemo.wt-fit .idemo-st small{font-size:.68rem}.idemo.wt-fit .idemo-st b{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.idemo.wt-fit .idemo-caption{gap:10px;min-height:0;font-size:.94rem;line-height:1.35}.idemo.wt-fit .wt-line{flex:auto;min-width:0}.idemo.wt-fit .wt-line-step{color:#fff;white-space:nowrap;background:#161616;border-radius:10px;margin-inline-end:8px;padding:1px 8px;font-size:.78rem;font-weight:700}.idemo.wt-fit .idemo-caption .sample-tag{flex:none}.idemo.wt-fit .idemo-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,40px)}.idemo.wt-fit .wt-phonebox{width:calc(262px * var(--wt-s));height:calc(508px * var(--wt-s));justify-self:center}.idemo.wt-fit .wt-phonebox>.iphone{transform:scale(var(--wt-s));transform-origin:0 0;justify-self:start}.idemo.wt-fit .idemo-app{min-height:var(--wt-web-h)}@media (min-width:861px){.idemo.wt-fit{--wt-s:.9;--wt-web-h:412px}}@media (min-width:861px) and (max-height:700px){.idemo.wt-fit{--wt-s:.8;--wt-web-h:360px}.idemo.wt-fit .idemo-steps button{min-height:42px;padding:4px 8px}}@media (min-width:861px) and (min-height:900px){.idemo.wt-fit{--wt-s:1;--wt-web-h:440px;gap:12px}}@media (min-width:861px) and (min-height:1040px){.idemo.wt-fit{--wt-s:1.08;--wt-web-h:486px}}@media (max-width:860px){.idemo.wt-fit .idemo-stage{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.idemo.wt-fit .idemo-caption{flex-wrap:wrap;font-size:.9rem}.idemo.wt-fit .idemo-caption .wt-line{flex-basis:100%}.idemo.wt-fit .wt-toggle{padding:0 12px}}@media (max-width:420px){.idemo.wt-fit .wt-toggle-t{display:none}.idemo.wt-fit .wt-toggle{justify-content:center;width:44px;min-height:44px;padding:0}}.wt-dmg{aspect-ratio:447/262;background:#141414;border-radius:12px;position:relative;overflow:hidden}.wt-dmg .wt-dmg-img{object-fit:cover;object-position:50% 23%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.wt-dmg-z{z-index:2;cursor:pointer;background:#ffffff2e;border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;position:absolute}.wt-dmg-z:focus-visible{outline:2px solid var(--brand,#ffc629);outline-offset:2px}.wt-dmg-z.hit{background:#d2281861;border-color:#ff5a46}.wt-dmg-z.hit:after{content:"";opacity:0;border:2px solid #ff5a46;border-radius:50%;position:absolute;inset:-3px}.is-on .wt-dmg-z.hit:after{animation:1.4s ease-out infinite wt-dmg-pulse}@keyframes wt-dmg-pulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}.wt-dmg-z.on{box-shadow:0 0 0 3px var(--brand,#ffc629)}.wt-dmg-z.hit.on{box-shadow:0 0 0 3px #fff}.wt-dmg-legend{color:var(--muted,#6b6b64);align-items:center;gap:10px;font-size:10px;display:flex}.wt-dmg-legend i{vertical-align:-1px;background:#d228184d;border:2px solid #b42318;border-radius:50%;width:9px;height:9px;margin-inline-end:4px;display:inline-block}.wt-dmg-legend i.ok{background:#ecece6;border-color:#8a8a83}.wt-dmg-web{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.wt-dmg-web .wt-dmg{border-radius:10px}.wt-dmg-web .wt-dmg-z{width:30px;height:30px;margin:-15px 0 0 -15px}.wt-dmg-web ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.wt-dmg-web li{gap:1px;display:grid}.wt-dmg-web small{color:#6b6b64;font-size:10.5px}@media (max-width:480px){.wt-dmg-web{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.is-on .wt-dmg-z.hit:after{opacity:.6;animation:none;transform:scale(1.3)}}