@adplenty-tech/adplenty-components-library 1.9.31-beta.9 → 1.9.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/adstudioPreview/facebookPreview/facebookPreview.css +1 -1
- package/build/adstudioPreview/facebookReelPreview/facebookReelPreview.css +1 -1
- package/build/adstudioPreview/facebookStoryPreview/facebookStoryPreview.css +1 -1
- package/build/adstudioPreview/instagramReelPreview/instagramReelPreview.css +1 -1
- package/build/index.css +2 -2
- package/build/index.js +1 -1
- package/build/instagramStoryPreview/instagramStoryPreview.css +1 -1
- package/build/snapchatStoryPreview/snapchatStoryPreview.css +1 -1
- package/package.json +1 -1
- package/build/dialogs/card-selection-modal.css +0 -1
- package/build/libCreativeStudioLayerList/libCreativeStudioLayerList.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.facebook-preview{overflow:hidden}.facebook-preview .fb-body-images.multiple iframe[title="Iframe Example"][src^="https://creative-studio.adplenty.io?embedded=true&"]{width:100% !important;height:100% !important}.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-products-container{background-color:#f5f6f7}.facebook-preview .fb-preview-container .fb-products-container .fb-product{border:1px solid rgba(0,0,0,.1);width:82px;aspect-ratio:1/1;margin:8px 0 8px 8px;border-radius:6px;overflow:hidden;position:relative}.facebook-preview .fb-preview-container .fb-products-container .fb-product .fb-product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);color:#fff;font-size:15px;font-weight:700}.facebook-preview .fb-preview-container .fb-products-container .fb-product 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-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.carousel .cta-container{height:unset}.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}
|
|
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{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-products-container{background-color:#f5f6f7}.facebook-preview .fb-preview-container .fb-products-container .fb-product{border:1px solid rgba(0,0,0,.1);width:82px;aspect-ratio:1/1;margin:8px 0 8px 8px;border-radius:6px;overflow:hidden;position:relative}.facebook-preview .fb-preview-container .fb-products-container .fb-product .fb-product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);color:#fff;font-size:15px;font-weight:700}.facebook-preview .fb-preview-container .fb-products-container .fb-product 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-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.carousel .cta-container{height:unset}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.facebook-reel-preview,.facebook-reel-preview-image,.facebook-reel-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.facebook-reel-preview .video,.facebook-reel-preview-image .video,.facebook-reel-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.facebook-reel-preview .video video,.facebook-reel-preview-image .video video,.facebook-reel-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.facebook-reel-preview .preview-empty-state,.facebook-reel-preview-image .preview-empty-state,.facebook-reel-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.facebook-reel-preview .preview-empty-state-wrapper,.facebook-reel-preview-image .preview-empty-state-wrapper,.facebook-reel-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-reel-preview .preview-empty-state-wrapper>h2,.facebook-reel-preview-image .preview-empty-state-wrapper>h2,.facebook-reel-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.facebook-reel-preview .preview-empty-state-wrapper>svg,.facebook-reel-preview-image .preview-empty-state-wrapper>svg,.facebook-reel-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.facebook-reel-preview .list-item,.facebook-reel-preview-image .list-item,.facebook-reel-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.facebook-reel-preview .ui-overlay,.facebook-reel-preview-image .ui-overlay,.facebook-reel-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay>*,.facebook-reel-preview-image .ui-overlay>*,.facebook-reel-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay-top,.facebook-reel-preview-image .ui-overlay-top,.facebook-reel-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-reel-preview .ui-overlay-top>svg,.facebook-reel-preview-image .ui-overlay-top>svg,.facebook-reel-preview-video .ui-overlay-top>svg{width:100%;height:auto}.facebook-reel-preview .ui-overlay-top-header,.facebook-reel-preview-image .ui-overlay-top-header,.facebook-reel-preview-video .ui-overlay-top-header{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 16px}.facebook-reel-preview .ui-overlay-top-header-actions,.facebook-reel-preview-image .ui-overlay-top-header-actions,.facebook-reel-preview-video .ui-overlay-top-header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:14px}.facebook-reel-preview .ui-overlay-top-header-actions svg,.facebook-reel-preview-image .ui-overlay-top-header-actions svg,.facebook-reel-preview-video .ui-overlay-top-header-actions svg{width:20px;height:20px}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type h2,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type h2,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type h2{margin:0;font-size:1.1em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.2em}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type svg:first-of-type,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type svg:first-of-type,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type svg:first-of-type{width:18px;height:18px;margin-right:8px}.facebook-reel-preview .ui-overlay-side,.facebook-reel-preview-image .ui-overlay-side,.facebook-reel-preview-video .ui-overlay-side{position:absolute;bottom:0;right:0;padding-right:12px;padding-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.facebook-reel-preview .ui-overlay-side-icon-wrapper,.facebook-reel-preview-image .ui-overlay-side-icon-wrapper,.facebook-reel-preview-video .ui-overlay-side-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:600;font-size:10px}.facebook-reel-preview .ui-overlay-side-icon-wrapper p,.facebook-reel-preview-image .ui-overlay-side-icon-wrapper p,.facebook-reel-preview-video .ui-overlay-side-icon-wrapper p{margin:0;padding:0;font-weight:600;letter-spacing:.5px;color:#fff}.facebook-reel-preview .ui-overlay-bottom,.facebook-reel-preview-image .ui-overlay-bottom,.facebook-reel-preview-video .ui-overlay-bottom{position:absolute;bottom:0px;left:0px;padding-left:12px;padding-bottom:12px;width:80%}.facebook-reel-preview .ui-overlay .profile,.facebook-reel-preview-image .ui-overlay .profile,.facebook-reel-preview-video .ui-overlay .profile{font-size:11px;font-weight:700;color:#fff;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;gap:8px}.facebook-reel-preview .ui-overlay .profile-name,.facebook-reel-preview-image .ui-overlay .profile-name,.facebook-reel-preview-video .ui-overlay .profile-name{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;gap:12px}.facebook-reel-preview .ui-overlay .profile-name p,.facebook-reel-preview-image .ui-overlay .profile-name p,.facebook-reel-preview-video .ui-overlay .profile-name p{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:20ch}.facebook-reel-preview .ui-overlay .profile-name-button,.facebook-reel-preview-image .ui-overlay .profile-name-button,.facebook-reel-preview-video .ui-overlay .profile-name-button{border:solid 1.5px rgba(255,255,255,.5);padding:2px 6px;border-radius:6px}.facebook-reel-preview .ui-overlay .profile img,.facebook-reel-preview-image .ui-overlay .profile img,.facebook-reel-preview-video .ui-overlay .profile img{width:24px;height:24px;border-radius:100%;aspect-ratio:1/1}.facebook-reel-preview .ui-overlay .description,.facebook-reel-preview-image .ui-overlay .description,.facebook-reel-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.5rem 0 .5rem 0}.facebook-reel-preview .ui-overlay .pill,.facebook-reel-preview-image .ui-overlay .pill,.facebook-reel-preview-video .ui-overlay .pill{background-color:rgba(41,40,40,.35);color:#fff;border:solid 1px rgba(85,85,85,.7);font-size:10px;padding:4px 6px;border-radius:999rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;text-wrap:nowrap;overflow:hidden;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay .pill-contents,.facebook-reel-preview-image .ui-overlay .pill-contents,.facebook-reel-preview-video .ui-overlay .pill-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;text-align:center;overflow:hidden}.facebook-reel-preview .ui-overlay .pill>div svg,.facebook-reel-preview-image .ui-overlay .pill>div svg,.facebook-reel-preview-video .ui-overlay .pill>div svg{width:10px;height:11px;display:-webkit-box;display:-ms-flexbox;display:flex}.facebook-reel-preview .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-image .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-video .ui-overlay .pill .icon-wrapper{margin-right:4px}.facebook-reel-preview .ui-overlay .pill .scroll,.facebook-reel-preview-image .ui-overlay .pill .scroll,.facebook-reel-preview-video .ui-overlay .pill .scroll{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.facebook-reel-preview .ui-overlay .pill .scroll2,.facebook-reel-preview-image .ui-overlay .pill .scroll2,.facebook-reel-preview-video .ui-overlay .pill .scroll2{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;-webkit-animation-delay:20s;animation-delay:20s}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.facebook-reel-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview-wrapper>div{border-radius:8px;overflow:hidden}.adstudio-generation>div{border-radius:0px}
|
|
1
|
+
.facebook-reel-preview,.facebook-reel-preview-image,.facebook-reel-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.facebook-reel-preview .video,.facebook-reel-preview-image .video,.facebook-reel-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.facebook-reel-preview .video video,.facebook-reel-preview-image .video video,.facebook-reel-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.facebook-reel-preview .preview-empty-state,.facebook-reel-preview-image .preview-empty-state,.facebook-reel-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.facebook-reel-preview .preview-empty-state-wrapper,.facebook-reel-preview-image .preview-empty-state-wrapper,.facebook-reel-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-reel-preview .preview-empty-state-wrapper>h2,.facebook-reel-preview-image .preview-empty-state-wrapper>h2,.facebook-reel-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.facebook-reel-preview .preview-empty-state-wrapper>svg,.facebook-reel-preview-image .preview-empty-state-wrapper>svg,.facebook-reel-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.facebook-reel-preview .list-item,.facebook-reel-preview-image .list-item,.facebook-reel-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.facebook-reel-preview .ui-overlay,.facebook-reel-preview-image .ui-overlay,.facebook-reel-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.facebook-reel-preview .ui-overlay>*,.facebook-reel-preview-image .ui-overlay>*,.facebook-reel-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay-top,.facebook-reel-preview-image .ui-overlay-top,.facebook-reel-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-reel-preview .ui-overlay-top>svg,.facebook-reel-preview-image .ui-overlay-top>svg,.facebook-reel-preview-video .ui-overlay-top>svg{width:100%;height:auto}.facebook-reel-preview .ui-overlay-top-header,.facebook-reel-preview-image .ui-overlay-top-header,.facebook-reel-preview-video .ui-overlay-top-header{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 16px}.facebook-reel-preview .ui-overlay-top-header-actions,.facebook-reel-preview-image .ui-overlay-top-header-actions,.facebook-reel-preview-video .ui-overlay-top-header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:14px}.facebook-reel-preview .ui-overlay-top-header-actions svg,.facebook-reel-preview-image .ui-overlay-top-header-actions svg,.facebook-reel-preview-video .ui-overlay-top-header-actions svg{width:20px;height:20px}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type h2,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type h2,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type h2{margin:0;font-size:1.1em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.2em}.facebook-reel-preview .ui-overlay-top-header>div:first-of-type svg:first-of-type,.facebook-reel-preview-image .ui-overlay-top-header>div:first-of-type svg:first-of-type,.facebook-reel-preview-video .ui-overlay-top-header>div:first-of-type svg:first-of-type{width:18px;height:18px;margin-right:8px}.facebook-reel-preview .ui-overlay-side,.facebook-reel-preview-image .ui-overlay-side,.facebook-reel-preview-video .ui-overlay-side{position:absolute;bottom:0;right:0;padding-right:12px;padding-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.facebook-reel-preview .ui-overlay-side-icon-wrapper,.facebook-reel-preview-image .ui-overlay-side-icon-wrapper,.facebook-reel-preview-video .ui-overlay-side-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:600;font-size:10px}.facebook-reel-preview .ui-overlay-side-icon-wrapper p,.facebook-reel-preview-image .ui-overlay-side-icon-wrapper p,.facebook-reel-preview-video .ui-overlay-side-icon-wrapper p{margin:0;padding:0;font-weight:600;letter-spacing:.5px;color:#fff}.facebook-reel-preview .ui-overlay-bottom,.facebook-reel-preview-image .ui-overlay-bottom,.facebook-reel-preview-video .ui-overlay-bottom{position:absolute;bottom:0px;left:0px;padding-left:12px;padding-bottom:12px;width:80%}.facebook-reel-preview .ui-overlay .profile,.facebook-reel-preview-image .ui-overlay .profile,.facebook-reel-preview-video .ui-overlay .profile{font-size:11px;font-weight:700;color:#fff;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;gap:8px}.facebook-reel-preview .ui-overlay .profile-name,.facebook-reel-preview-image .ui-overlay .profile-name,.facebook-reel-preview-video .ui-overlay .profile-name{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;gap:12px}.facebook-reel-preview .ui-overlay .profile-name p,.facebook-reel-preview-image .ui-overlay .profile-name p,.facebook-reel-preview-video .ui-overlay .profile-name p{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:20ch}.facebook-reel-preview .ui-overlay .profile-name-button,.facebook-reel-preview-image .ui-overlay .profile-name-button,.facebook-reel-preview-video .ui-overlay .profile-name-button{border:solid 1.5px rgba(255,255,255,.5);padding:2px 6px;border-radius:6px}.facebook-reel-preview .ui-overlay .profile img,.facebook-reel-preview-image .ui-overlay .profile img,.facebook-reel-preview-video .ui-overlay .profile img{width:24px;height:24px;border-radius:100%;aspect-ratio:1/1}.facebook-reel-preview .ui-overlay .description,.facebook-reel-preview-image .ui-overlay .description,.facebook-reel-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.5rem 0 .5rem 0}.facebook-reel-preview .ui-overlay .pill,.facebook-reel-preview-image .ui-overlay .pill,.facebook-reel-preview-video .ui-overlay .pill{background-color:rgba(41,40,40,.35);color:#fff;border:solid 1px rgba(85,85,85,.7);font-size:10px;padding:4px 6px;border-radius:999rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;text-wrap:nowrap;overflow:hidden;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay .pill-contents,.facebook-reel-preview-image .ui-overlay .pill-contents,.facebook-reel-preview-video .ui-overlay .pill-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;text-align:center;overflow:hidden}.facebook-reel-preview .ui-overlay .pill>div svg,.facebook-reel-preview-image .ui-overlay .pill>div svg,.facebook-reel-preview-video .ui-overlay .pill>div svg{width:10px;height:11px;display:-webkit-box;display:-ms-flexbox;display:flex}.facebook-reel-preview .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-image .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-video .ui-overlay .pill .icon-wrapper{margin-right:4px}.facebook-reel-preview .ui-overlay .pill .scroll,.facebook-reel-preview-image .ui-overlay .pill .scroll,.facebook-reel-preview-video .ui-overlay .pill .scroll{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.facebook-reel-preview .ui-overlay .pill .scroll2,.facebook-reel-preview-image .ui-overlay .pill .scroll2,.facebook-reel-preview-video .ui-overlay .pill .scroll2{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;-webkit-animation-delay:20s;animation-delay:20s}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.facebook-reel-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview-wrapper>div{border-radius:8px;overflow:hidden}.adstudio-generation>div{border-radius:0px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.facebook-story-preview,.facebook-story-preview-image,.facebook-story-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.facebook-story-preview .video,.facebook-story-preview-image .video,.facebook-story-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.facebook-story-preview .video video,.facebook-story-preview-image .video video,.facebook-story-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.facebook-story-preview .list-item,.facebook-story-preview-image .list-item,.facebook-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.facebook-story-preview .phone-status,.facebook-story-preview-image .phone-status,.facebook-story-preview-video .phone-status{background-color:#000}.facebook-story-preview .preview-empty-state,.facebook-story-preview-image .preview-empty-state,.facebook-story-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.facebook-story-preview .preview-empty-state-wrapper,.facebook-story-preview-image .preview-empty-state-wrapper,.facebook-story-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-story-preview .preview-empty-state-wrapper>h2,.facebook-story-preview-image .preview-empty-state-wrapper>h2,.facebook-story-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.facebook-story-preview .preview-empty-state-wrapper>svg,.facebook-story-preview-image .preview-empty-state-wrapper>svg,.facebook-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.facebook-story-preview .ui-overlay,.facebook-story-preview-image .ui-overlay,.facebook-story-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-story-preview .ui-overlay>*,.facebook-story-preview-image .ui-overlay>*,.facebook-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-story-preview .ui-overlay .facebook-progress-bar,.facebook-story-preview-image .ui-overlay .facebook-progress-bar,.facebook-story-preview-video .ui-overlay .facebook-progress-bar{background-color:rgba(255,255,255,.3);width:100%;height:3px;border-radius:10rem;margin:4px 2px;margin-top:8px;position:relative;overflow:hidden}.facebook-story-preview .ui-overlay .facebook-progress-bar.active>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.active>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.facebook-story-preview .ui-overlay .facebook-progress-bar.video>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.video>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.facebook-story-preview .ui-overlay .facebook-progress-bar.full>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.full>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.facebook-story-preview .ui-overlay .facebook-progress-bar>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar>span{width:0%;height:100%;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:0;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:none;animation-name:none;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.facebook-story-preview .ui-overlay-top,.facebook-story-preview-image .ui-overlay-top,.facebook-story-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-story-preview .ui-overlay-top>svg,.facebook-story-preview-image .ui-overlay-top>svg,.facebook-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.facebook-story-preview .ui-overlay-top-header,.facebook-story-preview-image .ui-overlay-top-header,.facebook-story-preview-video .ui-overlay-top-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;padding:0 16px;background:rgba(0,0,0,0);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)}.facebook-story-preview .ui-overlay-top-header>div h2,.facebook-story-preview-image .ui-overlay-top-header>div h2,.facebook-story-preview-video .ui-overlay-top-header>div h2{margin:0;font-size:1.3em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.4em}.facebook-story-preview .ui-overlay-top-header>div svg,.facebook-story-preview-image .ui-overlay-top-header>div svg,.facebook-story-preview-video .ui-overlay-top-header>div svg{width:20px;height:20px}.facebook-story-preview .ui-overlay-top-header .account-information,.facebook-story-preview-image .ui-overlay-top-header .account-information,.facebook-story-preview-video .ui-overlay-top-header .account-information{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.facebook-story-preview .ui-overlay-top-header .interaction,.facebook-story-preview-image .ui-overlay-top-header .interaction,.facebook-story-preview-video .ui-overlay-top-header .interaction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.facebook-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.facebook-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.facebook-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.facebook-story-preview .ui-overlay .profile,.facebook-story-preview-image .ui-overlay .profile,.facebook-story-preview-video .ui-overlay .profile{font-size:10px;letter-spacing:.25px;font-weight:700;color:#fff;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;gap:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90%}.facebook-story-preview .ui-overlay .profile-name,.facebook-story-preview-image .ui-overlay .profile-name,.facebook-story-preview-video .ui-overlay .profile-name{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;gap:6px}.facebook-story-preview .ui-overlay .profile-name p:first-of-type,.facebook-story-preview-image .ui-overlay .profile-name p:first-of-type,.facebook-story-preview-video .ui-overlay .profile-name p:first-of-type{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:18ch}.facebook-story-preview .ui-overlay .profile img,.facebook-story-preview-image .ui-overlay .profile img,.facebook-story-preview-video .ui-overlay .profile img{width:32px;height:32px;border-radius:100%;aspect-ratio:1/1}.facebook-story-preview .ui-overlay .description,.facebook-story-preview-image .ui-overlay .description,.facebook-story-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.facebook-story-preview .list,.facebook-story-preview-image .list,.facebook-story-preview-video .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;overflow:hidden}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes progress{0%{width:0%}100%{width:100%}}@keyframes progress{0%{width:0%}100%{width:100%}}.facebook-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.facebook-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.facebook-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.facebook-story-preview-wrapper .carousel-control.hides{opacity:0}.facebook-story-preview-wrapper .carousel-control.prev{margin-right:20px}.facebook-story-preview-wrapper .carousel-control.next{margin-left:20px}.facebook-story-preview-wrapper .carousel-control .prev>div,.facebook-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.facebook-story-preview-wrapper .carousel-control .prev>div:hover,.facebook-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.facebook-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}
|
|
1
|
+
.facebook-story-preview,.facebook-story-preview-image,.facebook-story-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.facebook-story-preview .video,.facebook-story-preview-image .video,.facebook-story-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.facebook-story-preview .video video,.facebook-story-preview-image .video video,.facebook-story-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.facebook-story-preview .list-item,.facebook-story-preview-image .list-item,.facebook-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.facebook-story-preview .phone-status,.facebook-story-preview-image .phone-status,.facebook-story-preview-video .phone-status{background-color:#000}.facebook-story-preview .preview-empty-state,.facebook-story-preview-image .preview-empty-state,.facebook-story-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.facebook-story-preview .preview-empty-state-wrapper,.facebook-story-preview-image .preview-empty-state-wrapper,.facebook-story-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-story-preview .preview-empty-state-wrapper>h2,.facebook-story-preview-image .preview-empty-state-wrapper>h2,.facebook-story-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.facebook-story-preview .preview-empty-state-wrapper>svg,.facebook-story-preview-image .preview-empty-state-wrapper>svg,.facebook-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.facebook-story-preview .ui-overlay,.facebook-story-preview-image .ui-overlay,.facebook-story-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.facebook-story-preview .ui-overlay>*,.facebook-story-preview-image .ui-overlay>*,.facebook-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-story-preview .ui-overlay .facebook-progress-bar,.facebook-story-preview-image .ui-overlay .facebook-progress-bar,.facebook-story-preview-video .ui-overlay .facebook-progress-bar{background-color:rgba(255,255,255,.3);width:100%;height:3px;border-radius:10rem;margin:4px 2px;margin-top:8px;position:relative;overflow:hidden}.facebook-story-preview .ui-overlay .facebook-progress-bar.active>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.active>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.facebook-story-preview .ui-overlay .facebook-progress-bar.video>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.video>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.facebook-story-preview .ui-overlay .facebook-progress-bar.full>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar.full>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.facebook-story-preview .ui-overlay .facebook-progress-bar>span,.facebook-story-preview-image .ui-overlay .facebook-progress-bar>span,.facebook-story-preview-video .ui-overlay .facebook-progress-bar>span{width:0%;height:100%;background-color:rgba(255,255,255,.8);position:absolute;top:0;left:0;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-name:none;animation-name:none;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.facebook-story-preview .ui-overlay-top,.facebook-story-preview-image .ui-overlay-top,.facebook-story-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-story-preview .ui-overlay-top>svg,.facebook-story-preview-image .ui-overlay-top>svg,.facebook-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.facebook-story-preview .ui-overlay-top-header,.facebook-story-preview-image .ui-overlay-top-header,.facebook-story-preview-video .ui-overlay-top-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;padding:0 16px;background:rgba(0,0,0,0);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%)}.facebook-story-preview .ui-overlay-top-header>div h2,.facebook-story-preview-image .ui-overlay-top-header>div h2,.facebook-story-preview-video .ui-overlay-top-header>div h2{margin:0;font-size:1.3em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.4em}.facebook-story-preview .ui-overlay-top-header>div svg,.facebook-story-preview-image .ui-overlay-top-header>div svg,.facebook-story-preview-video .ui-overlay-top-header>div svg{width:20px;height:20px}.facebook-story-preview .ui-overlay-top-header .account-information,.facebook-story-preview-image .ui-overlay-top-header .account-information,.facebook-story-preview-video .ui-overlay-top-header .account-information{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.facebook-story-preview .ui-overlay-top-header .interaction,.facebook-story-preview-image .ui-overlay-top-header .interaction,.facebook-story-preview-video .ui-overlay-top-header .interaction{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.facebook-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.facebook-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.facebook-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.facebook-story-preview .ui-overlay .profile,.facebook-story-preview-image .ui-overlay .profile,.facebook-story-preview-video .ui-overlay .profile{font-size:10px;letter-spacing:.25px;font-weight:700;color:#fff;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;gap:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90%}.facebook-story-preview .ui-overlay .profile-name,.facebook-story-preview-image .ui-overlay .profile-name,.facebook-story-preview-video .ui-overlay .profile-name{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;gap:6px}.facebook-story-preview .ui-overlay .profile-name p:first-of-type,.facebook-story-preview-image .ui-overlay .profile-name p:first-of-type,.facebook-story-preview-video .ui-overlay .profile-name p:first-of-type{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:18ch}.facebook-story-preview .ui-overlay .profile img,.facebook-story-preview-image .ui-overlay .profile img,.facebook-story-preview-video .ui-overlay .profile img{width:32px;height:32px;border-radius:100%;aspect-ratio:1/1}.facebook-story-preview .ui-overlay .description,.facebook-story-preview-image .ui-overlay .description,.facebook-story-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.facebook-story-preview .list,.facebook-story-preview-image .list,.facebook-story-preview-video .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;overflow:hidden}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes progress{0%{width:0%}100%{width:100%}}@keyframes progress{0%{width:0%}100%{width:100%}}.facebook-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.facebook-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.facebook-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.facebook-story-preview-wrapper .carousel-control.hides{opacity:0}.facebook-story-preview-wrapper .carousel-control.prev{margin-right:20px}.facebook-story-preview-wrapper .carousel-control.next{margin-left:20px}.facebook-story-preview-wrapper .carousel-control .prev>div,.facebook-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.facebook-story-preview-wrapper .carousel-control .prev>div:hover,.facebook-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.facebook-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.margin-bottom,[margin-bottom]{margin-bottom:var(--element-default-margin)}.margin-top,[margin-top]{margin-bottom:var(--element-default-margin)}.padding-1{padding:4px}.padding-bottom-1{padding-bottom:4px}.padding-top-1{padding-top:4px}.padding-left-1{padding-left:4px}.padding-right-1{padding-right:4px}.padding-2{padding:8px}.padding-bottom-2{padding-bottom:8px}.padding-top-2{padding-top:8px}.padding-left-2{padding-left:8px}.padding-right-2{padding-right:8px}.padding-3{padding:12px}.padding-bottom-3{padding-bottom:12px}.padding-top-3{padding-top:12px}.padding-left-3{padding-left:12px}.padding-right-3{padding-right:12px}.padding-4{padding:16px}.padding-bottom-4{padding-bottom:16px}.padding-top-4{padding-top:16px}.padding-left-4{padding-left:16px}.padding-right-4{padding-right:16px}.padding-5{padding:20px}.padding-bottom-5{padding-bottom:20px}.padding-top-5{padding-top:20px}.padding-left-5{padding-left:20px}.padding-right-5{padding-right:20px}.padding-6{padding:24px}.padding-bottom-6{padding-bottom:24px}.padding-top-6{padding-top:24px}.padding-left-6{padding-left:24px}.padding-right-6{padding-right:24px}.padding-7{padding:28px}.padding-bottom-7{padding-bottom:28px}.padding-top-7{padding-top:28px}.padding-left-7{padding-left:28px}.padding-right-7{padding-right:28px}.padding-8{padding:32px}.padding-bottom-8{padding-bottom:32px}.padding-top-8{padding-top:32px}.padding-left-8{padding-left:32px}.padding-right-8{padding-right:32px}.padding-9{padding:36px}.padding-bottom-9{padding-bottom:36px}.padding-top-9{padding-top:36px}.padding-left-9{padding-left:36px}.padding-right-9{padding-right:36px}.padding-10{padding:40px}.padding-bottom-10{padding-bottom:40px}.padding-top-10{padding-top:40px}.padding-left-10{padding-left:40px}.padding-right-10{padding-right:40px}.instagram-reel-preview,.instagram-reel-preview-image,.instagram-reel-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.instagram-reel-preview .video,.instagram-reel-preview-image .video,.instagram-reel-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.instagram-reel-preview .video video,.instagram-reel-preview-image .video video,.instagram-reel-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.instagram-reel-preview .list-item,.instagram-reel-preview-image .list-item,.instagram-reel-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.instagram-reel-preview .preview-empty-state,.instagram-reel-preview-image .preview-empty-state,.instagram-reel-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.instagram-reel-preview .preview-empty-state-wrapper,.instagram-reel-preview-image .preview-empty-state-wrapper,.instagram-reel-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-reel-preview .preview-empty-state-wrapper>h2,.instagram-reel-preview-image .preview-empty-state-wrapper>h2,.instagram-reel-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.instagram-reel-preview .preview-empty-state-wrapper>svg,.instagram-reel-preview-image .preview-empty-state-wrapper>svg,.instagram-reel-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.instagram-reel-preview .ui-overlay,.instagram-reel-preview-image .ui-overlay,.instagram-reel-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview .ui-overlay>*,.instagram-reel-preview-image .ui-overlay>*,.instagram-reel-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview .ui-overlay-top,.instagram-reel-preview-image .ui-overlay-top,.instagram-reel-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.instagram-reel-preview .ui-overlay-top>svg,.instagram-reel-preview-image .ui-overlay-top>svg,.instagram-reel-preview-video .ui-overlay-top>svg{width:100%;height:auto}.instagram-reel-preview .ui-overlay-top-header,.instagram-reel-preview-image .ui-overlay-top-header,.instagram-reel-preview-video .ui-overlay-top-header{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 16px}.instagram-reel-preview .ui-overlay-top-header>div,.instagram-reel-preview-image .ui-overlay-top-header>div,.instagram-reel-preview-video .ui-overlay-top-header>div{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.instagram-reel-preview .ui-overlay-top-header>div h2,.instagram-reel-preview-image .ui-overlay-top-header>div h2,.instagram-reel-preview-video .ui-overlay-top-header>div h2{margin:0;font-size:1.2em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.3em}.instagram-reel-preview .ui-overlay-top-header>div svg,.instagram-reel-preview-image .ui-overlay-top-header>div svg,.instagram-reel-preview-video .ui-overlay-top-header>div svg{width:12px;height:12px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.instagram-reel-preview .ui-overlay-side,.instagram-reel-preview-image .ui-overlay-side,.instagram-reel-preview-video .ui-overlay-side{position:absolute;bottom:0;right:0;padding-right:12px;padding-bottom:12px}.instagram-reel-preview .ui-overlay-side>svg,.instagram-reel-preview-image .ui-overlay-side>svg,.instagram-reel-preview-video .ui-overlay-side>svg{width:28px;height:auto}.instagram-reel-preview .ui-overlay-bottom,.instagram-reel-preview-image .ui-overlay-bottom,.instagram-reel-preview-video .ui-overlay-bottom{position:absolute;bottom:0px;left:0px;padding-left:12px;padding-bottom:12px;width:80%}.instagram-reel-preview .ui-overlay .profile,.instagram-reel-preview-image .ui-overlay .profile,.instagram-reel-preview-video .ui-overlay .profile{font-size:11px;font-weight:700;color:#fff;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;gap:8px}.instagram-reel-preview .ui-overlay .profile-name,.instagram-reel-preview-image .ui-overlay .profile-name,.instagram-reel-preview-video .ui-overlay .profile-name{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;gap:12px}.instagram-reel-preview .ui-overlay .profile-name p,.instagram-reel-preview-image .ui-overlay .profile-name p,.instagram-reel-preview-video .ui-overlay .profile-name p{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:20ch}.instagram-reel-preview .ui-overlay .profile-name-button,.instagram-reel-preview-image .ui-overlay .profile-name-button,.instagram-reel-preview-video .ui-overlay .profile-name-button{border:solid 1.5px rgba(255,255,255,.5);padding:2px 6px;border-radius:6px}.instagram-reel-preview .ui-overlay .profile img,.instagram-reel-preview-image .ui-overlay .profile img,.instagram-reel-preview-video .ui-overlay .profile img{width:24px;height:24px;border-radius:100%;aspect-ratio:1/1}.instagram-reel-preview .ui-overlay .description,.instagram-reel-preview-image .ui-overlay .description,.instagram-reel-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.5rem 0 .5rem 0}.instagram-reel-preview .ui-overlay .pill,.instagram-reel-preview-image .ui-overlay .pill,.instagram-reel-preview-video .ui-overlay .pill{background-color:rgba(41,40,40,.35);color:#fff;border:solid 1px rgba(85,85,85,.7);font-size:10px;padding:4px 6px;border-radius:999rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;text-wrap:nowrap;overflow:hidden;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview .ui-overlay .pill-contents,.instagram-reel-preview-image .ui-overlay .pill-contents,.instagram-reel-preview-video .ui-overlay .pill-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;text-align:center;overflow:hidden}.instagram-reel-preview .ui-overlay .pill>div svg,.instagram-reel-preview-image .ui-overlay .pill>div svg,.instagram-reel-preview-video .ui-overlay .pill>div svg{width:10px;height:11px;display:-webkit-box;display:-ms-flexbox;display:flex}.instagram-reel-preview .ui-overlay .pill .icon-wrapper,.instagram-reel-preview-image .ui-overlay .pill .icon-wrapper,.instagram-reel-preview-video .ui-overlay .pill .icon-wrapper{margin-right:4px}.instagram-reel-preview .ui-overlay .pill .scroll,.instagram-reel-preview-image .ui-overlay .pill .scroll,.instagram-reel-preview-video .ui-overlay .pill .scroll{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.instagram-reel-preview .ui-overlay .pill .scroll2,.instagram-reel-preview-image .ui-overlay .pill .scroll2,.instagram-reel-preview-video .ui-overlay .pill .scroll2{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;-webkit-animation-delay:20s;animation-delay:20s}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.instagram-reel-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview-wrapper>div{border-radius:8px;overflow:hidden}.ui-overlay-top-header-actions-insta-reel svg{width:unset !important;height:unset !important;-webkit-transform:none !important;transform:none !important}.ui-overlay-top-header-actions-insta-reel span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.adstudio-generation>div{border-radius:0px}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.margin-bottom,[margin-bottom]{margin-bottom:var(--element-default-margin)}.margin-top,[margin-top]{margin-bottom:var(--element-default-margin)}.padding-1{padding:4px}.padding-bottom-1{padding-bottom:4px}.padding-top-1{padding-top:4px}.padding-left-1{padding-left:4px}.padding-right-1{padding-right:4px}.padding-2{padding:8px}.padding-bottom-2{padding-bottom:8px}.padding-top-2{padding-top:8px}.padding-left-2{padding-left:8px}.padding-right-2{padding-right:8px}.padding-3{padding:12px}.padding-bottom-3{padding-bottom:12px}.padding-top-3{padding-top:12px}.padding-left-3{padding-left:12px}.padding-right-3{padding-right:12px}.padding-4{padding:16px}.padding-bottom-4{padding-bottom:16px}.padding-top-4{padding-top:16px}.padding-left-4{padding-left:16px}.padding-right-4{padding-right:16px}.padding-5{padding:20px}.padding-bottom-5{padding-bottom:20px}.padding-top-5{padding-top:20px}.padding-left-5{padding-left:20px}.padding-right-5{padding-right:20px}.padding-6{padding:24px}.padding-bottom-6{padding-bottom:24px}.padding-top-6{padding-top:24px}.padding-left-6{padding-left:24px}.padding-right-6{padding-right:24px}.padding-7{padding:28px}.padding-bottom-7{padding-bottom:28px}.padding-top-7{padding-top:28px}.padding-left-7{padding-left:28px}.padding-right-7{padding-right:28px}.padding-8{padding:32px}.padding-bottom-8{padding-bottom:32px}.padding-top-8{padding-top:32px}.padding-left-8{padding-left:32px}.padding-right-8{padding-right:32px}.padding-9{padding:36px}.padding-bottom-9{padding-bottom:36px}.padding-top-9{padding-top:36px}.padding-left-9{padding-left:36px}.padding-right-9{padding-right:36px}.padding-10{padding:40px}.padding-bottom-10{padding-bottom:40px}.padding-top-10{padding-top:40px}.padding-left-10{padding-left:40px}.padding-right-10{padding-right:40px}.instagram-reel-preview,.instagram-reel-preview-image,.instagram-reel-preview-video{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.instagram-reel-preview .video,.instagram-reel-preview-image .video,.instagram-reel-preview-video .video{aspect-ratio:9/16;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;height:1920px;background-color:#000}.instagram-reel-preview .video video,.instagram-reel-preview-image .video video,.instagram-reel-preview-video .video video{position:relative;-o-object-fit:contain;object-fit:contain;max-width:100%;aspect-ratio:9/16;margin:0;max-height:100%}.instagram-reel-preview .list-item,.instagram-reel-preview-image .list-item,.instagram-reel-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.instagram-reel-preview .preview-empty-state,.instagram-reel-preview-image .preview-empty-state,.instagram-reel-preview-video .preview-empty-state{aspect-ratio:9/16;height:1920px;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:27px}.instagram-reel-preview .preview-empty-state-wrapper,.instagram-reel-preview-image .preview-empty-state-wrapper,.instagram-reel-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:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-reel-preview .preview-empty-state-wrapper>h2,.instagram-reel-preview-image .preview-empty-state-wrapper>h2,.instagram-reel-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:48px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:1px;text-align:center;text-wrap:wrap}.instagram-reel-preview .preview-empty-state-wrapper>svg,.instagram-reel-preview-image .preview-empty-state-wrapper>svg,.instagram-reel-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.instagram-reel-preview .ui-overlay,.instagram-reel-preview-image .ui-overlay,.instagram-reel-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.instagram-reel-preview .ui-overlay>*,.instagram-reel-preview-image .ui-overlay>*,.instagram-reel-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview .ui-overlay-top,.instagram-reel-preview-image .ui-overlay-top,.instagram-reel-preview-video .ui-overlay-top{top:0;left:0;right:0;width:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.instagram-reel-preview .ui-overlay-top>svg,.instagram-reel-preview-image .ui-overlay-top>svg,.instagram-reel-preview-video .ui-overlay-top>svg{width:100%;height:auto}.instagram-reel-preview .ui-overlay-top-header,.instagram-reel-preview-image .ui-overlay-top-header,.instagram-reel-preview-video .ui-overlay-top-header{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 16px}.instagram-reel-preview .ui-overlay-top-header>div,.instagram-reel-preview-image .ui-overlay-top-header>div,.instagram-reel-preview-video .ui-overlay-top-header>div{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.instagram-reel-preview .ui-overlay-top-header>div h2,.instagram-reel-preview-image .ui-overlay-top-header>div h2,.instagram-reel-preview-video .ui-overlay-top-header>div h2{margin:0;font-size:1.2em;color:#fff;font-weight:500;letter-spacing:.5px;line-height:1.3em}.instagram-reel-preview .ui-overlay-top-header>div svg,.instagram-reel-preview-image .ui-overlay-top-header>div svg,.instagram-reel-preview-video .ui-overlay-top-header>div svg{width:12px;height:12px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.instagram-reel-preview .ui-overlay-side,.instagram-reel-preview-image .ui-overlay-side,.instagram-reel-preview-video .ui-overlay-side{position:absolute;bottom:0;right:0;padding-right:12px;padding-bottom:12px}.instagram-reel-preview .ui-overlay-side>svg,.instagram-reel-preview-image .ui-overlay-side>svg,.instagram-reel-preview-video .ui-overlay-side>svg{width:28px;height:auto}.instagram-reel-preview .ui-overlay-bottom,.instagram-reel-preview-image .ui-overlay-bottom,.instagram-reel-preview-video .ui-overlay-bottom{position:absolute;bottom:0px;left:0px;padding-left:12px;padding-bottom:12px;width:80%}.instagram-reel-preview .ui-overlay .profile,.instagram-reel-preview-image .ui-overlay .profile,.instagram-reel-preview-video .ui-overlay .profile{font-size:11px;font-weight:700;color:#fff;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;gap:8px}.instagram-reel-preview .ui-overlay .profile-name,.instagram-reel-preview-image .ui-overlay .profile-name,.instagram-reel-preview-video .ui-overlay .profile-name{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;gap:12px}.instagram-reel-preview .ui-overlay .profile-name p,.instagram-reel-preview-image .ui-overlay .profile-name p,.instagram-reel-preview-video .ui-overlay .profile-name p{padding:0;margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow:hidden;max-width:20ch}.instagram-reel-preview .ui-overlay .profile-name-button,.instagram-reel-preview-image .ui-overlay .profile-name-button,.instagram-reel-preview-video .ui-overlay .profile-name-button{border:solid 1.5px rgba(255,255,255,.5);padding:2px 6px;border-radius:6px}.instagram-reel-preview .ui-overlay .profile img,.instagram-reel-preview-image .ui-overlay .profile img,.instagram-reel-preview-video .ui-overlay .profile img{width:24px;height:24px;border-radius:100%;aspect-ratio:1/1}.instagram-reel-preview .ui-overlay .description,.instagram-reel-preview-image .ui-overlay .description,.instagram-reel-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.5rem 0 .5rem 0}.instagram-reel-preview .ui-overlay .pill,.instagram-reel-preview-image .ui-overlay .pill,.instagram-reel-preview-video .ui-overlay .pill{background-color:rgba(41,40,40,.35);color:#fff;border:solid 1px rgba(85,85,85,.7);font-size:10px;padding:4px 6px;border-radius:999rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;text-wrap:nowrap;overflow:hidden;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview .ui-overlay .pill-contents,.instagram-reel-preview-image .ui-overlay .pill-contents,.instagram-reel-preview-video .ui-overlay .pill-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;text-align:center;overflow:hidden}.instagram-reel-preview .ui-overlay .pill>div svg,.instagram-reel-preview-image .ui-overlay .pill>div svg,.instagram-reel-preview-video .ui-overlay .pill>div svg{width:10px;height:11px;display:-webkit-box;display:-ms-flexbox;display:flex}.instagram-reel-preview .ui-overlay .pill .icon-wrapper,.instagram-reel-preview-image .ui-overlay .pill .icon-wrapper,.instagram-reel-preview-video .ui-overlay .pill .icon-wrapper{margin-right:4px}.instagram-reel-preview .ui-overlay .pill .scroll,.instagram-reel-preview-image .ui-overlay .pill .scroll,.instagram-reel-preview-video .ui-overlay .pill .scroll{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.instagram-reel-preview .ui-overlay .pill .scroll2,.instagram-reel-preview-image .ui-overlay .pill .scroll2,.instagram-reel-preview-video .ui-overlay .pill .scroll2{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;-webkit-animation-delay:20s;animation-delay:20s}.toggle-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;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.instagram-reel-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-reel-preview-wrapper>div{border-radius:8px;overflow:hidden}.ui-overlay-top-header-actions-insta-reel svg{width:unset !important;height:unset !important;-webkit-transform:none !important;transform:none !important}.ui-overlay-top-header-actions-insta-reel span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.adstudio-generation>div{border-radius:0px}
|