.decoration-stair, .decoration-escalator { width:180px; height:160px; z-index:8; }
.decoration-stair .connectorModel, .decoration-escalator .connectorModel {
    position:relative; display:block; width:180px; height:160px; background:none;
    border-radius:0; box-shadow:none; overflow:visible;
    filter:drop-shadow(3px 7px 3px #183d4b40);
}
.decoration-stair .connectorModel::after, .decoration-escalator .connectorModel::after { content:none; }
.connectorLanding { position:absolute; left:28px; top:12px; width:124px; height:124px;
    background:#33566a; border:5px solid #83bdd0; border-radius:6px; transform:skewY(-8deg); }
.connectorFlight { position:absolute; left:42px; top:27px; width:97px; height:115px;
    display:flex; flex-direction:column; transform:skewY(-8deg); }
.connectorStep { flex:1; background:linear-gradient(#e2f0f4 0 45%,#a5bfca 45% 65%,#5e8297 65%);
    border-bottom:1px solid #385a71; box-shadow:inset 0 1px #fff; }
.connectorRail { position:absolute; top:7px; height:135px; width:12px;
    background:linear-gradient(90deg,#0c68a5,#8ae4f7,#1677b3); border:2px solid #074e7b;
    border-radius:7px; transform:skewY(-8deg); box-shadow:2px 4px 0 #173e6e; }
.railLeft { left:22px; }.railRight { right:22px; }
.connectorRail::after { content:""; position:absolute; top:23px; bottom:8px; left:3px;
    width:3px; background:repeating-linear-gradient(#d9f8ff 0 18px,#417a9a 18px 24px); }
.decoration-escalator .connectorLanding { background:#14374d; border-color:#66bddb; }
.decoration-escalator .connectorStep { background:repeating-linear-gradient(90deg,#284e61 0 2px,#99b9c3 2px 4px);
    border-bottom:3px solid #f7ca41; box-shadow:inset 0 2px #d6ebef; }
.decoration-escalator .connectorRail { width:17px; background:linear-gradient(90deg,#2a7ca2,#bceff8,#3c9ac0);
    border-top:7px solid #173248; border-bottom:7px solid #173248; }
.decoration-escalator .connectorFlight { overflow:hidden; background:#456a80; }
.decoration-escalator .connectorStep { animation:escalatorTread 1.3s linear infinite; }
@keyframes escalatorTread { from { transform:translateY(-5px); } to { transform:translateY(5px); } }
.is-upper-end .connectorLanding { background:#173442; border-color:#d4e9ee; }
.is-upper-end .connectorFlight { opacity:.8; box-shadow:inset 0 7px 8px #10304499; }
.connectorDestination { position:absolute; bottom:0; left:27px; right:27px; text-align:center;
    padding:4px; background:#086eb7; color:white; border:2px solid #bdeeff; border-radius:6px;
    font:800 13px Arial,sans-serif; pointer-events:none; }
.is-upper-end .connectorDestination { background:#208649; }
.market.is-editing .connectorDestination { bottom:-20px; }
.customer.is-floor-transit { z-index:9; }
.access-stair-preview, .access-escalator-preview { color:transparent; position:relative; overflow:hidden; }
.access-stair-preview::before, .access-escalator-preview::before { content:""; width:90px; height:65px;
    border-left:10px solid #1784bf; border-right:10px solid #1784bf; transform:skewY(-10deg);
    background:repeating-linear-gradient(#e6f1f5 0 4px,#94b4c4 4px 9px,#4a7790 9px 10px);
    box-shadow:4px 5px 3px #2346; }
.access-escalator-preview::before { border-color:#193c54;
    background:repeating-linear-gradient(#97bac5 0 6px,#3c6275 6px 9px,#f2c842 9px 11px); }
@media (prefers-reduced-motion:reduce) { .connectorStep, .customer.is-floor-transit { animation:none; } }