/* static/css/watermark.css */

.demo-watermark {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
}

/*.demo-watermark::before {*/
/*    content: "DEMONSTRATION DATA";*/
/*    position: absolute;*/
/*    top: 45%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%) rotate(-35deg);*/
/*    font-size: 4rem;*/
/*    font-weight: 800;*/
/*    color: rgba(180, 0, 0, 0.14);*/
/*    white-space: nowrap;*/
/*    border: 4px solid rgba(180, 0, 0, 0.12);*/
/*    padding: 1rem 2rem;*/
/*}*/


/* Usage:                                                  */
/* <div class="demo-watermark">                            */
/*    <span>Draft Supplier Preview - not published.</span> */
/* </div>                                                  */

.demo-watermark span {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    font-size: 4rem;
    font-weight: 800;
    color: rgba(180, 0, 0, 0.14);
    white-space: nowrap;
    border: 4px solid rgba(180, 0, 0, 0.12);
    padding: 1rem 2rem;
}

.demo-cell {
    position: relative;
    overflow: hidden;
}

.cell-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);

    pointer-events: none;
    user-select: none;

    font-size: 2.5rem;
    font-weight: 800;
    /*font-weight: 900;*/
    color: rgba(180,0,0,.12);
    /*color: rgba(200,0,0,.10);*/

    white-space: nowrap;
}