@adplenty-tech/adplenty-components-library 1.6.1 → 1.6.3

package/build/adstudioPreview/facebookPreview/facebookPreview.css

@@ -1 +1 @@
-.facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{height:unset !important;min-height:500px}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{height:unset !important;min-height:500px}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{height:500px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}
+.facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{width:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{width:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images *{height:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-button{height:unset}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;border-radius:.1rem}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{max-height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}

package/build/adstudioPreview/htmlTemplatePreview/htmlTemplatePreview.css

@@ -1 +1 @@
-.html-template-preview{display:-webkit-box;display:-ms-flexbox;display:flex}.html-template-preview *{-webkit-box-sizing:content-box;box-sizing:content-box}.html-template-preview.front{zoom:.9}@media(max-width: 960px){.html-template-preview.front{zoom:.6}}@media(max-width: 1279px){.html-template-preview.front{zoom:.8}}.html-template-preview content{display:inline-block}.html-template-preview content .ad-banner>div{height:100%}
+.html-template-preview{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}.html-template-preview *{-webkit-box-sizing:content-box;box-sizing:content-box}.html-template-preview.front{zoom:.9}@media(max-width: 960px){.html-template-preview.front{zoom:.6}}@media(max-width: 1279px){.html-template-preview.front{zoom:.8}}.html-template-preview .ad-banner.small{height:100%}.html-template-preview video,.html-template-preview img{height:100%;width:100%;-o-object-position:center top;object-position:center top;height:inherit}.html-template-preview img{-o-object-fit:cover;object-fit:cover}.html-template-preview content{display:inline-block}.html-template-preview content .ad-banner>div{height:100%}

package/build/adstudioPreview/instagramPreview/instagramPreview.css

@@ -1 +1 @@
-.instagram-preview .display-preview,.instagram-preview-image .display-preview,.instagram-preview-video .display-preview{width:500px}.instagram-preview .single-image,.instagram-preview-image .single-image,.instagram-preview-video .single-image{width:500px;min-height:350px;background-size:cover;background-position:center}.instagram-preview .video,.instagram-preview-image .video,.instagram-preview-video .video{width:500px;height:500px;background-color:#000}.instagram-preview .video video,.instagram-preview-image .video video,.instagram-preview-video .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.instagram-preview .preview-empty-state,.instagram-preview-image .preview-empty-state,.instagram-preview-video .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.instagram-preview .preview-empty-state-wrapper,.instagram-preview-image .preview-empty-state-wrapper,.instagram-preview-video .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-preview .preview-empty-state-wrapper>h2,.instagram-preview-image .preview-empty-state-wrapper>h2,.instagram-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.instagram-preview .preview-empty-state-wrapper>svg,.instagram-preview-image .preview-empty-state-wrapper>svg,.instagram-preview-video .preview-empty-state-wrapper>svg{width:64px;height:64px}.instagram-preview .round-button,.instagram-preview-image .round-button,.instagram-preview-video .round-button{z-index:10}.instagram-preview .instagram,.instagram-preview-image .instagram,.instagram-preview-video .instagram{max-width:500px;min-height:350px;border:1px solid rgba(0,0,0,.3);border-radius:8px;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden}.instagram-preview .instagram img.thumbnail,.instagram-preview-image .instagram img.thumbnail,.instagram-preview-video .instagram img.thumbnail{width:352px;height:176px}.instagram-preview .instagram .logo-cont,.instagram-preview-image .instagram .logo-cont,.instagram-preview-video .instagram .logo-cont{background-color:#f9f9f9;border-bottom:1px solid #dbdbdb;text-align:center;padding:.5rem}.instagram-preview .instagram .logo-cont img,.instagram-preview-image .instagram .logo-cont img,.instagram-preview-video .instagram .logo-cont img{max-height:1.5rem !important;-o-object-fit:contain !important;object-fit:contain !important}.instagram-preview .instagram .ad-title,.instagram-preview-image .instagram .ad-title,.instagram-preview-video .instagram .ad-title{display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.66rem;padding:.5rem .7rem}.instagram-preview .instagram .ad-title p,.instagram-preview-image .instagram .ad-title p,.instagram-preview-video .instagram .ad-title p{margin:0}.instagram-preview .instagram .ad-title p span,.instagram-preview-image .instagram .ad-title p span,.instagram-preview-video .instagram .ad-title p span{display:block;line-height:1rem}.instagram-preview .instagram .ad-title .more,.instagram-preview-image .instagram .ad-title .more,.instagram-preview-video .instagram .ad-title .more{display:inline-block;height:.8rem;width:.8rem;background-image:url("/images/svg-icons/more.svg");background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:auto}.instagram-preview .instagram .small-thumb,.instagram-preview-image .instagram .small-thumb,.instagram-preview-video .instagram .small-thumb{width:20px;height:20px;border-radius:1rem;overflow:hidden;margin-right:.7rem}.instagram-preview .instagram .small-thumb img,.instagram-preview-image .instagram .small-thumb img,.instagram-preview-video .instagram .small-thumb img{width:20px;height:20px;display:block}.instagram-preview .instagram .read-more,.instagram-preview-image .instagram .read-more,.instagram-preview-video .instagram .read-more{text-decoration:none;display:block;color:#3397f0;font-size:.8rem;padding:.7rem 0;border-bottom:1px solid #e9eaeb;margin:0 .7rem}.instagram-preview .instagram .read-more::after,.instagram-preview-image .instagram .read-more::after,.instagram-preview-video .instagram .read-more::after{content:"";display:inline-block;background-image:url("/images/svg-icons/arrow-right.svg");background-size:contain;background-repeat:no-repeat;background-position:center;height:.7rem;width:.7rem;float:right}.instagram-preview .instagram .description,.instagram-preview-image .instagram .description,.instagram-preview-video .instagram .description{font-size:.733rem;line-height:1rem;margin:0 .7rem 1rem;white-space:pre-line}.instagram-preview .instagram .interaction-btns,.instagram-preview-image .instagram .interaction-btns,.instagram-preview-video .instagram .interaction-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem .7rem}.instagram-preview .instagram .interaction-btns a,.instagram-preview-image .instagram .interaction-btns a,.instagram-preview-video .instagram .interaction-btns a{display:inline-block;width:1.4rem;height:1.4rem;margin-right:1rem}.instagram-preview .instagram .interaction-btns a.save,.instagram-preview-image .instagram .interaction-btns a.save,.instagram-preview-video .instagram .interaction-btns a.save{margin-right:0;margin-left:auto}.instagram-preview .list-item,.instagram-preview-image .list-item,.instagram-preview-video .list-item{position:relative;min-width:500px}.instagram-preview .list-item .toolbox,.instagram-preview-image .list-item .toolbox,.instagram-preview-video .list-item .toolbox{position:absolute;top:5px;right:5px;z-index:10}.instagram-preview .insta-body-images,.instagram-preview-image .insta-body-images,.instagram-preview-video .insta-body-images{position:relative}.instagram-preview .insta-body-images .image,.instagram-preview-image .insta-body-images .image,.instagram-preview-video .insta-body-images .image{padding-bottom:50%;background-position:center;background-size:cover}.instagram-preview .insta-body-images .arrow-container,.instagram-preview-image .insta-body-images .arrow-container,.instagram-preview-video .insta-body-images .arrow-container{display:none}.instagram-preview .insta-body-images.multiple,.instagram-preview-image .insta-body-images.multiple,.instagram-preview-video .insta-body-images.multiple{overflow:hidden;position:relative}.instagram-preview .insta-body-images.multiple .arrow-container,.instagram-preview-image .insta-body-images.multiple .arrow-container,.instagram-preview-video .insta-body-images.multiple .arrow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;overflow:hidden;height:500px;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button{z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.instagram-preview .insta-body-images.multiple .arrow-container.left,.instagram-preview-image .insta-body-images.multiple .arrow-container.left,.instagram-preview-video .insta-body-images.multiple .arrow-container.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button{left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.instagram-preview .insta-body-images.multiple .arrow-container.right,.instagram-preview-image .insta-body-images.multiple .arrow-container.right,.instagram-preview-video .insta-body-images.multiple .arrow-container.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button{right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.instagram-preview .insta-body-images.multiple .list,.instagram-preview-image .insta-body-images.multiple .list,.instagram-preview-video .insta-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.instagram-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-preview-wrapper>div{border-radius:8px}
+.instagram-preview .display-preview,.instagram-preview-image .display-preview,.instagram-preview-video .display-preview{width:500px}.instagram-preview .single-image,.instagram-preview-image .single-image,.instagram-preview-video .single-image{width:500px;min-height:350px;background-size:cover;background-position:center}.instagram-preview .video,.instagram-preview-image .video,.instagram-preview-video .video{width:500px;height:500px;background-color:#000}.instagram-preview .video video,.instagram-preview-image .video video,.instagram-preview-video .video video{position:relative;border-radius:.1rem}.instagram-preview .preview-empty-state,.instagram-preview-image .preview-empty-state,.instagram-preview-video .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.instagram-preview .preview-empty-state-wrapper,.instagram-preview-image .preview-empty-state-wrapper,.instagram-preview-video .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-preview .preview-empty-state-wrapper>h2,.instagram-preview-image .preview-empty-state-wrapper>h2,.instagram-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.instagram-preview .preview-empty-state-wrapper>svg,.instagram-preview-image .preview-empty-state-wrapper>svg,.instagram-preview-video .preview-empty-state-wrapper>svg{width:64px;height:64px}.instagram-preview .round-button,.instagram-preview-image .round-button,.instagram-preview-video .round-button{z-index:10}.instagram-preview .instagram,.instagram-preview-image .instagram,.instagram-preview-video .instagram{max-width:500px;min-height:350px;border:1px solid rgba(0,0,0,.3);border-radius:8px;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden}.instagram-preview .instagram img.thumbnail,.instagram-preview-image .instagram img.thumbnail,.instagram-preview-video .instagram img.thumbnail{width:352px;height:176px}.instagram-preview .instagram .logo-cont,.instagram-preview-image .instagram .logo-cont,.instagram-preview-video .instagram .logo-cont{background-color:#f9f9f9;border-bottom:1px solid #dbdbdb;text-align:center;padding:.5rem}.instagram-preview .instagram .logo-cont img,.instagram-preview-image .instagram .logo-cont img,.instagram-preview-video .instagram .logo-cont img{max-height:1.5rem !important;-o-object-fit:contain !important;object-fit:contain !important}.instagram-preview .instagram .ad-title,.instagram-preview-image .instagram .ad-title,.instagram-preview-video .instagram .ad-title{display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.66rem;padding:.5rem .7rem}.instagram-preview .instagram .ad-title p,.instagram-preview-image .instagram .ad-title p,.instagram-preview-video .instagram .ad-title p{margin:0}.instagram-preview .instagram .ad-title p span,.instagram-preview-image .instagram .ad-title p span,.instagram-preview-video .instagram .ad-title p span{display:block;line-height:1rem}.instagram-preview .instagram .ad-title .more,.instagram-preview-image .instagram .ad-title .more,.instagram-preview-video .instagram .ad-title .more{display:inline-block;height:.8rem;width:.8rem;background-image:url("/images/svg-icons/more.svg");background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:auto}.instagram-preview .instagram .small-thumb,.instagram-preview-image .instagram .small-thumb,.instagram-preview-video .instagram .small-thumb{width:20px;height:20px;border-radius:1rem;overflow:hidden;margin-right:.7rem}.instagram-preview .instagram .small-thumb img,.instagram-preview-image .instagram .small-thumb img,.instagram-preview-video .instagram .small-thumb img{width:20px;height:20px;display:block}.instagram-preview .instagram .read-more,.instagram-preview-image .instagram .read-more,.instagram-preview-video .instagram .read-more{text-decoration:none;display:block;color:#3397f0;font-size:.8rem;padding:.7rem 0;border-bottom:1px solid #e9eaeb;margin:0 .7rem}.instagram-preview .instagram .read-more::after,.instagram-preview-image .instagram .read-more::after,.instagram-preview-video .instagram .read-more::after{content:"";display:inline-block;background-image:url("/images/svg-icons/arrow-right.svg");background-size:contain;background-repeat:no-repeat;background-position:center;height:.7rem;width:.7rem;float:right}.instagram-preview .instagram .description,.instagram-preview-image .instagram .description,.instagram-preview-video .instagram .description{font-size:.733rem;line-height:1rem;margin:0 .7rem 1rem;white-space:pre-line}.instagram-preview .instagram .interaction-btns,.instagram-preview-image .instagram .interaction-btns,.instagram-preview-video .instagram .interaction-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem .7rem}.instagram-preview .instagram .interaction-btns a,.instagram-preview-image .instagram .interaction-btns a,.instagram-preview-video .instagram .interaction-btns a{display:inline-block;width:1.4rem;height:1.4rem;margin-right:1rem}.instagram-preview .instagram .interaction-btns a.save,.instagram-preview-image .instagram .interaction-btns a.save,.instagram-preview-video .instagram .interaction-btns a.save{margin-right:0;margin-left:auto}.instagram-preview .list-item,.instagram-preview-image .list-item,.instagram-preview-video .list-item{position:relative;min-width:500px}.instagram-preview .list-item .toolbox,.instagram-preview-image .list-item .toolbox,.instagram-preview-video .list-item .toolbox{position:absolute;top:5px;right:5px;z-index:10}.instagram-preview .insta-body-images,.instagram-preview-image .insta-body-images,.instagram-preview-video .insta-body-images{position:relative}.instagram-preview .insta-body-images .image,.instagram-preview-image .insta-body-images .image,.instagram-preview-video .insta-body-images .image{padding-bottom:50%;background-position:center;background-size:cover}.instagram-preview .insta-body-images .arrow-container,.instagram-preview-image .insta-body-images .arrow-container,.instagram-preview-video .insta-body-images .arrow-container{display:none}.instagram-preview .insta-body-images.multiple,.instagram-preview-image .insta-body-images.multiple,.instagram-preview-video .insta-body-images.multiple{overflow:hidden;position:relative}.instagram-preview .insta-body-images.multiple .arrow-container,.instagram-preview-image .insta-body-images.multiple .arrow-container,.instagram-preview-video .insta-body-images.multiple .arrow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;overflow:hidden;height:500px;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button{z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.instagram-preview .insta-body-images.multiple .arrow-container.left,.instagram-preview-image .insta-body-images.multiple .arrow-container.left,.instagram-preview-video .insta-body-images.multiple .arrow-container.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button{left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.instagram-preview .insta-body-images.multiple .arrow-container.right,.instagram-preview-image .insta-body-images.multiple .arrow-container.right,.instagram-preview-video .insta-body-images.multiple .arrow-container.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button{right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.instagram-preview .insta-body-images.multiple .list,.instagram-preview-image .insta-body-images.multiple .list,.instagram-preview-video .insta-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.instagram-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-preview-wrapper>div{border-radius:8px}

package/build/images/test-image-4-4,4.svg

@@ -0,0 +1,12 @@
+<svg width="227" height="250" viewBox="0 0 227 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_200_454" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="227" height="250">
+<rect width="227" height="250" fill="#5976EA"/>
+</mask>
+<g mask="url(#mask0_200_454)">
+<rect width="227" height="250" fill="#5976EA"/>
+<line x1="-1.11051" y1="248.992" x2="225.889" y2="-1.00835" stroke="white" stroke-width="3"/>
+<line x1="1.28488" y1="-1.16367" x2="227.939" y2="249.15" stroke="white" stroke-width="3"/>
+<rect x="35" y="80" width="157" height="90" fill="#5976EA"/>
+</g>
+<path d="M71.6513 133.631V131.023L83.157 112.818H85.049V116.858H83.7706L75.0774 130.614V130.818H90.5717V133.631H71.6513ZM83.9751 139V132.838V131.624V112.818H86.9922V139H83.9751ZM97.6126 135.651C96.9819 135.651 96.4407 135.425 95.989 134.973C95.5373 134.521 95.3114 133.98 95.3114 133.349C95.3114 132.719 95.5373 132.178 95.989 131.726C96.4407 131.274 96.9819 131.048 97.6126 131.048C98.2433 131.048 98.7844 131.274 99.2362 131.726C99.6879 132.178 99.9137 132.719 99.9137 133.349C99.9137 133.767 99.8072 134.151 99.5941 134.5C99.3896 134.849 99.1126 135.131 98.7631 135.344C98.4222 135.548 98.0387 135.651 97.6126 135.651ZM97.6126 122.406C96.9819 122.406 96.4407 122.18 95.989 121.729C95.5373 121.277 95.3114 120.736 95.3114 120.105C95.3114 119.474 95.5373 118.933 95.989 118.482C96.4407 118.03 96.9819 117.804 97.6126 117.804C98.2433 117.804 98.7844 118.03 99.2362 118.482C99.6879 118.933 99.9137 119.474 99.9137 120.105C99.9137 120.523 99.8072 120.906 99.5941 121.256C99.3896 121.605 99.1126 121.886 98.7631 122.099C98.4222 122.304 98.0387 122.406 97.6126 122.406ZM104.663 133.631V131.023L116.169 112.818H118.061V116.858H116.782L108.089 130.614V130.818H123.583V133.631H104.663ZM116.987 139V132.838V131.624V112.818H120.004V139H116.987ZM129.394 139.205C128.763 139.205 128.222 138.979 127.77 138.527C127.319 138.075 127.093 137.534 127.093 136.903C127.093 136.273 127.319 135.732 127.77 135.28C128.222 134.828 128.763 134.602 129.394 134.602C130.025 134.602 130.566 134.828 131.017 135.28C131.469 135.732 131.695 136.273 131.695 136.903C131.695 137.321 131.588 137.705 131.375 138.054C131.171 138.403 130.894 138.685 130.544 138.898C130.203 139.102 129.82 139.205 129.394 139.205ZM136.444 133.631V131.023L147.95 112.818H149.842V116.858H148.564L139.87 130.614V130.818H155.365V133.631H136.444ZM148.768 139V132.838V131.624V112.818H151.785V139H148.768Z" fill="white"/>
+</svg>

package/build/images/test-image-4-4,6.svg

@@ -0,0 +1,12 @@
+<svg width="221" height="250" viewBox="0 0 221 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_4_5" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="221" height="250">
+<rect width="221" height="250" fill="#5976EA"/>
+</mask>
+<g mask="url(#mask0_4_5)">
+<rect width="221" height="250" fill="#5976EA"/>
+<line y1="-1.5" x2="333.017" y2="-1.5" transform="matrix(0.660628 -0.750714 0.729759 0.683704 0 250)" stroke="white" stroke-width="3"/>
+<line y1="-1.5" x2="333.031" y2="-1.5" transform="matrix(0.659593 0.751623 -0.730706 0.682692 0.167664 -0.156868)" stroke="white" stroke-width="3"/>
+<rect x="35" y="80" width="157" height="90" fill="#5976EA"/>
+<path d="M72.4247 133.631V131.023L83.9304 112.818H85.8224V116.858H84.544L75.8509 130.614V130.818H91.3452V133.631H72.4247ZM84.7486 139V132.838V131.624V112.818H87.7656V139H84.7486ZM98.386 135.651C97.7553 135.651 97.2141 135.425 96.7624 134.973C96.3107 134.521 96.0849 133.98 96.0849 133.349C96.0849 132.719 96.3107 132.178 96.7624 131.726C97.2141 131.274 97.7553 131.048 98.386 131.048C99.0167 131.048 99.5579 131.274 100.01 131.726C100.461 132.178 100.687 132.719 100.687 133.349C100.687 133.767 100.581 134.151 100.368 134.5C100.163 134.849 99.886 135.131 99.5366 135.344C99.1957 135.548 98.8121 135.651 98.386 135.651ZM98.386 122.406C97.7553 122.406 97.2141 122.18 96.7624 121.729C96.3107 121.277 96.0849 120.736 96.0849 120.105C96.0849 119.474 96.3107 118.933 96.7624 118.482C97.2141 118.03 97.7553 117.804 98.386 117.804C99.0167 117.804 99.5579 118.03 100.01 118.482C100.461 118.933 100.687 119.474 100.687 120.105C100.687 120.523 100.581 120.906 100.368 121.256C100.163 121.605 99.886 121.886 99.5366 122.099C99.1957 122.304 98.8121 122.406 98.386 122.406ZM105.436 133.631V131.023L116.942 112.818H118.834V116.858H117.556L108.863 130.614V130.818H124.357V133.631H105.436ZM117.76 139V132.838V131.624V112.818H120.777V139H117.76ZM130.167 139.205C129.537 139.205 128.995 138.979 128.544 138.527C128.092 138.075 127.866 137.534 127.866 136.903C127.866 136.273 128.092 135.732 128.544 135.28C128.995 134.828 129.537 134.602 130.167 134.602C130.798 134.602 131.339 134.828 131.791 135.28C132.243 135.732 132.468 136.273 132.468 136.903C132.468 137.321 132.362 137.705 132.149 138.054C131.944 138.403 131.667 138.685 131.318 138.898C130.977 139.102 130.593 139.205 130.167 139.205ZM145.61 139.358C144.537 139.341 143.463 139.136 142.389 138.744C141.315 138.352 140.335 137.692 139.449 136.763C138.562 135.825 137.85 134.56 137.314 132.966C136.777 131.364 136.508 129.352 136.508 126.932C136.508 124.614 136.725 122.56 137.16 120.77C137.595 118.972 138.225 117.459 139.052 116.232C139.879 114.996 140.876 114.058 142.044 113.419C143.22 112.78 144.545 112.46 146.02 112.46C147.485 112.46 148.789 112.754 149.931 113.342C151.082 113.922 152.02 114.732 152.744 115.771C153.468 116.811 153.937 118.009 154.15 119.364H151.031C150.741 118.187 150.179 117.212 149.343 116.436C148.508 115.661 147.4 115.273 146.02 115.273C143.991 115.273 142.393 116.155 141.225 117.919C140.066 119.683 139.483 122.159 139.474 125.347H139.679C140.156 124.622 140.723 124.004 141.379 123.493C142.044 122.973 142.777 122.572 143.578 122.291C144.379 122.01 145.227 121.869 146.122 121.869C147.622 121.869 148.994 122.244 150.238 122.994C151.483 123.736 152.48 124.763 153.23 126.075C153.98 127.379 154.355 128.875 154.355 130.562C154.355 132.182 153.993 133.665 153.268 135.011C152.544 136.349 151.525 137.415 150.213 138.207C148.909 138.991 147.375 139.375 145.61 139.358ZM145.61 136.545C146.684 136.545 147.647 136.277 148.5 135.74C149.36 135.203 150.038 134.483 150.532 133.58C151.035 132.676 151.287 131.67 151.287 130.562C151.287 129.48 151.044 128.496 150.558 127.609C150.081 126.714 149.42 126.003 148.576 125.474C147.741 124.946 146.787 124.682 145.713 124.682C144.903 124.682 144.149 124.844 143.45 125.168C142.751 125.483 142.137 125.918 141.609 126.472C141.089 127.026 140.68 127.661 140.382 128.376C140.083 129.084 139.934 129.83 139.934 130.614C139.934 131.653 140.177 132.625 140.663 133.528C141.157 134.432 141.831 135.161 142.683 135.714C143.544 136.268 144.52 136.545 145.61 136.545Z" fill="white"/>
+</g>
+</svg>