.zoomist-container{position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoomist-wrapper{background-color:#f4f4f4;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.zoomist-image{left:0;max-height:none!important;max-width:none!important;pointer-events:none;position:absolute;top:0}.zoomist-slider{background-color:hsla(0,0%,100%,.8);border-radius:0 0 5px 0;left:0;position:absolute;top:0;z-index:2}@media screen and (max-width:768px){.zoomist-slider{display:none}}.zoomist-slider-main{display:flex;justify-content:flex-start;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 rgba(0,0,0,.6)}.zoomist-slider-main.zoomist-slider-horizontal{align-items:flex-start;margin:0 20px;padding:20px 0;width:150px}@media screen and (max-width:768px){.zoomist-slider-main.zoomist-slider-horizontal{width:50px}}.zoomist-slider-main.zoomist-slider-horizontal .zoomist-slider-bar{height:2px;left:0;top:calc(50% - 1px);width:100%}.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{height:100%;left:calc(50% - 1px);top:0;width:2px}.zoomist-slider-bar{background-color:#ccc;border-radius:1px;display:block;position:absolute;transition:background-color .3s;z-index:0}.zoomist-slider-button{display:block;height:0!important;position:relative;width:0!important;z-index:1}.zoomist-slider-button:before{background-color:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.4);content:"";display:block;height:10px;left:-5px;position:absolute;top:-5px;transition:box-shadow .3s;width:10px}.zoomist-zoomer{border-radius:0 0 0 5px;overflow:hidden;position:absolute;right:0;top:0;z-index:2}.zoomist-in-zoomer,.zoomist-out-zoomer{background-color:hsla(0,0%,100%,.8);cursor:pointer;height:50px;position:relative;transition:background-color .3s;width:50px}@media screen and (max-width:768px){.zoomist-in-zoomer,.zoomist-out-zoomer{height:30px;width:30px}}.zoomist-in-zoomer:hover,.zoomist-out-zoomer:hover{background-color:hsla(0,0%,100%,.9)}.zoomist-in-zoomer svg,.zoomist-out-zoomer svg{fill:#333;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.zoomist-zoomer-disable{opacity:.6;pointer-events:none}