{
"widgets": [
{
"id": 501667,
"type": "form",
"layout": "flyby",
"sort_order": -1.0,
"version": "V1",
"name": "Slide-in \u2013 USE FILTERS TO FIND WHAT YOU'RE LOOKING FOR",
"pages": [
{
"data": {
"note": "",
"title": "USE FILTERS TO FIND WHAT YOU'RE LOOKING FOR!
",
"fields": [],
"buttons": [
{
"id": "955375036",
"type": "primary",
"label": "GOT IT",
"actions": [
{
"type": "close"
}
],
"visible": true
}
],
"description": "Look for the Filter By icon on the left side of your screen.
",
"backgroundActions": []
},
"name": "page-1",
"type": "form",
"style": {
"media": {
"mobile": {
"width": "95%",
"images": [
{
"src": "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120px%22%20height%3D%22120px%22%20viewBox%3D%220%200%20120%20120%22%3E%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Cg%3E%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22120%22%20height%3D%22120%22%3E%3C%2Frect%3E%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20d%3D%22M54%2C48.8181818%20L68.323%2C69.2161818%20L74%2C61.6363636%20L90%2C83%20L30%2C83%20L54%2C48.8181818%20Z%20M84%2C36%20C87.3137085%2C36%2090%2C38.8694477%2090%2C42.4090909%20C90%2C45.9487341%2087.3137085%2C48.8181818%2084%2C48.8181818%20C80.6862915%2C48.8181818%2078%2C45.9487341%2078%2C42.4090909%20C78%2C38.8694477%2080.6862915%2C36%2084%2C36%20Z%22%20%20%20%20%20%20%20%20fill%3D%22%230F0F0F%22%3E%3C%2Fpath%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
"size": "100% 180px",
"type": "image",
"angle": "0deg",
"flipX": false,
"flipY": false,
"style": {
"padding": "30px",
"objectFit": "contain",
"backgroundColor": "#f5f8fa"
},
"hidden": false,
"repeat": "no-repeat",
"opacity": 1,
"objectFit": "cover",
"positionX": "left 0px",
"positionY": "top 0px",
"objectPosition": "50% 50%"
},
{
"src": "https://m2.getsitecontrol.com/images/41859/c45c9db9ef983c24ab4c5893126f86c9_338595796.png",
"size": "200px auto",
"type": "image",
"angle": "0deg",
"flipX": false,
"flipY": false,
"style": null,
"hidden": false,
"repeat": "no-repeat",
"opacity": 1,
"objectFit": "cover",
"positionX": "0px",
"positionY": "0px",
"objectPosition": "50% 50%"
}
],
"padding": {
"top": "220px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "414px",
"overflow": "hidden",
"background": []
},
"desktop": {
"width": "336px",
"images": [
{
"src": "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120px%22%20height%3D%22120px%22%20viewBox%3D%220%200%20120%20120%22%3E%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Cg%3E%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22120%22%20height%3D%22120%22%3E%3C%2Frect%3E%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20d%3D%22M54%2C48.8181818%20L68.323%2C69.2161818%20L74%2C61.6363636%20L90%2C83%20L30%2C83%20L54%2C48.8181818%20Z%20M84%2C36%20C87.3137085%2C36%2090%2C38.8694477%2090%2C42.4090909%20C90%2C45.9487341%2087.3137085%2C48.8181818%2084%2C48.8181818%20C80.6862915%2C48.8181818%2078%2C45.9487341%2078%2C42.4090909%20C78%2C38.8694477%2080.6862915%2C36%2084%2C36%20Z%22%20%20%20%20%20%20%20%20fill%3D%22%230F0F0F%22%3E%3C%2Fpath%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E",
"size": "100% 188px",
"type": "image",
"angle": "0deg",
"flipX": false,
"flipY": false,
"style": {
"padding": "30px",
"objectFit": "contain",
"backgroundColor": "#f5f8fa"
},
"hidden": false,
"repeat": "no-repeat",
"opacity": 1,
"objectFit": "cover",
"positionX": "left 0px",
"positionY": "top 0px",
"objectPosition": "50% 50%"
},
{
"src": "https://m2.getsitecontrol.com/images/41859/c45c9db9ef983c24ab4c5893126f86c9_338595796.png",
"size": "100% 188px",
"type": "image",
"angle": "0deg",
"flipX": false,
"flipY": false,
"style": null,
"hidden": false,
"repeat": "no-repeat",
"opacity": 1,
"objectFit": "cover",
"positionX": "left 0px",
"positionY": "top 0px",
"objectPosition": "50% 50%"
}
],
"padding": {
"top": "228px",
"left": "40px",
"right": "40px",
"bottom": "40px"
},
"maxWidth": "none",
"overflow": "hidden",
"background": []
}
}
}
}
],
"teaser": null,
"style": {
"css": "@import url('https://fonts.googleapis.com/css?family=Sora:400,700,900&display=swap');\n.root {\n left: 0;\n right: 0;\n bottom: 10px;\n margin: 0 auto;\n}\n@media (min-width: 960px) {\n .root {\n left: auto;\n right: 32px;\n bottom: 32px;\n margin: 0;\n }\n}\n.buttons {\n flex-flow: column;\n}\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.tooltip {\n display: block;\n position: absolute;\n width: max-content;\n max-width: 250px;\n white-space: normal;\n pointer-events: none;\n animation: fade-in 250ms linear both;\n padding: 4px 8px;\n line-height: 1.71428571;\n font-size: 14px;\n font-weight: normal;\n background: #0f0f0f;\n color: #ffffff;\n}\n.tooltip:after {\n position: absolute;\n width: 0;\n height: 0;\n border: 4px solid transparent;\n content: '';\n}\n.tooltip-top {\n bottom: calc(100% + 10px);\n}\n.tooltip-top,\n.tooltip-top:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-top:after {\n top: 100%;\n border-top-color: #0f0f0f;\n}\n.tooltip-bottom {\n top: calc(100% + 10px);\n}\n.tooltip-bottom,\n.tooltip-bottom:after {\n left: 50%;\n transform: translate3d(-50%, 0, 0);\n}\n.tooltip-bottom:after {\n bottom: 100%;\n border-bottom-color: #0f0f0f;\n}\n.tooltip-left {\n right: calc(100% + 10px);\n}\n.tooltip-left,\n.tooltip-left:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-left:after {\n left: 100%;\n border-left-color: #0f0f0f;\n}\n.tooltip-right {\n left: calc(100% + 10px);\n}\n.tooltip-right,\n.tooltip-right:after {\n top: 50%;\n transform: translate3d(0, -50%, 0);\n}\n.tooltip-right:after {\n right: 100%;\n border-right-color: #0f0f0f;\n}\n.notification {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n font-size: 18px;\n background-color: rgba(255, 255, 255, 0.7);\n color: #0f0f0f;\n animation: fade-in 250ms linear both;\n}\n.container {\n font-family: Sora, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 18px;\n line-height: 1.55555556;\n border-radius: 0;\n box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15);\n}\n@media (min-width: 960px) {\n .container {\n box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);\n }\n}\n.close:before,\n.back:before,\n.caret:before {\n opacity: 0.3;\n width: 24px;\n height: 24px;\n}\n.close:hover:before,\n.back:hover:before,\n.caret:hover:before {\n opacity: 1;\n}\n.close:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.close:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-290.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28290.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.999954%208.44117617%2015.5588332%207.00005699%2011.998935%2010.5575%208.44121825%207%207.00004599%208.44117067%2010.5585606%2011.9999973%207%2015.5587778%208.44122375%2017%2011.998935%2013.4414323%2015.5588277%2016.999943%2017%2015.5587723%2013.4414339%2011.9999973z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%230f0f0f%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.back:hover:before {\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-263.000000,%20-65.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20transform%3D%22translate%28263.000000,%2065.000000%29%22%3E%3Cpath%20d%3D%22M22.5%201.5v21H1.5V1.5h21z%22%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.3829119%207%2015%208.50219947%2011.2340149%2011.9999615%2014.9999171%2015.4976464%2013.3829949%2017%208%2012.0004744z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');\n}\n.caret {\n padding-right: 16px;\n}\n.caret:before {\n transition: opacity 200ms;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret:hover:before {\n transform: none;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22%230f0f0f%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20stroke%3D%22%230f0f0f%22%20stroke-width%3D%223%22%20d%3D%22M22.5,1.5%20L22.5,22.5%20L1.5,22.5%20L1.5,1.5%20L22.5,1.5%20Z%22%20transform%3D%22matrix%280%20-1%20-1%200%2024%2024%29%22/%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23ffffff%22%20fill-rule%3D%22nonzero%22%20points%3D%2213.883%207.5%2015.5%209.002%2011.734%2012.5%2015.5%2015.998%2013.883%2017.5%208.5%2012.5%22%20transform%3D%22matrix%280%20-1%20-1%200%2024.5%2024.5%29%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');\n}\n.caret.collapsed:hover:before {\n transform: rotate(180deg);\n}\n.back {\n right: 44px;\n padding-right: 4px;\n}\n.back + .close,\n.back + .caret {\n padding-left: 4px;\n}\n.title {\n font-weight: 900;\n font-size: 24px;\n line-height: 1.33333333;\n margin-bottom: 24px;\n}\n.description {\n line-height: inherit;\n margin: 0 0 24px;\n}\n.no-fields .form {\n margin-top: 8px;\n}\n.fields {\n margin-bottom: 32px;\n}\n.field + .field {\n margin: 24px 0 0 0;\n}\n.field-title {\n margin: 0 0 12px;\n}\n.radio .field-title,\n.checkbox .field-title {\n margin: 0 0 16px;\n}\n.field-title {\n line-height: inherit;\n}\n.buttons {\n margin: -8px;\n}\n.buttons .button {\n margin: 8px;\n padding: 11px 32px;\n font-weight: 900;\n line-height: 1.55555556;\n border-radius: 0;\n border: none;\n}\n.button.primary,\n.button.primary.icon {\n border: 3px solid #0f0f0f;\n background-color: transparent;\n}\n.button.primary:hover,\n.button.primary.icon:hover,\n.button.primary:focus,\n.button.primary.icon:focus {\n background-color: #0f0f0f;\n color: #ffffff;\n}\n.button.normal,\n.button.normal.icon {\n border: 3px solid rgba(15, 15, 15, 0.3);\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.normal:hover,\n.button.normal.icon:hover,\n.button.normal:focus,\n.button.normal.icon:focus {\n color: #0f0f0f;\n border-color: #0f0f0f;\n}\n.button.primary.icon svg,\n.button.normal.icon svg {\n width: 24px;\n height: 28px;\n}\n.button.secondary,\n.button.secondary.icon {\n padding: 0;\n background-color: transparent;\n color: rgba(15, 15, 15, 0.3);\n}\n.button.secondary:hover,\n.button.secondary.icon:hover,\n.button.secondary:focus,\n.button.secondary.icon:focus {\n background-color: transparent;\n color: #0f0f0f;\n}\n.input-text,\n.input-textarea,\n.input-select {\n border: none;\n border-bottom: solid 3px rgba(15, 15, 15, 0.1);\n border-radius: 0;\n background-color: transparent;\n font-size: 18px;\n line-height: 1.55555556;\n}\n.input-text::placeholder,\n.input-textarea::placeholder,\n.input-select::placeholder {\n color: rgba(15, 15, 15, 0.3);\n}\n.input-text:hover,\n.input-textarea:hover,\n.input-select:hover,\n.input-text:focus,\n.input-textarea:focus,\n.input-select:focus {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text.filled,\n.input-textarea.filled {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-text {\n padding: 0 0 11px 0;\n}\n.input-textarea {\n padding: 0;\n height: 99px;\n}\n.input-select select {\n padding: 0 24px 11px 0;\n line-height: inherit;\n}\n.input-select:after {\n top: 10px;\n transform: none;\n right: 0;\n background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20stroke%3D%22%230f0f0f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M1%203.95L5.95%208.9l4.95-4.95%22/%3E%3C/svg%3E');\n}\n.input-select:focus-within,\n.input-select.selected {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-select:focus-within:after,\n.input-select.selected:after {\n opacity: 1;\n}\n.input-check label {\n margin-bottom: 20px;\n}\n.input-check label span {\n padding-left: 38px;\n}\n.input-check label span:before {\n width: 24px;\n height: 24px;\n top: 0;\n}\n.input-check label input[type='radio'] + span:before,\n.input-check label input[type='checkbox'] + span:before {\n background-color: transparent;\n border: 3px solid rgba(15, 15, 15, 0.1);\n}\n.input-check label input[type='radio'] + span:after,\n.input-check label input[type='checkbox'] + span:after {\n left: 4px;\n}\n.input-check label input[type='radio']:checked + span:before,\n.input-check label input[type='checkbox']:checked + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-check label input[type='radio']:checked + span:after,\n.input-check label input[type='checkbox']:checked + span:after {\n left: 4px;\n}\n.input-check label input[type='checkbox'] + span:before {\n border-radius: 0;\n}\n.input-check label:hover input[type='radio'] + span:before,\n.input-check label:focus input[type='radio'] + span:before,\n.input-check label:hover input[type='checkbox'] + span:before,\n.input-check label:focus input[type='checkbox'] + span:before {\n border-color: rgba(15, 15, 15, 0.9);\n}\n.input-rating label {\n width: 38px;\n height: 32px;\n padding: 0 8px 0 2px;\n}\n.input-rating label svg {\n stroke-width: 3;\n overflow: visible;\n}\n.note {\n font-size: 14px;\n line-height: 1.57142857;\n margin: 32px 0 0;\n color: rgba(15, 15, 15, 0.3);\n}\n@keyframes slide-in-bottom {\n 0% {\n transform: translateY(150%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes slide-out-bottom {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(150%);\n }\n}\n.root.enter {\n animation: slide-in-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n.root.leave {\n animation: slide-out-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n@keyframes shake {\n 100% {\n transform: none;\n }\n 0%,\n 99% {\n transform: translate(0, 0);\n }\n 20% {\n transform: translateX(-10px);\n }\n 60% {\n transform: translateX(-5px);\n }\n 40% {\n transform: translateX(10px);\n }\n 80% {\n transform: translateX(5px);\n }\n}\n.form.submit .invalid {\n animation: shake 600ms;\n}\n@keyframes sent-backdrop {\n 0%,\n 100% {\n opacity: 0;\n background-color: rgba(255, 255, 255, 0);\n }\n 50%,\n 75% {\n opacity: 0.6;\n background-color: #ffffff;\n }\n}\n@keyframes success-icon-scale {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 50% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 75% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.2);\n }\n}\n@keyframes success-icon-show-path {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes success-icon-draw-circle {\n 0% {\n opacity: 1;\n stroke-dashoffset: 150.72;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 75.36;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n@keyframes success-icon-draw-check {\n 0% {\n opacity: 1;\n stroke-dashoffset: 36;\n }\n 25% {\n opacity: 1;\n stroke-dashoffset: 18;\n }\n 50% {\n opacity: 1;\n stroke-dashoffset: 0;\n }\n 100% {\n opacity: 0;\n stroke-dashoffset: 0;\n }\n}\n.root.form-sending .content:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n animation: sent-backdrop 2s both;\n}\n.root.form-sending .content .success-icon {\n display: block;\n width: 100%;\n height: 100%;\n animation: success-icon-scale 1.8s linear both;\n}\n.root.form-sending .content .success-icon path {\n animation: success-icon-show-path 1.2s linear both;\n}\n.root.form-sending .content .success-icon circle {\n animation: success-icon-draw-circle 1.2s linear both;\n}\n.root.form-sending .content .success-icon polyline {\n animation: success-icon-draw-check 1.2s linear both;\n}\n\n",
"media": {},
"colors": {
"text": "#0f0f0f",
"button": "#0f0f0f",
"background": "#ffffff",
"buttonText": "#0f0f0f"
}
},
"data": {},
"targeting": {
"data": {
"timezones": {}
},
"group": {
"items": [
{
"id": "TargetingGroupLocation",
"items": [
{
"items": [
{
"type": "location",
"value": "/collections/used-vinyl",
"operation": "matchUrl"
},
{
"type": "location",
"value": "/collections/newvinyl",
"operation": "matchUrl"
},
{
"type": "location",
"value": "/collections/preorders",
"operation": "matchUrl"
},
{
"type": "location",
"value": "/collections/back-in-stock",
"operation": "matchUrl"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupStart",
"items": [
{
"name": "",
"type": "timeOnPage",
"value": 5000,
"operation": ">"
}
],
"operation": "or"
},
{
"id": "TargetingGroupHide",
"items": [
{
"name": "",
"type": "timeDisplay",
"value": 10000,
"operation": ">"
}
],
"operation": "or"
},
{
"id": "TargetingGroupStop",
"items": [
{
"type": "timeSinceLastClose",
"value": null,
"operation": "undefined"
}
],
"operation": "and"
}
],
"operation": "and"
}
},
"settings": {
"recaptcha": true,
"recaptcha_hide_badge": false
}
},
{
"id": 387233,
"type": "form",
"layout": "bar",
"sort_order": 2.0,
"version": "V2",
"name": "Bar \u2013 RUSH MY ORDER!",
"pages": [
{
"id": "page-1",
"css": {
"--g-root-bg": "#ffffff",
"--g-root-color": "#0f0f0f",
"--g-root-width": "100%",
"--g-root-overflow": "visible",
"@media (--mobile)": {
"--g-root-width": "100%",
"--g-root-overflow": "hidden",
"--g-root-max-height": "none"
},
"--g-root-max-height": "none"
},
"root": {
"id": "027880891",
"css": {
"@media (--mobile)": {}
},
"type": "group",
"actions": [],
"children": [
{
"id": "167296933",
"css": {
"@media (--mobile)": {}
},
"type": "group",
"children": [
{
"id": "595701513",
"css": {
"top": "0px",
"left": "0px",
"right": "initial",
"width": "100px",
"bottom": "initial",
"height": "Auto",
"zIndex": 0,
"display": "block",
"objectFit": "contain",
"objectPosition": "50% 50%",
"@media (--mobile)": {
"top": "initial",
"left": "5px",
"width": "calc(100% - 10px)",
"bottom": "5px",
"height": "60px"
}
},
"src": "https://m2.getsitecontrol.com/images/41859/1ab5e21b9667013eea0ad4d063b4e80f_285878921.gif",
"type": "image"
}
],
"className": "images"
},
{
"id": "337384728",
"css": {
"padding": "0px",
"@media (--mobile)": {
"padding": "0px"
}
},
"type": "group",
"children": [
{
"id": "289289773",
"css": {
"width": "fit-content",
"margin": "auto",
"padding": "14px 60px 14px 98px",
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "flex-start",
"@media (--mobile)": {
"width": "100%",
"padding": "24px 24px 70px 24px",
"alignItems": "flex-start",
"flexDirection": "column",
"justifyContent": "flex-start"
}
},
"type": "group",
"children": [
{
"id": "695746160",
"css": {
"width": "fit-content",
"display": "block",
"fontSize": "18px",
"textAlign": "left",
"fontWeight": "900",
"lineHeight": "28px",
"@media (--mobile)": {
"width": "100%"
}
},
"tag": "h3",
"text": "RUSH YOUR ORDER FOR $5!
",
"type": "text",
"className": "title"
},
{
"id": "596106301",
"css": {
"width": "fit-content",
"display": "block",
"textAlign": "left",
"@media (--mobile)": {
"width": "100%"
}
},
"tag": "p",
"role": "note",
"text": "Priority fulfillment - usually same day
",
"type": "text",
"className": "description"
},
{
"id": "669167662",
"css": {
"width": "fit-content",
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "flex-start",
"@media (--mobile)": {
"width": "100%",
"alignItems": "flex-start",
"flexDirection": "column",
"justifyContent": "flex-start"
}
},
"type": "group",
"children": [
{
"id": "334756938",
"css": {
"width": "fit-content",
"alignItems": "center",
"flexDirection": "row",
"justifyContent": "flex-start",
"@media (--mobile)": {
"width": "100%",
"alignItems": "flex-start",
"flexDirection": "column",
"justifyContent": "flex-start"
}
},
"type": "group",
"children": [
{
"id": "426255014",
"css": {
"width": "100%",
"fontWeight": "900",
"--g-button-bg": "rgba(0,0,0,0)",
"--g-button-color": "rgba(15,15,15,1)",
"@media (--mobile)": {
"width": "100%"
},
"--g-button-bg-active": "#0f0f0f",
"--g-button-border-color": "rgba(15,15,15,1)",
"--g-button-color-active": "#ffffff",
"--g-button-bg-active-default": "rgba(0,0,0,0)",
"--g-button-border-color-active": "var(--g-button-border-color)",
"--g-button-color-active-default": "rgba(15,15,15,1)",
"--g-button-border-color-active-default": "rgba(41,41,41,1)"
},
"type": "button",
"label": "RUSH MY ORDER!",
"actions": [
{
"type": "close"
},
{
"type": "addToCart",
"items": [
{
"id": 40462238777424,
"quantity": 1
}
],
"redirect": "/cart",
"selectionType": "items",
"successMessage": "RUSH SERVICE ADDED!"
}
],
"className": "primary"
}
],
"className": "buttons"
}
],
"className": "form"
},
{
"id": "594977372",
"css": {
"width": "fit-content",
"display": "block",
"opacity": "0.3",
"textAlign": "left",
"@media (--mobile)": {
"width": "100%"
}
},
"tag": "p",
"role": "note",
"text": "",
"type": "text",
"className": "note"
}
],
"className": "content"
},
{
"id": "680925813",
"css": {
"img": {
"objectFit": "cover",
"objectPosition": "50% 50%"
},
"top": "0",
"left": "0",
"right": "auto",
"width": "var(--g-hero-size)",
"bottom": "0",
"height": "auto",
"display": "none",
"position": "absolute",
"--g-hero-size": "40%",
"@media (--mobile)": {
"top": "0",
"left": "0",
"right": "0",
"width": "auto",
"bottom": "auto",
"height": "var(--g-hero-size)",
"display": "none",
"--g-hero-size": "150px"
}
},
"src": "https://m2.getsitecontrol.com/images/41859/1ab5e21b9667013eea0ad4d063b4e80f_285878921.gif",
"type": "picture",
"className": "hero"
}
],
"className": "body"
}
],
"className": "container"
},
"type": "form",
"label": "Page 1"
}
],
"teaser": null,
"style": {},
"data": {
"css": "\n\n",
"header": {
"id": "024953968",
"css": {
"fontWeight": "900",
"@media (--mobile)": {}
},
"tag": "div",
"text": "RUSH YOUR ORDER FOR $5!
"
},
"styles": [
{
"id": "theme-901492406",
"css": {
"--g-space-base": "18px",
"--g-font-family": "Sora, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
"--g-root-shadow": "0px 10px 20px 0px rgba(54,61,77,0.15)",
"--g-border-width-base": "3px",
"--g-border-radius-base": "0px",
"--g-root-border-radius": "0px"
},
"selector": ":host"
},
{
"id": "font-334231500",
"name": "import",
"params": "https://fonts.googleapis.com/css?family=Sora:400,700,900&display=swap"
},
{
"id": "validation-968736234",
"css": {
"20%": {
"transform": "translateX(-10px)"
},
"40%": {
"transform": "translateX(10px)"
},
"60%": {
"transform": "translateX(calc(-10px / 2))"
},
"80%": {
"transform": "translateX(calc(10px / 2))"
},
"100%": {
"transform": "none"
},
"0%, 99%": {
"transform": "translate(0, 0)"
}
},
"name": "keyframes",
"params": "shake"
},
{
"id": "validation-865585388",
"css": {
"animation": "shake 600ms"
},
"selector": ".submit .invalid"
},
{
"id": "layout-780199476",
"css": {
"color": "var(--g-root-color)",
"width": "var(--g-root-width)",
"maxWidth": "var(--g-root-max-width)",
"minWidth": "var(--g-root-min-width)",
"overflow": "var(--g-root-overflow)",
"position": "fixed",
"boxShadow": "var(--g-root-shadow)",
"minHeight": "var(--g-root-min-height)",
"borderRadius": "var(--g-root-border-radius)",
"backgroundColor": "var(--g-root-bg)",
"--g-root-overflow": "hidden auto",
"--g-root-max-height": "none"
},
"selector": ".root"
},
{
"id": "layout-452981185",
"css": {
"flex": 1,
"display": "flex",
"flexFlow": "column",
"overflow": "var(--g-root-overflow)",
"position": "relative",
"maxHeight": "var(--g-root-max-height)"
},
"selector": ".container"
},
{
"id": "layout-186189658",
"css": {
"flex": 1,
"position": "relative",
"minHeight": "min-content"
},
"selector": ".body"
},
{
"id": "layout-004266592",
"css": {
"padding": "var(--g-space-1000)",
"position": "relative",
"@media (--mobile)": {
"padding": "calc(var(--g-space-1000) - 12px)"
}
},
"selector": ".content"
},
{
"id": "position-881972634",
"css": {
"top": "var(--g-screen-offset-y)",
"left": 0,
"right": 0,
"bottom": "auto",
"margin": "0 auto",
"@media (--mobile)": {
"--g-screen-offset-x": "0px",
"--g-screen-offset-y": "0px"
},
"--g-screen-offset-x": "0px",
"--g-screen-offset-y": "0px",
"--g-screen-placement": "top"
},
"selector": ".root"
},
{
"id": "enter/leave-024495447",
"css": {
"0%": {
"translate": "0% calc(0% - 150%)"
},
"100%": {
"translate": "0% 0%"
}
},
"name": "keyframes",
"params": "slide-in-top"
},
{
"id": "enter/leave-542425311",
"css": {
"&.enter": {
"animation": "slide-in-top .35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both"
},
"&.leave": {
"animation": "slide-in-top .35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both reverse"
}
},
"selector": ".root"
}
],
"overlay": {
"id": "833744951",
"css": {
"@media (--mobile)": {}
},
"actions": []
},
"backButton": {
"id": "873807053",
"css": {
"--g-close-bg": "transparent",
"--g-close-color": "rgba(15,15,15,0.3)",
"@media (--mobile)": {},
"--g-close-bg-active": "#0f0f0f",
"--g-close-border-color": "rgba(15,15,15,0.3)",
"--g-close-border-width": "3px",
"--g-close-color-active": "#ffffff",
"--g-close-border-color-active": "#0f0f0f"
},
"visible": true
},
"closeButton": {
"id": "032333008",
"css": {
"--g-close-bg": "transparent",
"--g-close-color": "rgba(15,15,15,0.3)",
"@media (--mobile)": {},
"--g-close-bg-active": "#0f0f0f",
"--g-close-border-color": "rgba(15,15,15,0.3)",
"--g-close-border-width": "3px",
"--g-close-color-active": "#ffffff",
"--g-close-border-color-active": "#0f0f0f"
},
"visible": true
}
},
"targeting": {
"data": {
"timezones": {}
},
"group": {
"items": [
{
"id": "TargetingGroupLocation",
"items": [
{
"items": [
{
"type": "location",
"value": "/Cart",
"operation": "matchUrl"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupGeneral",
"items": [
{
"items": [
{
"name": "",
"type": "cartTotalPrice",
"value": "0",
"operation": ">"
}
],
"operation": "or"
}
],
"operation": "and"
},
{
"id": "TargetingGroupStart",
"items": [
{
"type": "atonce",
"value": true,
"operation": "="
}
],
"operation": "or"
},
{
"id": "TargetingGroupHide",
"items": [
{
"type": "atonce",
"value": true,
"operation": "="
}
],
"operation": "or"
},
{
"id": "TargetingGroupStop",
"items": [
{
"name": "",
"type": "timeSinceLastAction",
"value": 120000,
"operation": ">|undefined"
}
],
"operation": "and"
}
],
"operation": "and"
}
},
"settings": {}
}
],
"runtime": {
"sessionLength": 20,
"siteId": "94m6rg67",
"serverUrl": "https://events.getsitectrl.com/api/v1/events",
"events": [
"show",
"close",
"submit",
"openUrl",
"showWidget",
"copyToClipboard",
"addToCart",
"applyCoupon"
],
"currency": "USD",
"currencyFormat": "${{amount}}",
"recaptcha": {
"action": "signup",
"siteKey": "6LeDAxArAAAAALCVzaVjmTfz4YxjE8tCa0wdh7vx",
"serverKey": "Z0FBQUFBQnBhUkZVZFNFckFkTk5MUGY1MmpwVzRveFVNQ3Rodk4wQW1EdFZMUkwwcGZyUVNLV21fSlVTVlBPcXBYZ3ZrRTh5NUxCblpUNzlUazZ6U25TSi0tRnQ5QUhodFg5cFZ1WmV4MmZIQTByZjJCNXU3blZ0X1BJajUybnRiTFlDN0I1dEozcDRMdUJWUGtUS1o1b2xfOHVpSTdnWk0yWGZyTzhLS3ptY2EwVm5QTVJwbHY3Y1NFTjNHRjc2b3VVTWQ2Z2FrYm9BWC1PU0t2RU9UMlJtTDdyZWIxRG9LQ1hGMmhpbXcwd0xNazFWTnJhRm1WLW10ckxVX09fQlM2d0lTUU5yNWpuUk1lWlE3dVN3cDZxTHptci1GWmtpRFE9PQ=="
}
},
"script": {
"js": "https://s2.getsitecontrol.com/widgets/es6/runtime.507ba0a.js",
"mjs": "https://s2.getsitecontrol.com/widgets/es6/runtime.507ba0a.js"
}
}