www.getsnackable.com
Open in
urlscan Pro
35.202.21.90
Public Scan
Submitted URL: http://ec2-100-20-220-134.us-west-2.compute.amazonaws.com/x/d?c=32599013&l=e40dca2d-1389-4009-b6d4-d3cc88bae677&r=aac8bd2e-2fc3-4776-b2cf-7e493f25064c
Effective URL: https://www.getsnackable.com/
Submission: On June 16 via manual from IN — Scanned from US
Effective URL: https://www.getsnackable.com/
Submission: On June 16 via manual from IN — Scanned from US
Form analysis 3 forms found in the DOM
POST https://api.leadpages.io/integration/v1/forms/U5LH4sKTdvyN9d3cSmahkD/submissions
<form action="https://api.leadpages.io/integration/v1/forms/U5LH4sKTdvyN9d3cSmahkD/submissions" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST" accept-charset="UTF-8" target="_top"
autocomplete="on">
<div class="widget-column flex__item--md-12 flex__item--xs-12">
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="b77d5d03-64c9-7c5d-8162-21ece2b592d6" class="widget">
<style data-emotion-css="w76twa">
.css-w76twa .confirm-existence {
display: none;
}
.css-w76twa .error-prompt {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #4c515d;
border-radius: 3px;
color: #4c515d;
display: none;
margin-bottom: 12px;
padding: 18px;
}
.css-w76twa .error-prompt .error-prompt__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 0 0 48px;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
}
.css-w76twa .error-prompt .error-prompt__icon .disabled-checkout {
height: 30px;
width: 48px;
}
.css-w76twa .error-prompt .error-prompt__details {
margin-left: 12px;
}
.css-w76twa .error-prompt .error-prompt__details .error-title {
color: inherit;
font-weight: 700;
}
.css-w76twa .error-prompt .error-prompt__details .error-description {
color: inherit;
}
.css-w76twa .error-prompt.error-prompt--invalid {
color: #fa3246;
border-color: #fa3246;
background-color: #fee0e3;
}
.css-w76twa .error-prompt.error-prompt--invalid .error-prompt__icon {
-webkit-flex-basis: 16px;
-ms-flex-preferred-size: 16px;
flex-basis: 16px;
}
.css-w76twa .error-prompt.error-prompt--invalid .error-prompt__icon .error-line {
width: 16px;
height: 16px;
}
.css-w76twa .error-prompt.error-prompt--invalid .error-prompt__icon .error-line path {
fill: #fa3246;
}
.css-w76twa .lp-form-react__input--billing {
padding: 0.4em 0.5em !important;
background-color: white;
}
.css-w76twa .form-field {
margin-bottom: 12px;
}
.css-w76twa .form-field.last-visible {
margin-bottom: 0;
}
.css-w76twa .form-field.input-hidden {
display: none;
}
.css-w76twa .lp-form-field .lp-form-field__field-block-title {
font-weight: 700;
}
.css-w76twa .lp-form-react__group {
width: 100%;
}
.css-w76twa .lp-form-react__group.is-success {
-webkit-animation: animation-1dcx35r 1s;
animation: animation-1dcx35r 1s;
}
.css-w76twa .lp-form-react__group.js-required {
margin-bottom: 12px;
}
.css-w76twa .lp-form-react__group.js-required .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-w76twa .lp-form-react__group.js-required .lp-form-react__error--required {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-w76twa .lp-form-react__group.js-invalid .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-w76twa .lp-form-react__group.js-invalid .lp-form-react__error--invalid {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-w76twa .lp-form-react__group.js-stripe-invalid .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-w76twa .lp-form-react__group.js-stripe-invalid .lp-form-react__error--stripe-invalid {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-w76twa .lp-form-react__label {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.css-w76twa .lp-form-react__input {
display: block;
width: 100%;
height: 2em;
margin: 0;
padding: 0 0.5em;
line-height: inherit;
border-radius: 3px;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
}
.css-w76twa .lp-form-react__textarea {
padding: 0.5em;
height: auto;
resize: none;
}
.css-w76twa .lp-form-react__error {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
width: 100%;
font-size: 0.75em;
text-align: left;
color: #fa3246;
font-weight: 400;
-webkit-text-decoration: none;
text-decoration: none;
font-style: normal;
margin: 0;
height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.css-w76twa .lp-form-react__error i {
margin-right: 6px;
}
.css-w76twa .lp-form-react-radio-container,
.css-w76twa .lp-form-react-checkbox-container {
line-height: 1;
margin-bottom: 6px;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-w76twa .lp-form-react-radio-container:first-of-type,
.css-w76twa .lp-form-react-checkbox-container:first-of-type {
margin-top: 6px;
}
.css-w76twa .lp-form-react-radio-container:last-of-type,
.css-w76twa .lp-form-react-checkbox-container:last-of-type {
margin-bottom: 12px;
}
.css-w76twa input[type='radio'].lp-form-react-radio {
opacity: 0;
width: 0;
}
.css-w76twa input[type='radio'].lp-form-react-radio:focus+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label {
cursor: pointer;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0 6px 0 0;
cursor: pointer;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
fill: #4c515d;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked {
z-index: 1;
opacity: 1;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
z-index: 0;
opacity: 0;
}
.css-w76twa input[type='radio'].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-w76twa input[type='radio'].lp-form-react-radio:checked+label .lp-form-react-radio-button .lp-form-react-radio-button__checked,
.css-w76twa input[type='radio'].lp-form-react-radio:checked+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 1;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox'] {
display: none;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label:hover span svg,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label:focus span svg,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label:active span svg {
opacity: 1;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox {
height: 16px;
margin: 0;
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .lp-form-react__checkbox-label-container {
position: relative;
width: 20px;
height: 20px;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked path,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked path {
fill: #4c515d;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked {
z-index: 1;
opacity: 1;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
z-index: 0;
opacity: 0;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']:checked+label .checkbox .checkbox__checked,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']:checked+label:hover .checkbox .checkbox__checked {
opacity: 1;
}
@media (hover:hover) {
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label:hover .checkbox .checkbox__checked {
opacity: 0.6;
}
}
.css-w76twa select.lp-form-react-select {
height: 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
background-color: #fff;
}
.css-w76twa .flex-container {
margin-left: -12px;
margin-right: -12px;
}
.css-w76twa .flex.flex-form [class*='flex__item--'] {
padding-left: 12px;
padding-right: 12px;
}
.css-w76twa .labels-are-inside input::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside input::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside input:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside input::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside textarea::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside textarea::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside textarea:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside textarea::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-w76twa .labels-are-inside .coupon-entered .apply-coupon-button {
top: 0.4em;
}
.css-w76twa input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-w76twa input.lp-form-react__input::placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-w76twa textarea.lp-form-react__textarea::placeholder {
font-size: 1em;
}
.css-w76twa .lp-form-react__input {
border: 1px solid rgba(76, 81, 93, 1);
color: #020020;
font-size: inherit;
}
.css-w76twa .lp-form-react__input:focus {
border: 1px solid rgba(76, 81, 93, 1);
box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
outline: 0;
}
.css-w76twa .lp-form-react__input::-webkit-input-placeholder {
color: #767676;
opacity: 1;
}
.css-w76twa .lp-form-react__input::-moz-placeholder {
color: #767676;
opacity: 1;
}
.css-w76twa .lp-form-react__input:-ms-input-placeholder {
color: #767676;
opacity: 1;
}
.css-w76twa .lp-form-react__input::placeholder {
color: #767676;
opacity: 1;
}
.css-w76twa .StripeElement--focus {
border: 1px solid rgba(76, 81, 93, 1);
box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
outline: 0;
}
.css-w76twa .lp-form-react__label {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .labels-are-inside .lp-form-react__input {
color: #020020;
}
.css-w76twa .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .labels-are-inside .lp-form-react__input::-moz-placeholder {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .labels-are-inside .lp-form-react__input::placeholder {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .lp-form-react-radio {
font-family: "Inter", sans-serif;
}
.css-w76twa .lp-form-react-radio+label {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa .lp-form-react-radio+label .lp-form-react-radio-button__unchecked path,
.css-w76twa .lp-form-react-radio+label .lp-form-react-radio-button__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-w76twa .lp-form-field__field-block-title {
font-family: "Inter", sans-serif;
color: rgba(76, 81, 93, 1);
}
.css-w76twa select.lp-form-react-select {
border: 1px solid rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa select.lp-form-react-select:focus {
outline-color: rgba(76, 81, 93, 1);
}
.css-w76twa .lp-form-react__select-option {
font-family: "Inter", sans-serif;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox__unchecked path,
.css-w76twa input.lp-form-react-checkbox[type='checkbox']+label .checkbox__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-w76twa .lp-form-react__description {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
font-size: 0.875rem;
}
.css-w76twa .lp-form-react__privacy-link {
color: rgba(76, 81, 93, 1);
-webkit-text-decoration: underline;
text-decoration: underline;
padding: 10px 0;
}
.css-w76twa .lp-form-react__privacy-link a {
color: inherit;
}
.css-w76twa .lp-form-react__confirm label,
.css-w76twa .lp-form-react__order-bump-checkbox label {
font-size: 0.875rem;
}
</style>
<div class="lp-form-react w-b77d5d03-64c9-7c5d-8162-21ece2b592d6 css-w76twa" data-widget-type="LpInputReact">
<div class="error-prompt error-prompt--disabled">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--invalid">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
<g data-name="Layer 2">
<g data-name="Layer 1">
<path
d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
</path>
<path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
</g>
</g>
</svg></div>
<div class="error-prompt__details">
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--info">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4 last-visible">
<div class="lp-form-react__group js-form-group" id="input-ab6fc82a46ea5b27c3b50b611012b527-U5LH4sKTdvyN9d3cSmahkD"><label for="ab6fc82a46ea5b27c3b50b611012b527-U5LH4sKTdvyN9d3cSmahkD" class="lp-form-react__label"><span></span><input
type="email" autocomplete="email" class="lp-form-react__input js-input-mapping " id="ab6fc82a46ea5b27c3b50b611012b527-U5LH4sKTdvyN9d3cSmahkD" style="font-family:"Inter", sans-serif" data-url="" maxlength="500"
placeholder="Enter your email" name="ab6fc82a46ea5b27c3b50b611012b527" required="" value=""></label><label for="ab6fc82a46ea5b27c3b50b611012b527-U5LH4sKTdvyN9d3cSmahkD"
class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your </span></label><label for="ab6fc82a46ea5b27c3b50b611012b527-U5LH4sKTdvyN9d3cSmahkD"
class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid </span></label></div>
</div>
<div class="confirm-existence"><label class="confirm-existence__label" for="confirm-existence">If you are human, leave this blank.<input type="text" class="confirm-existence__input" name="confirm-existence"></label></div>
</div>
</div>
</div>
</div>
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="512c915f-00de-394a-0c87-1dc10fb4cd61" class="widget">
<style data-emotion-css="hs0wcl">
.css-hs0wcl {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
</style>
<div class="lp-button-react-wrapper css-hs0wcl" data-widget-type="LpButtonReact">
<style data-emotion-css="1wepbrf">
.css-1wepbrf {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-style: solid;
border-width: 1px;
text-align: center;
font-family: 'Lato', sans-serif;
text-shadow: none;
-webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
-webkit-text-decoration: none;
text-decoration: none;
position: relative;
min-height: 36px;
min-width: 72px;
padding: 8px 18px;
font-family: "Inter", sans-serif;
border-radius: 10px;
}
.css-1wepbrf.is-loading,
.css-1wepbrf.is-loading:hover,
.css-1wepbrf.is-loading:active,
.css-1wepbrf.is-loading:focus,
.css-1wepbrf.is-success,
.css-1wepbrf.is-success:hover,
.css-1wepbrf.is-success:active,
.css-1wepbrf.is-success:focus {
color: transparent;
text-shadow: none;
}
.css-1wepbrf.is-loading .lp-button-loading,
.css-1wepbrf.is-success .lp-button-success {
display: block;
}
.css-1wepbrf.is-loading:hover .lp-button-loading svg {
stroke: rgb(255, 255, 255);
}
.css-1wepbrf.is-success:hover .lp-button-success svg {
fill: rgb(255, 255, 255);
}
.css-1wepbrf .lp-button-loading {
-webkit-animation: animation-circular-rotate 1.4s linear infinite;
animation: animation-circular-rotate 1.4s linear infinite;
display: none;
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
}
.css-1wepbrf .lp-button-loading svg {
stroke: rgb(255, 255, 255);
display: block;
}
.css-1wepbrf .lp-button-loading svg circle {
-webkit-animation: animation-circular-progress 1.4s ease-in-out infinite;
animation: animation-circular-progress 1.4s ease-in-out infinite;
stroke-dasharray: 80px, 200px;
stroke-dashoffset: 0px;
-webkit-transform-origin: 0px 0px;
-ms-transform-origin: 0px 0px;
transform-origin: 0px 0px;
}
.css-1wepbrf .lp-button-success {
display: none;
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
}
.css-1wepbrf .lp-button-success svg {
stroke: none;
fill: rgb(255, 255, 255);
display: block;
}
.css-1wepbrf::before {
border-radius: 10px;
}
.css-1wepbrf,
.css-1wepbrf:focus,
.css-1wepbrf:active {
border-color: rgb(255, 58, 93);
background: rgb(255, 58, 93);
color: rgb(255, 255, 255);
}
.css-1wepbrf:hover {
background-color: rgb(204, 46, 74);
border-color: rgb(204, 46, 74);
color: rgb(255, 255, 255);
}
</style><button type="submit" class="lp-button-react w-512c915f-00de-394a-0c87-1dc10fb4cd61 lp-button-react--small lp-button-react--flat lp-btn-flat font-scale-5 line-height-scale-3 css-1wepbrf" formtarget="_top"> Send
<div class="lp-button-loading">
<svg viewBox="22 22 44 44" aria-hidden="true">
<circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle>
</svg>
</div>
<div class="lp-button-success">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://api.leadpages.io/integration/v1/forms/EW3pWB8XAs8t5SCKAczvnG/submissions
<form action="https://api.leadpages.io/integration/v1/forms/EW3pWB8XAs8t5SCKAczvnG/submissions" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST" accept-charset="UTF-8" target="_top"
autocomplete="on">
<div class="widget-column flex__item--md-12 flex__item--xs-12">
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="5883cfa5-0a48-943b-a684-e7990dd5983b" class="widget">
<div class="lp-form-react w-5883cfa5-0a48-943b-a684-e7990dd5983b css-w76twa" data-widget-type="LpInputReact">
<div class="error-prompt error-prompt--disabled">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--invalid">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
<g data-name="Layer 2">
<g data-name="Layer 1">
<path
d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
</path>
<path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
</g>
</g>
</svg></div>
<div class="error-prompt__details">
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--info">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4 last-visible">
<div class="lp-form-react__group js-form-group" id="input-ab6fc82a46ea5b27c3b50b611012b527-EW3pWB8XAs8t5SCKAczvnG"><label for="ab6fc82a46ea5b27c3b50b611012b527-EW3pWB8XAs8t5SCKAczvnG" class="lp-form-react__label"><span></span><input
type="email" autocomplete="email" class="lp-form-react__input js-input-mapping " id="ab6fc82a46ea5b27c3b50b611012b527-EW3pWB8XAs8t5SCKAczvnG" style="font-family:"Inter", sans-serif" data-url="" maxlength="500"
placeholder="Enter your email" name="ab6fc82a46ea5b27c3b50b611012b527" required="" value=""></label><label for="ab6fc82a46ea5b27c3b50b611012b527-EW3pWB8XAs8t5SCKAczvnG"
class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your </span></label><label for="ab6fc82a46ea5b27c3b50b611012b527-EW3pWB8XAs8t5SCKAczvnG"
class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid </span></label></div>
</div>
<div class="confirm-existence"><label class="confirm-existence__label" for="confirm-existence">If you are human, leave this blank.<input type="text" class="confirm-existence__input" name="confirm-existence"></label></div>
</div>
</div>
</div>
</div>
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="c8fc94ef-abd9-1ec7-f6bb-4daea74c725b" class="widget">
<div class="lp-button-react-wrapper css-hs0wcl" data-widget-type="LpButtonReact"><button type="submit"
class="lp-button-react w-c8fc94ef-abd9-1ec7-f6bb-4daea74c725b lp-button-react--small lp-button-react--flat lp-btn-flat font-scale-5 line-height-scale-3 css-1wepbrf" formtarget="_top"> Send <div
class="lp-button-loading">
<svg viewBox="22 22 44 44" aria-hidden="true">
<circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle>
</svg>
</div>
<div class="lp-button-success">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
</svg>
</div>
</button></div>
</div>
</div>
</div>
</div>
</form>POST https://api.leadpages.io/integration/v1/forms/r8XwX8JnKoRnYZik8hq43f/submissions
<form action="https://api.leadpages.io/integration/v1/forms/r8XwX8JnKoRnYZik8hq43f/submissions" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST" accept-charset="UTF-8" target="_top"
autocomplete="on">
<div class="widget-column flex__item--md-12 flex__item--xs-12">
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="f4ebbb8c-2aba-8d34-fc9a-4473b48eeefe" class="widget">
<style data-emotion-css="1lgezm9">
.css-1lgezm9 .confirm-existence {
display: none;
}
.css-1lgezm9 .error-prompt {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #4c515d;
border-radius: 3px;
color: #4c515d;
display: none;
margin-bottom: 12px;
padding: 18px;
}
.css-1lgezm9 .error-prompt .error-prompt__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 0 0 48px;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
}
.css-1lgezm9 .error-prompt .error-prompt__icon .disabled-checkout {
height: 30px;
width: 48px;
}
.css-1lgezm9 .error-prompt .error-prompt__details {
margin-left: 12px;
}
.css-1lgezm9 .error-prompt .error-prompt__details .error-title {
color: inherit;
font-weight: 700;
}
.css-1lgezm9 .error-prompt .error-prompt__details .error-description {
color: inherit;
}
.css-1lgezm9 .error-prompt.error-prompt--invalid {
color: #fa3246;
border-color: #fa3246;
background-color: #fee0e3;
}
.css-1lgezm9 .error-prompt.error-prompt--invalid .error-prompt__icon {
-webkit-flex-basis: 16px;
-ms-flex-preferred-size: 16px;
flex-basis: 16px;
}
.css-1lgezm9 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line {
width: 16px;
height: 16px;
}
.css-1lgezm9 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line path {
fill: #fa3246;
}
.css-1lgezm9 .lp-form-react__input--billing {
padding: 0.4em 0.5em !important;
background-color: white;
}
.css-1lgezm9 .form-field {
margin-bottom: 12px;
}
.css-1lgezm9 .form-field.last-visible {
margin-bottom: 0;
}
.css-1lgezm9 .form-field.input-hidden {
display: none;
}
.css-1lgezm9 .lp-form-field .lp-form-field__field-block-title {
font-weight: 700;
}
.css-1lgezm9 .lp-form-react__group {
width: 100%;
}
.css-1lgezm9 .lp-form-react__group.is-success {
-webkit-animation: animation-1dcx35r 1s;
animation: animation-1dcx35r 1s;
}
.css-1lgezm9 .lp-form-react__group.js-required {
margin-bottom: 12px;
}
.css-1lgezm9 .lp-form-react__group.js-required .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-1lgezm9 .lp-form-react__group.js-required .lp-form-react__error--required {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-1lgezm9 .lp-form-react__group.js-invalid .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-1lgezm9 .lp-form-react__group.js-invalid .lp-form-react__error--invalid {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-1lgezm9 .lp-form-react__group.js-stripe-invalid .lp-form-react__input {
border: 1px solid #fa3246;
box-shadow: #fa3246 0 0 1.5px 1px;
}
.css-1lgezm9 .lp-form-react__group.js-stripe-invalid .lp-form-react__error--stripe-invalid {
opacity: 1;
height: auto;
margin-top: 6px;
}
.css-1lgezm9 .lp-form-react__label {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.css-1lgezm9 .lp-form-react__input {
display: block;
width: 100%;
height: 2em;
margin: 0;
padding: 0 0.5em;
line-height: inherit;
border-radius: 3px;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
}
.css-1lgezm9 .lp-form-react__textarea {
padding: 0.5em;
height: auto;
resize: none;
}
.css-1lgezm9 .lp-form-react__error {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
width: 100%;
font-size: 0.75em;
text-align: left;
color: #fa3246;
font-weight: 400;
-webkit-text-decoration: none;
text-decoration: none;
font-style: normal;
margin: 0;
height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.css-1lgezm9 .lp-form-react__error i {
margin-right: 6px;
}
.css-1lgezm9 .lp-form-react-radio-container,
.css-1lgezm9 .lp-form-react-checkbox-container {
line-height: 1;
margin-bottom: 6px;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-1lgezm9 .lp-form-react-radio-container:first-of-type,
.css-1lgezm9 .lp-form-react-checkbox-container:first-of-type {
margin-top: 6px;
}
.css-1lgezm9 .lp-form-react-radio-container:last-of-type,
.css-1lgezm9 .lp-form-react-checkbox-container:last-of-type {
margin-bottom: 12px;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio {
opacity: 0;
width: 0;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio:focus+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label {
cursor: pointer;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0 6px 0 0;
cursor: pointer;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
fill: #4c515d;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked {
z-index: 1;
opacity: 1;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
z-index: 0;
opacity: 0;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 0.6;
}
.css-1lgezm9 input[type='radio'].lp-form-react-radio:checked+label .lp-form-react-radio-button .lp-form-react-radio-button__checked,
.css-1lgezm9 input[type='radio'].lp-form-react-radio:checked+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
opacity: 1;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox'] {
display: none;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label:hover span svg,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label:focus span svg,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label:active span svg {
opacity: 1;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox {
height: 16px;
margin: 0;
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .lp-form-react__checkbox-label-container {
position: relative;
width: 20px;
height: 20px;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked path,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked path {
fill: #4c515d;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__unchecked {
z-index: 1;
opacity: 1;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox .checkbox__checked {
z-index: 0;
opacity: 0;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']:checked+label .checkbox .checkbox__checked,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']:checked+label:hover .checkbox .checkbox__checked {
opacity: 1;
}
@media (hover:hover) {
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label:hover .checkbox .checkbox__checked {
opacity: 0.6;
}
}
.css-1lgezm9 select.lp-form-react-select {
height: 2em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
background-color: #fff;
}
.css-1lgezm9 .flex-container {
margin-left: -12px;
margin-right: -12px;
}
.css-1lgezm9 .flex.flex-form [class*='flex__item--'] {
padding-left: 12px;
padding-right: 12px;
}
.css-1lgezm9 .labels-are-inside input::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside input::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside input:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside input::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside textarea::-webkit-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside textarea::-moz-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside textarea:-ms-input-placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside textarea::placeholder {
font-size: 1em;
font-weight: inherit;
opacity: 1;
}
.css-1lgezm9 .labels-are-inside .coupon-entered .apply-coupon-button {
top: 0.4em;
}
.css-1lgezm9 input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input::-webkit-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input::-moz-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input:-ms-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 input.lp-form-react__input::placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea::-webkit-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea::-moz-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea:-ms-input-placeholder {
font-size: 1em;
}
.css-1lgezm9 textarea.lp-form-react__textarea::placeholder {
font-size: 1em;
}
.css-1lgezm9 .lp-form-react__input {
border: 1px solid rgba(76, 81, 93, 1);
color: #020020;
font-size: inherit;
}
.css-1lgezm9 .lp-form-react__input:focus {
border: 1px solid rgba(76, 81, 93, 1);
box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
outline: 0;
}
.css-1lgezm9 .lp-form-react__input::-webkit-input-placeholder {
color: #767676;
opacity: 1;
}
.css-1lgezm9 .lp-form-react__input::-moz-placeholder {
color: #767676;
opacity: 1;
}
.css-1lgezm9 .lp-form-react__input:-ms-input-placeholder {
color: #767676;
opacity: 1;
}
.css-1lgezm9 .lp-form-react__input::placeholder {
color: #767676;
opacity: 1;
}
.css-1lgezm9 .StripeElement--focus {
border: 1px solid rgba(76, 81, 93, 1);
box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px;
outline: 0;
}
.css-1lgezm9 .lp-form-react__label {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .labels-are-inside .lp-form-react__input {
color: #020020;
}
.css-1lgezm9 .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .labels-are-inside .lp-form-react__input::-moz-placeholder {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .labels-are-inside .lp-form-react__input::placeholder {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .lp-form-react-radio {
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .lp-form-react-radio+label {
color: rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 .lp-form-react-radio+label .lp-form-react-radio-button__unchecked path,
.css-1lgezm9 .lp-form-react-radio+label .lp-form-react-radio-button__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-1lgezm9 .lp-form-field__field-block-title {
font-family: "Inter", sans-serif;
color: rgb(255, 255, 255);
}
.css-1lgezm9 select.lp-form-react-select {
border: 1px solid rgba(76, 81, 93, 1);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 select.lp-form-react-select:focus {
outline-color: rgba(76, 81, 93, 1);
}
.css-1lgezm9 .lp-form-react__select-option {
font-family: "Inter", sans-serif;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
}
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox__unchecked path,
.css-1lgezm9 input.lp-form-react-checkbox[type='checkbox']+label .checkbox__checked path {
fill: rgba(76, 81, 93, 1);
}
.css-1lgezm9 .lp-form-react__description {
color: rgb(255, 255, 255);
font-family: "Inter", sans-serif;
font-size: 0.875rem;
}
.css-1lgezm9 .lp-form-react__privacy-link {
color: rgb(255, 255, 255);
-webkit-text-decoration: underline;
text-decoration: underline;
padding: 10px 0;
}
.css-1lgezm9 .lp-form-react__privacy-link a {
color: inherit;
}
.css-1lgezm9 .lp-form-react__confirm label,
.css-1lgezm9 .lp-form-react__order-bump-checkbox label {
font-size: 0.875rem;
}
</style>
<div class="lp-form-react w-f4ebbb8c-2aba-8d34-fc9a-4473b48eeefe css-1lgezm9" data-widget-type="LpInputReact">
<div class="error-prompt error-prompt--disabled">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--invalid">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
<g data-name="Layer 2">
<g data-name="Layer 1">
<path
d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
</path>
<path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
</g>
</g>
</svg></div>
<div class="error-prompt__details">
<p class="error-description"></p>
</div>
</div>
<div class="error-prompt error-prompt--info">
<div class="error-prompt__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
<path style="fill:#656A78"
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
</path>
<path style="fill:#FA5A6A"
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
</path>
</svg></div>
<div class="error-prompt__details">
<p class="error-title"></p>
<p class="error-description"></p>
</div>
</div>
<div data-input-container="true" class="form-field font-scale-4 last-visible">
<div class="lp-form-react__group js-form-group" id="input-ab6fc82a46ea5b27c3b50b611012b527-r8XwX8JnKoRnYZik8hq43f"><label for="ab6fc82a46ea5b27c3b50b611012b527-r8XwX8JnKoRnYZik8hq43f" class="lp-form-react__label"><span></span><input
type="email" autocomplete="email" class="lp-form-react__input js-input-mapping " id="ab6fc82a46ea5b27c3b50b611012b527-r8XwX8JnKoRnYZik8hq43f" style="font-family:"Inter", sans-serif" data-url="" maxlength="500"
placeholder="Enter your email" name="ab6fc82a46ea5b27c3b50b611012b527" required="" value=""></label><label for="ab6fc82a46ea5b27c3b50b611012b527-r8XwX8JnKoRnYZik8hq43f"
class="lp-form-react__error lp-form-react__error--required"><i class="fas fa-exclamation-circle"></i><span>Please enter your </span></label><label for="ab6fc82a46ea5b27c3b50b611012b527-r8XwX8JnKoRnYZik8hq43f"
class="lp-form-react__error lp-form-react__error--invalid"><i class="fas fa-exclamation-circle"></i><span>Please enter a valid </span></label></div>
</div>
<div class="confirm-existence"><label class="confirm-existence__label" for="confirm-existence">If you are human, leave this blank.<input type="text" class="confirm-existence__input" name="confirm-existence"></label></div>
</div>
</div>
</div>
</div>
<div class="widget-row flex flex--12">
<div class="flex__item--md-12 flex__item--xs-12">
<div data-widget-id="6d967326-3834-89e1-886d-ddccd5df2e7b" class="widget">
<div class="lp-button-react-wrapper css-hs0wcl" data-widget-type="LpButtonReact"><button type="submit"
class="lp-button-react w-6d967326-3834-89e1-886d-ddccd5df2e7b lp-button-react--small lp-button-react--flat lp-btn-flat font-scale-5 line-height-scale-3 css-1wepbrf" formtarget="_top"> Send <div
class="lp-button-loading">
<svg viewBox="22 22 44 44" aria-hidden="true">
<circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle>
</svg>
</div>
<div class="lp-button-success">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
</svg>
</div>
</button></div>
</div>
</div>
</div>
</div>
</form>Text Content
Our Work Pricing Get a Quote Our Work Pricing Get a Quote HIRE RECIPE VIDEO EXPERTS, WITHOUT BREAKING THE BANK. Quick turnarounds. Snackable is a lean recipe video production agency with a streamlined remote process. Produce on-brand recipe videos with outputs for all your social channels. Get a Quote HIRE RECIPE VIDEO EXPERTS, WITHOUT BREAKING THE BANK. Quick turnarounds. Snackable is a lean recipe video production agency with a streamlined remote process. Produce on-brand recipe videos with outputs for all your social channels. Get a Quote HIRE RECIPE VIDEO EXPERTS, WITHOUT BREAKING THE BANK. Quick turnarounds. Snackable is a lean recipe video production agency with a streamlined remote process. Produce on-brand recipe videos with outputs for all your social channels. Get a Quote WHAT WE OFFER HIGH-QUALITY, AFFORDABLE, ORIGINAL CONTENT * Quick Turnaround Get recipe videos delivered on time -- every time. First draft within 2 weeks. * Experienced Production Team Leverage a remote team of seasoned culinary and creative experts. * Dedicated Support Enjoy an easy and streamlined process with a dedicated account manager. “[Snackable is] an absolute pleasure all around - the videos always turned around top-notch, they are pleasant, easy & fast and their prices can't be beat for what you get.” Sergio Pérez Trapero Associate Brand Manager, Ferrero (Nutella) “[Snackable is] an absolute pleasure all around - the videos always turned around top-notch, they are pleasant, easy & fast and their prices can't be beat for what you get.” Sergio Pérez Trapero Associate Brand Manager, Ferrero (Nutella) OUR WORK OVER 3000+ RECIPE VIDEOS, AND COUNTING “[Snackable delivers] content that meets our brand standards and exceeds expectations. They are responsive, professional and always deliver.” Deb Turoczy Sr. Consumer Engagement Manager, Just Born Inc. (PEEPS®) “[Snackable delivers] content that meets our brand standards and exceeds expectations. They are responsive, professional and always deliver.” Deb Turoczy Sr. Consumer Engagement Manager, Just Born Inc. (PEEPS®) PRICING SAVE UP TO 4X ON YOUR RECIPE VIDEOS FOOD BLOGGERS Produce high-quality branded videos to keep up with your content calendar. Starting at USD$600/video Get a Quote FOOD & KITCHEN BRANDS Showcase your food, beverage or kitchen appliance products with engaging recipe videos. Starting at USD$1500/video CTA-foodbrands FOOD BLOGGERS Produce high-quality branded videos to keep up with your content calendar. Starting at USD$600/video Get a Quote FOOD & KITCHEN BRANDS Showcase your food, beverage or kitchen appliance products with engaging recipe videos. Starting at USD$1500/video Get a Quote HOW IT WORKS SIMPLE PROCESS, QUICK TURNAROUND, WOW RESULTS You request a video Fill out the intake form -- tell us exactly what you need. You confirm the details Snackable reviews your request, clarifies details, and confirms outputs & timeline. You receive a draft Your first draft arrives in your inbox within 2 weeks. You note any revisions (it's easy). You receive your final videos Once approved, you receive a link to all your downloadable outputs. TESTIMONIALS DON'T BELIEVE US? BELIEVE OUR CLIENTS 🤓 * Deb Turoczy Sr. Consumer Engagement Manager, Just Born Inc. (PEEPS®) Snackable has provided the PEEPS® Brand with high quality recipe and craft video content that meets our brand standards and exceeds expectations. They are responsive, professional and always deliver. * Sergio Pérez Trapero Associate Brand Manager, Ferrero (Nutella) We've worked with Snackable multiple times, and they are an absolute pleasure all around - the videos always turned out top-notch, they are pleasant, easy and fast and their prices can't be beat for what you get. We are looking forward to working with them again! * Allie Puccio Marketing Assistant, BeBold Bars I have nothing but positive feedback! We absolutely love the video and are very impressed by your team's ability to make changes in a timely manner! We really appreciate everything! * Giancarlo Trimarchi Managing Partner, Vince's Healthy recipe videos have been on our to-do list for a while, but we could never find the time or budget to do it well and consistently. Buffet has made it easy for us to provide our online audience with branded recipe videos at a reasonable cost. It was a no-brainer for us. * Averie Sunshine Founder & CEO, Averie Cooks I just saw the video. Looks great! Seriously BEST first-time-out-of-the-gate video I have ever seen from a trial with a videographer. You are definitely hired! * Philia Kelnhofer Founder, SweetPhi I'm so impressed with your work - the videos you create are amazing! You do a fantastic job lighting and mimicking the style on my blog. Thank you so much!!! * Stephanie Parker Author & Recipe Developer, Plain Chicken Your videos are exactly what I wanted - I love them and have recommended you to others! * Jessica Williams Founder & CEO, Butter with a side of Bread It's an absolute pleasure working with you. Your content and shots are fantastic - THANK YOU! * Carolyn Tanner Cohen Founder, deliciousdish.ca I'd never made a video before. You made it so easy. The process was super easy, they made all the changes I wanted, and the final video turned out fantastic. I'd recommend Snackable in a heartbeat! See All See Less START NOW HIGH-QUALITY, AFFORDABLE RECIPE VIDEOS. Get a Quote START NOW HIGH-QUALITY, AFFORDABLE RECIPE VIDEOS. Get a Quote Company About Us Pricing Our Work FAQs Contact Us hello@getsnackable.com Sign up for our newsletter Please enter your Please enter a valid If you are human, leave this blank. Send Share on PinterestShare on YoutubeShare on InstagramShare on LinkedInShare on Facebook -------------------------------------------------------------------------------- Copyright © 2022 Snackable. All rights reserved Privacy Policy Terms & Conditions Company About Us Pricing Our Work FAQs Contact Us hello@getsnackable.com Sign up for our newsletter Please enter your Please enter a valid If you are human, leave this blank. Send Share on PinterestShare on YoutubeShare on InstagramShare on LinkedInShare on Facebook -------------------------------------------------------------------------------- Copyright © 2022 Snackable. All rights reserved Privacy Policy Terms & Conditions Company About Us Pricing Our Work FAQs Contact Us hello@getsnackable.com Sign up for our newsletter Please enter your Please enter a valid If you are human, leave this blank. Send Share on PinterestShare on YoutubeShare on LinkedInShare on InstagramShare on Facebook -------------------------------------------------------------------------------- Copyright © 2022 Snackable. All rights reserved Privacy Policy Terms & Conditions