Rise 360 labeled graphic grid by philfoss

/* ==UserStyle==
@name         Rise  360 labeled graphic grid
@version      20250131.18.56
@namespace    https://userstyles.world/user/philfoss
@description  A grid alignment overlay to help align markers on a labeled graphic for admins
@author       philfoss
@license      No License
==/UserStyle== */

@-moz-document domain("rise.articulate.com") {
figure.labeled-graphic-canvas__figure--editable:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url("https://theme-360.com/rise/grid2.svg");
    background-repeat: repeat;
    background-size: 500px;
}
figure.labeled-graphic-canvas__figure--editable:hover::after {
    content: "Grid preview from Theme-360";
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(1, 1, 1, .5);
    color: white;
    padding: 5px 10px;
    line-height: 1;
}
}