/*#snapshot {
    &:not(.active) {
        display: none;
    }

    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);

    figure {
        position: fixed;
        background-image: url(../images/black/snapshot.png);
        background-repeat: no-repeat;
        border: 20px solid #000;
        border-radius: 20px;
        background-position: 50%;
        background-color: rgba(255, 255, 255, 0.3);

        footer {
            width: 200px;
            text-align: center;
            position: absolute;
            left: 50%;
            margin-left: -100px;
            top: 50%;
            margin-top: 96px;
        }
    }

    button {
        border-radius: 50%;
        background-color: #FFF;
        border: 2px solid #000;
        margin: 0 2px;
        width: 50px;
        height: 50px;

        &:hover {
            background-color: darken(#FFF, 20%);
        }
    }

    button[data-action="take-shot"] {
        border-color: @buttonBackgroundPrimary;

    }
}*/
/*@media screen and (max-height: 300px) {
    #snapshot {
        figure {
            footer {
                margin-top: 20px;
            }
        }
    }
}*/
/*[data-role="field"][data-group="snapshot-detail"] {
    img {
        width: 290px;
        display: block;
        margin: auto;
    }
}*/