/**
 * EasyZoom core styles
 */

.easyzoom {
    position: relative;
    /* 'Shrink-wrap' the element */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.easyzoom img {
    vertical-align: bottom;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    z-index: 150;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    line-height: 2em;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg class='lds-spin' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(80,50)'%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='1' transform='scale(1.04423 1.04423)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.875s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.875s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,71.21320343559643)'%3E%3Cg transform='rotate(45)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.875' transform='scale(1.05673 1.05673)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.75s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.75s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50,80)'%3E%3Cg transform='rotate(90)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.75' transform='scale(1.06923 1.06923)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.625s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.625s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.786796564403577,71.21320343559643)'%3E%3Cg transform='rotate(135)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.625' transform='scale(1.08173 1.08173)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.5s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(20,50.00000000000001)'%3E%3Cg transform='rotate(180)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.5' transform='scale(1.09423 1.09423)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.375s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.375s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.78679656440357,28.786796564403577)'%3E%3Cg transform='rotate(225)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.375' transform='scale(1.00673 1.00673)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.25s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.25s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(49.99999999999999,20)'%3E%3Cg transform='rotate(270)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.25' transform='scale(1.01923 1.01923)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.125s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.125s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,28.78679656440357)'%3E%3Cg transform='rotate(315)'%3E%3Ccircle cx='0' cy='0' r='10' fill='%23000000' fill-opacity='0.125' transform='scale(1.03173 1.03173)'%3E%3CanimateTransform attributeName='transform' type='scale' begin='0s' values='1.1 1.1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='0s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}


/**
 * EasyZoom layout variations
 */

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}