@adplenty-tech/adplenty-components-library 1.9.29 → 1.9.31-beta.10
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{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 .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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.card-selection-modal-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.card-selection-modal-item{width:240px;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px}
|