decor-6-expe/maquette-tests/assets/css/running-page.css

.running-page_container{
    --w-container: calc(var(--pagedjs-width) - var(--pagedjs-bleed-left)*2);
    font-size: var(--sign-size);
      color: var(--sign-color);
      letter-spacing: var(--sign-spacing);
      font-family: var(--sign-family);
      line-height: var(--sign-baseline);
      vertical-align: bottom;
      padding-bottom: var(--running-bottom);
      width: 100%;


      position: absolute; 
      left: 0px;

        bottom: 0px;
      width: var( --w-container);
      overflow: hidden;
      /* background-color: red; */

}


.running-page{
    width: calc(var(--w-container)*2);
    padding-left: 19px;
    padding-right: 6px;
    display: flex;
}

.running-page .symbols{
    flex-shrink: 0;
    /* background-color: white; */
      z-index: 20;

}
.running-page .dots{
    position: absolute;
    top: -5px;
    left: 19px;
    z-index: 10;
}

.pagedjs_right_page .running-page_container .running-page{
    position: relative;
     /* left: calc(var( --w-container)*-1 + var(--pagedjs-margin-left)*-1 + 2px); */
          left: calc(var( --w-container)*-1 + 10px);
}