html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

.dg.ac {
    z-index: 2 !important;
}
gl-scene {
    opacity: 0;
    transition: opacity 1s ease;
}
gl-scene.is-active {
    opacity: 1;
}

:root {
    --alias-white20: rgba(255,255,255,0.2);
    --alias-black20: rgba(0,0,0,0.2);
    --alias-stripes: repeating-linear-gradient( -55deg, #222, #222 5px, #333 5px, #333 10px );
    --alias-diag: linear-gradient(to top left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) calc(50% - 1px), rgba(255,255,255,1) 50%, rgba(255,255,255,0) calc(50% + 1px), rgba(255,255,255,0) 100%);
}

.ruler {
    background-image: 
        linear-gradient(
            90deg, 
            rgba(73, 73, 73, 0.5) 0, 
            rgba(73, 73, 73, 0.5) 2%, 
            transparent 2% 
        ),
        linear-gradient(
            180deg, #000 50%, transparent 50% 
        ),
        linear-gradient(90deg, 
            transparent 50%, 
            rgba(73, 73, 73, 0.5) 50%, 
            rgba(73, 73, 73, 0.5) 52%, 
            transparent 52% 
        ),
        linear-gradient(
            180deg, #000 70%, transparent 70%
        ),
        linear-gradient(90deg, 
            transparent 10%, 
            rgba(73, 73, 73, 0.4) 10%,
            rgba(73, 73, 73, 0.4) 12%, 
            transparent 12%, transparent 20%, rgba(73, 73, 73, 0.4) 20%, rgba(73, 73, 73, 0.4) 22%, 
            transparent 22%, transparent 30%, rgba(73, 73, 73, 0.4) 30%, rgba(73, 73, 73, 0.4) 32%, 
            transparent 32%, transparent 40%, rgba(73, 73, 73, 0.4) 40%, rgba(73, 73, 73, 0.4) 42%, 
            transparent 42%, transparent 60%, rgba(73, 73, 73, 0.4) 60%, rgba(73, 73, 73, 0.4) 62%, 
            transparent 62%, transparent 70%, rgba(73, 73, 73, 0.4) 70%, rgba(73, 73, 73, 0.4) 72%, 
            transparent 72%, transparent 80%, rgba(73, 73, 73, 0.4) 80%, rgba(73, 73, 73, 0.4) 82%, 
            transparent 82%, transparent 90%, rgba(73, 73, 73, 0.4) 90%, rgba(73, 73, 73, 0.4) 92%, 
            transparent 92% 
        );
    background-size: 40px 20px;
    background-repeat: repeat-x;
}