SniperScope {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;

    &.hide {
        display: none;
    }
    
    .lensWrapper {
        position: relative;
        width: 100%;
    }

    .lens {
        height: 100%;
        width: 100%;
    }

    .scope {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .leftBar,
    .rightBar {
        background-color: black;
        height: 100%;
        flex-grow: 1;
    }

    .topBar {
        position: absolute;
        background-color: black;
        top: -100%;
        width: 100%;
        height: 100%;
    }

    .bottomBar {
        position: absolute;
        background-color: black;
        bottom: -100%;
        width: 100%;
        height: 100%;
    }
}