@keyframes a{
    0%{
        transform:scale(1.5);
        opacity:0
    }
    to{
        transform:scale(1);
        opacity:1
    }
}
@keyframes b{
    0%{
        transform:scale(1);
        opacity:1
    }
    15%{
        transform:scale(1.1);
        opacity:1
    }
    to{
        transform:scale(.5);
        opacity:0
    }
}
@keyframes c{
    0%{
        transform:translate(-50%,-50%) rotate(0)
    }
    50%{
        transform:translate(-50%,-50%) rotate(-180deg)
    }
    to{
        transform:translate(-50%,-50%) rotate(-1turn)
    }
}
@keyframes d{
    0%{
        transform:scale(1)
    }
    10%{
        transform:scale(1.2) translateX(6px)
    }
    25%{
        transform:scale(1.3) translateX(8px)
    }
    40%{
        transform:scale(1.2) translateX(6px)
    }
    50%{
        transform:scale(1)
    }
    60%{
        transform:scale(.8) translateX(6px)
    }
    75%{
        transform:scale(.7) translateX(8px)
    }
    90%{
        transform:scale(.8) translateX(6px)
    }
    to{
        transform:scale(1)
    }
}
@keyframes e{
    0%{
        transform:scale(1)
    }
    10%{
        transform:scale(1.2) translateX(-6px)
    }
    25%{
        transform:scale(1.3) translateX(-8px)
    }
    40%{
        transform:scale(1.2) translateX(-6px)
    }
    50%{
        transform:scale(1)
    }
    60%{
        transform:scale(.8) translateX(-6px)
    }
    75%{
        transform:scale(.7) translateX(-8px)
    }
    90%{
        transform:scale(.8) translateX(-6px)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes a{
    0%{
        -webkit-transform:scale(1.5);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes b{
    0%{
        -webkit-transform:scale(1);
        opacity:1
    }
    15%{
        -webkit-transform:scale(1.1);
        opacity:1
    }
    to{
        -webkit-transform:scale(.5);
        opacity:0
    }
}
@-webkit-keyframes c{
    0%{
        -webkit-transform:translate(-50%,-50%) rotate(0)
    }
    50%{
        -webkit-transform:translate(-50%,-50%) rotate(-180deg)
    }
    to{
        -webkit-transform:translate(-50%,-50%) rotate(-1turn)
    }
}
@-webkit-keyframes d{
    0%{
        -webkit-transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(6px)
    }
    50%{
        -webkit-transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(6px)
    }
    to{
        -webkit-transform:scale(1)
    }
}
@-webkit-keyframes e{
    0%{
        -webkit-transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(-6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(-8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(-6px)
    }
    50%{
        -webkit-transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(-6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(-8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(-6px)
    }
    to{
        -webkit-transform:scale(1)
    }
}
.drift-zoom-pane{
    background:rgba(0,0,0,.5);
    transform:translateZ(0);
    -webkit-transform:translateZ(0)
}
.drift-zoom-pane.drift-opening{
    animation:a .18s ease-out;
    -webkit-animation:a .18s ease-out
}
.drift-zoom-pane.drift-closing{
    animation:b .21s ease-in;
    -webkit-animation:b .21s ease-in
}
.drift-zoom-pane.drift-inline{
    position:absolute;
    width:150px;
    height:150px;
    border-radius:75px;
    box-shadow:0 6px 18px rgba(0,0,0,.3)
}
.drift-loading .drift-zoom-pane-loader{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    width:66px;
    height:20px;
    animation:c 1.8s linear infinite;
    -webkit-animation:c 1.8s linear infinite
}
.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before{
    content:"";
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    margin-top:-10px;
    border-radius:20px;
    background:hsla(0,0%,100%,.9)
}
.drift-zoom-pane-loader:before{
    left:0;
    animation:d 1.8s linear infinite;
    -webkit-animation:d 1.8s linear infinite
}
.drift-zoom-pane-loader:after{
    right:0;
    animation:e 1.8s linear infinite;
    -webkit-animation:e 1.8s linear infinite;
    animation-delay:-.9s;
    -webkit-animation-delay:-.9s
}
.drift-bounding-box{
    background-color:rgba(0,0,0,.4)
}