@adplenty-tech/adplenty-components-library 1.4.189 → 1.4.191

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.
Files changed (6) hide show
  1. package/build/adstudioPreview/facebookPreview/facebookPreview.css +1 -1
  2. package/build/categorizedSelector/categorizedSelector.css +1 -1
  3. package/build/index.css +2 -2
  4. package/build/index.js +1 -1
  5. package/build/menuItem/menuItem.css +1 -1
  6. package/package.json +1 -1
package/build/adstudioPreview/facebookPreview/facebookPreview.css CHANGED
@@ -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{height:unset !important;min-height:500px}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{height:unset !important;min-height:500px}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}
1
+ .facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{height:unset !important;min-height:500px}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{height:unset !important;min-height:500px}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{height:500px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}
package/build/categorizedSelector/categorizedSelector.css CHANGED
@@ -1 +1 @@
1
- .categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:16px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter{margin-bottom:12px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding-right:24px;padding-top:16px}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .subcategory-title{margin:15px 0 10px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-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;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
1
+ .categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:24px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter{margin-bottom:12px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding-right:24px;padding-top:16px}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .subcategory-title{margin:15px 0 10px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-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;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}