/* Shared by the private administrator and the Modam editor. */
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout{--flow-ink:#27443b;--flow-green:#397765;--flow-muted:#687e72;box-sizing:border-box;padding:22px;color:var(--flow-ink);min-width:0;max-width:100%;background:#fff;border:1px solid #dfe8df;border-radius:18px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout *{box-sizing:border-box}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout [hidden]{display:none!important}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout h2{font-size:18px;line-height:1.5;margin:0}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .eyebrow{font-size:10px;color:#748d7d;letter-spacing:1.5px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-freshness,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .small{font-size:11px;color:var(--flow-muted)}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .classroom-counts{font-weight:700;font-size:13px;margin:10px 0 14px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-own-badge{background:#ddf5e9;border:2px solid #448b70;border-radius:12px;padding:12px 16px;margin:12px 0;font-weight:800;font-size:16px;line-height:1.7;color:#17513b}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .classroom-flow-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:2px 0 10px;overscroll-behavior-x:contain;scrollbar-width:thin}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .classroom-flow{position:relative;display:grid;grid-template-columns:430px minmax(350px,1fr);gap:80px;min-width:880px;align-items:start;padding:18px 10px 20px;isolation:isolate}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-room,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-waiting{position:relative;min-width:0;background:#f5f8f2;border:1px solid #dfe8da;border-radius:15px;padding:14px;align-self:stretch;display:block}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-waiting{background:#fffaf0;border-color:#efe1bd}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-zone-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;margin-bottom:14px;position:relative;z-index:4}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-zone-heading span{font-size:11px;color:#788579}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-list{display:grid;gap:14px;justify-content:stretch}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station{display:flex;gap:10px;align-items:center;min-width:0;padding:10px 4px;border-radius:12px;border:1px solid #e0e7dc;background:#fff;min-height:170px;position:relative}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-pc{width:100px;flex:0 0 100px;display:grid;justify-items:center;align-content:center;gap:5px;position:relative;z-index:4}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-circle{width:58px;height:58px;border:2px solid #a3b8a1;background:#e7f0df;border-radius:50%;display:grid;place-items:center}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-computer{width:34px;height:30px;overflow:visible}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .pc-case{fill:#38594f}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .pc-screen{fill:#cce9d8}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .pc-code{fill:none;stroke:#467161;stroke-width:1.5}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .pc-stand{stroke:#38594f;stroke-width:2}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .pc-led{fill:#efd16e}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-name{max-width:96px;overflow-wrap:anywhere;text-align:center;font-size:11px;font-weight:800;line-height:1.4}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-state{font-size:10px;text-align:center;color:#69836f}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station[data-state=working]{border-color:#dfada0;background:#fff9f5}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station[data-state=working] .station-circle{background:#ffe3d5;border-color:#c8755d}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station[data-state=working] .pc-led{fill:#e96c44}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station[data-state=waiting] .station-circle{background:#fff3d5;border-color:#dcc58c}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station[data-state=disconnected]{opacity:.7}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-people{display:flex;flex-flow:row nowrap;align-items:start;gap:2px;min-width:0;flex:1;min-height:148px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;position:relative;z-index:3}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-empty{display:grid;place-items:center;min-height:148px;font-size:11px;color:#819184;line-height:1.7;padding:10px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .waiting-content{min-height:170px;position:relative}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-waiting-line{display:flex;align-items:start;gap:2px;min-height:148px;position:relative;z-index:3;min-width:200px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-waiting-empty{font-size:12px;color:#879383;padding:80px 10px 20px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .waiting-overflow{font-size:11px;line-height:1.7;color:#8e793e;position:relative;z-index:4;margin:12px 0}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .waiting-guidance{font-size:12px;line-height:1.9;color:#8a805b;border-top:1px solid #ebdfc6;margin:16px 0 0;padding-top:14px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .station-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 88px;width:88px;height:148px;padding:4px 0 0;margin:0;transform:none;transition:none;background:none;opacity:1;visibility:visible;z-index:3;isolation:isolate}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .person-order{display:block;min-height:18px;line-height:18px;font-size:9px;font-weight:800;white-space:nowrap;color:#68735c;background:#ffffffed;border-radius:5px;padding:0 3px;max-width:110px;position:relative;z-index:5}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-avatar{width:30px;height:90px;max-width:none;display:block;margin:0;flex:0 0 90px;overflow:visible}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .person-caption{font-size:11px;font-weight:700;line-height:16px;min-height:16px;max-height:32px;overflow:hidden;text-align:center;overflow-wrap:normal;width:88px;max-width:88px;white-space:nowrap;text-overflow:ellipsis;padding:1px 3px;background:#fffffff0;border-radius:5px;color:#3c594b;position:relative;z-index:5}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person.is-me .person-order{background:#2e7e60;color:#fff;font-size:10px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person.is-me .person-caption{background:#ddf5e9;border:1px solid #4a9977;color:#124a35;font-size:12px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person.is-me .profile-avatar{filter:drop-shadow(0 0 4px #2f8b6b66)}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person.is-failed .person-caption{background:#ffe6dd;color:#a14932}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-travellers{position:absolute;inset:0;pointer-events:none;z-index:10}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-travellers .is-travelling{position:absolute;margin:0;flex:none}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-road{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:2}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .road-surface path{fill:none;stroke:#cbd2c6;stroke-width:24;stroke-linejoin:round;stroke-linecap:round}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .road-stripes path{fill:none;stroke:#fffdf2;stroke-width:2;stroke-dasharray:8 8;stroke-linejoin:round}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-mobile-hint{font-size:11px;color:#819080;margin:8px 0}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-finish{display:flex;gap:16px;align-items:start;border-top:1px solid #e6ebe1;padding-top:16px;margin-top:10px;flex-wrap:wrap}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-finish>b{font-size:12px;min-width:70px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-results{display:flex;gap:8px;flex-wrap:wrap}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-results .queue-person{height:148px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-overflow{font-size:11px;color:#778a7a;margin:10px 0 0}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-leg-front,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-leg-back,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-arm-front,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-arm-back{transform-box:fill-box;transform-origin:50% 0}
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .queue-person,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .profile-avatar,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .profile-leg-front,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .profile-leg-back,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .profile-arm-front,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) .profile-arm-back{animation:none!important}
@media(prefers-reduced-motion:no-preference){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-moving .profile-leg-front,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-moving .profile-arm-back{animation:road-limb-a .36s ease-in-out infinite alternate!important}}
@media(prefers-reduced-motion:no-preference){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-moving .profile-leg-back,:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-moving .profile-arm-front{animation:road-limb-b .36s ease-in-out infinite alternate!important}}
@media(prefers-reduced-motion:no-preference){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-moving .profile-avatar{animation:road-body .36s ease-in-out infinite alternate!important}}
@media(prefers-reduced-motion:no-preference){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=true] :is(#queueScene,#studentQueueScene) .is-working:not(.is-moving) .profile-arm-front{animation:road-typing .7s ease-in-out infinite alternate!important}}
@keyframes road-limb-a{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes road-limb-b{from{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes road-body{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-2px) rotate(1deg)}}@keyframes road-typing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
@media(max-width:600px){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout{padding:14px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout h2{font-size:16px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .panel-head{flex-wrap:wrap}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .flow-own-badge{font-size:15px}:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .classroom-counts{font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout :is(#queueScene,#studentQueueScene) *{animation:none!important;transition:none!important}}
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout[data-fresh=false] :is(#queueScene,#studentQueueScene) *{animation:none!important}

:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .classroom-flow{height:auto;max-height:none;min-height:0;width:auto;border:0;background:none;overflow:visible}
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .queue-person{left:auto;top:auto;right:auto;bottom:auto;justify-content:flex-start;gap:0;filter:none}

:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .compile-station{flex-direction:row;justify-content:flex-start;text-align:left}
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-avatar{transform:none;filter:none}
:is(#compileQueue,#studentFlow).classroom-queue.station-layout.road-layout .profile-avatar path:not([stroke]){stroke:none}