/* Compact sliding access gates for the load and offload attendants. */
.staff-gate,.unload-post .staff-gate{
  overflow:hidden;
  border:1px solid #5a7379;
  border-radius:2px;
  background:
    linear-gradient(90deg,#d9f7fa,#698b91 48%,#d9f7fa) top/100% 2px no-repeat,
    linear-gradient(90deg,#6b8d93,#d8f6f8 52%,#6b8d93) bottom/100% 2px no-repeat,
    linear-gradient(#a8c6ca,#58747a) left/2px 100% no-repeat,
    linear-gradient(#a8c6ca,#58747a) right/2px 100% no-repeat,
    #9fc0c466;
  box-shadow:0 0 6px #61d9e977,inset 0 0 0 1px #eaffff;
  transform:none!important;
  transform-origin:center;
  transition:none;
}
.staff-gate:before,.staff-gate:after{
  content:"";
  position:absolute;
  top:2px;
  bottom:2px;
  width:50%;
  height:auto;
  border:0;
  border-radius:0;
  background:
    linear-gradient(#e8fbfc,#78979c) top/100% 2px no-repeat,
    linear-gradient(#78979c,#e8fbfc) bottom/100% 2px no-repeat,
    repeating-linear-gradient(90deg,#b9d1d4 0 2px,transparent 2px 6px),
    linear-gradient(180deg,#f4ffffd9,#73949aab);
  box-shadow:inset 0 0 0 1px #587177;
  transition:transform .8s cubic-bezier(.45,0,.25,1);
}
.staff-gate:before{left:0;border-right:1px solid #526c72}
.staff-gate:after{left:auto;right:0;border-left:1px solid #526c72}
.staff-gate.open:before{transform:translateX(-105%)}
.staff-gate.open:after{transform:translateX(105%)}