.zoomist-container{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.zoomist-wrapper{z-index:1;background-color:#f4f4f4;position:absolute;inset:0;overflow:hidden}.zoomist-image{pointer-events:none;position:absolute;top:0;left:0;max-width:none!important;max-height:none!important}.zoomist-slider{z-index:2;background-color:#fffc;border-radius:0 0 5px;position:absolute;top:0;left:0}.zoomist-slider-main{justify-content:flex-start;display:flex;position:relative}.zoomist-slider-main:hover .zoomist-slider-bar{background-color:#aaa}.zoomist-slider-main:hover .zoomist-slider-button:before{box-shadow:0 0 10px #0009}.zoomist-slider-main.zoomist-slider-horizontal{align-items:flex-start;width:150px;margin:0 20px;padding:20px 0}.zoomist-slider-main.zoomist-slider-horizontal .zoomist-slider-bar{width:100%;height:2px;top:calc(50% - 1px);left:0}.zoomist-slider-main.zoomist-slider-vertical{align-items:flex-end;height:150px;margin:20px 0;padding:0 20px}.zoomist-slider-main.zoomist-slider-vertical .zoomist-slider-bar{width:2px;height:100%;top:0;left:calc(50% - 1px)}.zoomist-slider-bar{z-index:0;background-color:#ccc;border-radius:1px;transition:background-color .3s;display:block;position:absolute}.zoomist-slider-button{z-index:1;display:block;position:relative;width:0!important;height:0!important}.zoomist-slider-button:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;transition:box-shadow .3s;display:block;position:absolute;top:-5px;left:-5px;box-shadow:0 0 5px #0006}.zoomist-zoomer{z-index:2;border-radius:0 0 0 5px;position:absolute;top:0;right:0;overflow:hidden}.zoomist-in-zoomer,.zoomist-out-zoomer{cursor:pointer;background-color:#fffc;width:50px;height:50px;transition:background-color .3s;position:relative}.zoomist-in-zoomer:hover,.zoomist-out-zoomer:hover{background-color:#ffffffe6}.zoomist-in-zoomer svg,.zoomist-out-zoomer svg{fill:#333;width:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zoomist-zoomer-disable{pointer-events:none;opacity:.6}