@adplenty-tech/adplenty-components-library 1.9.31-beta.9 → 1.9.33

package/build/instagramStoryPreview/instagramStoryPreview.css

@@ -1 +1 @@
-.instagram-story-preview,.instagram-story-preview-image,.instagram-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}.instagram-story-preview .video,.instagram-story-preview-image .video,.instagram-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}.instagram-story-preview .video video,.instagram-story-preview-image .video video,.instagram-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%}.instagram-story-preview .list-item,.instagram-story-preview-image .list-item,.instagram-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.instagram-story-preview .preview-empty-state,.instagram-story-preview-image .preview-empty-state,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper,.instagram-story-preview-image .preview-empty-state-wrapper,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper>h2,.instagram-story-preview-image .preview-empty-state-wrapper>h2,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper>svg,.instagram-story-preview-image .preview-empty-state-wrapper>svg,.instagram-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.instagram-story-preview .phone-status,.instagram-story-preview-image .phone-status,.instagram-story-preview-video .phone-status{background-color:#000;width:100%}.instagram-story-preview .ui-overlay,.instagram-story-preview-image .ui-overlay,.instagram-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%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-story-preview .ui-overlay>*,.instagram-story-preview-image .ui-overlay>*,.instagram-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-story-preview .ui-overlay .instagram-progress-bar,.instagram-story-preview-image .ui-overlay .instagram-progress-bar,.instagram-story-preview-video .ui-overlay .instagram-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}.instagram-story-preview .ui-overlay .instagram-progress-bar.active>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.active>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.instagram-story-preview .ui-overlay .instagram-progress-bar.video>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.video>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.instagram-story-preview .ui-overlay .instagram-progress-bar.full>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.full>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.instagram-story-preview .ui-overlay .instagram-progress-bar>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar>span,.instagram-story-preview-video .ui-overlay .instagram-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}.instagram-story-preview .ui-overlay-top,.instagram-story-preview-image .ui-overlay-top,.instagram-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}.instagram-story-preview .ui-overlay-top>svg,.instagram-story-preview-image .ui-overlay-top>svg,.instagram-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.instagram-story-preview .ui-overlay-top-header,.instagram-story-preview-image .ui-overlay-top-header,.instagram-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 12px;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%)}.instagram-story-preview .ui-overlay-top-header>div h2,.instagram-story-preview-image .ui-overlay-top-header>div h2,.instagram-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}.instagram-story-preview .ui-overlay-top-header>div svg,.instagram-story-preview-image .ui-overlay-top-header>div svg,.instagram-story-preview-video .ui-overlay-top-header>div svg{width:20px;height:20px}.instagram-story-preview .ui-overlay-top-header .account-information,.instagram-story-preview-image .ui-overlay-top-header .account-information,.instagram-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%}.instagram-story-preview .ui-overlay-top-header .interaction,.instagram-story-preview-image .ui-overlay-top-header .interaction,.instagram-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:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.instagram-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.instagram-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.instagram-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.instagram-story-preview .ui-overlay .profile,.instagram-story-preview-image .ui-overlay .profile,.instagram-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:100%}.instagram-story-preview .ui-overlay .profile-name,.instagram-story-preview-image .ui-overlay .profile-name,.instagram-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}.instagram-story-preview .ui-overlay .profile-name p:first-of-type,.instagram-story-preview-image .ui-overlay .profile-name p:first-of-type,.instagram-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}.instagram-story-preview .ui-overlay .profile img,.instagram-story-preview-image .ui-overlay .profile img,.instagram-story-preview-video .ui-overlay .profile img{width:28px;height:28px;border-radius:100%;aspect-ratio:1/1}.instagram-story-preview .ui-overlay .description,.instagram-story-preview-image .ui-overlay .description,.instagram-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}.instagram-story-preview .list,.instagram-story-preview-image .list,.instagram-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}.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}.instagram-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.instagram-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.instagram-story-preview-wrapper .carousel-control.hides{opacity:0}.instagram-story-preview-wrapper .carousel-control.prev{margin-right:20px}.instagram-story-preview-wrapper .carousel-control.next{margin-left:20px}.instagram-story-preview-wrapper .carousel-control .prev>div,.instagram-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.instagram-story-preview-wrapper .carousel-control .prev>div:hover,.instagram-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.instagram-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}@-webkit-keyframes progress{0%{width:0%}100%{width:100%}}@keyframes progress{0%{width:0%}100%{width:100%}}
+.instagram-story-preview,.instagram-story-preview-image,.instagram-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}.instagram-story-preview .video,.instagram-story-preview-image .video,.instagram-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}.instagram-story-preview .video video,.instagram-story-preview-image .video video,.instagram-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%}.instagram-story-preview .list-item,.instagram-story-preview-image .list-item,.instagram-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.instagram-story-preview .preview-empty-state,.instagram-story-preview-image .preview-empty-state,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper,.instagram-story-preview-image .preview-empty-state-wrapper,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper>h2,.instagram-story-preview-image .preview-empty-state-wrapper>h2,.instagram-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}.instagram-story-preview .preview-empty-state-wrapper>svg,.instagram-story-preview-image .preview-empty-state-wrapper>svg,.instagram-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.instagram-story-preview .phone-status,.instagram-story-preview-image .phone-status,.instagram-story-preview-video .phone-status{background-color:#000;width:100%}.instagram-story-preview .ui-overlay,.instagram-story-preview-image .ui-overlay,.instagram-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%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;pointer-events:none}.instagram-story-preview .ui-overlay>*,.instagram-story-preview-image .ui-overlay>*,.instagram-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.instagram-story-preview .ui-overlay .instagram-progress-bar,.instagram-story-preview-image .ui-overlay .instagram-progress-bar,.instagram-story-preview-video .ui-overlay .instagram-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}.instagram-story-preview .ui-overlay .instagram-progress-bar.active>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.active>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.instagram-story-preview .ui-overlay .instagram-progress-bar.video>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.video>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.instagram-story-preview .ui-overlay .instagram-progress-bar.full>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar.full>span,.instagram-story-preview-video .ui-overlay .instagram-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.instagram-story-preview .ui-overlay .instagram-progress-bar>span,.instagram-story-preview-image .ui-overlay .instagram-progress-bar>span,.instagram-story-preview-video .ui-overlay .instagram-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}.instagram-story-preview .ui-overlay-top,.instagram-story-preview-image .ui-overlay-top,.instagram-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}.instagram-story-preview .ui-overlay-top>svg,.instagram-story-preview-image .ui-overlay-top>svg,.instagram-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.instagram-story-preview .ui-overlay-top-header,.instagram-story-preview-image .ui-overlay-top-header,.instagram-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 12px;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%)}.instagram-story-preview .ui-overlay-top-header>div h2,.instagram-story-preview-image .ui-overlay-top-header>div h2,.instagram-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}.instagram-story-preview .ui-overlay-top-header>div svg,.instagram-story-preview-image .ui-overlay-top-header>div svg,.instagram-story-preview-video .ui-overlay-top-header>div svg{width:20px;height:20px}.instagram-story-preview .ui-overlay-top-header .account-information,.instagram-story-preview-image .ui-overlay-top-header .account-information,.instagram-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%}.instagram-story-preview .ui-overlay-top-header .interaction,.instagram-story-preview-image .ui-overlay-top-header .interaction,.instagram-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:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.instagram-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.instagram-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.instagram-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.instagram-story-preview .ui-overlay .profile,.instagram-story-preview-image .ui-overlay .profile,.instagram-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:100%}.instagram-story-preview .ui-overlay .profile-name,.instagram-story-preview-image .ui-overlay .profile-name,.instagram-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}.instagram-story-preview .ui-overlay .profile-name p:first-of-type,.instagram-story-preview-image .ui-overlay .profile-name p:first-of-type,.instagram-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}.instagram-story-preview .ui-overlay .profile img,.instagram-story-preview-image .ui-overlay .profile img,.instagram-story-preview-video .ui-overlay .profile img{width:28px;height:28px;border-radius:100%;aspect-ratio:1/1}.instagram-story-preview .ui-overlay .description,.instagram-story-preview-image .ui-overlay .description,.instagram-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}.instagram-story-preview .list,.instagram-story-preview-image .list,.instagram-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}.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}.instagram-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.instagram-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.instagram-story-preview-wrapper .carousel-control.hides{opacity:0}.instagram-story-preview-wrapper .carousel-control.prev{margin-right:20px}.instagram-story-preview-wrapper .carousel-control.next{margin-left:20px}.instagram-story-preview-wrapper .carousel-control .prev>div,.instagram-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.instagram-story-preview-wrapper .carousel-control .prev>div:hover,.instagram-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.instagram-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}@-webkit-keyframes progress{0%{width:0%}100%{width:100%}}@keyframes progress{0%{width:0%}100%{width:100%}}

package/build/snapchatStoryPreview/snapchatStoryPreview.css

@@ -1 +1 @@
-.snapchat-story-preview,.snapchat-story-preview-image,.snapchat-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}.snapchat-story-preview .video,.snapchat-story-preview-image .video,.snapchat-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}.snapchat-story-preview .video video,.snapchat-story-preview-image .video video,.snapchat-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%}.snapchat-story-preview .list-item,.snapchat-story-preview-image .list-item,.snapchat-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.snapchat-story-preview .phone-status,.snapchat-story-preview-image .phone-status,.snapchat-story-preview-video .phone-status{background-color:#000}.snapchat-story-preview .preview-empty-state,.snapchat-story-preview-image .preview-empty-state,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper,.snapchat-story-preview-image .preview-empty-state-wrapper,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper>h2,.snapchat-story-preview-image .preview-empty-state-wrapper>h2,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper>svg,.snapchat-story-preview-image .preview-empty-state-wrapper>svg,.snapchat-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.snapchat-story-preview .ui-overlay,.snapchat-story-preview-image .ui-overlay,.snapchat-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}.snapchat-story-preview .ui-overlay>*,.snapchat-story-preview-image .ui-overlay>*,.snapchat-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.snapchat-story-preview .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar{background-color:rgba(255,255,255,.3);width:100%;height:4px;border-radius:10rem;margin:4px 2px;margin-top:8px;position:relative;overflow:hidden}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.snapchat-story-preview .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-video .ui-overlay .snapchat-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}.snapchat-story-preview .ui-overlay-top,.snapchat-story-preview-image .ui-overlay-top,.snapchat-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}.snapchat-story-preview .ui-overlay-top>svg,.snapchat-story-preview-image .ui-overlay-top>svg,.snapchat-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.snapchat-story-preview .ui-overlay-top-header,.snapchat-story-preview-image .ui-overlay-top-header,.snapchat-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 8px;padding-top:4px;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%)}.snapchat-story-preview .ui-overlay-top-header>div h2,.snapchat-story-preview-image .ui-overlay-top-header>div h2,.snapchat-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}.snapchat-story-preview .ui-overlay-top-header>div svg,.snapchat-story-preview-image .ui-overlay-top-header>div svg,.snapchat-story-preview-video .ui-overlay-top-header>div svg{width:18px;height:18px;margin-right:4px}.snapchat-story-preview .ui-overlay-top-header .account-information,.snapchat-story-preview-image .ui-overlay-top-header .account-information,.snapchat-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%;padding:4px}.snapchat-story-preview .ui-overlay-top-header .interaction,.snapchat-story-preview-image .ui-overlay-top-header .interaction,.snapchat-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}.snapchat-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.snapchat-story-preview .ui-overlay .profile,.snapchat-story-preview-image .ui-overlay .profile,.snapchat-story-preview-video .ui-overlay .profile{font-size:15px;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:10px;width:100%;max-width:90%}.snapchat-story-preview .ui-overlay .profile-name,.snapchat-story-preview-image .ui-overlay .profile-name,.snapchat-story-preview-video .ui-overlay .profile-name{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:start;-ms-flex-align:start;align-items:flex-start;color:#fff;width:100%;gap:0;max-width:30ch}.snapchat-story-preview .ui-overlay .profile-name p,.snapchat-story-preview-image .ui-overlay .profile-name p,.snapchat-story-preview-video .ui-overlay .profile-name p{line-height:1.1;width:auto;margin:0;padding:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:29ch;font-family:"Avenir Next";font-weight:600;letter-spacing:-0.4px}.snapchat-story-preview .ui-overlay .profile .profile-name-title,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title{letter-spacing:-0.2px;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:4px;text-shadow:rgba(0,0,0,.6) 0p}.snapchat-story-preview .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p{font-family:"Avenir Next";font-size:11px;font-weight:500;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.snapchat-story-preview .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p:first-of-type{font-weight:700;font-size:14px;max-width:22.5ch}.snapchat-story-preview .ui-overlay .profile img,.snapchat-story-preview-image .ui-overlay .profile img,.snapchat-story-preview-video .ui-overlay .profile img{margin-top:2px;width:28px;height:28px;border-radius:100%;aspect-ratio:1/1}.snapchat-story-preview .ui-overlay .description,.snapchat-story-preview-image .ui-overlay .description,.snapchat-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}.snapchat-story-preview .list,.snapchat-story-preview-image .list,.snapchat-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%}}.snapchat-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.snapchat-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.snapchat-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.snapchat-story-preview-wrapper .carousel-control.hides{opacity:0}.snapchat-story-preview-wrapper .carousel-control.prev{margin-right:20px}.snapchat-story-preview-wrapper .carousel-control.next{margin-left:20px}.snapchat-story-preview-wrapper .carousel-control .prev>div,.snapchat-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.snapchat-story-preview-wrapper .carousel-control .prev>div:hover,.snapchat-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.snapchat-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}.top-header-preview-screen{width:100%;color:#ececee;background-color:#000;height:40px;pointer-events:none;position:relative}.footer-preview-screen{bottom:0px;left:0px;position:absolute;width:100%;color:#000}.footer-card-container{width:100%;height:70px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.footer-outer-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(109,109,109,.4);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:78px;margin-right:2px;margin-left:8px;margin-bottom:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:255px;z-index:100}.footer-inner-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:8px}.footer-card-img-container{background:rgba(0,0,0,0);border-radius:4px;width:64px;height:64px;overflow:hidden}.footer-card-img{overflow:clip;width:100%;height:100%}.footer-card-text-container{margin-left:4px;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;width:70%;overflow:hidden;word-break:break-word}.footer-card-text{font-family:"Avenir Next";letter-spacing:-0.4px;height:auto;font-size:11px;text-shadow:rgba(0,0,0,.5) 0px 12px 30px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;line-clamp:1;width:84%;margin:0;margin-bottom:1px;font-weight:500}.first-line{font-weight:700;font-size:14px;letter-spacing:-0.2px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1}.footer-card-arrow{height:25px;position:absolute;right:8px;width:20px;color:#fff}.footer-heart-svg{bottom:25px;height:44px;position:absolute;right:8px;width:40px;z-index:100}
+.snapchat-story-preview,.snapchat-story-preview-image,.snapchat-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}.snapchat-story-preview .video,.snapchat-story-preview-image .video,.snapchat-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}.snapchat-story-preview .video video,.snapchat-story-preview-image .video video,.snapchat-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%}.snapchat-story-preview .list-item,.snapchat-story-preview-image .list-item,.snapchat-story-preview-video .list-item{position:relative;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.snapchat-story-preview .phone-status,.snapchat-story-preview-image .phone-status,.snapchat-story-preview-video .phone-status{background-color:#000}.snapchat-story-preview .preview-empty-state,.snapchat-story-preview-image .preview-empty-state,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper,.snapchat-story-preview-image .preview-empty-state-wrapper,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper>h2,.snapchat-story-preview-image .preview-empty-state-wrapper>h2,.snapchat-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}.snapchat-story-preview .preview-empty-state-wrapper>svg,.snapchat-story-preview-image .preview-empty-state-wrapper>svg,.snapchat-story-preview-video .preview-empty-state-wrapper>svg{width:214px;height:214px}.snapchat-story-preview .ui-overlay,.snapchat-story-preview-image .ui-overlay,.snapchat-story-preview-video .ui-overlay{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;aspect-ratio:9/16;width:auto;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.snapchat-story-preview .ui-overlay>*,.snapchat-story-preview-image .ui-overlay>*,.snapchat-story-preview-video .ui-overlay>*{-webkit-box-sizing:border-box;box-sizing:border-box}.snapchat-story-preview .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar{background-color:rgba(255,255,255,.3);width:100%;height:4px;border-radius:10rem;margin:4px 2px;margin-top:8px;position:relative;overflow:hidden}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.active>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.active>span{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:progress;animation-name:progress}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.video>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.video>span{-webkit-animation-duration:15s;animation-duration:15s}.snapchat-story-preview .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar.full>span,.snapchat-story-preview-video .ui-overlay .snapchat-progress-bar.full>span{background-color:#fff;width:100%;-webkit-animation:none;animation:none}.snapchat-story-preview .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-image .ui-overlay .snapchat-progress-bar>span,.snapchat-story-preview-video .ui-overlay .snapchat-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}.snapchat-story-preview .ui-overlay-top,.snapchat-story-preview-image .ui-overlay-top,.snapchat-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}.snapchat-story-preview .ui-overlay-top>svg,.snapchat-story-preview-image .ui-overlay-top>svg,.snapchat-story-preview-video .ui-overlay-top>svg{width:100%;height:auto}.snapchat-story-preview .ui-overlay-top-header,.snapchat-story-preview-image .ui-overlay-top-header,.snapchat-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 8px;padding-top:4px;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%)}.snapchat-story-preview .ui-overlay-top-header>div h2,.snapchat-story-preview-image .ui-overlay-top-header>div h2,.snapchat-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}.snapchat-story-preview .ui-overlay-top-header>div svg,.snapchat-story-preview-image .ui-overlay-top-header>div svg,.snapchat-story-preview-video .ui-overlay-top-header>div svg{width:18px;height:18px;margin-right:4px}.snapchat-story-preview .ui-overlay-top-header .account-information,.snapchat-story-preview-image .ui-overlay-top-header .account-information,.snapchat-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%;padding:4px}.snapchat-story-preview .ui-overlay-top-header .interaction,.snapchat-story-preview-image .ui-overlay-top-header .interaction,.snapchat-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}.snapchat-story-preview .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-image .ui-overlay-top-header .interaction svg:first-of-type,.snapchat-story-preview-video .ui-overlay-top-header .interaction svg:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.snapchat-story-preview .ui-overlay .profile,.snapchat-story-preview-image .ui-overlay .profile,.snapchat-story-preview-video .ui-overlay .profile{font-size:15px;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:10px;width:100%;max-width:90%}.snapchat-story-preview .ui-overlay .profile-name,.snapchat-story-preview-image .ui-overlay .profile-name,.snapchat-story-preview-video .ui-overlay .profile-name{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:start;-ms-flex-align:start;align-items:flex-start;color:#fff;width:100%;gap:0;max-width:30ch}.snapchat-story-preview .ui-overlay .profile-name p,.snapchat-story-preview-image .ui-overlay .profile-name p,.snapchat-story-preview-video .ui-overlay .profile-name p{line-height:1.1;width:auto;margin:0;padding:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:29ch;font-family:"Avenir Next";font-weight:600;letter-spacing:-0.4px}.snapchat-story-preview .ui-overlay .profile .profile-name-title,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title{letter-spacing:-0.2px;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:4px;text-shadow:rgba(0,0,0,.6) 0p}.snapchat-story-preview .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p{font-family:"Avenir Next";font-size:11px;font-weight:500;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.snapchat-story-preview .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-image .ui-overlay .profile .profile-name-title p:first-of-type,.snapchat-story-preview-video .ui-overlay .profile .profile-name-title p:first-of-type{font-weight:700;font-size:14px;max-width:22.5ch}.snapchat-story-preview .ui-overlay .profile img,.snapchat-story-preview-image .ui-overlay .profile img,.snapchat-story-preview-video .ui-overlay .profile img{margin-top:2px;width:28px;height:28px;border-radius:100%;aspect-ratio:1/1}.snapchat-story-preview .ui-overlay .description,.snapchat-story-preview-image .ui-overlay .description,.snapchat-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}.snapchat-story-preview .list,.snapchat-story-preview-image .list,.snapchat-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%}}.snapchat-story-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.snapchat-story-preview-wrapper>div{border-radius:8px;overflow:hidden}.snapchat-story-preview-wrapper .carousel-control{border-radius:0;z-index:11;overflow:visible}.snapchat-story-preview-wrapper .carousel-control.hides{opacity:0}.snapchat-story-preview-wrapper .carousel-control.prev{margin-right:20px}.snapchat-story-preview-wrapper .carousel-control.next{margin-left:20px}.snapchat-story-preview-wrapper .carousel-control .prev>div,.snapchat-story-preview-wrapper .carousel-control .next>div{background-color:#818181;color:#000;border-radius:100%;cursor:pointer;font-size:1.4rem;opacity:.7}.snapchat-story-preview-wrapper .carousel-control .prev>div:hover,.snapchat-story-preview-wrapper .carousel-control .next>div:hover{opacity:1}.snapchat-story-preview-wrapper .carousel-control .value{font-size:.9em}.adstudio-generation>div{border-radius:0px}.top-header-preview-screen{width:100%;color:#ececee;background-color:#000;height:40px;pointer-events:none;position:relative}.footer-preview-screen{bottom:0px;left:0px;position:absolute;width:100%;color:#000}.footer-card-container{width:100%;height:70px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.footer-outer-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(109,109,109,.4);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:78px;margin-right:2px;margin-left:8px;margin-bottom:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:255px;z-index:100}.footer-inner-card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:8px}.footer-card-img-container{background:rgba(0,0,0,0);border-radius:4px;width:64px;height:64px;overflow:hidden}.footer-card-img{overflow:clip;width:100%;height:100%}.footer-card-text-container{margin-left:4px;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;width:70%;overflow:hidden;word-break:break-word}.footer-card-text{font-family:"Avenir Next";letter-spacing:-0.4px;height:auto;font-size:11px;text-shadow:rgba(0,0,0,.5) 0px 12px 30px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;line-clamp:1;width:84%;margin:0;margin-bottom:1px;font-weight:500}.first-line{font-weight:700;font-size:14px;letter-spacing:-0.2px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1}.footer-card-arrow{height:25px;position:absolute;right:8px;width:20px;color:#fff}.footer-heart-svg{bottom:25px;height:44px;position:absolute;right:8px;width:40px;z-index:100}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adplenty-tech/adplenty-components-library",
-  "version": "1.9.31-beta.9",
+  "version": "1.9.33",
   "author": "Jacques Sirot <jacques@advative.io>",
   "description": "A library of components used across adPlenty products.",
   "license": "MIT",

package/build/dialogs/card-selection-modal.css

@@ -1 +0,0 @@
-.card-selection-modal-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.card-selection-modal-item{width:240px;-webkit-box-flex:0;-ms-flex:0 0 240px;flex:0 0 240px}

package/build/libCreativeStudioLayerList/libCreativeStudioLayerList.css

@@ -1 +0,0 @@
-.creative-studio-layer-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutral-0);border:var(--element-default-border);border-radius:var(--semi-round-corners);overflow:hidden;max-width:400px}.creative-studio-layer-list .layer-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 12px;gap:10px;border-bottom:1px solid var(--color-neutral-5);-webkit-transition:background-color .2s ease;transition:background-color .2s ease;min-height:48px}.creative-studio-layer-list .layer-item:last-child{border-bottom:none}.creative-studio-layer-list .layer-item:hover{background-color:var(--color-neutral-1)}.creative-studio-layer-list .layer-item.nested{padding-left:42px;background-color:rgba(245,245,245,.5)}.creative-studio-layer-list .layer-item.disabled{opacity:.6;-webkit-filter:grayscale(0.5);filter:grayscale(0.5)}.creative-studio-layer-list .layer-item .layer-icon{-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;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;background-color:var(--color-neutral-1);border-radius:6px;overflow:hidden}.creative-studio-layer-list .layer-item .layer-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creative-studio-layer-list .layer-item .layer-icon .material-symbols-outlined{font-size:20px;color:var(--text-primary)}.creative-studio-layer-list .layer-item .layer-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;min-width:0}.creative-studio-layer-list .layer-item .layer-info .layer-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-studio-layer-list .layer-item .layer-info .layer-type{font-size:11px;font-weight:400;color:var(--text-light-gray)}.creative-studio-layer-list .layer-item .layer-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}