Banner 10

Banner with a customizable countdown timer with close option. Set your end date in Webflow embed element and the component does the rest of the work.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"65ab1349-f43e-9373-d1c7-515c3c156deb","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef4"],"children":["f90f2ebf-2e1f-c2e1-877d-f5fd1e46fe1a","a3800020-6a53-e6c2-2901-8188ccf6e0da","5930f428-5268-485e-1325-19a643572f50"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f90f2ebf-2e1f-c2e1-877d-f5fd1e46fe1a","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef7"],"children":["cf5d21a3-d3f9-7242-7f68-e1276e8be911","192f7220-582f-8bc1-7cd3-5ccd1a4e5ba4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cf5d21a3-d3f9-7242-7f68-e1276e8be911","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef8"],"children":["ef1b92e7-9e9d-2cef-17e6-a7a0ded4ebc8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ef1b92e7-9e9d-2cef-17e6-a7a0ded4ebc8","text":true,"v":"Grand opening coming soon!"},{"_id":"192f7220-582f-8bc1-7cd3-5ccd1a4e5ba4","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014f"],"children":["f42eeb52-e048-aa6d-79da-910a0f4b718a","66dc6276-7cfb-0207-c175-59bf97b0771f","60b98054-493e-13be-8c27-c87834d68a43","b5bac042-ec51-b35c-d943-ef0a2d6c388c","6ed2bdde-df1a-151b-fe81-b46240428c30","258ee37c-352a-314e-5b26-fcf4c53c6b92","7b9dc7c8-ab07-87eb-3d6c-98d1ed00032a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"countdown-clock"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f42eeb52-e048-aa6d-79da-910a0f4b718a","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["32766198-a673-373b-9bfc-b894fccf6f30","04290477-ba82-811d-8201-c3d7eb31c437"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"32766198-a673-373b-9bfc-b894fccf6f30","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["5fb163f5-1d2d-08c7-2648-63627571c862"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5fb163f5-1d2d-08c7-2648-63627571c862","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014c"],"children":["03b0c508-8bfd-30d8-4e64-3449e8351694"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"days"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"03b0c508-8bfd-30d8-4e64-3449e8351694","text":true,"v":"00"},{"_id":"04290477-ba82-811d-8201-c3d7eb31c437","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["3c72c38d-4377-eb49-283e-6dd58753953c"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3c72c38d-4377-eb49-283e-6dd58753953c","text":true,"v":"Days"},{"_id":"66dc6276-7cfb-0207-c175-59bf97b0771f","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["7a5f2f6f-e51b-470a-d075-8acef50c5e8f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7a5f2f6f-e51b-470a-d075-8acef50c5e8f","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["b8389ed6-69cc-be07-5d46-830999896d92"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b8389ed6-69cc-be07-5d46-830999896d92","text":true,"v":":"},{"_id":"60b98054-493e-13be-8c27-c87834d68a43","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["293df70f-9a1f-c0d8-3bea-d05e896a4873","668b1ae6-70b2-a7f4-a2b5-bd64af791c78"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"293df70f-9a1f-c0d8-3bea-d05e896a4873","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef9"],"children":["1ba241f7-a67c-b230-dc8e-4f67d7602fe6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1ba241f7-a67c-b230-dc8e-4f67d7602fe6","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0148"],"children":["4886143d-3595-e13c-c559-f9988f8aa3a4"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4886143d-3595-e13c-c559-f9988f8aa3a4","text":true,"v":"00"},{"_id":"668b1ae6-70b2-a7f4-a2b5-bd64af791c78","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef5"],"children":["ce3f4b95-ed58-2cbc-c395-dc646c3b68b9"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ce3f4b95-ed58-2cbc-c395-dc646c3b68b9","text":true,"v":"Hours"},{"_id":"b5bac042-ec51-b35c-d943-ef0a2d6c388c","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["732901f3-5894-e506-2bc9-c264ea15c4fc"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"732901f3-5894-e506-2bc9-c264ea15c4fc","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["56990cbc-c0ac-8fed-5339-2d3798728de0"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"56990cbc-c0ac-8fed-5339-2d3798728de0","text":true,"v":":"},{"_id":"6ed2bdde-df1a-151b-fe81-b46240428c30","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["fc1eac41-8ec1-d5d4-c7ea-34656d72c1e1","9f2a3027-093f-8326-9b34-367c93080564"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fc1eac41-8ec1-d5d4-c7ea-34656d72c1e1","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef9"],"children":["3841fb17-5bfa-a791-b68a-14fc0ba088fc"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3841fb17-5bfa-a791-b68a-14fc0ba088fc","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014e"],"children":["0d6da21a-1bb8-4ba9-05ca-72a5ccf3b998"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0d6da21a-1bb8-4ba9-05ca-72a5ccf3b998","text":true,"v":"00"},{"_id":"9f2a3027-093f-8326-9b34-367c93080564","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef5"],"children":["c7ed94ae-5fdf-2530-29d1-984b0e85837d"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c7ed94ae-5fdf-2530-29d1-984b0e85837d","text":true,"v":"Minutes"},{"_id":"258ee37c-352a-314e-5b26-fcf4c53c6b92","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["e2866790-9f1b-0159-003d-51d599aeaece"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e2866790-9f1b-0159-003d-51d599aeaece","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["da29754a-df2d-ec22-5ca2-375be3e5b5ac"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"da29754a-df2d-ec22-5ca2-375be3e5b5ac","text":true,"v":":"},{"_id":"7b9dc7c8-ab07-87eb-3d6c-98d1ed00032a","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["5c703ec0-0a65-b4a1-2e0b-6f8334a22f59","38fb876b-c772-ba82-753b-e75ba0470b51"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c703ec0-0a65-b4a1-2e0b-6f8334a22f59","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef9"],"children":["7bfe74c0-d061-2b0c-865c-4d89aca6b1a7"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7bfe74c0-d061-2b0c-865c-4d89aca6b1a7","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0147"],"children":["a0b61a3a-65b1-25ca-9bbe-66b4408102ef"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a0b61a3a-65b1-25ca-9bbe-66b4408102ef","text":true,"v":"00"},{"_id":"38fb876b-c772-ba82-753b-e75ba0470b51","type":"Block","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef5"],"children":["68a788c5-7473-3694-af9a-1636f7b268fd"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"68a788c5-7473-3694-af9a-1636f7b268fd","text":true,"v":"Seconds"},{"_id":"a3800020-6a53-e6c2-2901-8188ccf6e0da","type":"Link","tag":"a","classes":["bee375f0-9308-8f64-e414-1230a6adeef3"],"children":["810d138f-be28-114f-e5d1-28bbf7590669"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"810d138f-be28-114f-e5d1-28bbf7590669","type":"HtmlEmbed","tag":"div","classes":["bee375f0-9308-8f64-e414-1230a6adeef2"],"children":[],"v":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.7729 8.28771C17.0658 7.99481 17.0658 7.51994 16.7729 7.22705C16.48 6.93415 16.0052 6.93415 15.7123 7.22705L16.7729 8.28771ZM7.22699 15.7123C6.9341 16.0052 6.9341 16.4801 7.22699 16.773C7.51989 17.0659 7.99476 17.0659 8.28765 16.773L7.22699 15.7123ZM15.7123 16.7729C16.0052 17.0658 16.48 17.0658 16.7729 16.7729C17.0658 16.48 17.0658 16.0052 16.7729 15.7123L15.7123 16.7729ZM8.28765 7.22699C7.99476 6.9341 7.51989 6.9341 7.22699 7.22699C6.9341 7.51989 6.9341 7.99476 7.22699 8.28765L8.28765 7.22699ZM15.7123 7.22705L7.22699 15.7123L8.28765 16.773L16.7729 8.28771L15.7123 7.22705ZM16.7729 15.7123L8.28765 7.22699L7.22699 8.28765L15.7123 16.7729L16.7729 15.7123Z\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.7729 8.28771C17.0658 7.99481 17.0658 7.51994 16.7729 7.22705C16.48 6.93415 16.0052 6.93415 15.7123 7.22705L16.7729 8.28771ZM7.22699 15.7123C6.9341 16.0052 6.9341 16.4801 7.22699 16.773C7.51989 17.0659 7.99476 17.0659 8.28765 16.773L7.22699 15.7123ZM15.7123 16.7729C16.0052 17.0658 16.48 17.0658 16.7729 16.7729C17.0658 16.48 17.0658 16.0052 16.7729 15.7123L15.7123 16.7729ZM8.28765 7.22699C7.99476 6.9341 7.51989 6.9341 7.22699 7.22699C6.9341 7.51989 6.9341 7.99476 7.22699 8.28765L8.28765 7.22699ZM15.7123 7.22705L7.22699 15.7123L8.28765 16.773L16.7729 8.28771L15.7123 7.22705ZM16.7729 15.7123L8.28765 7.22699L7.22699 8.28765L15.7123 16.7729L16.7729 15.7123Z\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"5930f428-5268-485e-1325-19a643572f50","type":"HtmlEmbed","tag":"div","classes":["a8cb8461-0290-81db-57a9-73e47a42edef"],"children":[],"v":"<script>\n// Change this date to update when the countdown will be at zero\nconst eventendtime = 'October 02 2024 00:00:00 GMT-0400';\n\nfunction timeRemaining(endtime) {\n const total = Date.parse(endtime) - Date.parse(new Date());\n const seconds = Math.floor((total/1000) % 60);\n const minutes = Math.floor((total/1000/60) % 60);\n const hours = Math.floor((total/1000/60/60) % 24);\n const days = Math.floor((total/1000/60/60/24));\n return {\n total, days, hours, minutes, seconds\n };\n}\n\nfunction initializeClock(id, endtime) {\n const clock = document.getElementById(id);\n const daysElement = clock.querySelector('.days');\n const hoursElement = clock.querySelector('.hours');\n const minutesElement = clock.querySelector('.minutes');\n const secondsElement = clock.querySelector('.seconds');\n function updateClock() {\n const t = timeRemaining(endtime);\n daysElement.innerHTML = t.days;\n hoursElement.innerHTML = ('0' + t.hours).slice(-2);\n minutesElement.innerHTML = ('0' + t.minutes).slice(-2);\n secondsElement.innerHTML = ('0' + t.seconds).slice(-2);\n if (t.total <= 0) {\n clearInterval(time_interval);\n }\n }\n updateClock();\n var time_interval = setInterval(updateClock,1000);\n}\n\ninitializeClock('countdown-clock', eventendtime);\n\n</script>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<script>\n// Change this date to update when the countdown will be at zero\nconst eventendtime = 'October 02 2024 00:00:00 GMT-0400';\n\nfunction timeRemaining(endtime) {\n const total = Date.parse(endtime) - Date.parse(new Date());\n const seconds = Math.floor((total/1000) % 60);\n const minutes = Math.floor((total/1000/60) % 60);\n const hours = Math.floor((total/1000/60/60) % 24);\n const days = Math.floor((total/1000/60/60/24));\n return {\n total, days, hours, minutes, seconds\n };\n}\n\nfunction initializeClock(id, endtime) {\n const clock = document.getElementById(id);\n const daysElement = clock.querySelector('.days');\n const hoursElement = clock.querySelector('.hours');\n const minutesElement = clock.querySelector('.minutes');\n const secondsElement = clock.querySelector('.seconds');\n function updateClock() {\n const t = timeRemaining(endtime);\n daysElement.innerHTML = t.days;\n hoursElement.innerHTML = ('0' + t.hours).slice(-2);\n minutesElement.innerHTML = ('0' + t.minutes).slice(-2);\n secondsElement.innerHTML = ('0' + t.seconds).slice(-2);\n if (t.total <= 0) {\n clearInterval(time_interval);\n }\n }\n updateClock();\n var time_interval = setInterval(updateClock,1000);\n}\n\ninitializeClock('countdown-clock', eventendtime);\n\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}}],"styles":[{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014d","fake":false,"type":"class","name":"countdown_divider","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef3","fake":false,"type":"class","name":"banner-10_close","namespace":"","comb":"","styleLess":"position: absolute; top: 0.5rem; right: 0.5rem;","variants":{"small":{"styleLess":"top: 0.5rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014e","fake":false,"type":"class","name":"minutes","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef4","fake":false,"type":"class","name":"banner-10","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; background-color: #e3eaf4;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef2","fake":false,"type":"class","name":"banner-10_icon","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; color: #3b4961;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef5","fake":false,"type":"class","name":"countdown_label 2","namespace":"","comb":"","styleLess":"font-size: 0.875rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 0.75rem;"},"small":{"styleLess":"font-size: 0.75rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a8cb8461-0290-81db-57a9-73e47a42edef","fake":false,"type":"class","name":"CODE: Countdown Timer","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0149","fake":false,"type":"class","name":"countdown_days","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014f","fake":false,"type":"class","name":"countdown","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 0.75em; grid-row-gap: 0.75em; color: #0f1929;","variants":{"tiny":{"styleLess":"grid-column-gap: 0.25em;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef7","fake":false,"type":"class","name":"banner-10_content","namespace":"","comb":"","styleLess":"display: flex; max-width: 100%; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{"tiny":{"styleLess":""}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef9","fake":false,"type":"class","name":"countdown_number 2","namespace":"","comb":"","styleLess":"min-width: 3rem; font-size: 2rem; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"bee375f0-9308-8f64-e414-1230a6adeef8","fake":false,"type":"class","name":"banner-10_text","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0148","fake":false,"type":"class","name":"hours","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014c","fake":false,"type":"class","name":"days","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014a","fake":false,"type":"class","name":"countdown_number","namespace":"","comb":"","styleLess":"min-width: 3rem; font-size: 2rem; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"},"tiny":{"styleLess":""}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0146","fake":false,"type":"class","name":"countdown_colon","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0147","fake":false,"type":"class","name":"seconds","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014b","fake":false,"type":"class","name":"countdown_label","namespace":"","comb":"","styleLess":"font-size: 0.875rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 0.75rem;"},"small":{"styleLess":"font-size: 0.75rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from
Piixel Media