@adplenty-tech/adplenty-components-library 1.9.31-beta.13 → 1.9.31-beta.14

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 (22) hide show
  1. package/build/accordion/accordion.css +1 -1
  2. package/build/adstudioPreview/facebookReelPreview/facebookReelPreview.css +1 -1
  3. package/build/adstudioPreview/facebookStoryPreview/facebookStoryPreview.css +1 -1
  4. package/build/adstudioPreview/htmlTemplatePreview/htmlTemplatePreview.css +1 -1
  5. package/build/adstudioPreview/instagramReelPreview/instagramReelPreview.css +1 -1
  6. package/build/aiTextAssistant/aiTextAssistantDialog.css +1 -1
  7. package/build/categorizedSelector/categorizedSelector.css +1 -1
  8. package/build/filterSelector/filterSelector.css +1 -1
  9. package/build/index.css +4 -4
  10. package/build/index.js +1 -1
  11. package/build/instagramStoryPreview/instagramStoryPreview.css +1 -1
  12. package/build/libAssetSelectorField/libAssetSelectorField.css +3 -3
  13. package/build/libButton/libButton.css +1 -1
  14. package/build/libCalendar/libCalendar.css +1 -1
  15. package/build/libDatepicker/datepicker.css +1 -1
  16. package/build/libLoader/libLoader.css +1 -1
  17. package/build/libSelect/libSelect.css +1 -1
  18. package/build/libTemplateBox/libTemplateBox.css +1 -1
  19. package/build/libToggleSwitch/libToggleSwitch.css +1 -1
  20. package/build/snapchatStoryPreview/snapchatStoryPreview.css +1 -1
  21. package/build/wizardContainer/wizardContainer.css +1 -1
  22. package/package.json +1 -1
