.section-custom-design-demo{position:relative;z-index:1}.section-custom-design-demo .custom-demo__heading{grid-area:heading;color:#f3e9f0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center;font-size:14px;letter-spacing:0;line-height:1.6;min-height:500px;padding:15px;position:relative;text-align:center}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading{font-size:18px}}@media screen and (min-width: 1200px){.section-custom-design-demo .custom-demo__heading{padding-right:60px;padding-left:60px}}.section-custom-design-demo .custom-demo__heading>div{max-width:500px;width:100%}.section-custom-design-demo .custom-demo__heading .custom-demo__title{color:#fff;font-size:24px;letter-spacing:0;line-height:1.2;margin:0 45px 17px;text-transform:uppercase}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading .custom-demo__title{font-size:48px;margin-right:0;margin-left:0}}@media screen and (min-width: 1200px){.section-custom-design-demo .custom-demo__heading .custom-demo__title{margin-right:0;margin-left:0}}.section-custom-design-demo .custom-demo__heading .custom-demo__title a{color:inherit}.section-custom-design-demo .custom-demo__heading .custom-demo__title a:hover{text-decoration:none}.section-custom-design-demo .custom-demo__heading .custom-demo__title em{background:url(bg-custom-demo-heading-decoration.png) no-repeat;background-size:100% 100%;display:inline-block;vertical-align:top;font-style:normal;margin:0 -4px -1px;padding:0 4px 1px;position:relative}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading .custom-demo__title em{margin:-2px -6px;padding:2px 6px}}.section-custom-design-demo .custom-demo__heading .custom-demo__title em:last-child:before{left:100%;margin:6px 0 0 6px;right:auto}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading .custom-demo__title em:last-child:before{margin:12px 0 0 11px}}.section-custom-design-demo .custom-demo__heading .custom-demo__title em:last-child:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImN1cnNvciI+CjxwYXRoIGlkPSJWZWN0b3IgODEiIGQ9Ik02Ljk2NzIgMTMuNDk0Mkw4LjM1MjczIDEwLjcyMzFDOC40OTI0IDEwLjQ0MzggOC43NDAzMiAxMC4yMzM3IDkuMDM4ODMgMTAuMTQxOUwxMy4zMzA3IDguODIxMzJDMTQuMzA4NCA4LjUyMDUgMTQuNDI4OCA3LjE4NTI4IDEzLjUyMDcgNi43MTQ0M0wzLjAzNDU5IDEuMjc3MkMyLjEyODc2IDAuODA3NTA4IDEuMTA4MjQgMS42NzAwOSAxLjQyMDQ4IDIuNjQxNUw0Ljg1Njk3IDEzLjMzMjhDNS4xNzAzNSAxNC4zMDc4IDYuNTA5MjEgMTQuNDEwMiA2Ljk2NzIgMTMuNDk0MloiIGZpbGw9IiNGRjAwRUYiLz4KPC9nPgo8L3N2Zz4K);margin:0;left:100%;right:auto}.section-custom-design-demo .custom-demo__heading .custom-demo__title em:before{background:#ff00ef;border-radius:2px;color:#fff;font:bold 10px/1 var(--font-body-family);margin:6px 4px 0 0;min-width:36px;position:absolute;padding:3px 4px 2px;right:100%;text-align:center;text-transform:none;top:100%;white-space:nowrap}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading .custom-demo__title em:before{border-radius:4px;font-size:14px;margin:16px 12px 0 0;padding:7px 12px 9px}}.section-custom-design-demo .custom-demo__heading .custom-demo__title em:after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iY3Vyc29yIj4KPHBhdGggaWQ9IlZlY3RvciA4MSIgZD0iTTQuNDIyMzEgNi42MDY1MkwzLjc0Mzk4IDUuMjQ5ODZDMy42NzU2IDUuMTEzMDkgMy41NTQyMiA1LjAxMDI3IDMuNDA4MDcgNC45NjUzMUwxLjMwNjg0IDQuMzE4NzdDMC44MjgxOTggNC4xNzE1IDAuNzY5MjU0IDMuNTE3OCAxLjIxMzgzIDMuMjg3MjdMNi4zNDc2NSAwLjYyNTI5NEM2Ljc5MTEzIDAuMzk1MzQyIDcuMjkwNzYgMC44MTc2NDggNy4xMzc4OSAxLjI5MzIzTDUuNDU1NDQgNi41Mjc1MUM1LjMwMjAxIDcuMDA0ODUgNC42NDY1NCA3LjA1NDk3IDQuNDIyMzEgNi42MDY1MloiIGZpbGw9IiNGRjAwRUYiLz4KPC9nPgo8L3N2Zz4K) no-repeat;background-position:50% 50%;background-size:100%;content:"";height:8px;margin:0 -1px 0 0;position:absolute;right:100%;top:100%;width:8px}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__heading .custom-demo__title em:after{height:16px;margin:2px 0 0;width:16px}}.section-custom-design-demo .custom-demo__heading .custom-demo__title strong{color:#ffdc25}.section-custom-design-demo .custom-demo__heading .custom-demo__content{margin:0 0 32px}.section-custom-design-demo .custom-demo__heading .custom-demo__content a{color:#ffdc25;text-decoration:none}.section-custom-design-demo .custom-demo__heading .custom-demo__content a:hover{text-decoration:underline}.section-custom-design-demo .custom-demo__heading .button{--buttons-radius: 60px;--buttons-radius-outset: 60px;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.4;min-height:calc(4.7rem + var(--buttons-border-width) * 2);padding:0 33px}.section-custom-design-demo .custom-demo__heading .button:hover{background:var(--buttons-color-text);color:var(--buttons-color-bg)}.section-custom-design-demo .custom-demo__heading .button:after{display:none}.section-custom-design-demo .custom-demo__example{border-radius:calc(var(--buttons-radius) * 2);padding:23px 16px 16px;position:relative;z-index:5}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__example{padding-top:24px}}.section-custom-design-demo .custom-demo__example:nth-last-of-type(1){z-index:1}.section-custom-design-demo .custom-demo__example:nth-last-of-type(1) .icon-btn-arrow{display:none}.section-custom-design-demo .custom-demo__example .custom-demo__title{color:inherit;font:bold 14px/1.6 var(--font-body-family);letter-spacing:0;margin:0 0 7px 8px}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__example .custom-demo__title{font-size:18px}}.section-custom-design-demo .custom-demo__example .custom-demo__media{border-radius:24px;height:270px;overflow:hidden}@media screen and (min-width: 990px){.section-custom-design-demo .custom-demo__example .custom-demo__media{border-radius:16px;height:300px}}.section-custom-design-demo .custom-demo__example .custom-demo__media img{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.section-custom-design-demo .custom-demo__example .icon-btn-arrow{bottom:calc(var(--row-gap-mobile) / -2);fill:#ff00c7;height:auto;left:50%;position:absolute;transform:translate(-50%,50%);width:75px}.section-custom-design-demo .section-style-create .design-blocks__wrapper{--column-gap-mobile: 16px;--row-gap-mobile: 16px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);gap:var(--column-gap-mobile) var(--row-gap-mobile);grid-auto-flow:row;grid-template-areas:"heading" "." "."}@media screen and (min-width: 750px){.section-custom-design-demo .section-style-create .design-blocks__wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"heading ." "heading ."}}.section-custom-design-demo .section-style-create .custom-demo__heading{background:#530070 url(bg-custom-demo.png) no-repeat 50% 0;background-repeat:no-repeat;background-size:215px 100%;border-radius:calc(var(--buttons-radius) * 2);padding:40px}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-create .custom-demo__heading{background-size:332px 100%}}.section-custom-design-demo .section-style-create .custom-demo__heading .icon-decor{bottom:50px;content:"";height:auto;left:0;position:absolute;width:60px;z-index:5}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-create .custom-demo__heading .icon-decor{width:120px}}.section-custom-design-demo .section-style-create .custom-demo__heading .icon-decor+.icon-decor{bottom:0;left:auto;right:-32px;transform:rotate(-90deg);transform-origin:0 100%}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-create .custom-demo__heading .icon-decor+.icon-decor{right:-77px}}.section-custom-design-demo .section-style-upload{overflow:hidden}.section-custom-design-demo .section-style-upload .design-blocks__wrapper{--column-gap-mobile: 16px;--row-gap-mobile: 16px;background:#530070 url(bg-custom-demo.png) no-repeat 50% 0;background-repeat:no-repeat;background-size:215px 100%;border-radius:calc(var(--buttons-radius) * 2);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);gap:var(--column-gap-mobile) var(--row-gap-mobile);grid-auto-flow:row;grid-template-areas:"heading" "." ".";padding:16px}@media screen and (min-width: 750px){.section-custom-design-demo .section-style-upload .design-blocks__wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"heading heading" ". ."}}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .design-blocks__wrapper{background-size:341px 100%}}.section-custom-design-demo .section-style-upload .custom-demo__heading{min-height:0;padding:107px 0 44px}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .custom-demo__heading{padding:45px 0 44px}}.section-custom-design-demo .section-style-upload .custom-demo__heading .icon-decor{content:"";height:auto;left:15px;position:absolute;top:-8px;transform:rotate(90deg);width:62px;z-index:5}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .custom-demo__heading .icon-decor{left:26px;top:2px;width:120px}}.section-custom-design-demo .section-style-upload .custom-demo__heading .icon-decor+.icon-decor{left:auto;right:-79px;top:-12px;transform:rotate(180deg);transform-origin:0 100%}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .custom-demo__heading .icon-decor+.icon-decor{right:-135px;top:51px}}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .custom-demo__heading .custom-demo__content{margin-right:50px;margin-left:50px}}.section-custom-design-demo .section-style-upload .custom-demo__example{border-radius:var(--buttons-radius)}.section-custom-design-demo .section-style-upload .custom-demo__example .custom-demo__media{height:auto}@media screen and (min-width: 990px){.section-custom-design-demo .section-style-upload .custom-demo__example .custom-demo__media{height:330px;margin:47px 0 34px}}.section-custom-design-demo .section-style-upload .custom-demo__example .custom-demo__media,.section-custom-design-demo .section-style-upload .custom-demo__example .custom-demo__media img{border-radius:var(--buttons-radius)}.section-custom-design-demo .section-style-upload .custom-demo__example .custom-demo__media img{-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 750px){.section-custom-design-demo .section-style-upload .custom-demo__example .icon-btn-arrow{bottom:auto;left:auto;right:calc(var(--row-gap-mobile) / -2);top:50%;transform:translate(50%,-50%) rotate(-90deg)}}@media screen and (min-width: 990px){#shopify-section-template--17640691925156__custom_design_demo_8EbkjT .custom-demo__example .custom-demo__media{height:500px!important}}.section-custom-design-demo .custom-demo__content p strong{color:#ffdc25}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-custom-design-demo.css.map */