/**
Loupe 2.0.0
https://github.com/redoPop/loupe
*/

.loupe {
    background: rgba(0, 0, 0, 0.25) no-repeat;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px solid rgba(128, 128, 128, 0.38);
    box-shadow: 0px 0px 3px rgba(25, 26, 48, 0.6);
    width: 250px;
    height: 250px;
    position: fixed;
    top: 0;
    left: 0;
    margin: -150px 0 0 -150px;
    border-radius: 100%;
}

.loupe--active {
    opacity: 1;
}

.loupe.loupe--active:after {
    content: '';
    border-radius: 0 100% 100% 100%;
    display: inline-block;
    position: absolute;
    border-bottom: solid 5px rgba(255, 255, 255, 0.58);
    border-right: solid 15px rgba(255, 255, 255, 0.47);
    height: 250px;
    width: 250px;
    box-sizing: border-box;
}