.tour-shell{color:#15374a;background:#f5fafb;min-height:100vh}.tour-nav{z-index:20;color:#f2f9fc;background:#214b62;justify-content:space-between;align-items:center;gap:18px;min-height:63px;padding:8px 25px;font:700 13px Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:relative}.tour-nav>a{white-space:nowrap;align-items:center;gap:8px;display:flex}.tour-nav>div{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.tour-nav button{color:#d1e8f0;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:flex}:is(.tour-nav button:hover,.tour-nav button:focus-visible){color:#fff;background:#35667e}.tour-nav button.selected{color:#15374a;background:#dceff6}.tour-nav>span{color:#b8dce9;letter-spacing:.1em;text-align:right;max-width:165px;font-size:10px}.tour-screen{position:relative}.tour-screen>.app,.tour-screen>.class-board,.tour-screen>.live-page{pointer-events:none;min-height:calc(100vh - 63px)}.tour-screen .editor{height:calc(100vh - 63px)}.tour-screen .live-page{min-height:calc(100vh - 63px)}@media (max-width:850px){.tour-nav{flex-wrap:wrap}.tour-nav>div{flex-wrap:nowrap;order:3;justify-content:flex-start;width:100%;overflow-x:auto}.tour-nav>span{max-width:none}}