@adplenty-tech/adplenty-components-library 1.4.183 → 1.4.185
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/accordion/accordion.css +1 -1
- package/build/accordionGroup/accordionGroup.css +1 -1
- package/build/adstudioPreview/adstudioPreview.css +1 -1
- package/build/adstudioPreview/facebookPreview/facebookPreview.css +1 -1
- package/build/adstudioPreview/facebookReelPreview/facebookReelPreview.css +1 -1
- package/build/adstudioPreview/htmlTemplatePreview/htmlTemplatePreview.css +1 -1
- package/build/adstudioPreview/instagramPreview/instagramPreview.css +1 -1
- package/build/adstudioPreview/instagramReelPreview/instagramReelPreview.css +1 -1
- package/build/aiTextAssistant/aiTextAssistant.css +1 -1
- package/build/aiTextAssistant/aiTextAssistantDialog.css +1 -1
- package/build/assetSelector/assetSelector.css +1 -1
- package/build/assetSelectorField/assetSelectorField.css +1 -1
- package/build/avatar/avatar.css +1 -1
- package/build/categorizedSelector/categorizedSelector.css +1 -1
- package/build/ctaCard/ctaCard.css +1 -1
- package/build/dialogs/default.css +1 -1
- package/build/dialogs/modal-layout.css +1 -1
- package/build/dialogs/post-type-modal.css +1 -1
- package/build/dialogs/summary.css +1 -1
- package/build/dropdownPanel/dropdownPanel.css +1 -1
- package/build/expander/expander.css +1 -1
- package/build/facebookStoryPreview/facebookStoryPreview.css +1 -1
- package/build/fieldWrapper/FieldWrapper.css +1 -1
- package/build/filterSelector/filterSelector.css +1 -1
- package/build/index.css +3 -3
- package/build/index.js +1 -1
- package/build/instagramStoryPreview/instagramStoryPreview.css +1 -1
- package/build/libBarChart/libBarChart.css +1 -1
- package/build/libButton/libButton.css +1 -1
- package/build/libCalendar/libCalendar.css +1 -1
- package/build/libCalendarWithControls/libCalendarWithControls.css +1 -1
- package/build/libCardTypeSelector/libCardTypeSelector.css +1 -1
- package/build/libCheckbox/libCheckbox.css +1 -1
- package/build/libChip/libChip.css +1 -1
- package/build/libChips/libChips.css +1 -1
- package/build/libCodeEditor/libCodeEditor.css +1 -1
- package/build/libColorPicker/libColorPicker.css +1 -1
- package/build/libDateInput/libDateInput.css +1 -1
- package/build/libDatePeriodSelector/libDatePeriodSelector.css +1 -1
- package/build/libDateRangeInput/libDateRangeInput.css +1 -1
- package/build/libDateTimeInput/libDateTimeInput.css +1 -1
- package/build/libDateTimePicker/libDateTimePicker.css +0 -1
- package/build/libDatepicker/libDatepicker.css +1 -1
- package/build/libDropdown/libDropdown.css +1 -1
- package/build/libFaq/libFaq.css +0 -1
- package/build/libGeoArea/libGeoArea.css +1 -1
- package/build/libGeoZip/libGeoZip.css +1 -1
- package/build/libIncrementer/libIncrementer.css +1 -1
- package/build/libInfoLabel/libInfoLabel.css +1 -1
- package/build/libLayoutCard/libLayoutCard.css +1 -1
- package/build/libLineGraph/libLineGraph.css +1 -1
- package/build/libMacro/libMacro.css +1 -1
- package/build/libMacro/libMacroMacrosPanel.css +1 -1
- package/build/libMetricWidget/libMetricWidget.css +1 -1
- package/build/libMetricWidgetGroup/libMetricWidgetGroup.css +1 -1
- package/build/libMultiSlider/libMultiSlider.css +1 -1
- package/build/libNotification/libNotification.css +1 -1
- package/build/libPopover/libPopover.css +1 -1
- package/build/libPostTypeCard/libPostTypeCard.css +1 -1
- package/build/libRadioButton/libRadioButton.css +1 -1
- package/build/libRadioFilter/libRadioFilter.css +1 -1
- package/build/libSectionContainer/libSectionContainer.css +1 -1
- package/build/libSectionToggle/libSectionToggle.css +1 -1
- package/build/libSelect/libSelect.css +1 -1
- package/build/libSelectedTemplateBanner/libSelectedTemplateBanner.css +1 -1
- package/build/libSlider/libSlider.css +1 -1
- package/build/libStatsCard/libStatsCard.css +1 -1
- package/build/libStatsDonut/libStatsDonut.css +1 -1
- package/build/libSwitch/libSwitch.css +1 -1
- package/build/libTabulation/libTabulation.css +1 -1
- package/build/libTabulations/libTabulations.css +1 -1
- package/build/libText/libText.css +1 -1
- package/build/libTextboxCurrency/libTextboxCurrency.css +1 -1
- package/build/libTimePicker/libTimePicker.css +1 -1
- package/build/libToggleSwitch/libToggleSwitch.css +1 -1
- package/build/menuContainer/menuContainer.css +1 -1
- package/build/menuItem/menuItem.css +1 -1
- package/build/metricSummaryCard/metricSummaryCard.css +1 -1
- package/build/ng-animate.css +1 -1
- package/build/richTextEditor/richTextEditor.css +1 -1
- package/build/sample/sample.css +0 -1
- package/build/searchInput/searchInput.css +1 -0
- package/build/sideNav/sideNav.css +1 -1
- package/build/singleBarChart/singleBarChart.css +1 -1
- package/build/socialPostEditor/socialPostEditor.css +1 -1
- package/build/socialPostPreview/socialPostPreview.css +1 -1
- package/build/statusTag/statusTag.css +1 -1
- package/build/typography.css +1 -1
- package/build/vars.css +0 -1
- package/build/wizardContainer/wizardContainer.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.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%;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 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.accordion-group-directive{padding:8px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.accordion-group-directive .accordion-directive:not(:last-of-type){margin-bottom:8px}.accordion-group-directive .accordion-directive:not(:last-of-type)[variant="2"]{border-bottom:none;margin-bottom:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.enter-slide{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.enter-slide.ng-enter-stagger{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:0s;transition-duration:0s}.enter-slide.ng-enter-prepare{opacity:0;display:none;-webkit-transform:translateX(300px);transform:translateX(300px)}.enter-slide.ng-enter{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}.enter-slide.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-slide.ng-leave{-webkit-transition:all 0 ease;transition:all 0 ease;opacity:0;display:none;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-slide.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.enter-to-left{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.enter-to-left.ng-enter-stagger{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:0s;transition-duration:0s}.enter-to-left.ng-enter-prepare{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}.enter-to-left.ng-enter{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}.enter-to-left.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-to-left.ng-leave{-webkit-transition:all 0 ease;transition:all 0 ease;opacity:0;display:none;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-to-left.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.enter-to-top{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.enter-to-top.ng-enter-stagger{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:0s;transition-duration:0s}.enter-to-top.ng-enter-prepare{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}.enter-to-top.ng-enter{opacity:0;-webkit-transform:translateY(0px);transform:translateY(0px)}.enter-to-top.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.enter-to-top.ng-leave{-webkit-transition:all 0 ease;transition:all 0 ease;opacity:0;display:none;-webkit-transform:translateY(0px);transform:translateY(0px)}.enter-to-top.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.enter-to-right{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.enter-to-right.ng-enter-stagger{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:0s;transition-duration:0s}.enter-to-right.ng-enter-prepare{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}.enter-to-right.ng-enter{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}.enter-to-right.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-to-right.ng-leave{-webkit-transition:all 0 ease;transition:all 0 ease;opacity:0;display:none;-webkit-transform:translateX(0px);transform:translateX(0px)}.enter-to-right.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.enter{position:relative}.enter.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.enter.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.enter.ng-enter-stagger{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:0s;transition-duration:0s}.enter-right.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}.enter-right.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.enter-left.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}.enter-left.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.enter-bottom.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}.enter-bottom.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.leave-left.ng-leave{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.leave-left.ng-leave.ng-leave-active{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}.enter-top{position:relative}.enter-top.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.enter-top.ng-enter.ng-enter-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.delay-0-3.ng-enter-stagger{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition-duration:0s;transition-duration:0s}.delay-3.ng-enter-stagger{-webkit-transition-delay:3s;transition-delay:3s;-webkit-transition-duration:0s;transition-duration:0s}.exit{position:relative}.exit.ng-leave{-webkit-transition:all .1s ease;transition:all .1s ease;opacity:1}.exit.ng-leave.ng-leave-active{opacity:0;max-width:0}.enter-fade.ng-enter{-webkit-transition:all .5s ease;transition:all .5s ease;opacity:0}.enter-fade.ng-enter.ng-enter-active{opacity:1}.leave-fade.ng-leave{-webkit-transition:all 0 ease;transition:all 0 ease;opacity:1}.leave-fade.ng-leave.ng-leave-active{opacity:0}.ng-fade.ng-enter-prepare{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ng-fade.ng-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ng-fade.ng-enter.ng-enter-active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}.ng-fade.ng-leave-prepare{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}.ng-fade.ng-leave{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}.ng-fade.ng-leave.ng-leave-active{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.adstudio-preview-directive .ng-enter{width:100%;height:100%;opacity:0;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.adstudio-preview-directive .ng-enter-active{opacity:1}.adstudio-preview-directive .ng-leave{width:100%;height:100%;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;position:absolute;top:0}.adstudio-preview-directive .ng-leave-active{opacity:0;top:0}.adstudio-preview-directive .ng-leave-active:nth-of-type(2){display:none !important}.adstudio-preview-directive .ng-anchor{z-index:10}.adstudio-preview-platform-selector{margin:0 auto 16px auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.adstudio-preview-platform-selector>div{width:100%}.adstudio-preview-platform-selector>div>label{text-transform:capitalize;font-weight:600;font-size:16px;line-height:18px;letter-spacing:.5px;min-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box}.adstudio-preview-border{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 4px;border-radius:16px;border:1px solid var(--color-neutral-10);-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-height:calc(100% - 50px);height:100%}.adstudio-preview-wrapper{padding:0 4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:scroll;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-neutral-10) #f1f1f1;max-height:100%}.adstudio-generation{border:none;padding:0}
|
|
1
|
+
.adstudio-preview-directive .ng-enter{width:100%;height:100%;opacity:0;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.adstudio-preview-directive .ng-enter-active{opacity:1}.adstudio-preview-directive .ng-leave{width:100%;height:100%;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;position:absolute;top:0}.adstudio-preview-directive .ng-leave-active{opacity:0;top:0}.adstudio-preview-directive .ng-leave-active:nth-of-type(2){display:none !important}.adstudio-preview-directive .ng-anchor{z-index:10}.adstudio-preview-platform-selector{margin:0 auto 16px auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.adstudio-preview-platform-selector>div{width:100%}.adstudio-preview-platform-selector>div>label{text-transform:capitalize;font-weight:600;font-size:16px;line-height:18px;letter-spacing:.5px;min-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box}.adstudio-preview-border{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 4px;border-radius:16px;border:1px solid var(--color-neutral-10);-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-height:calc(100% - 50px);height:100%}.adstudio-preview-wrapper{padding:0 4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:scroll;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-neutral-10) #f1f1f1;max-height:100%}.adstudio-generation{border:none;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{height:unset !important;min-height:500px}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{height:unset !important;min-height:500px}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}
|
|
1
|
+
.facebook-preview{overflow:hidden}.facebook-preview .single-image{width:500px;height:auto;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.facebook-preview .ad-banner.square{height:unset !important;min-height:500px}.facebook-preview display-preview content{width:100%;height:100%}.facebook-preview.adaptive .fb-body-image{height:unset !important;min-height:500px}.facebook-preview .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.facebook-preview .preview-empty-state-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.facebook-preview .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.facebook-preview .preview-empty-state-wrapper>svg{width:64px;height:64px}.facebook-preview br{display:block;margin:4px 0}.facebook-preview lib-player .player-container{max-height:500px !important}.facebook-preview .fb-preview-container{-webkit-box-sizing:content-box;box-sizing:content-box;width:500px;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:8px;content:"";position:relative;font-family:system-ui,Helvetica,Arial,sans-serif;overflow:hidden}.facebook-preview .fb-preview-container .fb-preview{background-color:#fff}.facebook-preview .fb-preview-container .fb-page-image{margin-right:8px;width:40px;height:40px;border-radius:100%;overflow:hidden;display:inline-block}.facebook-preview .fb-preview-container .fb-page-image img{width:100%;height:100%}.facebook-preview .fb-preview-container .fb-header{position:relative;margin-bottom:11px;padding:12px 12px 0}.facebook-preview .fb-preview-container .fb-header .fb-header-content{display:inline-block;vertical-align:top}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-title{color:#365899;font-weight:bold;text-decoration:none;cursor:pointer;font-weight:600}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-subtitle{font-weight:400;font-size:12px;margin-top:5px;border-bottom-color:#e5e5e5;color:#90949c;line-height:15px}.facebook-preview .fb-preview-container .fb-header .fb-header-content .fb-icon-world{background-image:url("/images/facebook-preview/world.png");background-size:contain;background-repeat:no-repeat;display:inline-block;width:12px;height:12px;vertical-align:bottom}.facebook-preview .fb-preview-container .fb-body{position:relative}.facebook-preview .fb-preview-container .fb-body .bottom-container{position:absolute;bottom:0;left:0;width:100%;height:75px}.facebook-preview .fb-preview-container .fb-body .fb-body-description{padding:0 12px;margin-bottom:10px;font-weight:normal;line-height:19px;font-weight:400;font-size:14px;color:#1d2129;white-space:pre-line}.facebook-preview .fb-preview-container .fb-body .fb-body-images .arrow-container{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .fb-body-image>img{width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:first-child .toolbox{right:5px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:not(:last-child) .toolbox{right:11px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:last-child .toolbox{right:17px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container .toolbox{position:absolute;top:5px;z-index:10;opacity:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-image-container:hover .toolbox{opacity:1}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple{overflow:hidden;margin-bottom:6px;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image display-preview lib-player .player-container{height:500px !important;min-height:500px !important;max-height:500px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image lib-player .player-container{height:300px !important;min-height:300px !important;max-height:300px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .display-preview{max-height:300px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image{overflow:hidden;width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image .video{width:300px;height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image.has-cta-banner{border-top-right-radius:8px;border-top-left-radius:8px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container{display:block;position:absolute;overflow:hidden;height:100%;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .overlay{background-color:#e9ebee;bottom:0;opacity:.65;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;width:100%}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button{position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button{left:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button{right:0}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:first-child{padding-left:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:not(:last-child){padding-right:6px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container:last-child{padding-right:12px !important}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 4px rgba(0,0,0,.05);width:300px;min-width:300px;max-width:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-content{height:300px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description{border:1px solid rgba(0,0,0,.1);height:66px;padding:6px 8px;background-color:#fff}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{max-width:194px;font-size:12px;font-weight:700;line-height:18px}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#1d2129;font-size:12px;line-height:18px;word-break:break-word;font-weight:400}.facebook-preview .fb-preview-container .fb-body .fb-body-images.multiple .list .fb-image-container .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{display:none}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image img.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video{width:100%;height:100%;background-color:#000}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content{height:268px;background-repeat:no-repeat;background-position:center center;background-size:cover}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-content.square{height:500px}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description{padding:10px 12px;font-size:12px;overflow:hidden;border-bottom:1px solid #f0f1f4;position:relative;background-color:#f0f1f4}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-title{font-size:16px;font-weight:600;line-height:20px;margin:5px 0 0}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-body{color:#606770;font-size:14px;line-height:20px;word-break:break-word;margin-top:3px;max-height:80px;overflow:hidden}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-text-container .fb-image-url{color:#606770;-ms-flex-negative:0;flex-shrink:0;font-size:12px;line-height:16px;overflow:hidden;padding:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facebook-preview .fb-preview-container .fb-body .fb-body-images .fb-body-image .fb-image-description .fb-image-button{position:absolute;right:12px;top:30px;padding:0 10px;white-space:nowrap;border:1px solid #bec3c9;border-radius:2px;font-size:12px;line-height:26px;font-weight:700;-webkit-font-smoothing:antialiased;font-weight:bold;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;background-color:#eff1f3;color:#4b4f56;line-height:26px;cursor:pointer;display:table-cell}.facebook-preview .fb-preview-container .fb-footer{height:40px;border-top-color:#e5e5e5;color:#90949c;border-top-style:solid;border-top-width:1px;background-position:center;background-image:url("/images/facebook-preview/footer.png");background-size:contain;background-repeat:no-repeat}.facebook-preview .fb-preview-container .fb-cta-banner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.facebook-preview .fb-preview-container .fb-cta-banner a{padding:0;margin:0;background-color:rgba(0,0,0,0);color:inherit;list-style:none;text-decoration:none;outline:none}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ced0d4;background-color:#f0f2f5;padding:7px 7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;height:calc(100% - 28px)}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button-container{padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-wrapper{padding-left:18px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button{font-size:15px;font-weight:600;background-color:#e4e6eb;border-radius:6px;padding:8px 12px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.facebook-preview .fb-preview-container .fb-cta-banner .cta-container .cta-button:hover{background-color:#dbdde2}.facebook-preview .fb-preview-container .fb-cta-banner .cta-content{min-width:0;max-width:100%;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:0px;flex-basis:0px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 6px}.facebook-preview .fb-preview-container .fb-cta-banner .cta-domain{margin-bottom:3px;text-transform:uppercase;color:#65676b;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title{margin:2px 0 0 0}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .title{font-size:17px;font-weight:600;color:#050505}.facebook-preview .fb-preview-container .fb-cta-banner .lower-content .cta-title .subtitle{font-size:15px;font-weight:400;color:#65676b}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-container{background-color:#fff;border-top-width:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:solid;border-color:#ced0d4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px 6px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-title .title{font-size:15px}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-domain{margin:3px 0;font-size:12px;text-transform:none}.facebook-preview .fb-preview-container .fb-cta-banner.carousel .cta-wrapper{padding-left:0px}.facebook-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.facebook-preview-wrapper>div{border-radius:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.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 rgba(255,255,255,.5);padding:2px 6px;border-radius:6px}.facebook-reel-preview .ui-overlay .profile img,.facebook-reel-preview-image .ui-overlay .profile img,.facebook-reel-preview-video .ui-overlay .profile img{width:24px;height:24px;border-radius:100%;aspect-ratio:1/1}.facebook-reel-preview .ui-overlay .description,.facebook-reel-preview-image .ui-overlay .description,.facebook-reel-preview-video .ui-overlay .description{font-size:11px;color:#fff;font-weight:400;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:.5rem 0 .5rem 0}.facebook-reel-preview .ui-overlay .pill,.facebook-reel-preview-image .ui-overlay .pill,.facebook-reel-preview-video .ui-overlay .pill{background-color:rgba(41,40,40,.35);color:#fff;border:solid 1px rgba(85,85,85,.7);font-size:10px;padding:4px 6px;border-radius:999rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:60%;text-wrap:nowrap;overflow:hidden;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview .ui-overlay .pill-contents,.facebook-reel-preview-image .ui-overlay .pill-contents,.facebook-reel-preview-video .ui-overlay .pill-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;text-align:center;overflow:hidden}.facebook-reel-preview .ui-overlay .pill>div svg,.facebook-reel-preview-image .ui-overlay .pill>div svg,.facebook-reel-preview-video .ui-overlay .pill>div svg{width:10px;height:11px;display:-webkit-box;display:-ms-flexbox;display:flex}.facebook-reel-preview .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-image .ui-overlay .pill .icon-wrapper,.facebook-reel-preview-video .ui-overlay .pill .icon-wrapper{margin-right:4px}.facebook-reel-preview .ui-overlay .pill .scroll,.facebook-reel-preview-image .ui-overlay .pill .scroll,.facebook-reel-preview-video .ui-overlay .pill .scroll{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite}.facebook-reel-preview .ui-overlay .pill .scroll2,.facebook-reel-preview-image .ui-overlay .pill .scroll2,.facebook-reel-preview-video .ui-overlay .pill .scroll2{-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;-webkit-animation-delay:20s;animation-delay:20s}.toggle-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;padding:12px 0}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.facebook-reel-preview-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}.facebook-reel-preview-wrapper>div{border-radius:8px;overflow:hidden}.adstudio-generation>div{border-radius:0px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
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 content{display:inline-block}.html-template-preview content .ad-banner>div{height:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.instagram-preview .display-preview,.instagram-preview-image .display-preview,.instagram-preview-video .display-preview{width:500px}.instagram-preview .single-image,.instagram-preview-image .single-image,.instagram-preview-video .single-image{width:500px;min-height:350px;background-size:cover;background-position:center}.instagram-preview .video,.instagram-preview-image .video,.instagram-preview-video .video{width:500px;height:500px;background-color:#000}.instagram-preview .video video,.instagram-preview-image .video video,.instagram-preview-video .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.instagram-preview .preview-empty-state,.instagram-preview-image .preview-empty-state,.instagram-preview-video .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.instagram-preview .preview-empty-state-wrapper,.instagram-preview-image .preview-empty-state-wrapper,.instagram-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:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-preview .preview-empty-state-wrapper>h2,.instagram-preview-image .preview-empty-state-wrapper>h2,.instagram-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.instagram-preview .preview-empty-state-wrapper>svg,.instagram-preview-image .preview-empty-state-wrapper>svg,.instagram-preview-video .preview-empty-state-wrapper>svg{width:64px;height:64px}.instagram-preview .round-button,.instagram-preview-image .round-button,.instagram-preview-video .round-button{z-index:10}.instagram-preview .instagram,.instagram-preview-image .instagram,.instagram-preview-video .instagram{max-width:500px;min-height:350px;border:1px solid rgba(0,0,0,.3);border-radius:8px;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden}.instagram-preview .instagram img.thumbnail,.instagram-preview-image .instagram img.thumbnail,.instagram-preview-video .instagram img.thumbnail{width:352px;height:176px}.instagram-preview .instagram .logo-cont,.instagram-preview-image .instagram .logo-cont,.instagram-preview-video .instagram .logo-cont{background-color:#f9f9f9;border-bottom:1px solid #dbdbdb;text-align:center;padding:.5rem}.instagram-preview .instagram .logo-cont img,.instagram-preview-image .instagram .logo-cont img,.instagram-preview-video .instagram .logo-cont img{max-height:1.5rem !important;-o-object-fit:contain !important;object-fit:contain !important}.instagram-preview .instagram .ad-title,.instagram-preview-image .instagram .ad-title,.instagram-preview-video .instagram .ad-title{display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.66rem;padding:.5rem .7rem}.instagram-preview .instagram .ad-title p,.instagram-preview-image .instagram .ad-title p,.instagram-preview-video .instagram .ad-title p{margin:0}.instagram-preview .instagram .ad-title p span,.instagram-preview-image .instagram .ad-title p span,.instagram-preview-video .instagram .ad-title p span{display:block;line-height:1rem}.instagram-preview .instagram .ad-title .more,.instagram-preview-image .instagram .ad-title .more,.instagram-preview-video .instagram .ad-title .more{display:inline-block;height:.8rem;width:.8rem;background-image:url("/images/svg-icons/more.svg");background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:auto}.instagram-preview .instagram .small-thumb,.instagram-preview-image .instagram .small-thumb,.instagram-preview-video .instagram .small-thumb{width:20px;height:20px;border-radius:1rem;overflow:hidden;margin-right:.7rem}.instagram-preview .instagram .small-thumb img,.instagram-preview-image .instagram .small-thumb img,.instagram-preview-video .instagram .small-thumb img{width:20px;height:20px;display:block}.instagram-preview .instagram .read-more,.instagram-preview-image .instagram .read-more,.instagram-preview-video .instagram .read-more{text-decoration:none;display:block;color:#3397f0;font-size:.8rem;padding:.7rem 0;border-bottom:1px solid #e9eaeb;margin:0 .7rem}.instagram-preview .instagram .read-more::after,.instagram-preview-image .instagram .read-more::after,.instagram-preview-video .instagram .read-more::after{content:"";display:inline-block;background-image:url("/images/svg-icons/arrow-right.svg");background-size:contain;background-repeat:no-repeat;background-position:center;height:.7rem;width:.7rem;float:right}.instagram-preview .instagram .description,.instagram-preview-image .instagram .description,.instagram-preview-video .instagram .description{font-size:.733rem;line-height:1rem;margin:0 .7rem 1rem;white-space:pre-line}.instagram-preview .instagram .interaction-btns,.instagram-preview-image .instagram .interaction-btns,.instagram-preview-video .instagram .interaction-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem .7rem}.instagram-preview .instagram .interaction-btns a,.instagram-preview-image .instagram .interaction-btns a,.instagram-preview-video .instagram .interaction-btns a{display:inline-block;width:1.4rem;height:1.4rem;margin-right:1rem}.instagram-preview .instagram .interaction-btns a.save,.instagram-preview-image .instagram .interaction-btns a.save,.instagram-preview-video .instagram .interaction-btns a.save{margin-right:0;margin-left:auto}.instagram-preview .list-item,.instagram-preview-image .list-item,.instagram-preview-video .list-item{position:relative;min-width:500px}.instagram-preview .list-item .toolbox,.instagram-preview-image .list-item .toolbox,.instagram-preview-video .list-item .toolbox{position:absolute;top:5px;right:5px;z-index:10}.instagram-preview .insta-body-images,.instagram-preview-image .insta-body-images,.instagram-preview-video .insta-body-images{position:relative}.instagram-preview .insta-body-images .image,.instagram-preview-image .insta-body-images .image,.instagram-preview-video .insta-body-images .image{padding-bottom:50%;background-position:center;background-size:cover}.instagram-preview .insta-body-images .arrow-container,.instagram-preview-image .insta-body-images .arrow-container,.instagram-preview-video .insta-body-images .arrow-container{display:none}.instagram-preview .insta-body-images.multiple,.instagram-preview-image .insta-body-images.multiple,.instagram-preview-video .insta-body-images.multiple{overflow:hidden;position:relative}.instagram-preview .insta-body-images.multiple .arrow-container,.instagram-preview-image .insta-body-images.multiple .arrow-container,.instagram-preview-video .insta-body-images.multiple .arrow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;overflow:hidden;height:500px;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button{z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.instagram-preview .insta-body-images.multiple .arrow-container.left,.instagram-preview-image .insta-body-images.multiple .arrow-container.left,.instagram-preview-video .insta-body-images.multiple .arrow-container.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button{left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.instagram-preview .insta-body-images.multiple .arrow-container.right,.instagram-preview-image .insta-body-images.multiple .arrow-container.right,.instagram-preview-video .insta-body-images.multiple .arrow-container.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button{right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.instagram-preview .insta-body-images.multiple .list,.instagram-preview-image .insta-body-images.multiple .list,.instagram-preview-video .insta-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.instagram-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-preview-wrapper>div{border-radius:8px}
|
|
1
|
+
.instagram-preview .display-preview,.instagram-preview-image .display-preview,.instagram-preview-video .display-preview{width:500px}.instagram-preview .single-image,.instagram-preview-image .single-image,.instagram-preview-video .single-image{width:500px;min-height:350px;background-size:cover;background-position:center}.instagram-preview .video,.instagram-preview-image .video,.instagram-preview-video .video{width:500px;height:500px;background-color:#000}.instagram-preview .video video,.instagram-preview-image .video video,.instagram-preview-video .video video{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.instagram-preview .preview-empty-state,.instagram-preview-image .preview-empty-state,.instagram-preview-video .preview-empty-state{aspect-ratio:1/1;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px}.instagram-preview .preview-empty-state-wrapper,.instagram-preview-image .preview-empty-state-wrapper,.instagram-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:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.instagram-preview .preview-empty-state-wrapper>h2,.instagram-preview-image .preview-empty-state-wrapper>h2,.instagram-preview-video .preview-empty-state-wrapper>h2{color:#878382;font-weight:400;font-size:14px;line-height:1.35;max-width:24ch;margin-top:24px;margin-bottom:24px;letter-spacing:0px;text-align:center;text-wrap:wrap}.instagram-preview .preview-empty-state-wrapper>svg,.instagram-preview-image .preview-empty-state-wrapper>svg,.instagram-preview-video .preview-empty-state-wrapper>svg{width:64px;height:64px}.instagram-preview .round-button,.instagram-preview-image .round-button,.instagram-preview-video .round-button{z-index:10}.instagram-preview .instagram,.instagram-preview-image .instagram,.instagram-preview-video .instagram{max-width:500px;min-height:350px;border:1px solid rgba(0,0,0,.3);border-radius:8px;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden}.instagram-preview .instagram img.thumbnail,.instagram-preview-image .instagram img.thumbnail,.instagram-preview-video .instagram img.thumbnail{width:352px;height:176px}.instagram-preview .instagram .logo-cont,.instagram-preview-image .instagram .logo-cont,.instagram-preview-video .instagram .logo-cont{background-color:#f9f9f9;border-bottom:1px solid #dbdbdb;text-align:center;padding:.5rem}.instagram-preview .instagram .logo-cont img,.instagram-preview-image .instagram .logo-cont img,.instagram-preview-video .instagram .logo-cont img{max-height:1.5rem !important;-o-object-fit:contain !important;object-fit:contain !important}.instagram-preview .instagram .ad-title,.instagram-preview-image .instagram .ad-title,.instagram-preview-video .instagram .ad-title{display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.66rem;padding:.5rem .7rem}.instagram-preview .instagram .ad-title p,.instagram-preview-image .instagram .ad-title p,.instagram-preview-video .instagram .ad-title p{margin:0}.instagram-preview .instagram .ad-title p span,.instagram-preview-image .instagram .ad-title p span,.instagram-preview-video .instagram .ad-title p span{display:block;line-height:1rem}.instagram-preview .instagram .ad-title .more,.instagram-preview-image .instagram .ad-title .more,.instagram-preview-video .instagram .ad-title .more{display:inline-block;height:.8rem;width:.8rem;background-image:url("/images/svg-icons/more.svg");background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:auto}.instagram-preview .instagram .small-thumb,.instagram-preview-image .instagram .small-thumb,.instagram-preview-video .instagram .small-thumb{width:20px;height:20px;border-radius:1rem;overflow:hidden;margin-right:.7rem}.instagram-preview .instagram .small-thumb img,.instagram-preview-image .instagram .small-thumb img,.instagram-preview-video .instagram .small-thumb img{width:20px;height:20px;display:block}.instagram-preview .instagram .read-more,.instagram-preview-image .instagram .read-more,.instagram-preview-video .instagram .read-more{text-decoration:none;display:block;color:#3397f0;font-size:.8rem;padding:.7rem 0;border-bottom:1px solid #e9eaeb;margin:0 .7rem}.instagram-preview .instagram .read-more::after,.instagram-preview-image .instagram .read-more::after,.instagram-preview-video .instagram .read-more::after{content:"";display:inline-block;background-image:url("/images/svg-icons/arrow-right.svg");background-size:contain;background-repeat:no-repeat;background-position:center;height:.7rem;width:.7rem;float:right}.instagram-preview .instagram .description,.instagram-preview-image .instagram .description,.instagram-preview-video .instagram .description{font-size:.733rem;line-height:1rem;margin:0 .7rem 1rem;white-space:pre-line}.instagram-preview .instagram .interaction-btns,.instagram-preview-image .instagram .interaction-btns,.instagram-preview-video .instagram .interaction-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem .7rem}.instagram-preview .instagram .interaction-btns a,.instagram-preview-image .instagram .interaction-btns a,.instagram-preview-video .instagram .interaction-btns a{display:inline-block;width:1.4rem;height:1.4rem;margin-right:1rem}.instagram-preview .instagram .interaction-btns a.save,.instagram-preview-image .instagram .interaction-btns a.save,.instagram-preview-video .instagram .interaction-btns a.save{margin-right:0;margin-left:auto}.instagram-preview .list-item,.instagram-preview-image .list-item,.instagram-preview-video .list-item{position:relative;min-width:500px}.instagram-preview .list-item .toolbox,.instagram-preview-image .list-item .toolbox,.instagram-preview-video .list-item .toolbox{position:absolute;top:5px;right:5px;z-index:10}.instagram-preview .insta-body-images,.instagram-preview-image .insta-body-images,.instagram-preview-video .insta-body-images{position:relative}.instagram-preview .insta-body-images .image,.instagram-preview-image .insta-body-images .image,.instagram-preview-video .insta-body-images .image{padding-bottom:50%;background-position:center;background-size:cover}.instagram-preview .insta-body-images .arrow-container,.instagram-preview-image .insta-body-images .arrow-container,.instagram-preview-video .insta-body-images .arrow-container{display:none}.instagram-preview .insta-body-images.multiple,.instagram-preview-image .insta-body-images.multiple,.instagram-preview-video .insta-body-images.multiple{overflow:hidden;position:relative}.instagram-preview .insta-body-images.multiple .arrow-container,.instagram-preview-image .insta-body-images.multiple .arrow-container,.instagram-preview-video .insta-body-images.multiple .arrow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;overflow:hidden;height:500px;z-index:11;top:0;bottom:0;margin:0;cursor:pointer}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button{z-index:12;border:1.5px solid #dfe0e4;padding:8px 9px;border-radius:2px;background-color:#fff}.instagram-preview .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container .arrow-button i{display:block;background-image:url("/images/facebook-preview/icons.png");background-size:auto;background-repeat:no-repeat;width:20px;height:20px}.instagram-preview .insta-body-images.multiple .arrow-container.left,.instagram-preview-image .insta-body-images.multiple .arrow-container.left,.instagram-preview-video .insta-body-images.multiple .arrow-container.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button{left:0}.instagram-preview .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.left .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.left .arrow-button i{background-position:0 0}.instagram-preview .insta-body-images.multiple .arrow-container.right,.instagram-preview-image .insta-body-images.multiple .arrow-container.right,.instagram-preview-video .insta-body-images.multiple .arrow-container.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button{right:0}.instagram-preview .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-image .insta-body-images.multiple .arrow-container.right .arrow-button i,.instagram-preview-video .insta-body-images.multiple .arrow-container.right .arrow-button i{background-position:0 -21px}.instagram-preview .insta-body-images.multiple .list,.instagram-preview-image .insta-body-images.multiple .list,.instagram-preview-video .insta-body-images.multiple .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;transition:all .5s;position:relative}.instagram-preview-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.instagram-preview-wrapper>div{border-radius:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.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 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 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.ai-text-assistant{position:absolute;top:-2px;right:4px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.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}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.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;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 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.assetSelector{position:relative;overflow:hidden}.assetSelector .overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;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:rgba(0,0,0,.5);z-index:1000}.assetSelector .file-upload-container{background-color:#fff}.assetSelector .file-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;overflow-y:scroll}.assetSelector .file{height:60px;gap:8px}.assetSelector .file img{height:100%;width:60px;-o-object-fit:cover;object-fit:cover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.asset-selector-field{margin:12px 0;padding:12px;border:1px solid #e0e0e0;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.asset-selector-field .img-preview{height:128px;width:128px;border:1px solid #000;background-image:linear-gradient(45deg, #808080 25%, transparent 25%),linear-gradient(-45deg, #808080 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #808080 75%),linear-gradient(-45deg, transparent 75%, #808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;-o-object-fit:contain;object-fit:contain}
|
package/build/avatar/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.avatar-directive{font-size:var(--font-size-sm);background-color:#fff5e9;padding:10px 12px;border-radius:16px}.avatar-directive .avatar{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:100%}.avatar-directive .avatar .avatar-content{width:100%;height:100%;border-radius:100%;border:0;overflow:hidden;background-color:#fff}.avatar-directive .avatar .avatar-content img{width:100%;height:100%}.avatar-directive .avatar .avatar-content.user-initials{text-align:center;font-size:14px;font-weight:bold;line-height:30px}.avatar-directive .info{margin-left:10px}
|