@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

package/dist/esm/sticky/setting/preset-config.js

@@ -1,2002 +0,0 @@
-const StickyPreset = {
-    id: 'sticky',
-    name: {
-        en: 'Sticky Add to Cart'
-    },
-    icon: {
-        desktop: `
-      <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M4.75 3C4.75 1.75736 5.75736 0.75 7 0.75H89C90.2426 0.75 91.25 1.75736 91.25 3V53C91.25 54.2426 90.2426 55.25 89 55.25H7C5.75736 55.25 4.75 54.2426 4.75 53V3Z" stroke="#5E5E5E" stroke-width="1.5"/>
-      <path d="M0 31C0 29.3431 1.34315 28 3 28H93C94.6569 28 96 29.3431 96 31V53C96 54.6569 94.6569 56 93 56H3C1.34315 56 0 54.6569 0 53V31Z" fill="#5E5E5E"/>
-      <path d="M27.4448 39.4545C27.3936 39.0227 27.1863 38.6875 26.8226 38.4489C26.459 38.2102 26.013 38.0909 25.4846 38.0909C25.0982 38.0909 24.7601 38.1534 24.4703 38.2784C24.1834 38.4034 23.959 38.5753 23.7971 38.794C23.638 39.0128 23.5584 39.2614 23.5584 39.5398C23.5584 39.7727 23.6138 39.973 23.7246 40.1406C23.8382 40.3054 23.9831 40.4432 24.1593 40.554C24.3354 40.6619 24.5201 40.7514 24.7132 40.8224C24.9064 40.8906 25.084 40.946 25.2459 40.9886L26.1323 41.2273C26.3596 41.2869 26.6124 41.3693 26.8908 41.4744C27.1721 41.5795 27.4405 41.723 27.6962 41.9048C27.9547 42.0838 28.1678 42.3139 28.3354 42.5952C28.503 42.8764 28.5868 43.2216 28.5868 43.6307C28.5868 44.1023 28.4632 44.5284 28.2161 44.9091C27.9718 45.2898 27.6138 45.5923 27.1422 45.8168C26.6735 46.0412 26.1039 46.1534 25.4334 46.1534C24.8084 46.1534 24.2672 46.0526 23.8098 45.8509C23.3553 45.6491 22.9973 45.3679 22.736 45.0071C22.4775 44.6463 22.3311 44.2273 22.2971 43.75H23.388C23.4164 44.0795 23.5272 44.3523 23.7203 44.5682C23.9164 44.7812 24.1635 44.9403 24.4618 45.0455C24.763 45.1477 25.0868 45.1989 25.4334 45.1989C25.8368 45.1989 26.199 45.1335 26.5201 45.0028C26.8411 44.8693 27.0953 44.6847 27.2828 44.4489C27.4703 44.2102 27.5641 43.9318 27.5641 43.6136C27.5641 43.3239 27.4831 43.0881 27.3212 42.9062C27.1593 42.7244 26.9462 42.5767 26.682 42.4631C26.4178 42.3494 26.1323 42.25 25.8255 42.1648L24.7516 41.858C24.0698 41.6619 23.53 41.3821 23.1323 41.0185C22.7346 40.6548 22.5357 40.179 22.5357 39.5909C22.5357 39.1023 22.6678 38.6761 22.932 38.3125C23.199 37.946 23.557 37.6619 24.0059 37.4602C24.4576 37.2557 24.9618 37.1534 25.5186 37.1534C26.0811 37.1534 26.5811 37.2543 27.0186 37.456C27.4561 37.6548 27.8027 37.9276 28.0584 38.2741C28.3169 38.6207 28.4533 39.0142 28.4675 39.4545H27.4448ZM33.0346 39.4545V40.3068H29.6426V39.4545H33.0346ZM30.6312 37.8864H31.6369V44.125C31.6369 44.4091 31.6781 44.6222 31.7605 44.7642C31.8457 44.9034 31.9537 44.9972 32.0843 45.0455C32.2179 45.0909 32.3585 45.1136 32.5062 45.1136C32.617 45.1136 32.7079 45.108 32.7789 45.0966C32.85 45.0824 32.9068 45.071 32.9494 45.0625L33.1539 45.9659C33.0858 45.9915 32.9906 46.017 32.8684 46.0426C32.7463 46.071 32.5914 46.0852 32.4039 46.0852C32.1199 46.0852 31.8414 46.0241 31.5687 45.902C31.2988 45.7798 31.0744 45.5938 30.8954 45.3438C30.7193 45.0938 30.6312 44.7784 30.6312 44.3977V37.8864ZM34.5474 46V39.4545H35.5531V46H34.5474ZM35.0588 38.3636C34.8627 38.3636 34.6937 38.2969 34.5517 38.1634C34.4125 38.0298 34.3429 37.8693 34.3429 37.6818C34.3429 37.4943 34.4125 37.3338 34.5517 37.2003C34.6937 37.0668 34.8627 37 35.0588 37C35.2548 37 35.4224 37.0668 35.5616 37.2003C35.7037 37.3338 35.7747 37.4943 35.7747 37.6818C35.7747 37.8693 35.7037 38.0298 35.5616 38.1634C35.4224 38.2969 35.2548 38.3636 35.0588 38.3636ZM40.0542 46.1364C39.4405 46.1364 38.9121 45.9915 38.4689 45.7017C38.0257 45.4119 37.6848 45.0128 37.4462 44.5043C37.2076 43.9957 37.0882 43.4148 37.0882 42.7614C37.0882 42.0966 37.2104 41.5099 37.4547 41.0014C37.7019 40.4901 38.0456 40.0909 38.486 39.804C38.9292 39.5142 39.4462 39.3693 40.0371 39.3693C40.4973 39.3693 40.9121 39.4545 41.2814 39.625C41.6507 39.7955 41.9533 40.0341 42.1891 40.3409C42.4249 40.6477 42.5712 41.0057 42.628 41.4148H41.6223C41.5456 41.1165 41.3752 40.8523 41.111 40.6222C40.8496 40.3892 40.4973 40.2727 40.0542 40.2727C39.6621 40.2727 39.3184 40.375 39.0229 40.5795C38.7303 40.7812 38.5016 41.0668 38.3368 41.4361C38.1749 41.8026 38.0939 42.233 38.0939 42.7273C38.0939 43.233 38.1735 43.6733 38.3326 44.0483C38.4945 44.4233 38.7218 44.7145 39.0144 44.9219C39.3098 45.1293 39.6564 45.233 40.0542 45.233C40.3155 45.233 40.5527 45.1875 40.7658 45.0966C40.9789 45.0057 41.1593 44.875 41.307 44.7045C41.4547 44.5341 41.5598 44.3295 41.6223 44.0909H42.628C42.5712 44.4773 42.4306 44.8253 42.2061 45.1349C41.9846 45.4418 41.6905 45.6861 41.324 45.8679C40.9604 46.0469 40.5371 46.1364 40.0542 46.1364ZM45.0357 43.6136L45.0186 42.3693H45.2232L48.0868 39.4545H49.3311L46.28 42.5398H46.1948L45.0357 43.6136ZM44.0982 46V37.2727H45.1039V46H44.0982ZM48.2573 46L45.7005 42.7614L46.4164 42.0625L49.5357 46H48.2573ZM51.2733 48.4545C51.1028 48.4545 50.9508 48.4403 50.8173 48.4119C50.6838 48.3864 50.5914 48.3608 50.5403 48.3352L50.796 47.4489C51.0403 47.5114 51.2562 47.5341 51.4437 47.517C51.6312 47.5 51.7974 47.4162 51.9423 47.2656C52.09 47.1179 52.225 46.8778 52.3471 46.5455L52.5346 46.0341L50.1142 39.4545H51.2051L53.0119 44.6705H53.0801L54.8869 39.4545H55.9778L53.1994 46.9545C53.0744 47.2926 52.9196 47.5724 52.7349 47.794C52.5502 48.0185 52.3358 48.1847 52.0914 48.2926C51.85 48.4006 51.5772 48.4545 51.2733 48.4545Z" fill="white"/>
-      <path d="M70.93 37.7803H63.3735C62.8834 37.7803 62.5608 38.2913 62.7716 38.7337L64.2375 41.8104C64.348 42.0425 64.5822 42.1903 64.8393 42.1903H69.2371C69.4802 42.1903 69.704 42.058 69.8212 41.845L71.5141 38.7683C71.7586 38.324 71.4372 37.7803 70.93 37.7803Z" stroke="white"/>
-      <path d="M60.9082 36.7637C60.6321 36.7637 60.4082 36.9875 60.4082 37.2637C60.4082 37.5398 60.6321 37.7637 60.9082 37.7637L60.9082 36.7637ZM61.6382 37.2637V37.7637V37.2637ZM60.9082 37.7637H61.6382V36.7637H60.9082L60.9082 37.7637ZM61.7883 37.8579L62.609 39.5585L63.5096 39.1239L62.6889 37.4233L61.7883 37.8579ZM61.6382 37.7637C61.7021 37.7637 61.7605 37.8003 61.7883 37.8579L62.6889 37.4233C62.4942 37.02 62.086 36.7637 61.6382 36.7637V37.7637Z" fill="white"/>
-      <path d="M64.3239 42.0452L63.2999 43.638C63.1573 43.8598 63.3166 44.1516 63.5803 44.1516H70.4086" stroke="white" stroke-linecap="round"/>
-      <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
-      <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
-      </svg>
-		`
-    },
-    components: [
-        {
-            tag: 'Sticky',
-            label: 'Sticky',
-            advanced: {
-                hasBoxShadow: {
-                    desktop: {
-                        normal: true
-                    }
-                },
-                boxShadow: {
-                    desktop: {
-                        normal: {
-                            type: 'shadow-1',
-                            distance: '0px',
-                            blur: '10px',
-                            spread: '0px',
-                            color: '#0000001a',
-                            angle: 90
-                        }
-                    }
-                }
-            },
-            childrens: [
-                {
-                    tag: 'Col',
-                    label: 'Block',
-                    childrens: [
-                        {
-                            tag: 'Product',
-                            label: 'Product',
-                            settings: {
-                                layout: {
-                                    desktop: {
-                                        cols: [
-                                            4,
-                                            8
-                                        ],
-                                        display: 'fill'
-                                    },
-                                    mobile: {
-                                        cols: [
-                                            12
-                                        ]
-                                    }
-                                },
-                                horizontalAlign: {
-                                    desktop: 'start'
-                                },
-                                verticalAlign: {
-                                    desktop: 'center'
-                                },
-                                isSyncProduct: true
-                            },
-                            styles: {
-                                verticalGutter: {
-                                    desktop: '12px',
-                                    tablet: '12px'
-                                },
-                                fullWidth: {
-                                    desktop: false
-                                }
-                            },
-                            advanced: {
-                                'spacing-setting': {
-                                    desktop: {
-                                        margin: {},
-                                        padding: {
-                                            left: '12px',
-                                            right: '12px',
-                                            top: '4px',
-                                            bottom: '4px'
-                                        }
-                                    },
-                                    mobile: {
-                                        padding: {
-                                            bottom: '8px',
-                                            left: '8px',
-                                            right: '8px',
-                                            top: '8px'
-                                        },
-                                        margin: {}
-                                    }
-                                }
-                            },
-                            childrens: [
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    childrens: [
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            6
-                                                        ],
-                                                        display: 'fit'
-                                                    },
-                                                    mobile: {
-                                                        cols: [
-                                                            12
-                                                        ],
-                                                        display: 'fill'
-                                                    }
-                                                },
-                                                horizontalAlign: {
-                                                    desktop: 'start'
-                                                },
-                                                verticalAlign: {
-                                                    desktop: 'center'
-                                                }
-                                            },
-                                            styles: {
-                                                fullWidth: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: true
-                                                },
-                                                verticalGutter: {
-                                                    desktop: '12px',
-                                                    tablet: '12px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                preloadBgImage: false
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: '0px'
-                                                        }
-                                                    }
-                                                },
-                                                d: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: false
-                                                },
-                                                border: {
-                                                    desktop: {
-                                                        normal: {
-                                                            borderType: 'none',
-                                                            border: 'solid',
-                                                            borderWidth: '0px',
-                                                            width: '0px',
-                                                            color: '#121212',
-                                                            isCustom: true
-                                                        }
-                                                    }
-                                                },
-                                                rounded: {
-                                                    desktop: {
-                                                        normal: {
-                                                            btrr: '0px',
-                                                            bblr: '0px',
-                                                            bbrr: '0px',
-                                                            btlr: '0px',
-                                                            radiusType: 'none'
-                                                        }
-                                                    }
-                                                },
-                                                hasBoxShadow: {
-                                                    desktop: {
-                                                        normal: false
-                                                    }
-                                                },
-                                                boxShadow: {
-                                                    desktop: {
-                                                        normal: {
-                                                            type: 'shadow-1',
-                                                            distance: '4px',
-                                                            blur: '12px',
-                                                            spread: '0px',
-                                                            color: 'rgba(0, 0, 0, 0.20)',
-                                                            angle: 90
-                                                        }
-                                                    }
-                                                },
-                                                op: {
-                                                    desktop: '100%'
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductImagesV2',
-                                                            label: 'Product Images',
-                                                            settings: {
-                                                                hoverEffect: 'none'
-                                                            },
-                                                            styles: {
-                                                                position: {
-                                                                    desktop: 'only-feature'
-                                                                },
-                                                                ftShape: {
-                                                                    desktop: {
-                                                                        shape: 'square',
-                                                                        shapeValue: '1/1',
-                                                                        width: '56px',
-                                                                        height: undefined
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductTitle',
-                                                            label: 'Product Title',
-                                                            settings: {
-                                                                htmlTag: 'h1',
-                                                                linkProduct: false
-                                                            },
-                                                            styles: {
-                                                                typo: {
-                                                                    type: 'subheading-3',
-                                                                    custom: {
-                                                                        fontSize: {
-                                                                            desktop: '18px',
-                                                                            tablet: '18px',
-                                                                            mobile: '18px'
-                                                                        },
-                                                                        fontWeight: '400',
-                                                                        lineHeight: '24px',
-                                                                        letterSpacing: '0.6px',
-                                                                        fontStyle: 'normal'
-                                                                    }
-                                                                },
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasLineClamp: {
-                                                                    desktop: true
-                                                                },
-                                                                lineClamp: {
-                                                                    desktop: 1
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false,
-                                                                    hover: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        },
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                typo: {
-                                                                    type: 'subheading-2',
-                                                                    default: {
-                                                                        type: 'subheading-2'
-                                                                    },
-                                                                    custom: {
-                                                                        fontSize: {
-                                                                            desktop: '15px',
-                                                                            tablet: '15px',
-                                                                            mobile: '15px'
-                                                                        },
-                                                                        fontWeight: '400',
-                                                                        lineHeight: '20px',
-                                                                        letterSpacing: '0.6px',
-                                                                        fontStyle: 'normal'
-                                                                    }
-                                                                },
-                                                                priceType: 'regular',
-                                                                lineThrough: true,
-                                                                thickness: 1,
-                                                                lineColor: 'text-1',
-                                                                color: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        }
-                                    ]
-                                },
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    childrens: [
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            3,
-                                                            3
-                                                        ],
-                                                        display: 'fill'
-                                                    },
-                                                    mobile: {
-                                                        cols: [
-                                                            12
-                                                        ],
-                                                        display: 'fill'
-                                                    }
-                                                },
-                                                horizontalAlign: {
-                                                    desktop: 'start'
-                                                },
-                                                verticalAlign: {
-                                                    desktop: 'center'
-                                                }
-                                            },
-                                            styles: {
-                                                fullWidth: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: true
-                                                },
-                                                verticalGutter: {
-                                                    desktop: '12px',
-                                                    tablet: '12px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                preloadBgImage: false
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: '0px'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductVariants',
-                                                            label: 'Product Variants & Swatches',
-                                                            settings: {
-                                                                optionType: 'groupOption',
-                                                                label: true,
-                                                                optionAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                price: true,
-                                                                showAsSwatches: true,
-                                                                combineFullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                combineWidth: {
-                                                                    desktop: '400px'
-                                                                },
-                                                                combineHeight: '40px',
-                                                                variantPresets: [
-                                                                    {
-                                                                        optionName: 'base',
-                                                                        optionType: 'rectangle_list',
-                                                                        presets: {
-                                                                            color: {
-                                                                                width: {
-                                                                                    desktop: '45px',
-                                                                                    tablet: '45px',
-                                                                                    mobile: '45px'
-                                                                                },
-                                                                                height: '45px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            rectangle_list: {
-                                                                                width: {
-                                                                                    desktop: 'auto',
-                                                                                    tablet: 'auto',
-                                                                                    mobile: 'auto'
-                                                                                },
-                                                                                height: '45px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            image: {
-                                                                                width: {
-                                                                                    desktop: '64px',
-                                                                                    tablet: '64px',
-                                                                                    mobile: '64px'
-                                                                                },
-                                                                                height: '64px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            image_shopify: {
-                                                                                width: {
-                                                                                    desktop: '64px',
-                                                                                    tablet: '64px',
-                                                                                    mobile: '64px'
-                                                                                },
-                                                                                height: '64px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            dropdown: {
-                                                                                fullWidth: {
-                                                                                    desktop: true,
-                                                                                    tablet: true,
-                                                                                    mobile: true
-                                                                                },
-                                                                                width: {
-                                                                                    desktop: 'auto',
-                                                                                    tablet: 'auto',
-                                                                                    mobile: 'auto'
-                                                                                },
-                                                                                height: '45px'
-                                                                            }
-                                                                        }
-                                                                    }
-                                                                ],
-                                                                soldOutMark: true,
-                                                                layout: {
-                                                                    desktop: 'vertical'
-                                                                },
-                                                                column: {
-                                                                    desktop: 1
-                                                                },
-                                                                hasPreSelected: true,
-                                                                blankText: 'Please select an option'
-                                                            },
-                                                            styles: {
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                width: {
-                                                                    desktop: '400px'
-                                                                },
-                                                                optionSpacing: '30px',
-                                                                labelGap: '8px',
-                                                                swatchAutoWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                swatchWidth: {
-                                                                    desktop: '80px'
-                                                                },
-                                                                swatchHeight: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                swatchSpacing: 'var(--g-s-m)',
-                                                                marginBottom: {
-                                                                    desktop: 'var(--g-s-xl)',
-                                                                    mobile: 'var(--g-s-xl)'
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                labelTypo: {
-                                                                    type: 'paragraph-2',
-                                                                    attrs: {
-                                                                        color: 'text-1',
-                                                                        bold: true
-                                                                    }
-                                                                },
-                                                                labelColor: 'text-2',
-                                                                optionTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                optionBgColor: {
-                                                                    normal: 'bg-3',
-                                                                    hover: 'bg-3',
-                                                                    active: 'bg-3'
-                                                                },
-                                                                optionTextColor: {
-                                                                    normal: 'text-2',
-                                                                    hover: 'text-2',
-                                                                    active: 'text-2'
-                                                                },
-                                                                optionBorder: {
-                                                                    normal: {
-                                                                        borderType: 'style-2',
-                                                                        border: 'solid',
-                                                                        color: 'line-2',
-                                                                        isCustom: false,
-                                                                        width: '1px 1px 1px 1px',
-                                                                        borderWidth: '1px'
-                                                                    },
-                                                                    active: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        width: '2px 2px 2px 2px',
-                                                                        borderWidth: '2px'
-                                                                    },
-                                                                    hover: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        width: '1px 1px 1px 1px',
-                                                                        borderWidth: '1px'
-                                                                    }
-                                                                },
-                                                                optionRounded: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    },
-                                                                    hover: {
-                                                                        radiusType: 'none'
-                                                                    },
-                                                                    active: {
-                                                                        radiusType: 'none'
-                                                                    }
-                                                                },
-                                                                optionHasShadow: {
-                                                                    normal: false
-                                                                },
-                                                                optionShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1',
-                                                                        distance: '4px',
-                                                                        blur: '12px',
-                                                                        spread: '0px',
-                                                                        color: 'rgba(0, 0, 0, 0.20)',
-                                                                        angle: 90
-                                                                    }
-                                                                },
-                                                                dropdownItemWidth: {
-                                                                    desktop: 'fill',
-                                                                    mobile: 'fill',
-                                                                    tablet: 'fill'
-                                                                },
-                                                                fixedDropdownWidth: {
-                                                                    desktop: '240px'
-                                                                },
-                                                                swatchItemWidth: {
-                                                                    desktop: 'auto'
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                },
-                                                                d: {
-                                                                    desktop: true,
-                                                                    tablet: true,
-                                                                    mobile: false
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductQuantity',
-                                                            label: 'Product Quantity',
-                                                            settings: {
-                                                                qtyStyle: 'standard'
-                                                            },
-                                                            styles: {
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                inputWidth: {
-                                                                    desktop: '40px',
-                                                                    tablet: '50px',
-                                                                    mobile: '50px'
-                                                                },
-                                                                inputHeight: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                buttonWidth: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                iconSizeCustom: {
-                                                                    desktop: '20px'
-                                                                },
-                                                                typo: {
-                                                                    type: 'paragraph-2',
-                                                                    attrs: {
-                                                                        color: 'text-1'
-                                                                    }
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                inputBackgroundColor: 'bg-3',
-                                                                textColor: 'text-2',
-                                                                buttonBackgroundColor: {
-                                                                    normal: 'bg-3'
-                                                                },
-                                                                iconColor: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                borderBtn: {
-                                                                    normal: {
-                                                                        borderType: 'style-2',
-                                                                        border: 'solid',
-                                                                        width: '1px 1px 1px 1px',
-                                                                        color: 'line-2',
-                                                                        isCustom: false
-                                                                    },
-                                                                    hover: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        width: '1px 1px 1px 1px',
-                                                                        color: 'line-3',
-                                                                        isCustom: false
-                                                                    }
-                                                                },
-                                                                corner: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    }
-                                                                },
-                                                                lineSeparated: true
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                },
-                                                                d: {
-                                                                    desktop: true,
-                                                                    tablet: true,
-                                                                    mobile: false
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductButton',
-                                                            label: 'Product Cart Button',
-                                                            settings: {
-                                                                label: 'Add to cart',
-                                                                outOfStockLabel: 'Out of stock',
-                                                                actionEffect: 'open-cart-drawer',
-                                                                customURL: {
-                                                                    link: '/cart',
-                                                                    target: '_self'
-                                                                },
-                                                                successMessage: 'Add product to cart successfully',
-                                                                errorMessage: 'Cannot add product to cart',
-                                                                buttonLayout: 'cart-only',
-                                                                iconAlign: 'left',
-                                                                errorType: 'built-in'
-                                                            },
-                                                            styles: {
-                                                                backgroundColor: {
-                                                                    normal: 'brand',
-                                                                    hover: 'highlight'
-                                                                },
-                                                                textColor: {
-                                                                    normal: 'text-3'
-                                                                },
-                                                                borderBtn: {
-                                                                    normal: {
-                                                                        border: 'solid',
-                                                                        color: '#121212',
-                                                                        isCustom: true,
-                                                                        position: 'all',
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    },
-                                                                    hover: {
-                                                                        border: 'solid',
-                                                                        color: '#4D4D4D',
-                                                                        isCustom: true,
-                                                                        position: 'all',
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    }
-                                                                },
-                                                                hasBoxShadowBtn: {
-                                                                    normal: false,
-                                                                    hover: false
-                                                                },
-                                                                boxShadowBtn: {
-                                                                    normal: {
-                                                                        type: 'shadow-1',
-                                                                        distance: '4px',
-                                                                        blur: '12px',
-                                                                        spread: '0px',
-                                                                        color: 'rgba(0, 0, 0, 0.20)',
-                                                                        angle: 90
-                                                                    }
-                                                                },
-                                                                roundedBtn: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    }
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                typo: {
-                                                                    type: 'paragraph-1'
-                                                                },
-                                                                transform: 'default',
-                                                                btnSpacing: {
-                                                                    type: 'medium'
-                                                                },
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                iconSizeAuto: true,
-                                                                size: {
-                                                                    desktop: '1em'
-                                                                },
-                                                                iconDimension: {
-                                                                    desktop: '24px'
-                                                                },
-                                                                spacing: '8px',
-                                                                successTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                successColor: 'success',
-                                                                errorTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                errorColor: 'error',
-                                                                isCustomOutOfStock: false,
-                                                                oosBackground: 'brand',
-                                                                oosTextColor: 'text-3',
-                                                                oosBorder: {
-                                                                    normal: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    }
-                                                                },
-                                                                oosEnableShadow: false,
-                                                                oosShadow: {
-                                                                    type: 'shadow-1',
-                                                                    distance: '4px',
-                                                                    blur: '12px',
-                                                                    spread: '0px',
-                                                                    color: 'rgba(0, 0, 0, 0.20)',
-                                                                    angle: 90
-                                                                },
-                                                                oosRounded: {
-                                                                    radiusType: 'none'
-                                                                },
-                                                                globalSize: {
-                                                                    desktop: {
-                                                                        width: '100%'
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-};
-const StickyPresetScrollToTop = {
-    id: 'sticky-scroll-to-top',
-    name: {
-        en: 'Sticky Back to top'
-    },
-    icon: {
-        desktop: `
-    <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="40" height="40" rx="20" fill="#424242"/>
-    <path d="M13.6001 14C13.6001 13.5581 13.9583 13.2 14.4001 13.2H25.6001C26.0419 13.2 26.4001 13.5581 26.4001 14C26.4001 14.4418 26.0419 14.8 25.6001 14.8H14.4001C13.9583 14.8 13.6001 14.4418 13.6001 14Z" fill="#F9F9F9"/>
-    <path d="M20 15.5999C20.4419 15.5999 20.8 15.958 20.8 16.3999L20.8 25.9999C20.8 26.4417 20.4419 26.7999 20 26.7999C19.5582 26.7999 19.2 26.4417 19.2 25.9999L19.2 16.3999C19.2 15.958 19.5582 15.5999 20 15.5999Z" fill="#F9F9F9"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.4342 15.8342C19.7466 15.5217 20.2532 15.5217 20.5656 15.8342L25.3656 20.6342C25.678 20.9466 25.678 21.4531 25.3656 21.7655C25.0532 22.078 24.5466 22.078 24.2342 21.7655L19.9999 17.5312L15.7656 21.7655C15.4532 22.078 14.9466 22.078 14.6342 21.7655C14.3218 21.4531 14.3218 20.9466 14.6342 20.6342L19.4342 15.8342Z" fill="#F9F9F9"/>
-    </svg>    
-		`
-    },
-    components: [
-        {
-            tag: 'Sticky',
-            label: 'Sticky',
-            settings: {
-                fullWidth: {
-                    desktop: false,
-                    mobile: true,
-                    tablet: true
-                },
-                position: {
-                    desktop: 'bottom'
-                },
-                preloadBgImage: false,
-                width: {
-                    desktop: '96%'
-                },
-                background: {
-                    desktop: {
-                        type: 'color',
-                        color: '#00000000',
-                        image: {
-                            src: '',
-                            width: 0,
-                            height: 0
-                        },
-                        size: 'cover',
-                        position: {
-                            x: 50,
-                            y: 50
-                        },
-                        repeat: 'no-repeat',
-                        attachment: 'scroll'
-                    }
-                },
-                isScrollToTop: true
-            },
-            childrens: [
-                {
-                    tag: 'Col',
-                    label: 'Block',
-                    childrens: [
-                        {
-                            tag: 'Button',
-                            label: 'Button',
-                            settings: {
-                                btnLink: {
-                                    link: '#scroll-to-top',
-                                    selectedTab: 'scrollToList',
-                                    target: '_self',
-                                    title: 'Section'
-                                },
-                                disabled: false,
-                                htmlType: 'button',
-                                iconAlign: 'left',
-                                iconSvg: '<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508817550824243560">\n              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M208.49,143.51a12,12,0,0,1-17,17L140,109V224a12,12,0,0,1-24,0V109L64.49,160.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0ZM216,28H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z" /></svg>',
-                                iconVisible: true,
-                                label: '',
-                                shouldClearSpace: true,
-                                translate: 'label'
-                            },
-                            styles: {
-                                align: {
-                                    desktop: 'right'
-                                },
-                                backgroundColor: {
-                                    normal: '#000000',
-                                    hover: '#000000'
-                                },
-                                borderBtn: {
-                                    normal: {
-                                        border: 'none',
-                                        borderType: 'none',
-                                        borderWidth: '1px',
-                                        isCustom: false,
-                                        width: '1px 1px 1px 1px'
-                                    }
-                                },
-                                boxShadowBtn: {
-                                    normal: {
-                                        angle: 90,
-                                        blur: '12px',
-                                        color: 'rgba(0, 0, 0, 0.20)',
-                                        distance: '4px',
-                                        spread: '0px',
-                                        type: 'shadow-1'
-                                    }
-                                },
-                                btnSpacing: {
-                                    type: 'medium'
-                                },
-                                fullWidth: {
-                                    desktop: false
-                                },
-                                globalSize: {
-                                    desktop: {
-                                        gap: '',
-                                        height: 'Auto',
-                                        padding: {
-                                            bottom: '12px',
-                                            left: '12px',
-                                            linked: true,
-                                            right: '12px',
-                                            top: '12px',
-                                            type: 'custom'
-                                        },
-                                        width: 'Auto'
-                                    }
-                                },
-                                hasBoxShadowBtn: {
-                                    hover: false,
-                                    normal: false
-                                },
-                                iconDimension: {
-                                    desktop: '24px'
-                                },
-                                iconSizeAuto: true,
-                                roundedBtn: {
-                                    normal: {
-                                        bblr: '999999px',
-                                        bbrr: '999999px',
-                                        btlr: '999999px',
-                                        btrr: '999999px',
-                                        radiusType: 'custom'
-                                    }
-                                },
-                                size: {
-                                    desktop: '1em'
-                                },
-                                spacing: '8px',
-                                textColor: {
-                                    normal: 'text-3'
-                                },
-                                transform: 'default',
-                                typo: {
-                                    custom: {
-                                        fontFamily: 'Assistant',
-                                        fontSize: {
-                                            desktop: '24px',
-                                            mobile: '14px',
-                                            tablet: '14px'
-                                        },
-                                        fontStyle: 'normal',
-                                        fontWeight: '400',
-                                        letterSpacing: '0.6px',
-                                        lineHeight: {
-                                            desktop: '140%',
-                                            mobile: '140%',
-                                            tablet: '140%'
-                                        }
-                                    },
-                                    type: 'paragraph-1'
-                                }
-                            },
-                            advanced: {
-                                'spacing-setting': {
-                                    desktop: {
-                                        margin: {
-                                            bottom: 'var(--g-s-s)'
-                                        },
-                                        padding: {},
-                                        link: false
-                                    }
-                                }
-                            }
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-};
-const StickyPresetProduct = {
-    id: 'sticky-product',
-    name: {
-        en: 'Sticky Add to Cart'
-    },
-    icon: {
-        desktop: `
-      <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M4.75 3C4.75 1.75736 5.75736 0.75 7 0.75H89C90.2426 0.75 91.25 1.75736 91.25 3V53C91.25 54.2426 90.2426 55.25 89 55.25H7C5.75736 55.25 4.75 54.2426 4.75 53V3Z" stroke="#5E5E5E" stroke-width="1.5"/>
-      <path d="M0 31C0 29.3431 1.34315 28 3 28H93C94.6569 28 96 29.3431 96 31V53C96 54.6569 94.6569 56 93 56H3C1.34315 56 0 54.6569 0 53V31Z" fill="#5E5E5E"/>
-      <path d="M27.4448 39.4545C27.3936 39.0227 27.1863 38.6875 26.8226 38.4489C26.459 38.2102 26.013 38.0909 25.4846 38.0909C25.0982 38.0909 24.7601 38.1534 24.4703 38.2784C24.1834 38.4034 23.959 38.5753 23.7971 38.794C23.638 39.0128 23.5584 39.2614 23.5584 39.5398C23.5584 39.7727 23.6138 39.973 23.7246 40.1406C23.8382 40.3054 23.9831 40.4432 24.1593 40.554C24.3354 40.6619 24.5201 40.7514 24.7132 40.8224C24.9064 40.8906 25.084 40.946 25.2459 40.9886L26.1323 41.2273C26.3596 41.2869 26.6124 41.3693 26.8908 41.4744C27.1721 41.5795 27.4405 41.723 27.6962 41.9048C27.9547 42.0838 28.1678 42.3139 28.3354 42.5952C28.503 42.8764 28.5868 43.2216 28.5868 43.6307C28.5868 44.1023 28.4632 44.5284 28.2161 44.9091C27.9718 45.2898 27.6138 45.5923 27.1422 45.8168C26.6735 46.0412 26.1039 46.1534 25.4334 46.1534C24.8084 46.1534 24.2672 46.0526 23.8098 45.8509C23.3553 45.6491 22.9973 45.3679 22.736 45.0071C22.4775 44.6463 22.3311 44.2273 22.2971 43.75H23.388C23.4164 44.0795 23.5272 44.3523 23.7203 44.5682C23.9164 44.7812 24.1635 44.9403 24.4618 45.0455C24.763 45.1477 25.0868 45.1989 25.4334 45.1989C25.8368 45.1989 26.199 45.1335 26.5201 45.0028C26.8411 44.8693 27.0953 44.6847 27.2828 44.4489C27.4703 44.2102 27.5641 43.9318 27.5641 43.6136C27.5641 43.3239 27.4831 43.0881 27.3212 42.9062C27.1593 42.7244 26.9462 42.5767 26.682 42.4631C26.4178 42.3494 26.1323 42.25 25.8255 42.1648L24.7516 41.858C24.0698 41.6619 23.53 41.3821 23.1323 41.0185C22.7346 40.6548 22.5357 40.179 22.5357 39.5909C22.5357 39.1023 22.6678 38.6761 22.932 38.3125C23.199 37.946 23.557 37.6619 24.0059 37.4602C24.4576 37.2557 24.9618 37.1534 25.5186 37.1534C26.0811 37.1534 26.5811 37.2543 27.0186 37.456C27.4561 37.6548 27.8027 37.9276 28.0584 38.2741C28.3169 38.6207 28.4533 39.0142 28.4675 39.4545H27.4448ZM33.0346 39.4545V40.3068H29.6426V39.4545H33.0346ZM30.6312 37.8864H31.6369V44.125C31.6369 44.4091 31.6781 44.6222 31.7605 44.7642C31.8457 44.9034 31.9537 44.9972 32.0843 45.0455C32.2179 45.0909 32.3585 45.1136 32.5062 45.1136C32.617 45.1136 32.7079 45.108 32.7789 45.0966C32.85 45.0824 32.9068 45.071 32.9494 45.0625L33.1539 45.9659C33.0858 45.9915 32.9906 46.017 32.8684 46.0426C32.7463 46.071 32.5914 46.0852 32.4039 46.0852C32.1199 46.0852 31.8414 46.0241 31.5687 45.902C31.2988 45.7798 31.0744 45.5938 30.8954 45.3438C30.7193 45.0938 30.6312 44.7784 30.6312 44.3977V37.8864ZM34.5474 46V39.4545H35.5531V46H34.5474ZM35.0588 38.3636C34.8627 38.3636 34.6937 38.2969 34.5517 38.1634C34.4125 38.0298 34.3429 37.8693 34.3429 37.6818C34.3429 37.4943 34.4125 37.3338 34.5517 37.2003C34.6937 37.0668 34.8627 37 35.0588 37C35.2548 37 35.4224 37.0668 35.5616 37.2003C35.7037 37.3338 35.7747 37.4943 35.7747 37.6818C35.7747 37.8693 35.7037 38.0298 35.5616 38.1634C35.4224 38.2969 35.2548 38.3636 35.0588 38.3636ZM40.0542 46.1364C39.4405 46.1364 38.9121 45.9915 38.4689 45.7017C38.0257 45.4119 37.6848 45.0128 37.4462 44.5043C37.2076 43.9957 37.0882 43.4148 37.0882 42.7614C37.0882 42.0966 37.2104 41.5099 37.4547 41.0014C37.7019 40.4901 38.0456 40.0909 38.486 39.804C38.9292 39.5142 39.4462 39.3693 40.0371 39.3693C40.4973 39.3693 40.9121 39.4545 41.2814 39.625C41.6507 39.7955 41.9533 40.0341 42.1891 40.3409C42.4249 40.6477 42.5712 41.0057 42.628 41.4148H41.6223C41.5456 41.1165 41.3752 40.8523 41.111 40.6222C40.8496 40.3892 40.4973 40.2727 40.0542 40.2727C39.6621 40.2727 39.3184 40.375 39.0229 40.5795C38.7303 40.7812 38.5016 41.0668 38.3368 41.4361C38.1749 41.8026 38.0939 42.233 38.0939 42.7273C38.0939 43.233 38.1735 43.6733 38.3326 44.0483C38.4945 44.4233 38.7218 44.7145 39.0144 44.9219C39.3098 45.1293 39.6564 45.233 40.0542 45.233C40.3155 45.233 40.5527 45.1875 40.7658 45.0966C40.9789 45.0057 41.1593 44.875 41.307 44.7045C41.4547 44.5341 41.5598 44.3295 41.6223 44.0909H42.628C42.5712 44.4773 42.4306 44.8253 42.2061 45.1349C41.9846 45.4418 41.6905 45.6861 41.324 45.8679C40.9604 46.0469 40.5371 46.1364 40.0542 46.1364ZM45.0357 43.6136L45.0186 42.3693H45.2232L48.0868 39.4545H49.3311L46.28 42.5398H46.1948L45.0357 43.6136ZM44.0982 46V37.2727H45.1039V46H44.0982ZM48.2573 46L45.7005 42.7614L46.4164 42.0625L49.5357 46H48.2573ZM51.2733 48.4545C51.1028 48.4545 50.9508 48.4403 50.8173 48.4119C50.6838 48.3864 50.5914 48.3608 50.5403 48.3352L50.796 47.4489C51.0403 47.5114 51.2562 47.5341 51.4437 47.517C51.6312 47.5 51.7974 47.4162 51.9423 47.2656C52.09 47.1179 52.225 46.8778 52.3471 46.5455L52.5346 46.0341L50.1142 39.4545H51.2051L53.0119 44.6705H53.0801L54.8869 39.4545H55.9778L53.1994 46.9545C53.0744 47.2926 52.9196 47.5724 52.7349 47.794C52.5502 48.0185 52.3358 48.1847 52.0914 48.2926C51.85 48.4006 51.5772 48.4545 51.2733 48.4545Z" fill="white"/>
-      <path d="M70.93 37.7803H63.3735C62.8834 37.7803 62.5608 38.2913 62.7716 38.7337L64.2375 41.8104C64.348 42.0425 64.5822 42.1903 64.8393 42.1903H69.2371C69.4802 42.1903 69.704 42.058 69.8212 41.845L71.5141 38.7683C71.7586 38.324 71.4372 37.7803 70.93 37.7803Z" stroke="white"/>
-      <path d="M60.9082 36.7637C60.6321 36.7637 60.4082 36.9875 60.4082 37.2637C60.4082 37.5398 60.6321 37.7637 60.9082 37.7637L60.9082 36.7637ZM61.6382 37.2637V37.7637V37.2637ZM60.9082 37.7637H61.6382V36.7637H60.9082L60.9082 37.7637ZM61.7883 37.8579L62.609 39.5585L63.5096 39.1239L62.6889 37.4233L61.7883 37.8579ZM61.6382 37.7637C61.7021 37.7637 61.7605 37.8003 61.7883 37.8579L62.6889 37.4233C62.4942 37.02 62.086 36.7637 61.6382 36.7637V37.7637Z" fill="white"/>
-      <path d="M64.3239 42.0452L63.2999 43.638C63.1573 43.8598 63.3166 44.1516 63.5803 44.1516H70.4086" stroke="white" stroke-linecap="round"/>
-      <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
-      <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
-      </svg>
-		`
-    },
-    components: [
-        {
-            tag: 'Sticky',
-            label: 'Sticky',
-            advanced: {
-                hasBoxShadow: {
-                    desktop: {
-                        normal: true
-                    }
-                },
-                boxShadow: {
-                    desktop: {
-                        normal: {
-                            type: 'shadow-1',
-                            distance: '0px',
-                            blur: '10px',
-                            spread: '0px',
-                            color: '#0000001a',
-                            angle: 90
-                        }
-                    }
-                }
-            },
-            childrens: [
-                {
-                    tag: 'Col',
-                    label: 'Block',
-                    childrens: [
-                        {
-                            tag: 'Product',
-                            label: 'Product',
-                            settings: {
-                                productSetting: {
-                                    productStatus: 'dynamic'
-                                },
-                                layout: {
-                                    desktop: {
-                                        cols: [
-                                            4,
-                                            8
-                                        ],
-                                        display: 'fill'
-                                    },
-                                    mobile: {
-                                        cols: [
-                                            12
-                                        ]
-                                    }
-                                },
-                                horizontalAlign: {
-                                    desktop: 'start'
-                                },
-                                verticalAlign: {
-                                    desktop: 'center'
-                                },
-                                isSyncProduct: true
-                            },
-                            styles: {
-                                verticalGutter: {
-                                    desktop: '12px',
-                                    tablet: '12px'
-                                },
-                                fullWidth: {
-                                    desktop: false
-                                }
-                            },
-                            advanced: {
-                                'spacing-setting': {
-                                    desktop: {
-                                        margin: {},
-                                        padding: {
-                                            left: '12px',
-                                            right: '12px',
-                                            top: '4px',
-                                            bottom: '4px'
-                                        }
-                                    },
-                                    mobile: {
-                                        padding: {
-                                            bottom: '8px',
-                                            left: '8px',
-                                            right: '8px',
-                                            top: '8px'
-                                        },
-                                        margin: {}
-                                    }
-                                }
-                            },
-                            childrens: [
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    childrens: [
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            6
-                                                        ],
-                                                        display: 'fit'
-                                                    },
-                                                    mobile: {
-                                                        cols: [
-                                                            12
-                                                        ],
-                                                        display: 'fill'
-                                                    }
-                                                },
-                                                horizontalAlign: {
-                                                    desktop: 'start'
-                                                },
-                                                verticalAlign: {
-                                                    desktop: 'center'
-                                                }
-                                            },
-                                            styles: {
-                                                fullWidth: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: true
-                                                },
-                                                verticalGutter: {
-                                                    desktop: '12px',
-                                                    tablet: '12px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                preloadBgImage: false
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: '0px'
-                                                        }
-                                                    }
-                                                },
-                                                d: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: false
-                                                },
-                                                border: {
-                                                    desktop: {
-                                                        normal: {
-                                                            borderType: 'none',
-                                                            border: 'solid',
-                                                            borderWidth: '0px',
-                                                            width: '0px',
-                                                            color: '#121212',
-                                                            isCustom: true
-                                                        }
-                                                    }
-                                                },
-                                                rounded: {
-                                                    desktop: {
-                                                        normal: {
-                                                            btrr: '0px',
-                                                            bblr: '0px',
-                                                            bbrr: '0px',
-                                                            btlr: '0px',
-                                                            radiusType: 'none'
-                                                        }
-                                                    }
-                                                },
-                                                hasBoxShadow: {
-                                                    desktop: {
-                                                        normal: false
-                                                    }
-                                                },
-                                                boxShadow: {
-                                                    desktop: {
-                                                        normal: {
-                                                            type: 'shadow-1',
-                                                            distance: '4px',
-                                                            blur: '12px',
-                                                            spread: '0px',
-                                                            color: 'rgba(0, 0, 0, 0.20)',
-                                                            angle: 90
-                                                        }
-                                                    }
-                                                },
-                                                op: {
-                                                    desktop: '100%'
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductImagesV2',
-                                                            label: 'Product Images',
-                                                            settings: {
-                                                                hoverEffect: 'none'
-                                                            },
-                                                            styles: {
-                                                                position: {
-                                                                    desktop: 'only-feature'
-                                                                },
-                                                                ftShape: {
-                                                                    desktop: {
-                                                                        shape: 'square',
-                                                                        shapeValue: '1/1',
-                                                                        width: '56px',
-                                                                        height: undefined
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductTitle',
-                                                            label: 'Product Title',
-                                                            settings: {
-                                                                htmlTag: 'h1',
-                                                                linkProduct: false
-                                                            },
-                                                            styles: {
-                                                                typo: {
-                                                                    type: 'subheading-3',
-                                                                    custom: {
-                                                                        fontSize: {
-                                                                            desktop: '18px',
-                                                                            tablet: '18px',
-                                                                            mobile: '18px'
-                                                                        },
-                                                                        fontWeight: '400',
-                                                                        lineHeight: '24px',
-                                                                        letterSpacing: '0.6px',
-                                                                        fontStyle: 'normal'
-                                                                    }
-                                                                },
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasLineClamp: {
-                                                                    desktop: true
-                                                                },
-                                                                lineClamp: {
-                                                                    desktop: 1
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false,
-                                                                    hover: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        },
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                typo: {
-                                                                    type: 'subheading-2',
-                                                                    default: {
-                                                                        type: 'subheading-2'
-                                                                    },
-                                                                    custom: {
-                                                                        fontSize: {
-                                                                            desktop: '15px',
-                                                                            tablet: '15px',
-                                                                            mobile: '15px'
-                                                                        },
-                                                                        fontWeight: '400',
-                                                                        lineHeight: '20px',
-                                                                        letterSpacing: '0.6px',
-                                                                        fontStyle: 'normal'
-                                                                    }
-                                                                },
-                                                                priceType: 'regular',
-                                                                lineThrough: true,
-                                                                thickness: 1,
-                                                                lineColor: 'text-1',
-                                                                color: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        }
-                                    ]
-                                },
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    childrens: [
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            3,
-                                                            3
-                                                        ],
-                                                        display: 'fill'
-                                                    },
-                                                    mobile: {
-                                                        cols: [
-                                                            12
-                                                        ],
-                                                        display: 'fill'
-                                                    }
-                                                },
-                                                horizontalAlign: {
-                                                    desktop: 'start'
-                                                },
-                                                verticalAlign: {
-                                                    desktop: 'center'
-                                                }
-                                            },
-                                            styles: {
-                                                fullWidth: {
-                                                    desktop: true,
-                                                    tablet: true,
-                                                    mobile: true
-                                                },
-                                                verticalGutter: {
-                                                    desktop: '12px',
-                                                    tablet: '12px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                preloadBgImage: false
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: '0px'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductVariants',
-                                                            label: 'Product Variants & Swatches',
-                                                            settings: {
-                                                                optionType: 'groupOption',
-                                                                label: true,
-                                                                optionAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                price: true,
-                                                                showAsSwatches: true,
-                                                                combineFullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                combineWidth: {
-                                                                    desktop: '400px'
-                                                                },
-                                                                combineHeight: '40px',
-                                                                variantPresets: [
-                                                                    {
-                                                                        optionName: 'base',
-                                                                        optionType: 'rectangle_list',
-                                                                        presets: {
-                                                                            color: {
-                                                                                width: {
-                                                                                    desktop: '45px',
-                                                                                    tablet: '45px',
-                                                                                    mobile: '45px'
-                                                                                },
-                                                                                height: '45px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            rectangle_list: {
-                                                                                width: {
-                                                                                    desktop: 'auto',
-                                                                                    tablet: 'auto',
-                                                                                    mobile: 'auto'
-                                                                                },
-                                                                                height: '45px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            image: {
-                                                                                width: {
-                                                                                    desktop: '64px',
-                                                                                    tablet: '64px',
-                                                                                    mobile: '64px'
-                                                                                },
-                                                                                height: '64px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            image_shopify: {
-                                                                                width: {
-                                                                                    desktop: '64px',
-                                                                                    tablet: '64px',
-                                                                                    mobile: '64px'
-                                                                                },
-                                                                                height: '64px',
-                                                                                spacing: '16px'
-                                                                            },
-                                                                            dropdown: {
-                                                                                fullWidth: {
-                                                                                    desktop: true,
-                                                                                    tablet: true,
-                                                                                    mobile: true
-                                                                                },
-                                                                                width: {
-                                                                                    desktop: 'auto',
-                                                                                    tablet: 'auto',
-                                                                                    mobile: 'auto'
-                                                                                },
-                                                                                height: '45px'
-                                                                            }
-                                                                        }
-                                                                    }
-                                                                ],
-                                                                soldOutMark: true,
-                                                                layout: {
-                                                                    desktop: 'vertical'
-                                                                },
-                                                                column: {
-                                                                    desktop: 1
-                                                                },
-                                                                hasPreSelected: true,
-                                                                blankText: 'Please select an option'
-                                                            },
-                                                            styles: {
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                width: {
-                                                                    desktop: '400px'
-                                                                },
-                                                                optionSpacing: '30px',
-                                                                labelGap: '8px',
-                                                                swatchAutoWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                swatchWidth: {
-                                                                    desktop: '80px'
-                                                                },
-                                                                swatchHeight: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                swatchSpacing: 'var(--g-s-m)',
-                                                                marginBottom: {
-                                                                    desktop: 'var(--g-s-xl)',
-                                                                    mobile: 'var(--g-s-xl)'
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                labelTypo: {
-                                                                    type: 'paragraph-2',
-                                                                    attrs: {
-                                                                        color: 'text-1',
-                                                                        bold: true
-                                                                    }
-                                                                },
-                                                                labelColor: 'text-2',
-                                                                optionTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                optionBgColor: {
-                                                                    normal: 'bg-3',
-                                                                    hover: 'bg-3',
-                                                                    active: 'bg-3'
-                                                                },
-                                                                optionTextColor: {
-                                                                    normal: 'text-2',
-                                                                    hover: 'text-2',
-                                                                    active: 'text-2'
-                                                                },
-                                                                optionBorder: {
-                                                                    normal: {
-                                                                        borderType: 'style-2',
-                                                                        border: 'solid',
-                                                                        color: 'line-2',
-                                                                        isCustom: false,
-                                                                        width: '1px 1px 1px 1px',
-                                                                        borderWidth: '1px'
-                                                                    },
-                                                                    active: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        width: '2px 2px 2px 2px',
-                                                                        borderWidth: '2px'
-                                                                    },
-                                                                    hover: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        width: '1px 1px 1px 1px',
-                                                                        borderWidth: '1px'
-                                                                    }
-                                                                },
-                                                                optionRounded: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    },
-                                                                    hover: {
-                                                                        radiusType: 'none'
-                                                                    },
-                                                                    active: {
-                                                                        radiusType: 'none'
-                                                                    }
-                                                                },
-                                                                optionHasShadow: {
-                                                                    normal: false
-                                                                },
-                                                                optionShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1',
-                                                                        distance: '4px',
-                                                                        blur: '12px',
-                                                                        spread: '0px',
-                                                                        color: 'rgba(0, 0, 0, 0.20)',
-                                                                        angle: 90
-                                                                    }
-                                                                },
-                                                                dropdownItemWidth: {
-                                                                    desktop: 'fill',
-                                                                    mobile: 'fill',
-                                                                    tablet: 'fill'
-                                                                },
-                                                                fixedDropdownWidth: {
-                                                                    desktop: '240px'
-                                                                },
-                                                                swatchItemWidth: {
-                                                                    desktop: 'auto'
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                },
-                                                                d: {
-                                                                    desktop: true,
-                                                                    tablet: true,
-                                                                    mobile: false
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductQuantity',
-                                                            label: 'Product Quantity',
-                                                            settings: {
-                                                                qtyStyle: 'standard'
-                                                            },
-                                                            styles: {
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                inputWidth: {
-                                                                    desktop: '40px',
-                                                                    tablet: '50px',
-                                                                    mobile: '50px'
-                                                                },
-                                                                inputHeight: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                buttonWidth: {
-                                                                    desktop: '40px'
-                                                                },
-                                                                iconSizeCustom: {
-                                                                    desktop: '20px'
-                                                                },
-                                                                typo: {
-                                                                    type: 'paragraph-2',
-                                                                    attrs: {
-                                                                        color: 'text-1'
-                                                                    }
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                inputBackgroundColor: 'bg-3',
-                                                                textColor: 'text-2',
-                                                                buttonBackgroundColor: {
-                                                                    normal: 'bg-3'
-                                                                },
-                                                                iconColor: {
-                                                                    normal: 'text-2'
-                                                                },
-                                                                borderBtn: {
-                                                                    normal: {
-                                                                        borderType: 'style-2',
-                                                                        border: 'solid',
-                                                                        width: '1px 1px 1px 1px',
-                                                                        color: 'line-2',
-                                                                        isCustom: false
-                                                                    },
-                                                                    hover: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        width: '1px 1px 1px 1px',
-                                                                        color: 'line-3',
-                                                                        isCustom: false
-                                                                    }
-                                                                },
-                                                                corner: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    }
-                                                                },
-                                                                lineSeparated: true
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                },
-                                                                d: {
-                                                                    desktop: true,
-                                                                    tablet: true,
-                                                                    mobile: false
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductButton',
-                                                            label: 'Product Cart Button',
-                                                            settings: {
-                                                                label: 'Add to cart',
-                                                                outOfStockLabel: 'Out of stock',
-                                                                actionEffect: 'open-cart-drawer',
-                                                                customURL: {
-                                                                    link: '/cart',
-                                                                    target: '_self'
-                                                                },
-                                                                successMessage: 'Add product to cart successfully',
-                                                                errorMessage: 'Cannot add product to cart',
-                                                                buttonLayout: 'cart-only',
-                                                                iconAlign: 'left',
-                                                                errorType: 'built-in'
-                                                            },
-                                                            styles: {
-                                                                backgroundColor: {
-                                                                    normal: 'brand',
-                                                                    hover: 'highlight'
-                                                                },
-                                                                textColor: {
-                                                                    normal: 'text-3'
-                                                                },
-                                                                borderBtn: {
-                                                                    normal: {
-                                                                        border: 'solid',
-                                                                        color: '#121212',
-                                                                        isCustom: true,
-                                                                        position: 'all',
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    },
-                                                                    hover: {
-                                                                        border: 'solid',
-                                                                        color: '#4D4D4D',
-                                                                        isCustom: true,
-                                                                        position: 'all',
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    }
-                                                                },
-                                                                hasBoxShadowBtn: {
-                                                                    normal: false,
-                                                                    hover: false
-                                                                },
-                                                                boxShadowBtn: {
-                                                                    normal: {
-                                                                        type: 'shadow-1',
-                                                                        distance: '4px',
-                                                                        blur: '12px',
-                                                                        spread: '0px',
-                                                                        color: 'rgba(0, 0, 0, 0.20)',
-                                                                        angle: 90
-                                                                    }
-                                                                },
-                                                                roundedBtn: {
-                                                                    normal: {
-                                                                        btrr: '4px',
-                                                                        bblr: '4px',
-                                                                        bbrr: '4px',
-                                                                        btlr: '4px',
-                                                                        radiusType: 'custom'
-                                                                    }
-                                                                },
-                                                                align: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                typo: {
-                                                                    type: 'paragraph-1'
-                                                                },
-                                                                transform: 'default',
-                                                                btnSpacing: {
-                                                                    type: 'medium'
-                                                                },
-                                                                fullWidth: {
-                                                                    desktop: true
-                                                                },
-                                                                iconSizeAuto: true,
-                                                                size: {
-                                                                    desktop: '1em'
-                                                                },
-                                                                iconDimension: {
-                                                                    desktop: '24px'
-                                                                },
-                                                                spacing: '8px',
-                                                                successTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                successColor: 'success',
-                                                                errorTypo: {
-                                                                    type: 'paragraph-2'
-                                                                },
-                                                                errorColor: 'error',
-                                                                isCustomOutOfStock: false,
-                                                                oosBackground: 'brand',
-                                                                oosTextColor: 'text-3',
-                                                                oosBorder: {
-                                                                    normal: {
-                                                                        borderType: 'style-3',
-                                                                        border: 'solid',
-                                                                        color: 'line-3',
-                                                                        isCustom: false,
-                                                                        borderWidth: '0px',
-                                                                        width: '0px 0px 0px 0px'
-                                                                    }
-                                                                },
-                                                                oosEnableShadow: false,
-                                                                oosShadow: {
-                                                                    type: 'shadow-1',
-                                                                    distance: '4px',
-                                                                    blur: '12px',
-                                                                    spread: '0px',
-                                                                    color: 'rgba(0, 0, 0, 0.20)',
-                                                                    angle: 90
-                                                                },
-                                                                oosRounded: {
-                                                                    radiusType: 'none'
-                                                                },
-                                                                globalSize: {
-                                                                    desktop: {
-                                                                        width: '100%'
-                                                                    }
-                                                                }
-                                                            },
-                                                            advanced: {
-                                                                'spacing-setting': {
-                                                                    desktop: {
-                                                                        margin: {
-                                                                            bottom: '0px'
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-};
-
-export { StickyPreset, StickyPresetProduct, StickyPresetScrollToTop };