@page {
    size: 105mm 148mm;
    margin-left: 10mm;
    margin-right: 10mm;
    margin-top: 5mm;
    margin-bottom: 10.1mm;
    /* margin-bottom: 4.8rem; */
    /* outline: solid 1px black; */
}

@page:left {
    margin-left: 10mm;
    margin-right: 15mm;
    /* box-shadow: inset -15px 0px 25px black; */
    @bottom-left-corner {
        text-align: center;
        font-size: 1rem;
        transform-origin: center;
        /* translate: 4mm 1.7mm; */
        translate: -0mm 1mm;
        width: 1.5rem;
        height: 1.5rem;
        color: white;
        z-index: 1;
        content: counter(page);
        font-variant-numeric: lining-nums;
    }
    @bottom-left {
        content:"•";
        z-index: 0;
        font-size: 8rem;
        translate: -8.1mm 0mm;
        line-height: 0;
        color:var(--riso1);
    }
    /* .pagedjs_margin-right, .pagedjs_margin-bottom-right-corner-holder, .pagedjs_margin-top-right-corner-holder{
        background: linear-gradient(to right, transparent, 75%, var(--riso1));
    } */

    /* @bottom-left-corner{
        content:url(ico1.svg);
        position: absolute;
        width: 3rem;
        height: 3rem;
        left: 1rem;
        bottom: 0.8rem;
    } */

    .pagedjs_margin-right{
        background: linear-gradient(to right, transparent, 75%, var(--riso1));
        height: 30cm;
        margin-top: -5cm;
    }
}

  
@page:right {
    margin-left: 15mm;
    margin-right: 10mm;
    /* box-shadow: inset 15px 0px 25px black; */
    @bottom-right-corner {
        text-align: center;
        font-size: 0.9rem;
        padding-top: 0.2rem;
        transform-origin: right;
        rotate: 45deg;
        translate: -1mm 3.4mm;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        background-color: var(--riso1);
        color: white;
        content: counter(page);
        font-variant-numeric: lining-nums;
    }
    
    /* @bottom-right-corner{
        content:url(ico2.svg);
        position: absolute;
        width: 3rem;
        height: 3rem;
        right: 1rem;
        bottom: 1rem;
    } */
    /* .pagedjs_margin-left, .pagedjs_margin-bottom-left-corner-holder, .pagedjs_margin-top-left-corner-holder{
        background: linear-gradient(to left, transparent, 75%, var(--riso1));
    } */

    .pagedjs_margin-left{
        background: linear-gradient(to left, transparent, 75%, var(--riso1));
        height: 30cm;
        margin-top: -5cm;
    }
}

@page:first{
    .pagedjs_margin-left, .pagedjs_margin-bottom-left-corner-holder, .pagedjs_margin-top-left-corner-holder{
        background: white
    }
}

.pagedjs_page_content > div:first-child > p:first-child,
.pagedjs_page_content > div:first-child > h2:first-child,
 .pagedjs_page_content > div:first-child > h3:first-child,
 .pagedjs_page_content > div:first-child > h4:first-child,
 .pagedjs_page_content > div:first-child > section > p:first-child,
 .pagedjs_page_content > div:first-child > section > h2:first-child,
 .pagedjs_page_content > div:first-child > section > h3:first-child,
 .pagedjs_page_content > div:first-child > section > h4:first-child{
    margin-top: 0;
}

.footnote,.book .footnote {
    font-size: 0.75rem;
    line-height: 1rem;
    float: footnote;
    list-style-position: outside;
    margin-top: 0;
}
.footnote:last-child{
    margin-bottom: 0;
}
/* .footnote:first-child{
    margin-top: 1rem;
} */

.pagedjs_pagebox > .pagedjs_area > .pagedjs_footnote_area,.pagedjs_pagebox > .pagedjs_area > .pagedjs_footnote_area > .pagedjs_footnote_content{
    overflow: visible;
}

/* define the position of the footnote on the page (only bottom is possible for now) */

@page {
    @footnote {
        float: bottom;
        margin-top: 0rem;
    }
}
.references .footnote{
    display: none;
    position: relative;
}
::footnote-marker {
    content: counter(footnote, loweralpha) "† ";
  }
::footnote-call {
    content:"";
    display: none;
}

.unormative {
	page: unormative;
}

@page unormative:left{
    @bottom-left-corner{
        content:url(assets/ico1.svg);
        position: absolute;
        width: 3rem;
        height: 3rem;
        left: 1rem;
        bottom: 0.8rem;
        /* color: */
    }
    @bottom-left {
        content:"";
    }
}


@page unormative:right{
    @bottom-right-corner{
        content:url(assets/ico2.svg);
        position: absolute;
        width: 3rem;
        height: 3rem;
        right: 1rem;
        bottom: 1.5rem;
        background-color: transparent;
        rotate: 0deg;

    }
}