.jl-panel{width:min(440px,100% - 2rem);max-width:none;height:min(860px,100svh - 2rem);max-height:none;color:var(--jl-ink);background:var(--jl-paper);border:0;border-radius:24px;flex-direction:column;margin:auto;padding:0;display:flex;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.jl-panel--wide{width:min(760px,100% - 2rem)}.jl-panel:not([open]){display:none}.jl-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070f1eb3}.jl-panel__bar{color:var(--jl-bone);background:var(--jl-night);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem .7rem 1.1rem;font-size:.95rem;font-weight:600;display:flex}.jl-panel__bar button{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--jl-bone);cursor:pointer;background:#f4f1ea1f;border:0;border-radius:999px;padding:.55rem .95rem;font-size:.8rem;font-weight:600}.jl-panel__bar button:focus-visible{outline:2px solid var(--jl-blue-light);outline-offset:2px}.jl-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.jl-panel__body>iframe{background:#fff;border:0;width:100%;height:100%;display:block}.jl-panel .jl-panel__body>.jl-panel__list{margin:0;padding:.25rem 1.1rem 1.5rem}@media (max-width:860px){.jl-panel,.jl-panel--wide{border-radius:0;width:100%;height:100%;margin:0}}
.jl-demo{justify-items:center;gap:.85rem;margin:0;display:grid}.jl-demo__tag{color:var(--jl-blue-deep);background:#e8f1fb;border-radius:999px;padding:.3rem .8rem;font-size:.82rem;font-weight:600}.jl-demo__phone{aspect-ratio:390/760;--jl-demo-bezel:8px;--jl-demo-radius:36px;border:var(--jl-demo-bezel) solid var(--jl-night);border-radius:var(--jl-demo-radius);background:var(--jl-paper);width:min(290px,100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 38px 70px -38px #0a193ca6}.jl-demo__screen{border-radius:calc(var(--jl-demo-radius) - var(--jl-demo-bezel));clip-path:inset(0 round calc(var(--jl-demo-radius) - var(--jl-demo-bezel)));background:var(--jl-paper);position:absolute;inset:0;overflow:hidden}.jl-demo__screen iframe{transform-origin:0 0;pointer-events:none;border:0;width:390px;height:760px;position:absolute;top:0;left:0}.jl-demo__video{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.jl-demo__hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.jl-demo__hit[aria-pressed=true]{background:#070f1e47}.jl-demo__hit:focus-visible{outline:3px solid var(--jl-blue);outline-offset:-3px}.jl-demo__play{width:58px;height:58px;color:var(--jl-night);background:#ffffffeb;border-radius:999px;place-items:center;padding-left:4px;display:grid;box-shadow:0 10px 24px -10px #0009}.jl-demo figcaption{text-align:center;max-width:32ch;color:var(--jl-ink-soft);font-size:.85rem;line-height:1.45}.jl-demo__explore{font:inherit;color:var(--jl-blue);box-shadow:inset 0 0 0 1.5px var(--jl-blue), 0 10px 22px -14px #002a6e80;cursor:pointer;transition:background-color .16s var(--jl-ease);background:#fff;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.98rem;font-weight:600;display:inline-flex}.jl-demo__explore:hover{background:#e8f1fb}.jl-demo__explore:focus-visible{outline:2px solid var(--jl-blue);outline-offset:3px}@media (max-width:860px){.jl-demo__phone{--jl-demo-bezel:7px;--jl-demo-radius:30px;width:min(250px,100%)}}