.live-guide{--guide-bezel:7px;--guide-radius:31px;width:min(100%,420px);min-width:0;margin:0}.live-guide-toolbar{color:#263e50;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 13px;margin:0 2px 6px;font-size:.81rem;line-height:1.35;display:grid;position:relative}.live-guide-toolbar:has(.live-guide-close){grid-template-columns:minmax(0,1fr) auto 44px}.live-guide-label{align-items:center;gap:7px;font-weight:750;display:flex}.live-guide-label i{background:#18735d;border-radius:50%;flex:none;width:7px;height:7px;display:block}.live-guide-toolbar :is(a,button){color:#233fa5;min-height:44px;font:inherit;text-align:start;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:700;text-decoration:underline;display:inline-flex}.live-guide-toolbar :is(a,button):hover{color:#162976}.live-guide-toolbar .live-guide-close{color:#263e50;border:1px solid #152f4c2b;border-radius:50%;justify-content:center}.live-guide-toolbar .live-guide-close:hover{color:#0c1a2a;background:#152f4c0b}.live-guide-toolbar .live-guide-skip{z-index:2;background:#f8f7f0;border-radius:5px;padding:0 10px;position:absolute;inset:0 0 auto auto}.live-guide-toolbar .live-guide-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;overflow:hidden}.live-guide-device{isolation:isolate;width:100%;height:clamp(485px,74svh,690px);padding:var(--guide-bezel);border-radius:var(--guide-radius);background:#142632;border:1px solid #314757;position:relative;overflow:hidden;box-shadow:0 26px 48px -28px #152f4c9c,0 3px 9px #152f4c23}.live-guide-device iframe,.live-guide-placeholder{inset:var(--guide-bezel);width:calc(100% - 2 * var(--guide-bezel));height:calc(100% - 2 * var(--guide-bezel));border-radius:calc(var(--guide-radius) - var(--guide-bezel));background:#edf4f8;border:0;display:block;position:absolute}.live-guide-device iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.live-guide-device:not([data-ready]) iframe{opacity:0;pointer-events:none}.live-guide-placeholder{object-fit:cover;object-position:center top;pointer-events:none}.live-guide-activate{z-index:1;inset:var(--guide-bezel);border-radius:calc(var(--guide-radius) - var(--guide-bezel));color:#112734;background:linear-gradient(#0000 15%,#0918271f 45%,#09182736);border:0;place-items:center;padding:16px 10px;display:grid;position:absolute}.live-guide-activate span{background:#f8f7f0;border:1px solid #fff;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-size:.92rem;font-weight:750;line-height:1.25;display:inline-flex;box-shadow:0 8px 30px #09182780}.live-guide-activate:is(:hover,:focus-visible) span{background:#d9f3e9}.live-guide-activate:focus-visible{outline-offset:-5px;outline-color:#c0f9e6}.live-guide-loading{z-index:1;color:#263e50;text-align:center;pointer-events:none;background:#fff;border:1px solid #d2dce8;border-radius:12px;margin:0;padding:12px 14px;font-size:.81rem;position:absolute;inset:auto 18px 18px}.live-guide figcaption{color:#455866;min-height:23px;margin:8px 2px 0;font-size:.78rem;line-height:1.45}@media (max-width:600px){.live-guide{--guide-bezel:5px;--guide-radius:24px}.live-guide-device{height:clamp(440px,77svh,635px)}}@media (max-width:390px){.live-guide-toolbar{gap:0 9px;font-size:.75rem}}