.m4-image-preview{z-index:100;position:fixed;top:0;bottom:0;left:0;right:0}.m4-image-preview .mask{background-color:rgba(0,0,0,.8);position:absolute;top:0;bottom:0;left:0;right:0}.m4-image-preview .preview-container{gap:44px;max-width:1080px;height:max-content;margin:auto;padding:0 16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:640px){.m4-image-preview .preview-container{height:auto}}.m4-image-preview .preview-container .preview-ctrl{cursor:pointer;flex-shrink:0;align-items:center;display:flex;position:relative}@media (max-width:640px){.m4-image-preview .preview-container .preview-ctrl{display:none}}.m4-image-preview .preview-container .preview-ctrl .preview-close{position:absolute;top:0}.m4-image-preview .preview-container .preview-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.m4-image-preview .preview-container .preview-content .preview-image-container{justify-content:center;align-items:flex-end;display:flex}.m4-image-preview .preview-container .preview-content .preview-image-container .preview-image{object-fit:contain;object-position:bottom;width:100%;height:auto}.m4-image-preview .preview-container .preview-content .preview-title{color:#fff;margin-top:16px;font-size:16px;line-height:32px}.m4-image-preview .preview-container .mobile-ctrl{padding-bottom:20px;display:none;position:absolute;bottom:0;left:0;right:0}@media (max-width:640px){.m4-image-preview .preview-container .mobile-ctrl{display:initial}}.m4-image-preview .preview-container .mobile-ctrl .bottom-ctrl-container{color:#fff;justify-content:space-around;display:flex}.m4-image-preview .preview-container .mobile-ctrl .bottom-ctrl-container .bottom-ctrl img{margin-bottom:4px}.m4-image-preview .preview-container .mobile-preview-close{display:none;position:absolute;top:16px;right:16px}@media (max-width:640px){.m4-image-preview .preview-container .mobile-preview-close{display:initial}}