/* Ask Albert: flex rail beside Maya #main (slot="aa-rail" in maya.html body-row) */

:root {
  --aa-rail-width: clamp(420px, 35vw, 980px);
}

#aa-rail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  z-index: auto;
}

#aa-rail > askalbert-slider {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  align-self: stretch;
}

#aa-rail.aa-rail--route-hidden {
  display: none;
}