/* V1 sliding load gates, staged restraint lamps and console scrolling. */

/* Two leaves completely close the vehicle opening, then slide behind the fences. */
.load-fence.left-fence{left:0;width:28.571%}
.load-fence.right-fence{left:calc(28.571% + 172px);right:0;width:auto}
.air-gates{left:calc(14% - 1px);top:179px;width:174px;height:25px;display:grid;grid-template-columns:1fr 1fr;column-gap:0;padding:0;z-index:12;overflow:visible}
.air-gates.open{z-index:10}
.gate-post{position:relative;width:100%;height:25px;border:0;border-radius:0;background:none;box-shadow:none}
.gate-post:after{content:none}
.gate-arm{position:absolute;inset:0;width:auto;height:25px;border:2px solid #60777f;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 13px,#7f9ba4 14px 18px),linear-gradient(180deg,#dce9eb,#78939c 52%,#4b6872);box-shadow:inset 0 0 0 1px #edf8f9,0 2px 4px #24383e66;transform:none;transform-origin:center;transition:transform .75s cubic-bezier(.22,.72,.24,1)}
.gate-arm:after{content:"";position:absolute;left:0;right:0;top:9px;border-top:3px solid #68828a}
.air-gates.open .gate-post:first-child .gate-arm{transform:translateX(-100%)}
.air-gates.open .gate-post:nth-child(2) .gate-arm{transform:translateX(100%)}

/* Floor positions show each two-person boarding row. */
.boarding-marks{position:absolute;left:calc(28.571% + 30px);top:8px;width:112px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}
.boarding-marks i{display:grid;place-items:center;width:27px;height:27px;border:2px solid #4fb7c8;border-radius:50%;background:#eaf9f988;color:#286b78;font-style:normal;font-size:11px;font-weight:bold;box-shadow:inset 0 0 0 2px #fff,0 0 8px #62ddec77}

/* Unchecked on-car restraint lamps remain deliberately dark. */
.car-lock-light.off{background:#25353b;box-shadow:inset 0 0 0 1px #53666b;opacity:.55}

/* The assisting offload attendant remains in front of passing guest artwork. */
.offload-helper{z-index:18}

/* Native independent console scrolling keeps the station view in place. */
.operator-desk{height:min(470px,calc(100vh - 165px));min-height:320px;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;align-items:start;scrollbar-color:#5bb8c7 #253337;scrollbar-width:auto}
.operator-desk::-webkit-scrollbar{width:14px}
.operator-desk::-webkit-scrollbar-track{background:#253337;border:2px solid #11191b}
.operator-desk::-webkit-scrollbar-thumb{border:3px solid #253337;border-radius:8px;background:linear-gradient(#86dbe6,#3a8795)}
.operator-desk::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a4edf5,#4ca3b2)}

@media(max-width:650px){.load-fence.right-fence{left:calc(28.571% + 138px)}.air-gates{left:calc(14% - 1px);width:140px;transform:none}.boarding-marks{left:calc(28.571% + 18px);width:102px}.operator-desk{height:calc(100vh - 120px);min-height:300px}}