package/build/accordion/accordion.css CHANGED
@@ -1 +1 @@
1
- .accordion-directive{width:100%;overflow:hidden}@-webkit-keyframes growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}.accordion-directive .accordion-content{display:grid;grid-template-rows:0fr;-webkit-transition:300ms all ease;transition:300ms all ease;padding:0px 16px}.accordion-directive .accordion-content>div{overflow:hidden}.accordion-directive .accordion-expander-icon::before{-webkit-transition:.3s ease all;transition:.3s ease all;display:inline-block;content:""}.accordion-directive:not([variant="2"]){border:1px solid #f1f2f6;border-radius:8px}.accordion-directive:not([variant="2"]) .accordion-header{padding-left:30px;padding-right:22px}.accordion-directive[variant="2"]{background-color:#fff;border-radius:0;border-top:1px solid #dad9dc;border-bottom:1px solid #dad9dc}.accordion-directive[variant="2"] .accordion-header{background-color:#fff;color:var(--color-60);text-transform:uppercase;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.8px;text-transform:uppercase;height:64px}.accordion-directive[variant="2"] .accordion-expander-icon:before{content:""}.accordion-directive.open:not([variant="2"]){border:1px solid #e9eaee}.accordion-directive.open:not([variant="2"]) .accordion-expander-icon::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion-directive.open[variant="2"] .accordion-expander-icon::before{content:""}.accordion-directive.open .accordion-content{padding:20px 16px;grid-template-rows:1fr}.accordion-directive .accordion-header{cursor:pointer;height:80px;background-color:#f1f2f6;color:#414141;font-weight:500;font-size:16px}.accordion-directive .accordion-header .accordion-subheader{padding-top:8px;font-weight:300;font-size:14px}.accordion-directive .accordion-header .accordion-expander-icon{-webkit-transition:.3s ease all;transition:.3s ease all;font-size:24px}.accordion-directive .accordion-header.no-left-padding{padding-left:0}.accordion-directive .accordion-header .accordion-header-image{margin-right:16px;height:100%;width:100px;padding:12px 8px}.accordion-directive .accordion-header .accordion-header-image img{border-radius:10px;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.accordion-directive .accordion-header .accordion-validator-icon{-webkit-transform-origin:center center;transform-origin:center center;font-size:30px;padding-right:30px;color:#aaafc2}.accordion-directive .accordion-header .accordion-validator-icon.is-valid{color:var(--root-primary-color);-webkit-animation:growth 1s;animation:growth 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}.accordion-directive .accordion-header .left-icon{-webkit-transform-origin:center center;transform-origin:center center;font-size:30px;padding:0 8px;color:#aaafc2}
1
+ .accordion-directive{width:100%}@-webkit-keyframes growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes growth{0%{-webkit-transform:scale(100%);transform:scale(100%)}50%{-webkit-transform:scale(150%);transform:scale(150%)}100%{-webkit-transform:scale(100%);transform:scale(100%)}}.accordion-directive{overflow:hidden}.accordion-directive .accordion-content{display:grid;grid-template-rows:0fr;-webkit-transition:300ms all ease;transition:300ms all ease;padding:0px 16px}.accordion-directive .accordion-content>div{overflow:hidden}.accordion-directive .accordion-expander-icon::before{-webkit-transition:.3s ease all;transition:.3s ease all;display:inline-block;content:""}.accordion-directive:not([variant="2"]){border:1px solid #f1f2f6;border-radius:8px}.accordion-directive:not([variant="2"]) .accordion-header{padding-left:30px;padding-right:22px}.accordion-directive[variant="2"]{background-color:#fff;border-radius:0;border-top:1px solid #dad9dc;border-bottom:1px solid #dad9dc}.accordion-directive[variant="2"] .accordion-header{background-color:#fff;color:var(--color-60);text-transform:uppercase;font-family:Inter;font-size:11px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.8px;text-transform:uppercase;height:64px}.accordion-directive[variant="2"] .accordion-expander-icon:before{content:""}.accordion-directive.open:not([variant="2"]){border:1px solid #e9eaee}.accordion-directive.open:not([variant="2"]) .accordion-expander-icon::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion-directive.open[variant="2"] .accordion-expander-icon::before{content:""}.accordion-directive.open .accordion-content{padding:20px 16px;grid-template-rows:1fr}.accordion-directive .accordion-header{cursor:pointer;height:80px;background-color:#f1f2f6;color:#414141;font-weight:500;font-size:16px}.accordion-directive .accordion-header .accordion-subheader{padding-top:8px;font-weight:300;font-size:14px}.accordion-directive .accordion-header .accordion-expander-icon{-webkit-transition:.3s ease all;transition:.3s ease all;font-size:24px}.accordion-directive .accordion-header.no-left-padding{padding-left:0}.accordion-directive .accordion-header .accordion-header-image{margin-right:16px;height:100%;width:100px;padding:12px 8px}.accordion-directive .accordion-header .accordion-header-image img{border-radius:10px;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.accordion-directive .accordion-header .accordion-validator-icon{-webkit-transform-origin:center center;transform-origin:center center;font-size:30px;padding-right:30px;color:#aaafc2}.accordion-directive .accordion-header .accordion-validator-icon.is-valid{color:var(--root-primary-color);-webkit-animation:growth 1s;animation:growth 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}.accordion-directive .accordion-header .left-icon{-webkit-transform-origin:center center;transform-origin:center center;font-size:30px;padding:0 8px;color:#aaafc2}
package/build/adstudioPreview/facebookReelPreview/facebookReelPreview.css CHANGED
@@ -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}.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 hsla(0,0%,100%,.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}
package/build/adstudioPreview/facebookStoryPreview/facebookStoryPreview.css CHANGED
@@ -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}.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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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}
package/build/adstudioPreview/htmlTemplatePreview/htmlTemplatePreview.css CHANGED
@@ -1 +1 @@
1
- .html-template-preview{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}.html-template-preview *{-webkit-box-sizing:content-box;box-sizing:content-box}.html-template-preview.front{zoom:.9}@media(max-width: 960px){.html-template-preview.front{zoom:.6}}@media(max-width: 1279px){.html-template-preview.front{zoom:.8}}.html-template-preview .ad-banner.small{height:100%}.html-template-preview img{-o-object-fit:cover;object-fit:cover}.html-template-preview content{display:inline-block}.html-template-preview content .ad-banner>div{height:100%}
1
+ .html-template-preview{display:-webkit-box;display:-ms-flexbox;display:flex}.html-template-preview *{-webkit-box-sizing:content-box;box-sizing:content-box}.html-template-preview.front{zoom:.9}@media(max-width: 960px){.html-template-preview.front{zoom:.6}}@media(max-width: 1279px){.html-template-preview.front{zoom:.8}}.html-template-preview{height:100%;width:100%}.html-template-preview .ad-banner.small{height:100%}.html-template-preview img{-o-object-fit:cover;object-fit:cover}.html-template-preview content{display:inline-block}.html-template-preview content .ad-banner>div{height:100%}
package/build/adstudioPreview/instagramReelPreview/instagramReelPreview.css CHANGED
@@ -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}.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 hsla(0,0%,100%,.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}
package/build/aiTextAssistant/aiTextAssistantDialog.css CHANGED
@@ -1 +1 @@
1
- .ai-text-assistant-dialog{min-width:700px;max-width:700px;overflow:visible}.ai-text-assistant-dialog h2{text-transform:capitalize;text-align:center;padding:16px;margin:0}.ai-text-assistant-dialog .lib-button-directive svg path{fill:#fff}.ai-text-assistant-dialog .lib-chip-directive{font-size:.7em;padding:4px 8px;height:unset}.ai-text-assistant-dialog .lib-card-deprecated-directive{width:70%;border-radius:12px;margin-bottom:8px;cursor:pointer;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.5px;border:0}.ai-text-assistant-dialog .lib-card-deprecated-directive.assistant{background-color:#e9e9eb}.ai-text-assistant-dialog .lib-card-deprecated-directive.user{background-color:#309ffb;color:#fff;width:40%}.ai-text-assistant-dialog .lib-card-deprecated-directive .lib-card-deprecated-content{background-color:rgba(0,0,0,0);border-radius:16px}.ai-text-assistant-dialog .lib-card-deprecated-directive .overlay{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);font-size:1.3em;color:#fff}.ai-text-assistant-dialog .lib-card-deprecated-directive .overlay:hover{opacity:1}.ai-text-assistant-dialog .chat-bubble{height:36px;width:46px;background:#e5e5e5;position:relative;margin-left:30px;border-top-right-radius:18px;border-bottom-right-radius:18px}.ai-text-assistant-dialog .chat-bubble:before{content:"";height:36px;width:36px;left:-18px;position:absolute;display:block;background:#e5e5e5;border-radius:18px;z-index:1}.ai-text-assistant-dialog .chat-bubble:after{content:"";height:36px;width:36px;left:-18px;position:absolute;display:block;background:#e5e5e5;border-radius:50%;z-index:1}.ai-text-assistant-dialog .chat-bubble .tail{height:12.5px;width:12.5px;background:#e5e5e5;position:absolute;left:-20px;bottom:1px;border-radius:50%}.ai-text-assistant-dialog .chat-bubble .tail:before{height:6px;width:6px;background:#e5e5e5;content:"";display:block;border-radius:50%;position:absolute;left:-5px;bottom:-4px}.ai-text-assistant-dialog .chat-bubble .loading{position:absolute;z-index:10;width:33.5px;left:-5.5px;top:13.5px}.ai-text-assistant-dialog .chat-bubble .loading .dot{height:8.5px;width:8.5px;border-radius:50%;background:#c1c1c1;display:block;float:left;margin:0 0 0 4px}.ai-text-assistant-dialog .chat-bubble .loading .dot:first-child{margin:0}.ai-text-assistant-dialog .chat-bubble .loading .dot.one{-webkit-animation:cycleOne 1s ease-in-out infinite;-webkit-animation-direction:normal}.ai-text-assistant-dialog .chat-bubble .loading .dot.two{-webkit-animation:cycleTwo 1s ease-in-out infinite;-webkit-animation-direction:normal}.ai-text-assistant-dialog .chat-bubble .loading .dot.three{-webkit-animation:cycleThree 1s ease-in-out infinite;-webkit-animation-direction:normal}@-webkit-keyframes cycleOne{0%{background:rgba(150,150,150,.4)}33.333%{background:#969696}66.6667%{background:rgba(150,150,150,.4)}100%{background:rgba(150,150,150,.4)}}@-webkit-keyframes cycleTwo{0%{background:rgba(150,150,150,.4)}33.333%{background:rgba(150,150,150,.4)}66.6667%{background:#969696}100%{background:rgba(150,150,150,.4)}}@-webkit-keyframes cycleThree{0%{background:rgba(150,150,150,.4)}33.333%{background:rgba(150,150,150,.4)}66.6667%{background:rgba(150,150,150,.4)}100%{background:#969696}}
1
+ .ai-text-assistant-dialog{min-width:700px;max-width:700px;overflow:visible}.ai-text-assistant-dialog h2{text-transform:capitalize;text-align:center;padding:16px;margin:0}.ai-text-assistant-dialog .lib-button-directive svg path{fill:#fff}.ai-text-assistant-dialog .lib-chip-directive{font-size:.7em;padding:4px 8px;height:unset}.ai-text-assistant-dialog .lib-card-deprecated-directive{width:70%;border-radius:12px}.ai-text-assistant-dialog .lib-card-deprecated-directive.assistant{background-color:#e9e9eb}.ai-text-assistant-dialog .lib-card-deprecated-directive.user{background-color:#309ffb;color:#fff;width:40%}.ai-text-assistant-dialog .lib-card-deprecated-directive .lib-card-deprecated-content{background-color:rgba(0,0,0,0);border-radius:16px}.ai-text-assistant-dialog .lib-card-deprecated-directive .overlay{-webkit-transition:.3s ease all;transition:.3s ease all;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);font-size:1.3em;color:#fff}.ai-text-assistant-dialog .lib-card-deprecated-directive .overlay:hover{opacity:1}.ai-text-assistant-dialog .lib-card-deprecated-directive{margin-bottom:8px;cursor:pointer;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.5px;border:0}.ai-text-assistant-dialog .chat-bubble{height:36px;width:46px;background:#e5e5e5;position:relative;margin-left:30px;border-top-right-radius:18px;border-bottom-right-radius:18px}.ai-text-assistant-dialog .chat-bubble:before{content:"";height:36px;width:36px;left:-18px;position:absolute;display:block;background:#e5e5e5;border-radius:18px;z-index:1}.ai-text-assistant-dialog .chat-bubble:after{content:"";height:36px;width:36px;left:-18px;position:absolute;display:block;background:#e5e5e5;border-radius:50%;z-index:1}.ai-text-assistant-dialog .chat-bubble .tail{height:12.5px;width:12.5px;background:#e5e5e5;position:absolute;left:-20px;bottom:1px;border-radius:50%}.ai-text-assistant-dialog .chat-bubble .tail:before{height:6px;width:6px;background:#e5e5e5;content:"";display:block;border-radius:50%;position:absolute;left:-5px;bottom:-4px}.ai-text-assistant-dialog .chat-bubble .loading{position:absolute;z-index:10;width:33.5px;left:-5.5px;top:13.5px}.ai-text-assistant-dialog .chat-bubble .loading .dot{height:8.5px;width:8.5px;border-radius:50%;background:#c1c1c1;display:block;float:left;margin:0 0 0 4px}.ai-text-assistant-dialog .chat-bubble .loading .dot:first-child{margin:0}.ai-text-assistant-dialog .chat-bubble .loading .dot.one{-webkit-animation:cycleOne 1s ease-in-out infinite;-webkit-animation-direction:normal}.ai-text-assistant-dialog .chat-bubble .loading .dot.two{-webkit-animation:cycleTwo 1s ease-in-out infinite;-webkit-animation-direction:normal}.ai-text-assistant-dialog .chat-bubble .loading .dot.three{-webkit-animation:cycleThree 1s ease-in-out infinite;-webkit-animation-direction:normal}@-webkit-keyframes cycleOne{0%{background:rgba(150,150,150,.4)}33.333%{background:#969696}66.6667%{background:rgba(150,150,150,.4)}100%{background:rgba(150,150,150,.4)}}@-webkit-keyframes cycleTwo{0%{background:rgba(150,150,150,.4)}33.333%{background:rgba(150,150,150,.4)}66.6667%{background:#969696}100%{background:rgba(150,150,150,.4)}}@-webkit-keyframes cycleThree{0%{background:rgba(150,150,150,.4)}33.333%{background:rgba(150,150,150,.4)}66.6667%{background:rgba(150,150,150,.4)}100%{background:#969696}}
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.single-library-mode .categorized-selector{padding-left:24px}.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{width:100%;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.single-library-mode .categorized-selector{padding-left:24px}.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{width:100%;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:hsla(0,0%,100%,.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}
package/build/filterSelector/filterSelector.css CHANGED
@@ -1 +1 @@
1
- .filter-selector-directive{width:100%;height:100%;border-top-right-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:24px}.filter-selector-directive .lib-chip-directive{border-color:rgba(0,0,0,0);color:var(--text-primary);margin:0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.2px;height:32px;margin-right:3px}.filter-selector-directive .lib-chip-directive:hover,.filter-selector-directive .lib-chip-directive.selected{color:var(--text-primary);background:var(--color-1)}.filter-selector-directive .lib-chip-directive.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.filter-selector-directive .lib-chip-directive[disabled]{background:rgba(0,0,0,0);border:rgba(0,0,0,0)}.filter-selector-directive .filter-selector-select-controls{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-selector-directive .filter-selector-select-all-checkbox{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-wrap:nowrap}.filter-selector-directive-border{border:1px solid var(--color-neutral-5);border-radius:10px}.filter-selector-directive .lib-text-directive{margin-bottom:0}.filter-selector-directive .filter-selector-category-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;height:100%}.filter-selector-directive .filter-selector-category-selector .filter-selector-category-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scrollbar-width:thin;width:200px}.filter-selector-directive .filter-selector-category-selector .filter-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}.filter-selector-directive .filter-selector-category-selector .filter-selector-search-container{padding:8px;padding-top:0px}.filter-selector-directive .filter-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-left:24px}.filter-selector-directive .filter-selector .filter-selector-top-bar{padding:0 24px 16px 0;gap:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2}.filter-selector-directive .filter-selector .filter-selector-results-counter{margin-bottom:12px}.filter-selector-directive .filter-selector .filter-selector-results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.filter-selector-directive .filter-selector .filter-selector-item-container{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));padding-right:24px;padding-bottom:.5rem}.filter-selector-directive .filter-selector .filter-selector-item-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-body,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-details,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-details .name,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-details .name{text-align:left}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item img,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item img{width:64px}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item img.enforce-square,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item img.enforce-square{-o-object-fit:contain;object-fit:contain;height:64px}.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item-body img{display:none}.filter-selector-directive .filter-selector .filter-selector-item{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;height:100%;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:160px;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.filter-selector-directive .filter-selector .filter-selector-item p{margin:0}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-subtitle{margin:0;display:-webkit-box;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;visibility:visible}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle{font-size:.75rem}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle,.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-headline{line-clamp:1;-webkit-line-clamp:1}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status p{vertical-align:middle}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--filter-selector-item-footer-status-indicator-color, transparent)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.filter-selector-directive .filter-selector .filter-selector-item .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}.filter-selector-directive .filter-selector .filter-selector-item .overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.filter-selector-directive .filter-selector .filter-selector-item.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.filter-selector-directive .filter-selector .filter-selector-item.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.filter-selector-directive .filter-selector .filter-selector-item.disabled .filter-selector-item-footer{background-color:rgba(0,0,0,0)}.filter-selector-directive .filter-selector .filter-selector-item.disabled p{color:var(--text-light-gray)}.filter-selector-directive .filter-selector .filter-selector-item:hover{background-color:var(--color-1)}.filter-selector-directive .filter-selector .filter-selector-item:hover .filter-selector-item-footer{background-color:var(--color-5)}.filter-selector-directive .filter-selector .filter-selector-item:focus{border:1.2px solid var(--color-50)}.filter-selector-directive .filter-selector .filter-selector-item.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.filter-selector-directive .filter-selector .filter-selector-item.selected .filter-selector-item-footer{background:var(--color-10)}.filter-selector-directive .filter-selector .filter-selector-item 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}.filter-selector-directive .filter-selector .filter-selector-item img.square-images{-o-object-fit:contain;object-fit:contain}.filter-selector-directive .filter-selector .filter-selector-item .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
+ .filter-selector-directive{width:100%;height:100%;border-top-right-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:24px}.filter-selector-directive .lib-chip-directive{border-color:rgba(0,0,0,0);color:var(--text-primary);margin:0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.2px;height:32px;margin-right:3px}.filter-selector-directive .lib-chip-directive:hover,.filter-selector-directive .lib-chip-directive.selected{color:var(--text-primary);background:var(--color-1)}.filter-selector-directive .lib-chip-directive.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.filter-selector-directive .lib-chip-directive[disabled]{background:rgba(0,0,0,0);border:rgba(0,0,0,0)}.filter-selector-directive .filter-selector-select-controls{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-selector-directive .filter-selector-select-all-checkbox{width:-webkit-min-content;width:-moz-min-content;width:min-content;text-wrap:nowrap}.filter-selector-directive-border{border:1px solid var(--color-neutral-5);border-radius:10px}.filter-selector-directive .lib-text-directive{margin-bottom:0}.filter-selector-directive .filter-selector-category-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;height:100%}.filter-selector-directive .filter-selector-category-selector .filter-selector-category-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scrollbar-width:thin;width:200px}.filter-selector-directive .filter-selector-category-selector .filter-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}.filter-selector-directive .filter-selector-category-selector .filter-selector-search-container{padding:8px;padding-top:0px}.filter-selector-directive .filter-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-left:24px}.filter-selector-directive .filter-selector .filter-selector-top-bar{padding:0 24px 16px 0;gap:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2}.filter-selector-directive .filter-selector .filter-selector-results-counter{margin-bottom:12px}.filter-selector-directive .filter-selector .filter-selector-results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.filter-selector-directive .filter-selector .filter-selector-item-container{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));padding-right:24px;padding-bottom:.5rem}.filter-selector-directive .filter-selector .filter-selector-item-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-body,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-details,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item .filter-selector-item-details .name,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item .filter-selector-item-details .name{text-align:left}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item img,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item img{width:64px}.filter-selector-directive .filter-selector .filter-selector-item-container[type=horizontal] .filter-selector-item img.enforce-square,.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item img.enforce-square{-o-object-fit:contain;object-fit:contain;height:64px}.filter-selector-directive .filter-selector .filter-selector-item-container[hide-images=true] .filter-selector-item-body img{display:none}.filter-selector-directive .filter-selector .filter-selector-item{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;height:100%;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:160px;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.filter-selector-directive .filter-selector .filter-selector-item p{margin:0}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-subtitle{margin:0;display:-webkit-box;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;visibility:visible}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle{font-size:.75rem}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle,.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-details .filter-selector-item-headline{line-clamp:1;-webkit-line-clamp:1}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-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}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status p{vertical-align:middle}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--filter-selector-item-footer-status-indicator-color, transparent)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.filter-selector-directive .filter-selector .filter-selector-item .filter-selector-item-footer .filter-selector-item-footer-status .filter-selector-item-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.filter-selector-directive .filter-selector .filter-selector-item .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}.filter-selector-directive .filter-selector .filter-selector-item .overlay p{color:#000;background-color:hsla(0,0%,100%,.9);border-radius:.5rem;padding:.7rem}.filter-selector-directive .filter-selector .filter-selector-item.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.filter-selector-directive .filter-selector .filter-selector-item.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.filter-selector-directive .filter-selector .filter-selector-item.disabled .filter-selector-item-footer{background-color:rgba(0,0,0,0)}.filter-selector-directive .filter-selector .filter-selector-item.disabled p{color:var(--text-light-gray)}.filter-selector-directive .filter-selector .filter-selector-item:hover{background-color:var(--color-1)}.filter-selector-directive .filter-selector .filter-selector-item:hover .filter-selector-item-footer{background-color:var(--color-5)}.filter-selector-directive .filter-selector .filter-selector-item:focus{border:1.2px solid var(--color-50)}.filter-selector-directive .filter-selector .filter-selector-item.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.filter-selector-directive .filter-selector .filter-selector-item.selected .filter-selector-item-footer{background:var(--color-10)}.filter-selector-directive .filter-selector .filter-selector-item 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}.filter-selector-directive .filter-selector .filter-selector-item img.square-images{-o-object-fit:contain;object-fit:contain}.filter-selector-directive .filter-selector .filter-selector-item .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}