.demo-area{border-radius:8px;padding:20px}.demo-trigger{display:inline-block;width:100%;overflow:hidden}.drift-zoom-pane{overflow:hidden;transform:translateZ(0);z-index:1000;position:absolute;height:100%;width:100%}.zoom-image__img{transition:all 1s ease-in-out;cursor:zoom-in;max-width:100%;height:100%;transition:transform .3s ease-out}.zoom-container{position:relative;overflow:hidden}.drift-zoom-pane.drift-opening{animation:drift-fadeZoomIn .18s ease-out}.drift-zoom-pane.drift-closing{animation:drift-fadeZoomOut .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);z-index:2}.drift-loading .drift-zoom-pane-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:drift-loader-rotate 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:drift-loader-before 1.8s linear infinite}.drift-zoom-pane-loader:after{right:0;animation:drift-loader-after 1.8s linear infinite;animation-delay:-.9s}.drift-bounding-box{background-color:rgba(0,0,0,.4)}@keyframes drift-fadeZoomIn{0%{opacity:0}to{opacity:1}}@keyframes drift-fadeZoomOut{0%{opacity:1}15%{opacity:1}to{opacity:0}}@keyframes drift-loader-rotate{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes drift-loader-before{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 drift-loader-after{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)}}