.demo-area{border-radius:8px;padding:20px}.demo-trigger{width:100%;display:inline-block;overflow:hidden}.drift-zoom-pane{z-index:1000;width:100%;height:100%;position:absolute;overflow:hidden;transform:translate(0,0)}.zoom-image__img{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:.18s ease-out drift-fadeZoomIn}.drift-zoom-pane.drift-closing{animation:.21s ease-in drift-fadeZoomOut}.drift-zoom-pane.drift-inline{z-index:2;border-radius:75px;width:150px;height:150px;position:absolute;box-shadow:0 6px 18px #0000004d}.drift-loading .drift-zoom-pane-loader{width:66px;height:20px;animation:1.8s linear infinite drift-loader-rotate;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before{content:"";background:#ffffffe6;border-radius:20px;width:20px;height:20px;margin-top:-10px;display:block;position:absolute;top:50%}.drift-zoom-pane-loader:before{animation:1.8s linear infinite drift-loader-before;left:0}.drift-zoom-pane-loader:after{animation:1.8s linear -.9s infinite drift-loader-after;right:0}.drift-bounding-box{background-color:#0006}@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(-360deg)}}@keyframes drift-loader-before{0%{transform:scale(1)}10%{transform:scale(1.2)translate(6px)}25%{transform:scale(1.3)translate(8px)}40%{transform:scale(1.2)translate(6px)}50%{transform:scale(1)}60%{transform:scale(.8)translate(6px)}75%{transform:scale(.7)translate(8px)}90%{transform:scale(.8)translate(6px)}to{transform:scale(1)}}@keyframes drift-loader-after{0%{transform:scale(1)}10%{transform:scale(1.2)translate(-6px)}25%{transform:scale(1.3)translate(-8px)}40%{transform:scale(1.2)translate(-6px)}50%{transform:scale(1)}60%{transform:scale(.8)translate(-6px)}75%{transform:scale(.7)translate(-8px)}90%{transform:scale(.8)translate(-6px)}to{transform:scale(1)}}
