zapier.com
Open in
urlscan Pro
13.33.187.86
Public Scan
Submitted URL: https://link.mail.beehiiv.com/ss/c/u001.Nb7ueTMGITwoLW-RZyTLtfBZLSernyHzi82NF8BRzTrBTEi3FLpixi0xVl_EiKICCTiiQ1CkI9ALpo-_pJB0yh...
Effective URL: https://zapier.com/zap/tangy-task-assistants?utm_campaign=zpr-gbl-awr-ooc-rundownai-zap-mktg&utm_medium=email&utm_s...
Submission: On August 09 via api from BE — Scanned from DE
Effective URL: https://zapier.com/zap/tangy-task-assistants?utm_campaign=zpr-gbl-awr-ooc-rundownai-zap-mktg&utm_medium=email&utm_s...
Submission: On August 09 via api from BE — Scanned from DE
Form analysis 1 forms found in the DOM
<form novalidate="" class="css-3qau6y-Form__form">
<style data-emotion="css 2fw9mb-Form__block">
.css-2fw9mb-Form__block {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
}
</style>
<div class="css-2fw9mb-Form__block">
<div class="css-0">
<style data-emotion="css 1fv5v96-Field">
.css-1fv5v96-Field {
display: grid;
grid-gap: 5px;
}
</style>
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true">
<style data-emotion="css dgl2d5-FormLabel">
.css-dgl2d5-FormLabel {
display: grid;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: start;
justify-content: start;
grid-gap: 5px;
grid-auto-flow: column;
grid-auto-columns: auto;
cursor: pointer;
color: var(--zds-text-default, #403f3e);
}
.css-dgl2d5-FormLabel[data-align-items='center'] {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.css-dgl2d5-FormLabel[data-align-items='start'] {
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.css-dgl2d5-FormLabel[data-justify-content='start'] {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: start;
justify-content: start;
}
.css-dgl2d5-FormLabel[data-justify-content='stretch'] {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-justify-content: stretch;
justify-content: stretch;
}
.css-dgl2d5-FormLabel[data-state~='selected'] {
color: var(--zds-text-default, #3d4592);
}
.css-dgl2d5-FormLabel[data-state~='errored'] {
color: var(--zds-status-error-stronger, #ce482d);
}
.css-dgl2d5-FormLabel[data-state~='disabled'] {
cursor: not-allowed;
color: var(--zds-text-weakest, #a8a5a0);
}
.css-dgl2d5-FormLabel[data-size='small'] {
font: var(--zds-small-print-3, 600 14px/20px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
letter-spacing: var(--intentionally-undefined, default);
text-transform: var(--zds-radius-none, none);
}
.css-dgl2d5-FormLabel[data-size='medium'] {
font: var(--zds-body-2, 500 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
letter-spacing: var(--intentionally-undefined, default);
text-transform: var(--zds-radius-none, none);
}
.css-dgl2d5-FormLabel[data-size='medium'][data-state='selected'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
letter-spacing: var(--intentionally-undefined, default);
text-transform: var(--zds-radius-none, none);
}
</style><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="firstname" class="css-dgl2d5-FormLabel">*<span data-zds="true">First name</span>
<style data-emotion="css 1in6iir-FormLabelRequiredText">
.css-1in6iir-FormLabelRequiredText {
font-family: var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif);
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #403f3e;
text-transform: lowercase;
}
.css-1in6iir-FormLabelRequiredText::before {
content: "(";
}
.css-1in6iir-FormLabelRequiredText::after {
content: ")";
}
.css-1in6iir-FormLabelRequiredText[data-state="disabled"] {
color: #a8a5a0;
}
</style><span aria-hidden="true" data-zds="true" class="css-1in6iir-FormLabelRequiredText">Required</span>
</label>
</div>
<div data-zds="true">
<style data-emotion="css vcnkax-Input">
.css-vcnkax-Input {
--Input-borderRadius-50b78b2a: 3px;
--Input-iconColor-3a9a8562: var(--zds-text-weaker, #95928e);
--Input-inputHeight-365b533b: var(--zds-size-medium, 42px);
--Input-inputPaddingLeft-581056da: 15px;
--Input-inputPaddingRight-55af1a57: 15px;
--Input-inputPaddingTop-79079bde: 9px;
--Input-inputPaddingBottom-7b2717c2: 9px;
--Input-placeholderColor-7fa032fc: var(--zds-text-weakest, #95928e);
--Input-inputValueColor-628f6f0: var(--zds-text-default, #2d2e2e) --Input-prependPaddingLeft-3b1cd26a:15px;
--Input-appendPaddingRight-3c8bab11: 15px;
--Input-outlineColor-587a6073: var(--zds-stroke-default, #95928e);
--Input-prependAppendColor-539be1b9: var(--zds-text-stronger, #2d2e2e);
--Input-tooltipOpacity-14c432d4: 0;
border: 1px solid var(--Input-outlineColor-587a6073);
box-shadow: none;
position: relative;
border-radius: var(--Input-borderRadius-50b78b2a);
background-color: var(--zds-background-weaker, #fffdf9);
transition-duration: 300ms;
transition-property: background-color, color, box-shadow;
transition-timing-function: ease;
}
.css-vcnkax-Input[data-errored] {
--Input-outlineColor-587a6073: var(--zds-status-error, #ce482d);
}
.css-vcnkax-Input:not([data-disabled]):hover {
--Input-outlineColor-587a6073: var(--zds-stroke-stronger, #3d4592);
}
.css-vcnkax-Input:not([data-disabled]):focus-within {
--Input-outlineColor-587a6073: var(--zds-stroke-stronger, #3d4592);
box-shadow: inset 0 0 0 var(--zds-radius-none, 1px) var(--Input-outlineColor-587a6073);
outline: var(--zds-border-focus, --Input-outlineColor-587a6073);
outline-offset: -2px;
}
.css-vcnkax-Input[data-disabled] {
--Input-prependAppendColor-539be1b9: var(--zds-text-default, #a8a5a0);
--Input-outlineColor-587a6073: #d7d5d2;
--Input-iconColor-3a9a8562: var(--zds-text-weaker, #d7d5d2);
--Input-inputValueColor-628f6f0: var(--zds-text-default, #a8a5a0);
--Input-placeholderColor-7fa032fc: var(--zds-text-weakest, #95928e);
cursor: not-allowed;
background-color: var(--zds-background-strongest, #f7f5f2);
}
.css-vcnkax-Input[data-readonly]:hover,
.css-vcnkax-Input[data-disabled]:hover {
--Input-tooltipOpacity-14c432d4: 1;
}
.css-vcnkax-Input[data-full-width] {
width: 100%;
max-width: 100%;
}
.css-vcnkax-Input[data-icon-before] {
--Input-prependPaddingLeft-3b1cd26a: 0;
--Input-inputPaddingLeft-581056da: 0;
}
.css-vcnkax-Input[data-prepend][data-layout='inline'] {
--Input-inputPaddingLeft-581056da: 0;
}
.css-vcnkax-Input[data-icon-after] {
--Input-appendPaddingRight-3c8bab11: 0;
--Input-inputPaddingRight-55af1a57: 0;
}
.css-vcnkax-Input[data-append][data-layout='inline'] {
--Input-inputPaddingRight-55af1a57: 0;
}
.css-vcnkax-Input[data-size='large'] {
--Input-inputHeight-365b533b: var(--zds-size-large, 48px);
}
</style>
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<style data-emotion="css jgp4yc-Input__inputLayout">
.css-jgp4yc-Input__inputLayout {
--pdl-space-negative: calc(1px - var(--zds-space-2));
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: var(--pdl-space-negative, 0);
}
</style>
<div data-zds="true" class="css-jgp4yc-Input__inputLayout">
<style data-emotion="css 18t6a9j-Input__input-TextInput__input--fullwidth">
.css-18t6a9j-Input__input-TextInput__input--fullwidth {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font: var(--zds-body-2, 500 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
letter-spacing: var(--intentionally-undefined, default);
text-transform: var(--zds-radius-none, none);
color: var(--Input-inputValueColor-628f6f0);
height: 100%;
padding-top: var(--Input-inputPaddingTop-79079bde);
padding-bottom: var(--Input-inputPaddingBottom-7b2717c2);
padding-left: var(--Input-inputPaddingLeft-581056da);
padding-right: var(--Input-inputPaddingRight-55af1a57);
min-width: 1px;
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth:not(textarea) {
height: var(--Input-inputHeight-365b533b);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::-webkit-input-placeholder {
color: var(--Input-placeholderColor-7fa032fc);
-webkit-text-fill-color: var(--Input-placeholderColor-7fa032fc);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::-moz-placeholder {
color: var(--Input-placeholderColor-7fa032fc);
-webkit-text-fill-color: var(--Input-placeholderColor-7fa032fc);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth:-ms-input-placeholder {
color: var(--Input-placeholderColor-7fa032fc);
-webkit-text-fill-color: var(--Input-placeholderColor-7fa032fc);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::placeholder {
color: var(--Input-placeholderColor-7fa032fc);
-webkit-text-fill-color: var(--Input-placeholderColor-7fa032fc);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::-moz-placeholder {
color: var(--Input-placeholderColor-7fa032fc);
opacity: 1;
}
@media (hover: none) {
.css-18t6a9j-Input__input-TextInput__input--fullwidth {
font-size: 16px;
}
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::-ms-clear {
display: none;
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth::-webkit-search-cancel-button {
display: none;
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth[readonly]::selection {
background-color: transparent;
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth[disabled] {
cursor: not-allowed;
color: #a8a5a0;
-webkit-text-fill-color: #a8a5a0;
white-space: pre-wrap;
--Input-placeholderColor-7fa032fc: #a8a5a0;
--Input-placeholderColor-7fa032fc: var(--zds-text-weaker, #95928e);
}
.css-18t6a9j-Input__input-TextInput__input--fullwidth[class] {
width: 100%;
}
</style><input type="text" aria-invalid="false" data-size="small" id="firstname" name="firstname" required="" value="" data-zds="true" class="css-18t6a9j-Input__input-TextInput__input--fullwidth">
</div>
</div>
</div>
<style data-emotion="css y19bq-Field__helpTextWrapper">
.css-y19bq-Field__helpTextWrapper {
font: var(--zds-small-print-1, 400 14px/20px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
letter-spacing: var(--intentionally-undefined, default);
text-transform: var(--zds-radius-none, none);
}
</style>
<div aria-live="off" id="firstname-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
<div class="css-0">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="lastname" class="css-dgl2d5-FormLabel">*<span data-zds="true">Last name</span><span aria-hidden="true" data-zds="true"
class="css-1in6iir-FormLabelRequiredText">Required</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="lastname" name="lastname" required="" value="" data-zds="true"
class="css-18t6a9j-Input__input-TextInput__input--fullwidth"></div>
</div>
</div>
<div aria-live="off" id="lastname-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-2fw9mb-Form__block">
<div class="css-0">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="email" class="css-dgl2d5-FormLabel">*<span data-zds="true">Work email</span><span aria-hidden="true" data-zds="true"
class="css-1in6iir-FormLabelRequiredText">Required</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="email" name="email" required="" value="" data-zds="true"
class="css-18t6a9j-Input__input-TextInput__input--fullwidth"></div>
</div>
</div>
<div aria-live="off" id="email-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<style data-emotion="css 1x2ppz2-Form__block-Form__hidden">
.css-1x2ppz2-Form__block-Form__hidden {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
display: none;
}
</style>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<style data-emotion="css 1en0h7n-Form__hidden">
.css-1en0h7n-Form__hidden {
display: none;
}
</style>
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="visitor_id" class="css-dgl2d5-FormLabel"><span data-zds="true">visitor_id</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="visitor_id" name="visitor_id" value="" data-zds="true" class="css-18t6a9j-Input__input-TextInput__input--fullwidth">
</div>
</div>
</div>
<div aria-live="off" id="visitor_id-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="utm_campaign" class="css-dgl2d5-FormLabel"><span data-zds="true">utm_campaign</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="utm_campaign" name="utm_campaign" value="" data-zds="true"
class="css-18t6a9j-Input__input-TextInput__input--fullwidth"></div>
</div>
</div>
<div aria-live="off" id="utm_campaign-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="utm_source" class="css-dgl2d5-FormLabel"><span data-zds="true">utm_source</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="utm_source" name="utm_source" value="" data-zds="true" class="css-18t6a9j-Input__input-TextInput__input--fullwidth">
</div>
</div>
</div>
<div aria-live="off" id="utm_source-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="utm_medium" class="css-dgl2d5-FormLabel"><span data-zds="true">utm_medium</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="utm_medium" name="utm_medium" value="" data-zds="true" class="css-18t6a9j-Input__input-TextInput__input--fullwidth">
</div>
</div>
</div>
<div aria-live="off" id="utm_medium-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="utm_content" class="css-dgl2d5-FormLabel"><span data-zds="true">utm_content</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="utm_content" name="utm_content" value="" data-zds="true"
class="css-18t6a9j-Input__input-TextInput__input--fullwidth"></div>
</div>
</div>
<div aria-live="off" id="utm_content-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div data-zds="true" class="css-1fv5v96-Field">
<div data-zds="true"><label data-align-items="start" data-justify-content="start" data-size="small" data-zds="true" for="utm_term" class="css-dgl2d5-FormLabel"><span data-zds="true">utm_term</span></label></div>
<div data-zds="true">
<div data-full-width="" data-layout="inline" data-size="small" data-zds="true" role="presentation" class="css-vcnkax-Input">
<div data-zds="true" class="css-jgp4yc-Input__inputLayout"><input type="text" aria-invalid="false" data-size="small" id="utm_term" name="utm_term" value="" data-zds="true" class="css-18t6a9j-Input__input-TextInput__input--fullwidth">
</div>
</div>
</div>
<div aria-live="off" id="utm_term-description" data-zds="true" class="css-y19bq-Field__helpTextWrapper"></div>
</div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden">
<div class="css-1en0h7n-Form__hidden">
<div><label data-align-items="center" data-justify-content="stretch" data-size="medium" data-state="selected" data-zds="true" class="css-dgl2d5-FormLabel">
<style data-emotion="css 9ccmza-LabeledBooleanInput">
.css-9ccmza-LabeledBooleanInput {
--LabeledBooleanInput-outlineColor-3f8b678: transparent;
position: relative;
display: grid;
grid-template-columns: auto 1fr;
gap: 8px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 8px;
min-height: 0;
}
.css-9ccmza-LabeledBooleanInput::before {
content: '';
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid var(--LabeledBooleanInput-outlineColor-3f8b678);
border-radius: 3px;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.css-9ccmza-LabeledBooleanInput:focus-within {
--LabeledBooleanInput-outlineColor-3f8b678: #3d4592;
}
.css-9ccmza-LabeledBooleanInput:focus-within[data-errored] {
--LabeledBooleanInput-outlineColor-3f8b678: #e02d00;
}
</style><span data-zds="true" class="css-9ccmza-LabeledBooleanInput">
<style data-emotion="css 16lytca-BooleanInput">
.css-16lytca-BooleanInput {
position: relative;
display: inline-block;
}
</style><span data-zds="true" class="css-16lytca-BooleanInput">
<style data-emotion="css 11s8x3n-BooleanInput__inner">
.css-11s8x3n-BooleanInput__inner {
display: block;
position: relative;
z-index: 1;
border: 2px solid var(--zds-gray-warm-6, #95928e);
background-color: transparent;
cursor: pointer;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.css-11s8x3n-BooleanInput__inner[class] {
width: 18px;
height: 18px;
border-radius: var(--zds-radius-none, 3px);
color: var(--zds-gray-warm-1, #fffdf9);
}
.css-11s8x3n-BooleanInput__inner[class] {
background-color: var(--zds-ui-primary-stronger, #3d4592);
border-color: transparent;
}
</style><span data-zds="true" class="css-11s8x3n-BooleanInput__inner">
<style data-emotion="css 1l1twqa-BooleanInput__layer">
.css-1l1twqa-BooleanInput__layer {
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-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
}
</style><input type="checkbox" checked="" name="opt_in_to_marketing_emails" tabindex="0" data-zds="true" class="css-1l1twqa-BooleanInput__layer"><span data-zds="true" class="css-1l1twqa-BooleanInput__layer">
<style data-emotion="css 3iupni-Icon--formCheck--animate--block--18x18">
.css-3iupni-Icon--formCheck--animate--block--18x18 {
display: inline-block;
fill: currentColor;
}
.css-3iupni-Icon--formCheck--animate--block--18x18>svg {
display: block;
height: inherit;
width: inherit;
}
.css-3iupni-Icon--formCheck--animate--block--18x18 * {
fill: inherit;
}
.css-3iupni-Icon--formCheck--animate--block--18x18[class] {
transition-property: fill;
transition-timing-function: ease-in-out;
transition-duration: 300ms;
}
.css-3iupni-Icon--formCheck--animate--block--18x18[class] {
display: block;
}
.css-3iupni-Icon--formCheck--animate--block--18x18[class] {
height: 18px;
width: 18px;
}
</style><span aria-hidden="true" data-testid="iconContainer" data-zds="true" class="css-3iupni-Icon--formCheck--animate--block--18x18"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="18" width="18"
size="18" name="formCheck">
<path fill="#2D2E2E" d="m18.51 6.82-8.26 8.27-4.43-4.43-1.41 1.41 5.84 5.84 9.68-9.67-1.42-1.42Z"></path>
</svg></span>
</span>
</span>
</span>
<style data-emotion="css novq7g-FormField__checkboxLabel">
.css-novq7g-FormField__checkboxLabel {
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;
}
</style><span class="css-novq7g-FormField__checkboxLabel"><span></span></span>
</span>
</label></div>
</div>
</div>
<div class="css-1x2ppz2-Form__block-Form__hidden"></div>
<div class="css-2fw9mb-Form__block">
<style data-emotion="css 1l4jd4x">
.css-1l4jd4x a {
color: #3d4592;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.css-1l4jd4x a:hover {
color: #2b2358;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.css-1l4jd4x ul {
list-style: none;
margin-left: 32px;
}
.css-1l4jd4x ul li {
position: relative;
}
.css-1l4jd4x ul li:before {
content: "•";
font-weight: bold;
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;
position: absolute;
font-size: 16px;
margin-left: -1em;
height: 100%;
}
.css-1l4jd4x ul li:not(:last-child) {
margin: 21px 0;
}
.css-1l4jd4x ol {
list-style: none;
margin-left: 32px;
}
.css-1l4jd4x ol li {
counter-reset: list-1 list-2;
counter-increment: list-0;
}
.css-1l4jd4x ol li:not(:last-child) {
margin: 21px 0;
}
.css-1l4jd4x ol li:before {
content: counter(list-0, decimal) ". ";
margin-left: -1em;
}
.css-1l4jd4x ol li.ql-indent-1 {
counter-increment: list-1;
counter-reset: list-2;
}
.css-1l4jd4x ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.css-1l4jd4x ol li.ql-indent-2 {
counter-increment: list-2;
counter-reset: none;
}
.css-1l4jd4x ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.css-1l4jd4x li.ql-indent-1 {
padding-left: 2em;
}
.css-1l4jd4x li.ql-indent-2 {
padding-left: 4em;
}
.css-1l4jd4x p:not(:first-of-type) {
margin-top: 10px;
}
</style>
<div class="css-1l4jd4x">
<div style="font-size: 12px;">
<p style="font-size: 12px;">By clicking submit below, you agree to Zapier’s <a href="https://zapier.com/privacy" target="_blank" rel="noopener">Privacy Policy</a> and to receive marketing emails from Zapier. You may unsubscribe at any time.
</p>
</div>
</div>
</div>
<style data-emotion="css 1gxxof8-Form__button">
.css-1gxxof8-Form__button {
width: 100%;
margin-top: 12px;
}
</style>
<div class="css-1gxxof8-Form__button">
<style data-emotion="css kpyf24-BaseButton">
.css-kpyf24-BaseButton {
--Button-baseBackgroundColor-1934a82c: transparent;
--Button-baseBorderColor-5dc73f16: transparent;
--Button-baseColor-2c30f322: #000;
--Button-disabledBackgroundColor-38d170c9: var(--zds-background-strongest, #f7f5f2);
--Button-disabledBorderColor-68421a8b: var(--zds-background-strongest, #d7d5d2);
--Button-disabledColor-74feca57: var(--zds-text-weakest, #a8a5a0);
--Button-disabledOutlineColor-f9efacd: transparent;
--Button-hoverBackgroundColor-59a5fbe9: var(--Button-baseBackgroundColor-1934a82c);
--Button-hoverBorderColor-11a6ca55: var(--Button-baseBorderColor-5dc73f16);
--Button-hoverColor-4b2f4289: var(--Button-baseColor-2c30f322);
--Button-hoverOutlineColor-4c6b43ad: transparent;
--Button-iconMargin-7d599177: 6px;
--Button-focusBackgroundColor-2041bb33: var(--Button-baseBackgroundColor-1934a82c);
--Button-focusBorderColor-57a1908f: transparent;
--Button-focusColor-66a0135b: var(--Button-baseColor-2c30f322);
--Button-focusOutlineColor-c2e4549: var(--Button-focusBackgroundColor-2041bb33);
--Button-selectedBackgroundColor-4fcb6936: var(--Button-baseBackgroundColor-1934a82c);
--Button-selectedBorderColor-1d62690c: transparent;
--Button-selectedColor-1de7b268: var(--Button-baseColor-2c30f322);
--Button-selectedOutlineColor-1778394: transparent;
--Button-buttonContentPadding-7e54ff1a: 0 10px;
background-color: var(--Button-baseBackgroundColor-1934a82c);
border-color: var(--Button-baseBorderColor-5dc73f16);
color: var(--Button-baseColor-2c30f322);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
position: relative;
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0;
min-width: 0;
opacity: 1;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: none;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
vertical-align: middle;
white-space: nowrap;
}
.css-kpyf24-BaseButton::-moz-focus-inner {
padding: 0;
border: 0;
}
.css-kpyf24-BaseButton::before {
content: '';
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid transparent;
border-radius: 5px;
transition-property: all;
transition-timing-function: ease-in-out;
transition-duration: 200ms;
}
.css-kpyf24-BaseButton:hover:not([disabled]),
a:hover .css-kpyf24-BaseButton {
background-color: var(--Button-hoverBackgroundColor-59a5fbe9);
border-color: var(--Button-hoverBorderColor-11a6ca55);
box-shadow: var(--zds-radius-none, 0px 5px 10px 0px rgba(0, 0, 0, 0.2));
color: var(--Button-hoverColor-4b2f4289);
}
.css-kpyf24-BaseButton:focus-visible:not([disabled]),
a:focus-visible .css-kpyf24-BaseButton {
background-color: var(--Button-focusBackgroundColor-2041bb33);
border-color: var(--Button-focusBorderColor-57a1908f);
color: var(--Button-focusColor-66a0135b);
outline: none;
}
.css-kpyf24-BaseButton:focus-visible:not([disabled])::before,
a:focus-visible .css-kpyf24-BaseButton::before {
border-color: var(--Button-focusOutlineColor-c2e4549);
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
}
.css-kpyf24-BaseButton[data-selected]:not([data-color='button-nav']) {
background-color: var(--Button-selectedBackgroundColor-4fcb6936);
border-color: var(--Button-selectedBorderColor-1d62690c);
color: var(--Button-selectedColor-1de7b268);
}
.css-kpyf24-BaseButton[data-selected]:not([data-color='button-nav'])::before {
content: none;
}
.css-kpyf24-BaseButton[data-color='primary'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-primary-stronger, #3d4592);
--Button-baseColor-2c30f322: var(--zds-prime-white, #fffdf9);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-primary-strongest, #2b2358);
}
.css-kpyf24-BaseButton[data-color='primary'][data-size='xsmall'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary'][data-size='small'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary'][data-size='medium'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-alt'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-gray-warm-10, #2d2e2e);
--Button-baseColor-2c30f322: var(--zds-gray-warm-1, #fffdf9);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-gray-warm-9, #403f3e);
}
.css-kpyf24-BaseButton[data-color='primary-alt'][data-size='xsmall'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-alt'][data-size='small'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-alt'][data-size='medium'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-alt'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='danger'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-status-error-stronger, #ce482d);
--Button-baseColor-2c30f322: var(--zds-prime-white, #fffdf9);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-status-error-strongest, #b83519);
--Button-hoverColor-4b2f4289: var(--zds-prime-white, #fffdf9);
--Button-focusColor-66a0135b: var(--zds-prime-white, #fffdf9);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #ce482d);
}
.css-kpyf24-BaseButton[data-color='danger'][data-size='xsmall'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='danger'][data-size='small'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='danger'][data-size='medium'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='danger'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-primary-weaker, transparent);
--Button-baseColor-2c30f322: var(--zds-ui-primary-strongest, #3d4592);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-primary, #f0f1fa);
--Button-hoverColor-4b2f4289: var(--zds-prime-white, #3d4592);
--Button-focusBackgroundColor-2041bb33: var(--zds-ui-primary-weaker, #f0f1fa);
--Button-focusColor-66a0135b: var(--zds-ui-primary-strongest, #3d4592);
--Button-baseBorderColor-5dc73f16: var(--zds-ui-primary-weaker, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
}
.css-kpyf24-BaseButton[data-color='secondary'][data-size='xsmall'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary'][data-size='small'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary'][data-size='medium'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary'][data-size='large'] {
font: var(--zds-paragraph-header-2, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='tertiary'] {
--Button-baseBorderColor-5dc73f16: var(--zds-stroke-weaker, transparent);
--Button-baseBackgroundColor-1934a82c: var(--zds-background-weaker, transparent);
--Button-baseColor-2c30f322: var(--zds-text-default, #3d4592);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-background-default, #f0f1fa);
--Button-hoverColor-4b2f4289: var(--zds-text-default, #3d4592);
--Button-focusBackgroundColor-2041bb33: var(--zds-background-weaker, #f0f1fa);
--Button-focusColor-66a0135b: var(--zds-text-default, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
}
.css-kpyf24-BaseButton[data-color='tertiary'][data-size='xsmall'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='tertiary'][data-size='small'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='tertiary'][data-size='medium'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='tertiary'][data-size='large'] {
font: var(--zds-paragraph-header-2, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='tertiary'][disabled] {
background-color: var(--zds-gray-warm-3, transparent);
}
.css-kpyf24-BaseButton[data-color='tertiary']:focus-visible:not([disabled]),
a:focus-visible .css-kpyf24-BaseButton[data-color='tertiary'] {
border-color: var(--zds-stroke-weaker, --Button-focusBorderColor-57a1908f);
outline: none;
}
.css-kpyf24-BaseButton[data-color='ghost'] {
--Button-baseBorderColor-5dc73f16: transparent;
--Button-baseBackgroundColor-1934a82c: transparent;
--Button-baseColor-2c30f322: var(--zds-ui-primary-stronger, #5140BF);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-primary-weakest, #f0f1fa);
--Button-hoverColor-4b2f4289: var(--zds-ui-primary-stronger, #5140BF);
--Button-focusBackgroundColor-2041bb33: var(--zds-background-weaker, #f0f1fa);
--Button-focusColor-66a0135b: var(--zds-ui-primary-stronger, #5140BF);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
}
.css-kpyf24-BaseButton[data-color='ghost'][data-size='xsmall'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='ghost'][data-size='small'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='ghost'][data-size='medium'] {
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='ghost'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='icon-brand'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-brand, #FF4F00);
--Button-baseColor-2c30f322: var(--zds-prime-white, #FFFDF9);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-brand-stronger, #CC3F00);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
}
.css-kpyf24-BaseButton[data-color='icon-brand'][disabled] {
background-color: var(--background-stronger, #F5F3EB);
border-color: var(--background-stronger, #F5F3EB);
color: var(--text-weaker, #6F6765);
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-color='icon-primary'] {
--Button-baseBackgroundColor-1934a82c: var(--ui-primary-strong, #fffdf9);
--Button-baseBorderColor-5dc73f16: var(--ui-primary-strong, #95928e);
--Button-baseColor-2c30f322: var(--prime-white, #2d2e2e);
--Button-hoverColor-4b2f4289: var(--prime-white, #3d4592);
--Button-hoverBackgroundColor-59a5fbe9: var(--ui-primary-stronger, #fffdf9);
--Button-focusBorderColor-57a1908f: var(--ui-primary-strong, #3d4592);
--Button-focusColor-66a0135b: var(--prime-white, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--ui-primary-strong, #3d4592);
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='icon-primary'][disabled] {
background-color: var(--zds-background-strongest, --Button-disabledBackgroundColor-38d170c9);
border-color: var(--zds-background-strongest, #d7d5d2);
color: var(--zds-text-weakest, #a8a5a0);
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-color='icon-alt'][data-color='icon-alt'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-primary, #fffdf9);
--Button-baseBorderColor-5dc73f16: var(--zds-ui-primary, #3d4592);
--Button-baseColor-2c30f322: var(--zds-prime-white, #3d4592);
--Button-hoverColor-4b2f4289: var(--zds-prime-white, #3d4592);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-primary-stronger, #f0f1fa);
--Button-focusBackgroundColor-2041bb33: var(--zds-ui-primary, #f0f1fa);
--Button-focusBorderColor-57a1908f: var(--ui-primary, #3d4592);
--Button-focusColor-66a0135b: var(--zds-prime-white, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
}
.css-kpyf24-BaseButton[data-color='icon-alt'][data-color='icon-alt'][disabled] {
background-color: var(--zds-background-strongest, --Button-disabledBackgroundColor-38d170c9);
border-color: var(--zds-background-strongest, #d7d5d2);
color: var(--zds-text-weakest, #a8a5a0);
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-color='icon-secondary'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-primary-weaker, #fffdf9);
--Button-baseBorderColor-5dc73f16: var(--zds-ui-primary-weaker, #95928e);
--Button-baseColor-2c30f322: var(--zds-ui-primary-stronger, #95928e);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-primary, #fffdf9);
--Button-hoverColor-4b2f4289: var(--zds-ui-primary-strongest, #403f3e);
--Button-focusBorderColor-57a1908f: var(--zds-ui-primary-weaker, #3d4592);
--Button-focusColor-66a0135b: var(--zds-ui-primary-stronger, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='icon-secondary'][disabled] {
background-color: var(--zds-background-strongest --Button-disabledBackgroundColor-38d170c9);
border-color: var(--zds-background-strongest, #d7d5d2);
color: var(--zds-text-weakest, #a8a5a0);
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-color='icon-tertiary'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-background-weaker, transparent);
--Button-baseColor-2c30f322: var(--zds-text-weaker, #3d4592);
--Button-baseBorderColor-5dc73f16: var(--zds-stroke-weaker, transparent);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-background-default, #f0f1fa);
--Button-hoverColor-4b2f4289: var(--zds-text-weaker, #3d4592);
--Button-focusBackgroundColor-2041bb33: var(--zds-background-weaker, #f0f1fa);
--Button-focusColor-66a0135b: var(--zds-text-weaker, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-stronger, #3d4592);
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='icon-tertiary'][disabled] {
background-color: var(--zds-background-strongest, transparent);
border: var(--zds-background-strongest, none);
color: var(--zds-text-weakest, #a8a5a0);
}
.css-kpyf24-BaseButton[data-color='number'] {
--Button-baseBackgroundColor-1934a82c: #fffdf9;
--Button-baseBorderColor-5dc73f16: #95928e;
--Button-baseColor-2c30f322: #403f3e;
--Button-hoverBackgroundColor-59a5fbe9: #3d4592;
--Button-hoverBorderColor-11a6ca55: #3d4592;
--Button-hoverColor-4b2f4289: #fffdf9;
--Button-focusBorderColor-57a1908f: #3d4592;
--Button-focusColor-66a0135b: #3d4592;
--Button-focusOutlineColor-c2e4549: #3d4592;
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='number'][disabled] {
background-color: var(--Button-disabledBackgroundColor-38d170c9);
border-color: #d7d5d2;
color: #a8a5a0;
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-color='primary-dark'],
.css-kpyf24-BaseButton[data-color='icon-primary-dark'] {
--Button-baseBackgroundColor-1934a82c: #fffdf9;
--Button-baseColor-2c30f322: #3d4592;
--Button-hoverColor-4b2f4289: #2b2358;
--Button-hoverBackgroundColor-59a5fbe9: #fffdf9;
--Button-focusColor-66a0135b: #3d4592;
--Button-focusOutlineColor-c2e4549: #fffdf9;
}
.css-kpyf24-BaseButton[data-color='primary-dark'][data-size='xsmall'],
.css-kpyf24-BaseButton[data-color='icon-primary-dark'][data-size='xsmall'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-dark'][data-size='small'],
.css-kpyf24-BaseButton[data-color='icon-primary-dark'][data-size='small'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-dark'][data-size='medium'],
.css-kpyf24-BaseButton[data-color='icon-primary-dark'][data-size='medium'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='primary-dark'][data-size='large'],
.css-kpyf24-BaseButton[data-color='icon-primary-dark'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary-dark'],
.css-kpyf24-BaseButton[data-color='icon-secondary-dark'] {
--Button-baseBackgroundColor-1934a82c: transparent;
--Button-baseColor-2c30f322: #fffdf9;
--Button-baseBorderColor-5dc73f16: #fffdf9;
--Button-hoverColor-4b2f4289: #2d2e2e;
--Button-hoverBackgroundColor-59a5fbe9: #f0f1fa;
--Button-hoverBorderColor-11a6ca55: #f0f1fa;
--Button-focusColor-66a0135b: #2d2e2e;
--Button-focusOutlineColor-c2e4549: #f0f1fa;
--Button-focusBackgroundColor-2041bb33: #f0f1fa;
}
.css-kpyf24-BaseButton[data-color='secondary-dark'][data-size='xsmall'],
.css-kpyf24-BaseButton[data-color='icon-secondary-dark'][data-size='xsmall'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary-dark'][data-size='small'],
.css-kpyf24-BaseButton[data-color='icon-secondary-dark'][data-size='small'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary-dark'][data-size='medium'],
.css-kpyf24-BaseButton[data-color='icon-secondary-dark'][data-size='medium'] {
font: var(--zds-body-3, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='secondary-dark'][data-size='large'],
.css-kpyf24-BaseButton[data-color='icon-secondary-dark'][data-size='large'] {
font: var(--zds-paragraph-header-3, 600 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
}
.css-kpyf24-BaseButton[data-color='button-nav'] {
--Button-baseBorderColor-5dc73f16: var(--zds-stroke-weak, #95928e);
--Button-baseBackgroundColor-1934a82c: var(--zds-background-weak, #f7f5f2);
--Button-baseColor-2c30f322: var(--zds-text-default, #2d2e2e);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-background-default, #3d4592);
--Button-hoverColor-4b2f4289: var(--zds-text-default, #fffdf9);
--Button-focusBackgroundColor-2041bb33: var(--zds-background-weak, #f7f5f2);
--Button-focusColor-66a0135b: var(--zds-text-default, #3d4592);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary-strong, #3d4592);
--Button-focusBorderColor-57a1908f: #f7f5f2;
font: var(--zds-body-2, 600 16px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
border-radius: 30px;
}
.css-kpyf24-BaseButton[data-color='button-nav']::before {
border-radius: 30px;
}
.css-kpyf24-BaseButton[data-color='button-nav'][data-selected] {
--Button-baseBorderColor-5dc73f16: var(--zds-gray-warm-9, #403f3e);
--Button-baseBackgroundColor-1934a82c: var(--zds-gray-warm-9, #403f3e);
--Button-baseColor-2c30f322: var(--zds-text-inverted, #fffdf9);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-gray-warm-8, #403f3e);
--Button-hoverColor-4b2f4289: var(--zds-text-inverted, #fffdf9);
--Button-focusBackgroundColor-2041bb33: var(--zds-gray-warm-8, #403f3e);
--Button-focusColor-66a0135b: var(--zds-text-inverted, #fffdf9);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-gray-warm-8, #403f3e);
}
.css-kpyf24-BaseButton[data-color='brand'],
.css-kpyf24-BaseButton[data-color='brand-nav'] {
--Button-baseBackgroundColor-1934a82c: var(--zds-ui-brand, #ff4f00);
--Button-baseColor-2c30f322: var(--zds-prime-white, #fff3e6);
--Button-baseBorderColor-5dc73f16: var(--zds-ui-brand, transparent);
--Button-hoverColor-4b2f4289: var(--zds-prime-white, #fff3e6);
--Button-hoverBackgroundColor-59a5fbe9: var(--zds-ui-brand-stronger, #ff4f00);
--Button-focusColor-66a0135b: var(--zds-prime-white, #fff3e6);
--Button-focusOutlineColor-c2e4549: var(--zds-ui-primary, #ff4f00);
--Button-focusBackgroundColor-2041bb33: var(--zds-ui-brand, #ff4f00);
--Button-focusBorderColor-57a1908f: var(--zds-ui-brand, transparent);
}
.css-kpyf24-BaseButton[data-color='brand']:hover:not([disabled]),
.css-kpyf24-BaseButton[data-color='brand-nav']:hover:not([disabled]),
a:hover .css-kpyf24-BaseButton[data-color='brand'],
a:hover .css-kpyf24-BaseButton[data-color='brand-nav'] {
border-color: var(--zds-ui-brand-stronger, #ff4f00);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='small'] {
font: var(--zds-body-3, 700 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
border-radius: var(--zds-radius-large, 18px);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='small']::before {
border-radius: var(--zds-radius-small, 20px);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='medium'] {
font: var(--zds-body-3, 700 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
border-radius: var(--zds-radius-large, 18px);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='medium']::before {
border-radius: var(--zds-radius-small, 20px);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='large'] {
font: var(--zds-body-3, 700 18px/24px var(--zds-typography-base, "Inter", Helvetica, arial, sans-serif));
border-radius: var(--zds-radius-large, 24px);
}
.css-kpyf24-BaseButton[data-color='brand'][data-size='large']::before {
border-radius: var(--zds-radius-small, 26px);
}
.css-kpyf24-BaseButton[data-color='brand-nav'] {
--Button-iconMargin-7d599177: 0;
}
.css-kpyf24-BaseButton[data-color='brand-nav'][data-size='medium'] {
border-radius: var(--zds-radius-large, 18px);
}
.css-kpyf24-BaseButton[data-color='brand-nav'][data-size='medium']::before {
border-radius: var(--zds-radius-small, 22px);
}
.css-kpyf24-BaseButton[disabled] {
cursor: not-allowed;
background-color: var(--Button-disabledBackgroundColor-38d170c9);
border-color: var(--Button-disabledBorderColor-68421a8b);
color: var(--Button-disabledColor-74feca57);
outline-color: var(--Button-disabledOutlineColor-f9efacd);
}
.css-kpyf24-BaseButton[data-full-width] {
width: 100%;
}
.css-kpyf24-BaseButton[data-shadowed] {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.css-kpyf24-BaseButton[data-size='xsmall'] {
--Button-buttonContentPadding-7e54ff1a: 0 var(--zds-space-12, 15px);
height: var(--zds-size-small, 30px);
border-radius: 3px;
}
.css-kpyf24-BaseButton[data-size='xsmall'][data-icon] {
--Button-buttonContentPadding-7e54ff1a: 0 8px 0 3px;
}
.css-kpyf24-BaseButton[data-size='xsmall'][data-square] {
width: var(--zds-size-small, 30px);
}
.css-kpyf24-BaseButton[data-size='small'] {
--Button-buttonContentPadding-7e54ff1a: 0 var(--zds-space-12, 20px);
height: var(--zds-size-small, 44px);
}
.css-kpyf24-BaseButton[data-size='small'][data-icon] {
--Button-buttonContentPadding-7e54ff1a: 0 10px;
}
.css-kpyf24-BaseButton[data-size='small'][data-square] {
width: var(--zds-size-small, 44px);
}
.css-kpyf24-BaseButton[data-size='small'][data-color='button-nav'] {
--Button-buttonContentPadding-7e54ff1a: 0 var(--zds-space-12, 20px);
}
.css-kpyf24-BaseButton[data-size='medium'] {
--Button-buttonContentPadding-7e54ff1a: 0 var(--zds-space-12, 20px);
height: var(--zds-size-medium, 50px);
}
.css-kpyf24-BaseButton[data-size='medium'][data-icon] {
--Button-buttonContentPadding-7e54ff1a: 0 17px;
}
.css-kpyf24-BaseButton[data-size='medium'][data-icon][data-color='brand-nav'] {
--Button-buttonContentPadding-7e54ff1a: 0 12px;
}
.css-kpyf24-BaseButton[data-size='medium'][data-square] {
width: var(--zds-size-medium, 50px);
}
.css-kpyf24-BaseButton[data-size='large'] {
--Button-buttonContentPadding-7e54ff1a: 0 var(--zds-space-12, 20px);
height: var(--zds-size-large, 60px);
}
.css-kpyf24-BaseButton[data-size='large'][data-icon] {
--Button-buttonContentPadding-7e54ff1a: 0 17px;
}
.css-kpyf24-BaseButton[data-size='large'][data-square] {
width: var(--zds-size-large, 60px);
}
.css-kpyf24-BaseButton[data-unpadded],
.css-kpyf24-BaseButton[data-square] {
--Button-buttonContentPadding-7e54ff1a: 0 !important;
}
.css-kpyf24-BaseButton[data-pill] {
border-radius: 100px !important;
}
.css-kpyf24-BaseButton[data-pill]::before {
border-radius: 100px !important;
}
.css-kpyf24-BaseButton[data-size='xsmall'] [data-testid='iconContainer'],
.css-kpyf24-BaseButton[data-size='small'] [data-testid='iconContainer'] {
width: var(--zds-size-20, px);
height: var(--zds-size-20, px);
}
.css-kpyf24-BaseButton[data-size='medium'] [data-testid='iconContainer'] {
width: var(--zds-size-24, px);
height: var(--zds-size-24, px);
}
.css-kpyf24-BaseButton[data-size='large'] [data-testid='iconContainer'] {
width: var(--zds-size-32, px);
height: var(--zds-size-32, px);
}
</style><button aria-disabled="false" data-color="primary" data-full-width="" data-size="medium" data-zds="true" role="button" type="submit" class="css-kpyf24-BaseButton">
<style data-emotion="css x9pyp4-BaseButton__buttonContent">
.css-x9pyp4-BaseButton__buttonContent {
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;
min-width: 0;
padding: var(--Button-buttonContentPadding-7e54ff1a);
}
</style><span data-zds="true" class="css-x9pyp4-BaseButton__buttonContent">
<style data-emotion="css g52fnz-BaseButton__buttonText">
.css-g52fnz-BaseButton__buttonText {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
</style><span data-zds="true" class="css-g52fnz-BaseButton__buttonText">Submit</span>
</span>
</button>
</div>
</form>Text Content
BY: * * * * SOLD OUT SOLD OUT Play GET THINGS DONE, WITHOUT DOING THEM. Made with ultra-distilled Zapier Central AI bots, Tangy Task Assistants gives your computer the power to generate custom bots that automate your tasks anytime, anywhere. Focus on the important things, and let AI bots handle the rest. INSTANT ACTION Connect bots to your apps and tell them what to do and they’ll do it. LIVE DATA SOURCES Give bots access to live data (like a Google Spreadsheet) so they can analyze and fetch info without having to ask for an update. BROWSE WITHOUT LIFTING A FINGER Bots can read a web page for you, summarize it, and add it to an app of your choice. YOUR PERFECT AI AGENT Chat with your AI bots in real-time, or give them directives to operate on your behalf. TAP INTO 7,000+ APPS Connect your bots to take action across thousands of apps to scale your impact. SOLD OUT POTENTIAL SIDE EFFECTS MAY INCLUDE: Empty to-do lists, happier teammates, more efficient working processes and practices. Easier methods for adopting, utilizing, and scaling AI automation in the workplace may result in shout-outs from your CEO. Some may experience euphoria as mission-critical workflows are streamlined. Ask your decision-maker which ZAP flavor is right for your business. These remarks have not been vetted by the FDA or any other governing body, as this is not a real computer supplement. Do not pour liquid on your electronic devices. HOW TO USE TANGY TASK ASSISTANTS Need help getting started? Learn how to build your own fleet of AI bots using Tangy Task Assistants. LEARN MORE TRY THE REST LEARN MORE LEARN MORE LEARN MORE BE THE FIRST TO HEAR ABOUT NEW FLAVORS *First nameRequired *Last nameRequired *Work emailRequired visitor_id utm_campaign utm_source utm_medium utm_content utm_term By clicking submit below, you agree to Zapier’s Privacy Policy and to receive marketing emails from Zapier. You may unsubscribe at any time. Submit * Legal * Privacy Policy