.viewer-close,.viewer-flip-horizontal,.viewer-flip-vertical,.viewer-fullscreen,.viewer-fullscreen-exit,.viewer-next,.viewer-one-to-one,.viewer-play,.viewer-prev,.viewer-reset,.viewer-rotate-left,.viewer-rotate-right,.viewer-zoom-in,.viewer-zoom-out{&:before{background-image:url(/_next/static/media/icons.7fc4c462.svg);background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;& ::selection,&::selection{background-color:transparent}&:focus{outline:0}& img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;&>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0;&>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px;&:focus,&:hover{opacity:.75}&:focus{outline:0}&+li{margin-left:1px}}&>.viewer-loading{position:relative;&:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}}&>.viewer-active,&>.viewer-active:focus,&>.viewer-active:hover{opacity:1}}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;z-index:1;&>img{left:0;position:absolute;top:0}}.viewer-toolbar{&>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px;&>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px;&:focus,&:hover{background-color:rgba(0,0,0,.8)}&:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}&:before{margin:2px}&+li{margin-left:1px}}&>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px;&:before{margin:-1px}}&>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px;&:before{margin:5px}}}}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap;&:hover{opacity:1}}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px;-webkit-app-region:no-drag;&:focus,&:hover{background-color:rgba(0,0,0,.8)}&:focus{box-shadow:0 0 3px #fff;outline:0}&:before{bottom:15px;left:15px;position:absolute}}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading{&:after{animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}