:root{--zoomist-wrapper-bg-color:#efefef;--zoomist-slider-bg-color:#fffc;--zoomist-slider-border-radius:0 0 4px 0;--zoomist-slider-padding-x:20px;--zoomist-slider-padding-y:20px;--zoomist-slider-track-color:#ddd;--zoomist-slider-track-color-hover:#ccc;--zoomist-slider-bar-size:120px;--zoomist-slider-bar-side:2px;--zoomist-slider-bar-border-radius:2px;--zoomist-slider-bar-color:#666;--zoomist-slider-bar-color-hover:#444;--zoomist-slider-button-size:12px;--zoomist-slider-button-color:#fff;--zoomist-zoomer-button-size:48px;--zoomist-zoomer-button-color:#fffc;--zoomist-zoomer-button-color-hover:#ffffffe6;--zoomist-zoomer-button-color-disabled:#fffc;--zoomist-zoomer-button-opacity-disabled:.7;--zoomist-zoomer-icon-size:14px;--zoomist-zoomer-icon-color:#333;--zoomist-zoomer-icon-color-hover:#111;--zoomist-zoomer-icon-color-disabled:#999;--zoomist-modules-tranistion-duration:.3s}.zoomist-container{-webkit-user-select:none;user-select:none;position:relative;padding:0!important}.zoomist-wrapper{z-index:1;background-color:var(--zoomist-wrapper-bg-color);width:100%;height:100%;position:relative;overflow:hidden;padding:0!important}.zoomist-image{position:relative;max-width:none!important;max-height:none!important}.zoomist-slider{z-index:2;padding:var(--zoomist-slider-padding-y) var(--zoomist-slider-padding-x);background-color:var(--zoomist-slider-bg-color);border-radius:var(--zoomist-slider-border-radius);position:absolute;top:0;left:0}.zoomist-slider:hover .zoomist-slider-wrapper{background-color:var(--zoomist-slider-track-color-hover)}.zoomist-slider:hover .zoomist-slider-bar{background-color:var(--zoomist-slider-bar-color-hover)}.zoomist-slider:hover .zoomist-slider-button:before{box-shadow:0 0 8px #0009}.zoomist-slider-horizontal .zoomist-slider-wrapper{width:var(--zoomist-slider-bar-size);height:var(--zoomist-slider-bar-side);justify-content:flex-start;align-items:center}.zoomist-slider-horizontal .zoomist-slider-bar{width:calc(var(--value) * 1%);height:100%;top:0}.zoomist-slider-horizontal .zoomist-slider-button{left:calc(var(--value) * 1%)}.zoomist-slider-vertical .zoomist-slider-wrapper{width:var(--zoomist-slider-bar-side);height:var(--zoomist-slider-bar-size);justify-content:center;align-items:flex-end}.zoomist-slider-vertical .zoomist-slider-bar{width:100%;height:calc(var(--value) * 1%);bottom:0}.zoomist-slider-vertical .zoomist-slider-button{bottom:calc(var(--value) * 1%)}.zoomist-slider-wrapper{background-color:var(--zoomist-slider-track-color);transition:background-color var(--zoomist-modules-tranistion-duration);display:flex;position:relative}.zoomist-slider-bar{z-index:0;border-radius:var(--zoomist-slider-bar-border-radius);background-color:var(--zoomist-slider-bar-color);transition:background-color var(--zoomist-modules-tranistion-duration);display:block;position:absolute;left:0}.zoomist-slider-button{z-index:1;display:block;position:relative;width:0!important;height:0!important}.zoomist-slider-button:before{content:"";left:calc(var(--zoomist-slider-button-size) * -.5);top:calc(var(--zoomist-slider-button-size) * -.5);width:var(--zoomist-slider-button-size);height:var(--zoomist-slider-button-size);background-color:var(--zoomist-slider-button-color,#fff);transition:box-shadow var(--zoomist-modules-tranistion-duration);border-radius:50%;display:block;position:absolute;box-shadow:0 0 4px #0006}.zoomist-zoomer{z-index:2;border-radius:0 0 0 4px;position:absolute;top:0;right:0;overflow:hidden}.zoomist-zoomer-button{width:var(--zoomist-zoomer-button-size);height:var(--zoomist-zoomer-button-size);background:0 0;background-color:var(--zoomist-zoomer-button-color);transition:background-color var(--zoomist-modules-tranistion-duration);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:relative}.zoomist-zoomer-button:hover{background-color:var(--zoomist-zoomer-button-color-hover)}.zoomist-zoomer-button:hover .zoomist-zoomer-icon{fill:var(--zoomist-zoomer-icon-color-hover)}.zoomist-zoomer-button.zoomist-zoomer-disabled{pointer-events:none;background-color:var(--zoomist-zoomer-button-color-disabled);opacity:var(--zoomist-zoomer-button-opacity-disabled)}.zoomist-zoomer-button.zoomist-zoomer-disabled .zoomist-zoomer-icon{fill:var(--zoomist-zoomer-icon-color-disabled)}.zoomist-zoomer-icon{width:var(--zoomist-zoomer-icon-size);height:var(--zoomist-zoomer-icon-size);fill:var(--zoomist-zoomer-icon-color);transition:fill var(--zoomist-modules-tranistion-duration)}