.image-previewer{inset:0;position:fixed;z-index:1000}.image-previewer__mask{background-color:#000;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.image-previewer__btn{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#0003;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:.875rem;height:2.5rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;-webkit-transition:all .3s;transition:all .3s;width:2.5rem;z-index:1}.image-previewer__btn:hover{color:#ff4848}.image-previewer__btn .iconfont{font-size:.875rem}.image-previewer__close{right:2.5rem;top:5vh}.image-previewer__prev{left:2.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.image-previewer__next{right:2.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.image-previewer__canvas{padding:5vh 6.25rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-previewer__canvas,.image-previewer__img,.image-previewer__img picture.ab-picture__img{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.image-previewer__img img.ab-picture__img{height:auto;max-height:100%;max-width:100%;width:auto}.image-previewer__dots{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;bottom:1.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);z-index:1}.image-previewer__dots:not(:last-child){margin-right:.75rem}.image-previewer__dot{background-color:#ffffff4d;border-radius:50%;cursor:pointer;height:.5rem;opacity:.5;-webkit-transition:color .3s;transition:color .3s;width:.5rem}.image-previewer__dot.is-active,.image-previewer__dot:hover{opacity:1}.image-previewer__dot.is-active{background-color:#ff4848}