- 제출된 URL:
- https://zigpoll.com/리디렉션됨
- 보고서 완료:
링크 · 5개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://app.zigpoll.com/sign-up | Sign up |
| https://app.zigpoll.com/log-in | Log In |
| https://app.zigpoll.com | Get Started Now |
| https://apps.shopify.com/zigpoll | Try our Shopify Integration |
| https://docs.zigpoll.com | Docs |
JavaScript 변수 · 30개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| _ | function |
| d3 | object |
| topojson | object |
| versor | function |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| log | other |
|
| warning | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html><head>
<title>Zigpoll - Survey & Feedback Platform</title>
<link rel="stylesheet" type="text/css" href="/css/main.css">
<script src="https://connect.facebook.net/signals/config/1355741331231199?v=2.9.176&r=stable&domain=www.zigpoll.com&hme=872f04a0547459b3285cb03b0d7a47bfde40628f4b386809918a621e2688602f&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C195%2C194%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://cdn.jsdelivr.net/npm/[email protected]"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/promise.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/d3-array@3"></script>
<script src="https://cdn.jsdelivr.net/npm/d3-geo@3"></script>
<script src="https://unpkg.com/topojson-client@3"></script>
<script>
const projection = d3.geoEqualEarth();
const path = d3.geoPath(projection);
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/algoliasearch-lite.umd.js" integrity="sha256-1QNshz86RqXe/qsCBldsUu13eAX6n/O98uubKQs87UI=" crossorigin="anonymous"></script>
<script>
var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/[email protected]";
!function(e,a,t,n,s,i,c){e.AlgoliaAnalyticsObject=s,e[s]=e[s]||function(){
(e[s].queue=e[s].queue||[]).push(arguments)},i=a.createElement(t),c=a.getElementsByTagName(t)[0],
i.async=1,i.src=n,c.parentNode.insertBefore(i,c)
}(window,document,"script",ALGOLIA_INSIGHTS_SRC,"aa");
</script>
<script type="text/javascript" src="/js/main.js"></script>
<link rel="stylesheet" type="text/css" href="/css/prism.css">
<script type="text/javascript" src="/js/prism.js"></script>
<link rel="stylesheet" href="https://use.typekit.net/fud0auo.css">
<link rel="stylesheet" type="text/css" href="https://cdn.zigpoll.com/fontawesome-free-6.3.0-web/css/all.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;800&display=swap" rel="stylesheet">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"url": "https://www.zigpoll.com",
"logo": "/img/logo.png"
}</script>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script type="application/javascript">
;(function () {
window.Zigpoll = {
accountId: '5ca26e2cbd129162f0ca3ed2'
};
var script = document.createElement("script");
script.type = "text/javascript";
script.charset = "utf-8";
script.src = '//cdn.zigpoll.com/static/js/main.js';
document.head.appendChild(script);
}());
</script><script type="text/javascript" charset="utf-8" src="//cdn.zigpoll.com/static/js/main.js"></script>
<!-- Zoom Settings (CSS) -->
<style type="text/css">
@media only screen and (min-width: 800px) {
html {
zoom: .8;
}
#zigpoll-embed, #zigpoll-embed-wrapper, #storetasker-embed {
zoom: 1.25;
}
}
@media only screen and (min-width: 950px) {
html {
/* zoom: .9; */
zoom: 1;
}
#zigpoll-embed, #zigpoll-embed-wrapper, #storetasker-embed {
/* zoom: 1.1111111111111; */
zoom: 1;
}
}
@media only screen and (min-width: 1450px) {
html {
zoom: 1;
/*transform: scale(1);*/
/*background: red;*/
}
#zigpoll-embed, #zigpoll-embed-wrapper, #storetasker-embed {
zoom: 1;
}
}
</style>
<meta name="application-name" content="Zigpoll">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- SEO Descriptions -->
<meta name="description" content="Collect Zero-Party Data using post purchase surveys, email capture campaigns, and interactive polls & forms. No-code setup for Shopify, BigCommerce & Wordpress.">
<meta property="og:description" content="Collect Zero-Party Data using post purchase surveys, email capture campaigns, and interactive polls & forms. No-code setup for Shopify, BigCommerce & Wordpress.">
<meta name="twitter:description" content="Collect Zero-Party Data using post purchase surveys, email capture campaigns, and interactive polls & forms. No-code setup for Shopify, BigCommerce & Wordpress.">
<!-- Facebook -->
<meta property="og:image" content="https://www.zigpoll.com/img/zigpoll-fb-share.jpg">
<meta property="og:url" content="https://www.zigpoll.com">
<meta property="og:title" content="Zigpoll - Survey & Feedback Platform">
<meta property="og:site_name" content="Zigpoll">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@zigpoll">
<meta name="twitter:creator" content="@jason_zig">
<meta name="twitter:title" content="Zigpoll - Survey & Feedback Platform">
<meta name="twitter:image" content="https://www.zigpoll.com/img/zigpoll-fb-share.jpg">
<!-- Canonical -->
<link rel="canonical" href="https://www.zigpoll.com">
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-711X9MSCLN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-711X9MSCLN');
</script>
<meta name="google-site-verification" content="NQ_2WMfqAv-k2n3MTd0SfUfggLf9Rd-j7Xy-YBMyPLA">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1355741331231199');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1355741331231199&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<script type="text/javascript" charset="utf-8" src="//cdn.zigpoll.com/static/js/embed.js"></script><link rel="stylesheet" type="text/css" href="https://use.typekit.net/qke8lxz.css" media="all"><link rel="stylesheet" type="text/css" href="https://use.typekit.net/qke8lxz.css" media="all"><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/3.88895328.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/8.1bc58093.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/4.94ef23ba.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/0.fbac5e5f.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/6.ef1cdccf.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/2.b62fc381.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/5.95af83cc.chunk.js"></script><script charset="utf-8" src="https://cdn.zigpoll.com/static/js/7.1b132f2c.chunk.js"></script></head>
<body>
<div class="page-container" id="index">
<div class="mobile mobile-menu-toggle "></div>
<div id="mobile-nav" class="mobile ">
<div class="mobile mobile-menu-toggle"></div>
<div class="wrapper">
<div class="logo"><a href="/">Zigpoll</a></div>
<div class="nav">
<a href="/pricing">Pricing</a>
<a href="/resources">Resources</a>
<a href="/case-studies">Case Studies</a>
<a href="/blog">Blog</a>
<a href="/examples">Examples</a>
<a href="/contact">Contact</a>
</div>
<div class="nav">
<a href="https://app.zigpoll.com/sign-up" class="not-authenticated sign-up">Sign up</a>
<a href="https://app.zigpoll.com/log-in" class="not-authenticated">Log In</a>
</div>
</div>
</div>
<div id="header" class="">
<div class="wrapper">
<div class="logo"><a href="/">Zigpoll</a></div>
<div class="center">
<div class="nav">
<a href="/pricing">Pricing</a>
<a href="/resources">Resources</a>
<a href="/case-studies">Case Studies</a>
<a href="/examples">Examples</a>
<a href="/contact">Contact</a>
<span class="search-toggle"><i class="fas fa-search"></i></span>
</div>
</div>
<div class="right">
<a href="https://app.zigpoll.com/sign-up" class="not-authenticated sign-up">Sign up</a>
<a href="https://app.zigpoll.com/log-in" class="not-authenticated log-in">Log In</a>
</div>
</div>
</div>
<div id="search-modal">
<div class="overlay"></div>
<div class="content">
<div class="form">
<i class="fas fa-search"></i>
<input placeholder="Search">
</div>
<div class="results"></div>
</div>
</div>
<div class="page-content">
<div id="primary">
<div id="hero" class="homepage">
<div id="stripes" class="slate" aria-hidden="true">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<canvas id="globe" width="1000" height="1000" class="active"></canvas>
<!-- <canvas style="max-width: 400px; left: 50%; transform: translateX(-50%) translateY(0%); top: 0%; left: 50%; width: 100%; height: 100%; position: absolute; z-index: 1; pointer-events: none;" id="world"></canvas> -->
</div>
<div class="content center">
<div>
<!--
<a href="/blog/embed-zigpoll-anywhere"><div class="new-pill"><span>New</span><p>Embed a Zigpoll directly onto any page</p></div></a>
-->
<h3>Want feedback?</h3>
<h4>All you have to do is ask.</h4>
<p>Capture insights <span>directly from your customers</span> at <span>key moments</span>. Use the data to <span>grow your business</span>.</p>
<div class="actions">
<a href="https://app.zigpoll.com" class="start">Get Started</a>
<a href="/examples" class="alt">See Examples</a>
</div>
</div>
</div>
<!--
<div class="img">
<img src="/img/zigpoll-img.png" />
</div>
-->
</div>
<div id="featured-brands">
<div class="wrapper">
<h4>Zigpoll is the <span>trusted feedback partner</span> for <span>12,000+</span> companies.</h4>
<div class="marquee">
<div class="inner" aria-hidden="true">
<div class="container">
<span><img src="/img/strathberry.png"></span><span><img src="/img/dossier.png"></span><span><img src="/img/hallmark.png"></span><span><img src="/img/kraftheinz.png"></span><span><img src="/img/shopify.png"></span><span><img src="/img/havaianas.png"></span><span><img src="/img/essentia.png"></span><span><img src="/img/spikeball.png"></span><span><img src="/img/precor.png"></span><span><img src="/img/korres.png"></span><span><img src="/img/magicmind.png"></span><span><img src="/img/terez.png"></span><span><img src="/img/universal.png"></span><span><img src="/img/comcast.png"></span><span><img src="/img/ivoryella.png"></span><span><img src="/img/google.png"></span><span><img src="/img/washu.png"></span><span><img src="/img/microsoft.png"></span><!-- Dupe --><span><img src="/img/strathberry.png"></span><span><img src="/img/dossier.png"></span><span><img src="/img/hallmark.png"></span><span><img src="/img/kraftheinz.png"></span><span><img src="/img/shopify.png"></span><span><img src="/img/havaianas.png"></span><span><img src="/img/essentia.png"></span><span><img src="/img/spikeball.png"></span><span><img src="/img/precor.png"></span><span><img src="/img/korres.png"></span><span><img src="/img/magicmind.png"></span><span><img src="/img/terez.png"></span><span><img src="/img/universal.png"></span><span><img src="/img/comcast.png"></span><span><img src="/img/ivoryella.png"></span><span><img src="/img/google.png"></span><span><img src="/img/washu.png"></span><span><img src="/img/microsoft.png"></span>
</div>
</div>
</div>
<div class="marquee reverse">
<div class="inner" aria-hidden="true">
<div class="container">
<span><img src="/img/harvard.png"></span><span><img src="/img/perlier.png"></span><span><img src="/img/glamorousgoat.png"></span><span><img src="/img/nureskin.png"></span><span><img src="/img/manlybands.png"></span><span><img src="/img/drivedressy.png"></span><span><img src="/img/savage-jerky.png"></span><span><img src="/img/sippify.png"></span><span><img src="/img/drifter.png"></span><span><img src="/img/boho-magic.png"></span><span><img src="/img/carol.png"></span><span><img src="/img/dodologo.png"></span><span><img src="/img/snoc.png"></span><span><img src="/img/noah.png"></span><span><img src="/img/bulldog.png"></span><span><img src="/img/cycli.png"></span><span><img src="/img/nani.png"></span><span><img src="/img/bearpaw.png"></span><!-- Dupe --><span><img src="/img/harvard.png"></span><span><img src="/img/perlier.png"></span><span><img src="/img/glamorousgoat.png"></span><span><img src="/img/nureskin.png"></span><span><img src="/img/manlybands.png"></span><span><img src="/img/drivedressy.png"></span><span><img src="/img/savage-jerky.png"></span><span><img src="/img/sippify.png"></span><span><img src="/img/drifter.png"></span><span><img src="/img/boho-magic.png"></span><span><img src="/img/carol.png"></span><span><img src="/img/dodologo.png"></span><span><img src="/img/snoc.png"></span><span><img src="/img/noah.png"></span><span><img src="/img/bulldog.png"></span><span><img src="/img/cycli.png"></span><span><img src="/img/nani.png"></span><span><img src="/img/bearpaw.png"></span>
</div>
</div>
</div>
<div class="marquee off-center">
<div class="inner" aria-hidden="true">
<div class="container">
<span><img src="/img/xogene.png"></span><span><img src="/img/circle.png"></span><span><img src="/img/dately.png"></span><span><img src="/img/ripple.png"></span><span><img src="/img/draeger.png"></span><span><img src="/img/greenphones.png"></span><span><img src="/img/teenieweenie.png"></span><span><img src="/img/mockingbird.png"></span><span><img src="/img/bebonia.png"></span><span><img src="/img/kanga.png"></span><span><img src="/img/kr.png"></span><span><img src="/img/tula.png"></span><span><img src="/img/spicesage.png"></span><span><img src="/img/ymi.png"></span><span><img src="/img/echelon.png"></span><span><img src="/img/arccos.png"></span><span><img src="/img/ecosusi.png"></span><span><img src="/img/japijane.png"></span><!-- Dupe --><span><img src="/img/xogene.png"></span><span><img src="/img/circle.png"></span><span><img src="/img/dately.png"></span><span><img src="/img/ripple.png"></span><span><img src="/img/draeger.png"></span><span><img src="/img/greenphones.png"></span><span><img src="/img/teenieweenie.png"></span><span><img src="/img/mockingbird.png"></span><span><img src="/img/bebonia.png"></span><span><img src="/img/kanga.png"></span><span><img src="/img/kr.png"></span><span><img src="/img/tula.png"></span><span><img src="/img/spicesage.png"></span><span><img src="/img/ymi.png"></span><span><img src="/img/echelon.png"></span><span><img src="/img/arccos.png"></span><span><img src="/img/ecosusi.png"></span><span><img src="/img/japijane.png"></span>
</div>
</div>
</div>
<!--
<div class="brands">
<div class="brand"><img src="/img/washu.png" /></div><div class="brand"><img src="/img/dossier.png" /></div><div class="brand"><img src="/img/kraftheinz.png" /></div><div class="brand"><img src="/img/havaianas.png" /></div><div class="brand"><img src="/img/hallmark.png" /></div><div class="brand"><img src="/img/ivoryella.png" /></div>
</div>
-->
</div>
</div>
<div class="off-white-to-white">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<div id="social-proof">
<div class="wrapper">
<div class="top">
<div class="left">
<h4>Optimize your customer journey from beginning to end</h4>
<div class="content">
<h6>Use Zigpoll to deliver <span>on-site</span>, <span>post purchase</span>, <span>pre purchase</span>, <span>post fulfillment</span>, and <span>abandoned checkout surveys</span>.</h6>
</div>
</div>
<div class="right">
<a href="https://www.zigpoll.com/demo/post-purchase" target="_blank">
<h4>Run an eComm business?</h4>
<p>Use our post purchase survey and get a <strong>~50% response rate</strong>.</p>
<div class="learn-more">Try a demo <i class="fa-solid fa-arrow-right-long"></i></div>
</a>
</div>
</div>
<div class="case-study-snippets">
<div>
<div class="focus">
<i class="fa-solid fa-arrow-up-right-dots"></i>
<h4>Optimize your website</h4>
<p><span>Discover</span> and <span>resolve</span> issues on your website <span>before they become major problems</span>.</p>
</div>
<a class="study" href="https://www.zigpoll.com/study/manucurist-case-study">
<img src="/img/manucurist-bw.png">
<p>Manucurist uses multi-language surveys to optimize site conversion and launch new SKU's</p>
<div class="learn-more">Learn more <i class="fa-solid fa-arrow-right-long"></i></div>
</a>
</div>
<div>
<div class="focus">
<i class="fa-solid fa-lightbulb"></i>
<h4>Launch new products</h4>
<p>Make <span>better product decisions</span> by collecting new use cases and requests directly from customers.</p>
</div>
<a class="study" href="https://www.zigpoll.com/study/kanga-coolers-case-study">
<img src="/img/kanga-bw.png">
<p>Kanga Coolers uses post purchase surveys to optimize landing pages and launch 6-figure product lines.</p>
<div class="learn-more">Learn more <i class="fa-solid fa-arrow-right-long"></i></div>
</a>
</div>
<div>
<div class="focus">
<i class="fa-solid fa-unlock-keyhole"></i>
<h4>Build useful segments</h4>
<p>Collect <span>demographic and lifestyle data</span> to <span>build segments</span> in Klaviyo or optimize ad creatives.</p>
</div>
<a class="study" href="https://www.zigpoll.com/study/jolly-mama-case-study">
<img src="/img/jollymama-bw.png">
<p>Jolly Mama builds detailed customer segments that increase open rates and reduced spam reports.</p>
<div class="learn-more">Learn more <i class="fa-solid fa-arrow-right-long"></i></div>
</a>
</div>
</div>
</div>
</div>
<div id="key-features" class="tight">
<div class="wrapper">
<h4>Contextual surveys made simple.</h4>
<div class="content">
<h6>Ask the <span>right questions</span> at the <span>right moments</span>.</h6>
<!-- <p>Zigpoll makes it simple to survey your customers on any page and during any interaction on your website.</p> -->
</div>
<div class="features">
<div class="feature-wrapper">
<div class="feature video-component">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/1.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6><i class="fa-solid fa-comments"></i>Ask <span>quality</span> questions.</h6>
<p>Use <strong>multiple question formats</strong> to engage your customers and gather quality feedback with an <strong>unmatched response rate</strong>.</p>
<p>Follow up on specific answers with <strong>branching logic</strong> and <strong>offer incentives</strong> to create rewarding interactions that reveal critical insights.</p>
</div>
</div>
</div>
<div class="feature-wrapper">
<div class="feature video-component reverse">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/2.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6 class="capture"><i class="fa-solid fa-chart-pie"></i><span>Analyze</span> your responses.</h6>
<p>Our <strong>intuitive dashboard</strong> makes it easy to distill your survey data into action items that are primed to make an impact.</p>
<p>Use <strong>multiple charts</strong> and <strong>reporting dashboards</strong> to quickly process your <strong>zero-party response data</strong> and <strong>NPS scores</strong> at a glance.</p>
</div>
</div>
</div>
<div class="feature-wrapper">
<div class="feature video-component">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/3.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6 class="capture"><i class="fa-solid fa-bullseye"></i>Engage at the <span>perfect time</span>.</h6>
<p>Our <strong>advanced targeting rules</strong> and <strong>third party integrations</strong> let you send the survey to the right person at just the right moment.</p>
<p>Reach your customer anywhere using <strong>email, sms, or on-site survey options</strong>. Address them directly with <strong>template variables</strong>.</p>
</div>
</div>
</div>
<div class="feature-wrapper">
<div class="feature video-component reverse">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/6.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6 class="capture"><i class="fa-solid fa-language"></i>Speak <span>any language</span>.</h6>
<p>Translate your survey into any language meticulously and effortlessly by using our <strong>auto-translate</strong> feature.</p>
<p><strong>Automatically deliver</strong> the translated version of your survey in order to match your <strong>customer's language preferences</strong>.</p>
</div>
</div>
</div>
<!-- <div class="feature">
<h6 class="style">Match your style</h6>
<p>Easily customize any Zigpoll to suit your website's unique color palette, font styles, and unique branding.</p>
<p><strong>Dynamic page routes</strong> give you full control over what page and what domain each Zigpoll will appear on.</p>
</div> -->
</div>
</div>
</div>
<div id="backend-features" class="tight">
<div class="wrapper">
<h4 style="text-indent: 0px;">Plus your personal AI assistant.</h4>
<div class="content">
<h6>A <span>LLM</span> trained on <span>your response data</span>.</h6>
<!-- <p>Use AI to unearth trends from your data.</p> -->
</div>
<div class="features">
<div class="feature-wrapper">
<div class="feature video-component">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/5.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6 class="capture"><i class="fa-solid fa-arrow-trend-up"></i><span>Never</span> miss a trend.</h6>
<p>Stay ahead of the curve. Our automatic analysis spots <strong>open-ended response trends</strong> that keep you updated as data flows in. You won’t have to read hundreds of responses anymore.</p>
<p>Track your response trends over time to <strong>stay informed</strong> on how customers react to your latest changes and product releases.</p>
</div>
</div>
</div>
<div class="feature-wrapper">
<div class="feature video-component reverse">
<div class="top">
<div class="video-wrapper">
<video loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" id="myVideo">
<source src="/img/video/4.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="bottom">
<h6><i class="fa-solid fa-wand-magic-sparkles"></i>Get insights <span class="rainbow">automagically</span>.</h6>
<p>We automatically digest your response data and provide <strong>actionable insights</strong> when a meaningful sample set comes in.</p>
<p>Our <strong>AI chat interface</strong> lets you ask specific questions to an AI model trained on your business and response data.</p>
</div>
</div>
</div>
<!-- <div class="feature">
<h6 class="style">Custom ChatGPT</h6>
<p>Easily customize any Zigpoll to suit your website's unique color palette, font styles, and unique branding.</p>
<p><strong>Dynamic page routes</strong> give you full control over what page and what domain each Zigpoll will appear on.</p>
</div> -->
</div>
</div>
</div>
<div id="get-started-homepage">
<div class="wrapper">
<h3>Ready to get started?</h3>
<h6>Zigpoll lite is <span>free forever</span> with <span>no credit card required</span>.</h6>
<div class="actions">
<a href="https://app.zigpoll.com" class="start wide">Get Started Now</a>
<span>Or</span>
<a href="https://apps.shopify.com/zigpoll" target="_blank" class="shopify wide">Install on Shopify</a>
</div>
</div>
</div>
</div>
<div>
<!-- <div id="example-pill">
<div class="wrapper">
<div><a href="/examples">Want to see more examples? <br/>Check out our list.</a></div>
</div>
</div> -->
<div class="grey-to-white">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<div id="from-the-blog">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<div class="wrapper">
<div class="title">
<h3>The latest news & features.</h3>
<p>Browse our blog for <span>use-cases</span>, <span>success stories</span>, and <span>tips</span>.</p>
</div>
<div class="list">
<a href="/blog/manucurist-case-study">
<div class="post-thumbnail">
<div class="content saas">
<div class="img">
<img src="/img/manucurist-case-study.jpg">
</div>
<div class="copy">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>Learn From Manucurist</h6>
<p>How Manucurist uses Zigpoll’s post purchase surveys to optimize site conversion and launch new SKU’s.</p>
<span>Learn More</span>
</div>
</div>
</div>
</a>
<div class="post-thumbnail">
<a href="/blog/kanga-coolers-case-study">
<div class="content">
<div class="img">
<img src="/img/kanga-coolers-case-study.jpg">
</div>
<div class="copy">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>Spotlight on Kanga Coolers</h6>
<p>How Kanga Coolers uses Zigpoll's post purchase surveys to optimize landing pages and launch 6-figure product lines</p>
<span>Learn More</span>
</div>
</div>
</a>
</div>
<div class="post-thumbnail">
<a href="/blog/dalfilo-case-study">
<div class="content">
<div class="img">
<img src="/img/dalfilo-case-study.jpg">
</div>
<div class="copy">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>Details from Dalfilo</h6>
<p>How Dalfilo uses multi-language surveys to build confidence in new initiatives and improve attribution.</p>
<span>Learn More</span>
</div>
</div>
</a>
</div>
</div>
<div class="below">
<p>Want to see more?<br class="mobile"> <a href="/blog">Check out the blog</a></p>
</div>
</div>
</div>
<!--
<div id="get-started-homepage">
<div class="wrapper">
<h3>Ready to get started?</h3>
<h6>Zigpoll lite is free forever with no credit card required.</h6>
<div class="actions">
<a href="https://app.zigpoll.com" class="start wide">Get Started Now</a>
<span>Or</span>
<a href="https://apps.shopify.com/zigpoll" target="_blank" class="shopify wide">Install on Shopify</a>
</div>
</div>
</div>
-->
<div id="stars-banner" class="stars black">
<div>
<span>Based on <a href="https://apps.shopify.com/zigpoll" target="blank">327+ reviews</a></span> <div class="star-container">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div><a href="https://apps.shopify.com/zigpoll" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 173.7" role="img"><title>Shopify</title><path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path><path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"></path><path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"></path><path fill="#000000" d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"></path></svg></a>
</div>
</div>
<div id="review-marquee">
<h6>With <a href="https://apps.shopify.com/zigpoll" target="_blank">300+ five star</a> reviews and <span>20,000+</span> satisfied customers.</h6>
<div class="marquee">
<div class="inner" aria-hidden="true">
<div class="container">
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Melvin & Hamilton</div>
<div class="location">France</div>
</div>
</div>
<div class="bottom">
<p>Great app, easy to use and perfect support. We are using it for several markets, only thing to improve here might be the translations which need to be set up for each survey again. Jason is very helpful and gives quick support. Definitely one of our favorite Shopify apps.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Get Comfy</div>
<div class="location">Ireland</div>
</div>
</div>
<div class="bottom">
<p>The app looks complex at the start, but it became intuitive when given a little time. I was very pleased with an outcome. Here the biggest help was Jason from the support. Amazing response anytime of the day. Totally recommending!</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">LubeShop</div>
<div class="location">South Africa</div>
</div>
</div>
<div class="bottom">
<p>We recently integrated Zigpoll into our Shopify store, and it's been a pretty fantastic experience. The software is very customisable, and very easy to tailor to our needs. Installation was a breeze, and it integrates seamlessly with our Shopify, which allowed us to quickly launch our surveys.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Melvin & Hamilton</div>
<div class="location">France</div>
</div>
</div>
<div class="bottom">
<p>Great app, easy to use and perfect support. We are using it for several markets, only thing to improve here might be the translations which need to be set up for each survey again. Jason is very helpful and gives quick support. Definitely one of our favorite Shopify apps.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Get Comfy</div>
<div class="location">Ireland</div>
</div>
</div>
<div class="bottom">
<p>The app looks complex at the start, but it became intuitive when given a little time. I was very pleased with an outcome. Here the biggest help was Jason from the support. Amazing response anytime of the day. Totally recommending!</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">LubeShop</div>
<div class="location">South Africa</div>
</div>
</div>
<div class="bottom">
<p>We recently integrated Zigpoll into our Shopify store, and it's been a pretty fantastic experience. The software is very customisable, and very easy to tailor to our needs. Installation was a breeze, and it integrates seamlessly with our Shopify, which allowed us to quickly launch our surveys.</p>
</div>
</div>
</div>
</div>
</div>
<div class="marquee reverse">
<div class="inner" aria-hidden="true">
<div class="container">
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">AMARO</div>
<div class="location">Brazil</div>
</div>
</div>
<div class="bottom">
<p>We have been very pleased with using the platform so far. It is extremely intuitive and easy for our entire team to use. We now rely solely on Zigpoll for sending surveys like NPS and pop-ups during the customer journey on our site. We highly recommend it.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Babysense Japan</div>
<div class="location">Japan</div>
</div>
</div>
<div class="bottom">
<p>Very easy to implement. Interface is intuitive. The insight report for open answers really save a lot of time. Only request for exit poll is if there is an accurate way to catch when a customer is leaving without purchasing. But this app is highly recommended!</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Kerrits Equestrian Apparel</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Been using this app for about 3 months now and I really like it. It's easy to use, you can set up surveys easily, set up rules for who to show it to easily and the customer service has been great. I would recommend trying it for a great post-purchase survey to learn more about who is shopping with you.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">AMARO</div>
<div class="location">Brazil</div>
</div>
</div>
<div class="bottom">
<p>We have been very pleased with using the platform so far. It is extremely intuitive and easy for our entire team to use. We now rely solely on Zigpoll for sending surveys like NPS and pop-ups during the customer journey on our site. We highly recommend it.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Babysense Japan</div>
<div class="location">Japan</div>
</div>
</div>
<div class="bottom">
<p>Very easy to implement. Interface is intuitive. The insight report for open answers really save a lot of time. Only request for exit poll is if there is an accurate way to catch when a customer is leaving without purchasing. But this app is highly recommended!</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Kerrits Equestrian Apparel</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Been using this app for about 3 months now and I really like it. It's easy to use, you can set up surveys easily, set up rules for who to show it to easily and the customer service has been great. I would recommend trying it for a great post-purchase survey to learn more about who is shopping with you.</p>
</div>
</div>
</div>
</div>
</div>
<div class="marquee off-center">
<div class="inner" aria-hidden="true">
<div class="container">
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">BariatricPal Store</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Zigpoll has been a fantastic tool for us across all five of our Shopify stores. The insights we've gained are invaluable, helping us make data-driven decisions that genuinely resonate with our customers. Plus, the support from the founder is lightning-fast—it's rare to find that level of dedication.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Gaâla</div>
<div class="location">France</div>
</div>
</div>
<div class="bottom">
<p>This app has everything you need if you are looking to get feedback from your users and clients on any topic. We started with a classic survey that we embedded in a dedicated website page. Super user user friendly and easy to set up.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Jazwares</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Useful app for collecting customer feedback. Set up and customization is intuitive, with good instruction/ documentation, user-friendly application to your site / emails with analytics. The support is responsive and helpful. Lots of features at the $25/mo tier.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">BariatricPal Store</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Zigpoll has been a fantastic tool for us across all five of our Shopify stores. The insights we've gained are invaluable, helping us make data-driven decisions that genuinely resonate with our customers. Plus, the support from the founder is lightning-fast—it's rare to find that level of dedication.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Gaâla</div>
<div class="location">France</div>
</div>
</div>
<div class="bottom">
<p>This app has everything you need if you are looking to get feedback from your users and clients on any topic. We started with a classic survey that we embedded in a dedicated website page. Super user user friendly and easy to set up.</p>
</div>
</div>
<div class="review">
<div class="top">
<div class="stars"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i></div>
<div class="left">
<div class="title">Jazwares</div>
<div class="location">United States</div>
</div>
</div>
<div class="bottom">
<p>Useful app for collecting customer feedback. Set up and customization is intuitive, with good instruction/ documentation, user-friendly application to your site / emails with analytics. The support is responsive and helpful. Lots of features at the $25/mo tier.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pricing-plans">
<div class="wrapper">
<h3>Pricing options</h3>
<h6>Choose the plan that <span>works for you</span>.</h6>
<div class="plans">
<div class="plan lite">
<div class="content">
<div class="icon lite"></div>
<h4>Lite</h4>
<p class="price"><span>Free</span></p>
<ul class="top">
<li><a href="/blog/how-responses-are-counted" target="_blank">100 responses</a> <span>/mo</span></li>
<li>1 team member</li>
</ul>
<ul class="bottom">
<li>Automatic AI insights</li>
<li>Flexible question formats</li>
<li>Custom style any survey</li>
<li>White label support</li>
<li>Unlimited surveys</li>
</ul>
</div>
</div>
<div class="plan basic">
<div class="content">
<div class="icon basic"></div>
<h4>Basic</h4>
<p class="price"><span>$10</span> /mo</p>
<ul class="top">
<li><a href="/blog/how-responses-are-counted" target="_blank">200 responses</a> <span>/mo</span></li>
<li>Send 1,000 emails <span>/mo</span></li>
<li>2 team members</li>
</ul>
<ul class="bottom">
<li>Automatic AI insights</li>
<li>Flexible question formats</li>
<li>Custom style any survey</li>
<li>White label support</li>
<li>Unlimited surveys</li>
<li>Installation support</li>
<!-- <li>Hide Zigpoll Branding</li> -->
<!-- <li>Copywriting support</li> -->
<!-- <li>24 hour customer support</li> -->
</ul>
</div>
</div>
<div class="plan standard">
<div class="content">
<div class="icon standard"></div>
<h4>Standard</h4>
<p class="price"><span>$25</span> /mo</p>
<ul class="top">
<li><a href="/blog/how-responses-are-counted" target="_blank">500 responses</a> <span>/mo</span></li>
<li>Send 2,500 emails <span>/mo</span></li>
<li>4 team members</li>
</ul>
<ul class="bottom">
<li>Automatic AI insights</li>
<li>Flexible question formats</li>
<li>Custom style any survey</li>
<li>White label support</li>
<li>Unlimited surveys</li>
<li>Installation support</li>
<li>Hide Zigpoll Branding</li>
<li>500 SMS messages</li>
<!-- <li>Copywriting support</li> -->
<!-- <li>24 hour customer support</li> -->
</ul>
</div>
</div>
<div class="plan plus">
<div class="content">
<div class="icon plus"></div>
<h4>Plus</h4>
<p class="price"><span>$50</span> /mo</p>
<ul class="top">
<li><a href="/blog/how-responses-are-counted" target="_blank">1,000 responses</a> <span>/mo</span></li>
<li>Send 5,000 emails <span>/mo</span></li>
<li>8 team members</li>
</ul>
<ul class="bottom">
<li>Automatic AI insights</li>
<li>Flexible question formats</li>
<li>Custom style any survey</li>
<li>White label support</li>
<li>Unlimited surveys</li>
<li>Installation support</li>
<li>Hide Zigpoll Branding</li>
<li>1,000 SMS messages</li>
<li>Copywriting support</li>
</ul>
</div>
</div>
<div class="plan pro">
<div class="content">
<div class="icon pro"></div>
<h4>Pro</h4>
<p class="price"><span>$100</span> /mo</p>
<ul class="top">
<li><a href="/blog/how-responses-are-counted" target="_blank">Unlimited responses</a></li>
<li>Send 10,000 emails <span>/mo</span></li>
<li>20 team members</li>
</ul>
<ul class="bottom">
<li>Automatic AI insights</li>
<li>Flexible question formats</li>
<li>Custom style any survey</li>
<li>White label support</li>
<li>Unlimited surveys</li>
<li>Installation support</li>
<li>Hide Zigpoll Branding</li>
<li>2,000 SMS messages</li>
<li>Copywriting support</li>
<li>Dedicated support</li>
</ul>
</div>
</div>
</div>
<div class="below">
<p>Need some more information? </p><div><a class="has-poll-id" data-poll-id="5d8389d306bc1c75f195586f">Contact Us</a><span>or</span><a class="learn-more" href="/pricing">Learn More</a></div><p></p>
</div>
</div>
</div>
</div>
<div class="grey-to-white">
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<div id="how-to-zigpoll">
<div class="wrapper">
<div class="title">
<h3>Work smarter, not harder.</h3>
<p><span>Learn more</span> about how Zigpoll can <span>help your type of business</span>.</p>
</div>
<div class="list">
<a href="/use-case/media">
<div class="item">
<div class="content media">
<img src="/img/media.jpg">
<div>
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>Blogs & Media</h6>
<p>Ask your audience what types of content they want to see.</p>
<div class="link">Learn More</div>
</div>
</div>
</div>
</a>
<div class="item">
<div class="integration"><a href="https://apps.shopify.com/zigpoll" target="_blank">Try our Shopify Integration <div class="img"><img src="/img/shopify_glyph.png"></div></a></div>
<a href="/use-case/ecommerce">
<div class="content">
<img src="/img/ecommerce.jpg">
<div>
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>eCommerce</h6>
<p>Use surveys to drive change in your marketing spend and product line.</p>
<div class="link">Learn More</div>
</div>
</div>
</a>
</div>
<a href="/use-case/software">
<div class="item">
<div class="content saas">
<img src="/img/saas.jpg">
<div>
<div class="wave-divider" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<h6>Software as a Service</h6>
<p>Gather feedback for product while rewarding & engaging your users.</p>
<div class="link">Learn More</div>
</div>
</div>
</div>
</a>
</div>
<div class="below">
<p>Not seeing your business? <a href="/examples">View some examples</a> or <a href="/contact">contact us</a> for ideas.</p>
</div>
</div>
</div>
</div>
</div>
<div id="secondary">
<div id="create-account" class="slate">
<div class="wave-divider inverted" aria-hidden="true"><svg class="wave-1hkxOo" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100" preserveAspectRatio="none"><path class="wavePath-haxJK1" d="M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z" fill="currentColor"></path></svg></div>
<div class="wrapper">
<h3>Start surveying for free.</h3>
<h6>Try our no-code surveys that visitors actually answer.</h6>
<div class="actions">
<a href="https://app.zigpoll.com" class="start">Get Started</a>
<a href="/examples" class="alt">See Examples</a>
</div>
</div>
<div id="questions-feedback">
<h3>Questions or Feedback?</h3>
<h6>We are always ready to hear from you.</h6>
<div class="actions">
<a href="https://www.zigpoll.com/contact" class="start">Let's Talk</a>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="wrapper">
<div class="left">
<div class="logo"><a href="/">Zigpoll</a></div>
<div class="certs">
<img src="/img/ccpa.svg">
<img src="/img/gdpr.svg">
<img src="/img/lgpd.png">
</div>
</div>
<div class="links">
<div>
<h5>Product</h5>
<!-- <a href="/product">Features</a> -->
<a href="/examples">Examples</a>
<a href="/pricing">Pricing</a>
<a href="/reviews">Reviews</a>
<a href="https://app.zigpoll.com/log-in">Log In</a>
<a href="https://app.zigpoll.com/sign-up">Sign up</a>
</div>
<div>
<h5>Information</h5>
<a href="/blog">Blog</a>
<a href="/terms-and-policies">Terms</a>
<a href="/dpa">DPA</a>
<a href="https://docs.zigpoll.com">Docs</a>
<a href="/affiliates">Affiliates</a>
<a href="/integrations">Integrations</a>
</div>
<div>
<h5>Solutions</h5>
<a href="/use-case/ecommerce">E-Commerce</a>
<a href="/use-case/media">Media</a>
<a href="/use-case/software">SaaS</a>
<a href="/case-studies">Case Studies</a>
<a href="/resources">Resources</a>
<!-- <a href="/compare">Comparisons</a> -->
</div>
<div>
<h5>Company</h5>
<a href="/about">About</a>
<a href="/contact">Contact Us</a>
<a href="/faq">FAQs</a>
</div>
</div>
<div class="copyright">© Zigpoll 2024. All Rights Reserved.</div>
</div>
</div>
</div>
</div>
</div><div id="zigpoll-container"><div id="zigpoll-embed" class=" zigpoll-right zigpoll-loaded"><div id="zigpoll-poll-frame" class=" zigpoll-loaded zigpoll-right is-not-zigpoll-modal dbbe6bc792194a95b1d28c604c7e00b2" style="bottom: 20px; right: 10000px; max-width: 420px; max-height: 500px; border-radius: 10px; border-width: 2px; border-color: rgb(38, 53, 62); height: 433px;"><div><iframe id="zigpoll-poll-iframe" font-size="16" actioncolor="#212a2f" backgroundcolor="#26353e" title="zigpoll-iframe" mountcontent="#root" srcdoc="<!DOCTYPE html>
<html>
<head>
<script>
document.onkeyup = function(evt) {
evt = evt || window.event;
var isEscape = false;
if ("key" in evt) {
isEscape = (evt.key === "Escape" || evt.key === "Esc");
} else {
isEscape = (evt.keyCode === 27);
}
if (isEscape) {
var isPublicPoll = (window.parent.location.hostname === 'share.zigpoll.com') || (window.parent.location.href.indexOf('app.zigpoll.com/preview') !== -1) || window.parent.isZigpollSharePage;
var isEmbedded = window.parent.Zigpoll.isEmbedded;
if (!isPublicPoll && !isEmbedded) {
window.parent.Zigpoll.close();
}
}
};
</script>
<!-- Custom Code --!>
<link rel="preload" href="https://cdn.zigpoll.com/fontawesome-free-6.3.0-web/css/all.min.css" as="style" >
<link rel="preload" as="font" type="font/woff2" href="https://cdn.zigpoll.com/fontawesome-free-6.3.0-web/webfonts/fa-solid-900.woff2" crossorigin >
<link rel="preload" as="font" type="font/woff2" href="https://cdn.zigpoll.com/fontawesome-free-6.3.0-web/webfonts/fa-regular-400.woff2" crossorigin >
<link rel="stylesheet" type="text/css" href="https://cdn.zigpoll.com/fontawesome-free-6.3.0-web/css/all.min.css">
<link rel="stylesheet" href="https://use.typekit.net/gjk5byw.css">
<link rel="stylesheet" href="https://use.typekit.net/qke8lxz.css">
<style>div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
@keyframes loading {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff; } }
@keyframes loading-black {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); }
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); }
25% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
50% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
75% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); }
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000; } }
@keyframes shake {
0% {
transform: translate(0.375rem, 0); }
50% {
transform: translate(-0.375rem, 0); }
100% {
transform: translate(0, 0); } }
@keyframes arrow {
0%, 100% {
transform: translateX(0.125rem) translateY(-50%) scale(1); }
50% {
transform: translateX(0.375rem) translateY(-50%) scale(1); } }
/* CSS variables. */
:root {
--PhoneInput-color--focus: rgba(0,0,0,.15);
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35rem;
--PhoneInputCountrySelectArrow-width: 0.3rem;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-marginTop: calc(var(--PhoneInputCountrySelectArrow-height) / 2);
--PhoneInputCountrySelectArrow-borderWidth: 0.0625rem;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: inherit;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1.3rem;
--PhoneInputCountryFlag-borderWidth: 0.0625rem;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.15);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.15); }
.PhoneInput {
/* This is done to stretch the contents of this component. */
display: flex;
align-items: center; }
.PhoneInputInput {
/* The phone number input stretches to fill all empty space */
flex: 1;
/* The phone number input should shrink
to make room for the extension input */
min-width: 0; }
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height); }
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height); }
.PhoneInputCountryIcon--border {
/* Removed `background-color` because when an `<img/>` was still loading
it would show a dark gray rectangle. */
/* For some reason the `<img/>` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom. */
background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
/* For some reason the `<img/>` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom,
so an additional "inset" border is added. */
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
border-radius: 0.3125rem;
overflow: hidden; }
.PhoneInputCountryIconImg {
/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
width: 100%;
height: 100%; }
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity); }
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity); }
/* Styling native country `<select/>`. */
.PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight); }
.PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer; }
.PhoneInputCountrySelect[disabled] {
cursor: default; }
.PhoneInputCountrySelectArrow {
display: block;
content: '';
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-top: var(--PhoneInputCountrySelectArrow-marginTop);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity); }
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus); }
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus); }
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus); }
/* Slider */
.rc-slider {
position: relative;
height: 0.875rem;
padding: 0.3125rem 0rem;
width: 100%;
border-radius: 0.375rem;
margin-top: 0.9375rem;
margin-bottom: 1.875rem;
-ms-touch-action: none;
touch-action: none;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rc-slider * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rc-slider-rail {
position: absolute;
width: 100%;
background-color: #e5eaef;
height: 0.625rem;
border-radius: 0.375rem; }
.rc-slider-track {
position: absolute;
left: 0;
height: 0.625rem;
border-radius: 0.375rem;
background-color: var(--zigpoll-action-color); }
.rc-slider-handle {
position: absolute;
width: 1.375rem;
height: 1.375rem;
cursor: pointer;
cursor: -webkit-grab;
margin-top: -0.375rem;
cursor: grab;
border-radius: 50%;
border: solid 0.125rem var(--zigpoll-action-color);
background-color: #fff;
transition: border-color 0.11s, box-shadow 0.11s;
-ms-touch-action: pan-x;
touch-action: pan-x; }
.rc-slider-handle:focus {
border-color: var(--zigpoll-action-color);
box-shadow: 0 0 0 0.3125rem var(--zigpoll-action-color-alpha-25);
outline: none; }
.rc-slider-handle-click-focused:focus {
border-color: var(--zigpoll-action-color);
box-shadow: unset; }
.rc-slider-handle:hover {
border-color: var(--zigpoll-action-color); }
.rc-slider-handle:active {
border-color: var(--zigpoll-action-color-darken-5);
box-shadow: 0 0 0.3125rem var(--zigpoll-action-color-alpha-25);
cursor: -webkit-grabbing;
cursor: grabbing; }
.rc-slider-mark {
position: absolute;
top: 1.875rem;
left: 0;
width: 100%;
font-size: 0.8125rem;
font-weight: 700;
color: #6d7a82; }
.rc-slider-mark-text {
position: absolute;
display: inline-block;
vertical-align: middle;
text-align: center;
cursor: pointer;
color: #6d7a82; }
.rc-slider-step {
position: absolute;
width: 100%;
height: 0.625rem;
background: transparent; }
.rc-slider-dot {
position: absolute;
bottom: -0.125rem;
margin-left: -0.25rem;
width: 0.875rem;
height: 0.875rem;
border: 0.125rem solid var(--zigpoll-action-color);
background-color: #fff;
cursor: pointer;
border-radius: 50%;
vertical-align: middle;
display: none; }
.rc-slider-dot-active {
border-color: #96dbfa;
display: none; }
.rc-slider-dot-reverse {
margin-left: 0;
margin-right: -0.25rem; }
.rc-slider-disabled .rc-slider-track {
background-color: #c5d1dc; }
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
border-color: #c5d1dc;
box-shadow: none;
background-color: #fff;
cursor: not-allowed; }
.completed .rc-slider-track {
background-color: #c5d1dc; }
.completed .rc-slider-handle:focus {
border-color: var(--zigpoll-action-color);
box-shadow: none;
outline: none; }
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
cursor: not-allowed !important; }
.rc-slider-vertical {
width: 0.875rem;
height: 100%;
padding: 0 0.3125rem; }
.rc-slider-vertical .rc-slider-rail {
height: 100%;
width: 0.25rem; }
.rc-slider-vertical .rc-slider-track {
left: 0.3125rem;
bottom: 0;
width: 0.25rem; }
.rc-slider-vertical .rc-slider-handle {
margin-left: -0.3125rem;
-ms-touch-action: pan-y;
touch-action: pan-y; }
.rc-slider-vertical .rc-slider-mark {
top: 0;
left: 1.125rem;
height: 100%; }
.rc-slider-vertical .rc-slider-step {
height: 100%;
width: 0.25rem; }
.rc-slider-vertical .rc-slider-dot {
left: 0.125rem;
margin-bottom: -0.25rem; }
.rc-slider-vertical .rc-slider-dot:first-child {
margin-bottom: -0.25rem; }
.rc-slider-vertical .rc-slider-dot:last-child {
margin-bottom: -0.25rem; }
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
animation-duration: .3s;
animation-fill-mode: both;
display: block !important;
animation-play-state: paused; }
.rc-slider-tooltip-zoom-down-leave {
animation-duration: .3s;
animation-fill-mode: both;
display: block !important;
animation-play-state: paused; }
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
animation-name: rcSliderTooltipZoomDownIn;
animation-play-state: running; }
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
animation-name: rcSliderTooltipZoomDownOut;
animation-play-state: running; }
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
transform: scale(0, 0);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
.rc-slider-tooltip-zoom-down-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
@keyframes rcSliderTooltipZoomDownIn {
0% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(0, 0); }
100% {
transform-origin: 50% 100%;
transform: scale(1, 1); } }
@keyframes rcSliderTooltipZoomDownOut {
0% {
transform-origin: 50% 100%;
transform: scale(1, 1); }
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(0, 0); } }
.rc-slider-tooltip {
position: absolute;
left: -9999px;
top: -9999px;
z-index: 999;
visibility: visible;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rc-slider-tooltip * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.rc-slider-tooltip-hidden {
display: none;
z-index: -1; }
.rc-slider-tooltip-placement-top {
padding: 0.25rem 0 0.5rem 0; }
.rc-slider-tooltip-inner {
padding: 0.25rem 0.75rem;
min-width: 2.5rem;
height: 1.875rem;
text-transform: none;
letter-spacing: 0rem;
font-size: 0.8125rem;
line-height: 1.4375rem;
font-weight: 500;
color: #fff;
text-align: center;
text-decoration: none;
background: black;
color: #FFF;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.15); }
.rc-slider-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
bottom: 0.3125rem;
left: 50%;
margin-left: -0.25rem;
border-width: 0.25rem 0.25rem 0;
border-top-color: black; }
.rc-slider-tooltip-inner {
font-weight: 600; }
body {
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif;
background: #f5f7f9;
margin: 0rem;
color: black;
top: 0rem;
padding: 0rem; }
input, textarea {
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif;
color: black; }
html, body, #root {
height: 100%; }
button {
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif; }
#root > .frame-content {
height: 100%; }
#root > .frame-content > .frame-container {
height: 100%;
overflow: auto;
transform: translateZ(0rem);
background: #FFF; }
#root > .frame-content > .frame-container.has-footer {
height: calc(100% - 2.125rem); }
#root > .frame-content #reward-banner {
display: block;
text-align: center;
color: #FFF;
padding: 0.3125rem 0.625rem;
font-size: 0.875rem; }
#root > .frame-content #reward-banner.rtl {
direction: rtl; }
#root > .frame-content #reward-banner * {
color: #FFF;
font-weight: 500; }
#root > .frame-content #reward-banner strong {
font-weight: 700; }
#root > .frame-content #reward-banner a {
text-decoration: underline; }
#root .poll-frame .frame-content {
background: #FFF; }
.poll-frame.zigpoll-shopify-checkout-page .frame-content div.footer {
background: #fafafa;
border-top: 1px solid #d9d9d9; }
.poll-frame.zigpoll-shopify-checkout-page .frame-content #reward-banner {
background: #fafafa !important;
border-bottom: 1px solid #d9d9d9;
padding: 0.3125rem 1rem; }
.poll-frame.zigpoll-shopify-checkout-page .frame-content #reward-banner * {
color: black !important; }
*, *:before, *:after {
box-sizing: border-box; }
* {
-webkit-tap-highlight-color: transparent; }
#frame {
z-index: 1;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
transition: height 0.22s;
background: #FFF;
overflow: hidden; }
#frame a {
text-decoration: none; }
#frame .slide {
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
z-index: 0;
overflow: hidden;
display: none; }
#frame .slide .content > div {
display: block;
opacity: 0;
transform: translateX(0rem) translateZ(0rem);
transition: transform 0.22s, opacity 0.22s; }
#frame .slide.prev, #frame .slide.next {
z-index: 1;
display: block; }
#frame .slide.prev .content > div, #frame .slide.next .content > div {
transform: translateY(0.625rem) translateZ(0rem) rotate(0deg); }
#frame .slide.prev .header h3, #frame .slide.next .header h3 {
transform: translateX(0.3125rem) translateZ(0rem); }
#frame .slide.prev .content > div {
transform: translateY(-0.625rem) translateZ(0rem) rotate(0deg); }
#frame .slide.prev .header h3 {
transform: translateX(-0.3125rem) translateZ(0rem); }
#frame .slide.active {
z-index: 2;
display: block; }
#frame .slide.active .content > div {
opacity: 1;
transform: translateX(0rem) translateZ(0rem);
transition: transform 0.22s 0.22s, opacity 0.22s 0.22s; }
#frame .header-bg {
display: none;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: calc(100% - 3.4375rem);
z-index: 0;
transform: translateZ(0rem); }
#frame .content-bg {
display: none;
position: absolute;
top: 0rem;
height: 100%;
left: 0rem;
width: 100%;
z-index: 1;
transform: translateZ(0rem) translateY(0rem); }
#frame .content-bg:after {
content: '';
height: 0.25rem;
top: 0rem;
left: 0rem;
width: 100%;
position: absolute; }
#frame .header {
position: relative;
z-index: 0;
text-shadow: 0 0.125rem 0 #0a4ed9; }
#frame.has-footer .content {
padding: 0rem; }
#frame.has-footer .content div.card,
#frame.has-footer .content div.card-subtitle {
padding-bottom: 0.625rem; }
#frame.zigpoll-shopify-checkout-page .content div.card {
padding: 1rem 1rem 1rem; }
#frame.zigpoll-shopify-checkout-page .content div.card .copy-container h3 {
padding-right: 0.625rem; }
#frame.zigpoll-shopify-checkout-page div.count {
left: auto !important;
right: 0.3125rem; }
#frame .content {
position: relative;
z-index: 1;
padding: 0rem; }
#frame .content div.card,
#frame .content div.card-subtitle {
padding: 2rem 1.5rem 1.125rem;
overflow: hidden;
margin-bottom: 0rem;
overflow: hidden;
margin-left: auto;
margin-right: auto; }
#frame .content div.card.no-padding,
#frame .content div.card-subtitle.no-padding {
padding: 0rem; }
#frame .content div.card,
#frame .content div.card-subtitle {
transition: opacity 0.22s, transform 0.22s; }
#frame .content div.card.hidden,
#frame .content div.card-subtitle.hidden {
opacity: 0;
height: 0rem;
padding: 0rem !important;
margin: 0rem;
transform: translateY(3.125rem) translateZ(0rem); }
#frame .content div.card.visible,
#frame .content div.card-subtitle.visible {
opacity: 1;
transform: translateY(0rem) translateZ(0rem); }
#frame .copy-container {
margin-bottom: 1.0625rem; }
#frame .slide-content-container {
position: relative;
line-height: 0rem; }
#frame .slide-content-container .reset-container.active {
transition: opacity 0.11s, left 0s;
opacity: .55;
left: 0rem;
z-index: 1; }
#frame .slide-content-container:hover .reset-container.active {
opacity: 1; }
#frame .reset-container {
display: block;
line-height: 0.75rem;
text-align: right;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0rem;
left: 0rem;
padding-bottom: 0.125rem;
padding-top: 0.125rem;
left: -100000px;
transition: opacity 0.22s, left 0s 0.22s;
cursor: pointer; }
#frame .reset-container > div {
display: none;
display: inline-block;
font-weight: 700;
font-size: 0.625rem;
color: black;
cursor: pointer;
opacity: .75;
transition: opacity 0.22s;
top: -0.1875rem;
position: absolute;
right: 0px;
transform: translateY(-100%); }
#frame .reset-container > div:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F044';
position: relative;
margin-right: 0.1875rem; }
#frame h3 {
font-weight: 500;
font-size: 1.625rem;
margin-bottom: 0.625rem;
line-height: 1.2;
color: black;
display: block;
word-break: break-word; }
#frame h3 * {
color: black; }
#frame h3 strong {
font-weight: bold; }
#frame h3 em {
font-style: italic; }
#frame h3 a {
text-decoration: underline; }
#frame .content-image {
max-width: 100%;
height: auto;
display: block;
margin: 0px auto;
line-height: 0;
border-radius: 0.1875rem;
margin-bottom: 0.9375rem;
overflow: hidden; }
#frame .subtitle, #frame .copy {
font-size: 1.03125rem;
line-height: 1.3;
color: black;
color: #3e464a;
font-weight: 500; }
#frame .subtitle strong, #frame .copy strong {
font-weight: bold;
color: black; }
#frame .subtitle em, #frame .copy em {
font-style: italic; }
#frame .subtitle u, #frame .copy u {
text-decoration: underline; }
#frame .subtitle p:has(> br:only-child), #frame .copy p:has(> br:only-child) {
line-height: 1;
font-size: 0.625rem; }
#frame .copy {
margin-bottom: 0.9375rem;
word-break: break-word; }
#frame .copy a {
text-decoration: underline;
color: black; }
#frame .subtitle {
margin-bottom: 0.5rem;
word-break: break-word; }
#frame.is-zigpoll-modal .content-container .copy-container h3, #frame.is-zigpoll-modal .content-container .copy-container .title, #frame.is-zigpoll-modal .content-container .copy-container .subtitle, #frame.is-zigpoll-modal .content-container .copy-container .copy, #frame.is-zigpoll-modal .content-container .copy-container .content, #frame.is-zigpoll-modal .content-container .copy-container p {
text-align: center !important; }
#frame.is-zigpoll-modal .content-container .copy-container h3 {
margin-bottom: 0.625rem; }
#frame.is-zigpoll-modal .content-container .copy-container .copy {
margin-bottom: 1.25rem; }
#frame.is-zigpoll-modal .content-container .actions {
margin-top: 1.25rem !important; }
#frame .card-subtitle {
background: #f5f7f9;
color: black;
margin-bottom: 0.4375rem;
margin-top: 0.4375rem !important;
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
padding-left: 0.875rem;
font-weight: 500;
line-height: 1.375rem;
word-break: break-word;
margin-top: 0rem;
font-size: 1.125rem;
border-top: 0.125rem solid #f5f7f9;
border-bottom: 0.125rem solid #f5f7f9; }
#frame .card-subtitle .refresh {
float: right;
opacity: .5;
font-size: 0.8125rem;
line-height: 1.375rem;
cursor: pointer;
transition: opacity 0.22s; }
#frame .card-subtitle .refresh i {
position: relative;
right: 0.375rem; }
#frame .card-subtitle .refresh:hover {
opacity: 1;
transition: opacity 0.11s; }
#frame .responses > div {
padding: 0.625rem 1.5rem;
display: block;
font-size: 1rem;
font-weight: 500;
color: black;
line-height: 1.4;
border-top: 0.125rem solid #f5f7f9;
padding-right: 3.125rem;
position: relative; }
#frame .responses > div:first-child {
margin-top: 0.125rem;
border-top: 0rem solid transparent; }
#frame .responses > div .vote {
position: absolute;
top: 0.6875rem;
right: 1.5rem;
cursor: pointer;
display: none;
transform: scale(1);
transition: opacity 0.22s, color 0.22s, transform 0.11s; }
#frame .responses > div .vote:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F004'; }
#frame .responses > div.empty {
margin: 0.3125rem 0;
text-align: center;
color: #6d7a82;
font-weight: 700; }
#frame .responses > div.load-more {
background: #f5f7f9;
text-align: center;
color: #6d7a82;
cursor: pointer;
font-weight: 700;
transition: color 0.22s; }
#frame .responses > div.load-more:hover {
color: #556066;
transition: color 0.11s; }
#frame .responses > div.voted .vote {
display: block;
opacity: 1 !important;
transform: scale(1) !important; }
#frame .responses > div.voted .vote:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free"; }
#frame .responses > div:hover .vote {
display: block;
opacity: .35;
transition: opacity 0.11s, color 0.11s, transform 0.11s; }
#frame .responses > div:hover .vote:hover {
opacity: 1;
transform: scale(1.15); }
#frame .legal-consent .legal-consent-checkbox {
background: #f5f7f9;
position: relative;
padding: 0.5rem 0.625rem;
padding-left: 2.8125rem;
border-radius: 0.3125rem;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
line-height: 1.25; }
#frame .legal-consent .legal-consent-checkbox .label {
font-size: 1rem;
font-weight: 500;
line-height: 1.25; }
#frame .legal-consent .legal-consent-checkbox .label > div {
min-height: 1.25rem; }
#frame .legal-consent .legal-consent-checkbox.disabled {
cursor: not-allowed; }
#frame .legal-consent .legal-consent-checkbox > span {
display: inline-block;
border-radius: 0.15625rem;
border: 0.125rem solid #0a4ed9;
width: 1.375rem;
height: 1.375rem;
line-height: 1.125rem;
vertical-align: middle;
top: 50%;
position: absolute;
left: 0.625rem;
transition: background 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: scale(1) translateY(-50%);
background: #FFF;
box-shadow: inset 0.125rem 0.125rem #ddd;
transform: scale(1) translateY(-50%); }
#frame .legal-consent .legal-consent-checkbox:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.125rem 0.125rem #ddd;
transform: scale(1.1) translateY(-50%); }
#frame .legal-consent .legal-consent-checkbox.active > span {
box-shadow: inset 0 0 0 0rem #FFF, inset 0rem 0rem #ddd;
transform: scale(1) translateY(-50%); }
#frame .legal-consent .legal-consent-checkbox.active > span:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F00C';
color: #FFF;
position: absolute;
font-size: 0.75rem;
font-weight: bold;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
#frame .response-input.long-answer form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1;
padding-bottom: 0.3125rem; }
#frame .response-input.long-answer form:before, #frame .response-input.long-answer form:after {
content: "";
display: table; }
#frame .response-input.long-answer form:after {
clear: both; }
#frame .response-input.long-answer form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .response-input.long-answer form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .response-input.long-answer form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .response-input.long-answer form .reset:hover {
color: #6d7a82; }
#frame .response-input.long-answer form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .response-input.long-answer form.invalid, #frame .response-input.long-answer form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .response-input.long-answer form.invalid input, #frame .response-input.long-answer form .form-input.invalid input {
color: #d32b10; }
#frame .response-input.long-answer form.invalid label, #frame .response-input.long-answer form .form-input.invalid label {
color: #d32b10; }
#frame .response-input.long-answer form.invalid .message, #frame .response-input.long-answer form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .response-input.long-answer form.valid button[type="submit"] {
opacity: .75; }
#frame .response-input.long-answer form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .response-input.long-answer form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .response-input.long-answer form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .response-input.long-answer form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .response-input.long-answer form input, #frame .response-input.long-answer form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .response-input.long-answer form input:disabled, #frame .response-input.long-answer form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .response-input.long-answer form input {
line-height: normal; }
#frame .response-input.long-answer form button.submit, #frame .response-input.long-answer form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .response-input.long-answer form button.submit:hover, #frame .response-input.long-answer form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .response-input.long-answer form button.submit:focus, #frame .response-input.long-answer form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .response-input.long-answer form button.submit:disabled, #frame .response-input.long-answer form button[type=submit]:disabled {
opacity: .35; }
#frame .response-input.long-answer form button.submit:disabled, #frame .response-input.long-answer form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .response-input.long-answer form button.submit.is-last > div, #frame .response-input.long-answer form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .response-input.long-answer form button.submit > div, #frame .response-input.long-answer form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .response-input.long-answer form button.submit > div.slug, #frame .response-input.long-answer form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .response-input.long-answer form button.submit > div.slug > span, #frame .response-input.long-answer form button[type=submit] > div.slug > span {
position: relative; }
#frame .response-input.long-answer form button.submit > div:after, #frame .response-input.long-answer form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .response-input.long-answer form button.submit > div:after, #frame .response-input.long-answer form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .response-input.long-answer form button.submit > div:after, #frame .response-input.long-answer form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .response-input.long-answer form button.submit > div > span, #frame .response-input.long-answer form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .response-input.long-answer form button.submit > div > span:nth-child(1), #frame .response-input.long-answer form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .response-input.long-answer form button.submit > div > span:nth-child(2), #frame .response-input.long-answer form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .response-input.long-answer form button.submit > div > span.right-arrow-icon:after, #frame .response-input.long-answer form button.submit > div > span:nth-child(2):after, #frame .response-input.long-answer form button[type=submit] > div > span.right-arrow-icon:after, #frame .response-input.long-answer form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .response-input.long-answer form button.submit > div > span.right-arrow-icon.close:after, #frame .response-input.long-answer form button.submit > div > span:nth-child(2).close:after, #frame .response-input.long-answer form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .response-input.long-answer form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .response-input.long-answer form button.submit > div > span.right-arrow-icon.thanks:after, #frame .response-input.long-answer form button.submit > div > span:nth-child(2).thanks:after, #frame .response-input.long-answer form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .response-input.long-answer form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .response-input.long-answer form button.submit:hover, #frame .response-input.long-answer form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .response-input.long-answer form button.submit.highlight:before, #frame .response-input.long-answer form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .response-input.long-answer form button.submit.disabled:before, #frame .response-input.long-answer form button.submit:disabled:before, #frame .response-input.long-answer form button.submit:hover:before, #frame .response-input.long-answer form button[type=submit].disabled:before, #frame .response-input.long-answer form button[type=submit]:disabled:before, #frame .response-input.long-answer form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .response-input.long-answer form textarea {
width: 100%;
height: 4.375rem;
border-radius: 0.3125rem;
resize: none;
line-height: 1.5;
padding-top: 0.3125rem;
margin-bottom: 0.3125rem; }
#frame .response-input.long-answer form .reset {
width: auto; }
#frame .response-input.short-answer form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1; }
#frame .response-input.short-answer form:before, #frame .response-input.short-answer form:after {
content: "";
display: table; }
#frame .response-input.short-answer form:after {
clear: both; }
#frame .response-input.short-answer form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .response-input.short-answer form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .response-input.short-answer form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .response-input.short-answer form .reset:hover {
color: #6d7a82; }
#frame .response-input.short-answer form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .response-input.short-answer form.invalid, #frame .response-input.short-answer form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .response-input.short-answer form.invalid input, #frame .response-input.short-answer form .form-input.invalid input {
color: #d32b10; }
#frame .response-input.short-answer form.invalid label, #frame .response-input.short-answer form .form-input.invalid label {
color: #d32b10; }
#frame .response-input.short-answer form.invalid .message, #frame .response-input.short-answer form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .response-input.short-answer form.valid button[type="submit"] {
opacity: .75; }
#frame .response-input.short-answer form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .response-input.short-answer form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .response-input.short-answer form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .response-input.short-answer form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .response-input.short-answer form input, #frame .response-input.short-answer form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .response-input.short-answer form input:disabled, #frame .response-input.short-answer form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .response-input.short-answer form input {
line-height: normal; }
#frame .response-input.short-answer form button.submit, #frame .response-input.short-answer form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .response-input.short-answer form button.submit:hover, #frame .response-input.short-answer form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .response-input.short-answer form button.submit:focus, #frame .response-input.short-answer form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .response-input.short-answer form button.submit:disabled, #frame .response-input.short-answer form button[type=submit]:disabled {
opacity: .35; }
#frame .response-input.short-answer form button.submit:disabled, #frame .response-input.short-answer form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .response-input.short-answer form button.submit.is-last > div, #frame .response-input.short-answer form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .response-input.short-answer form button.submit > div, #frame .response-input.short-answer form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .response-input.short-answer form button.submit > div.slug, #frame .response-input.short-answer form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .response-input.short-answer form button.submit > div.slug > span, #frame .response-input.short-answer form button[type=submit] > div.slug > span {
position: relative; }
#frame .response-input.short-answer form button.submit > div:after, #frame .response-input.short-answer form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .response-input.short-answer form button.submit > div:after, #frame .response-input.short-answer form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .response-input.short-answer form button.submit > div:after, #frame .response-input.short-answer form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .response-input.short-answer form button.submit > div > span, #frame .response-input.short-answer form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .response-input.short-answer form button.submit > div > span:nth-child(1), #frame .response-input.short-answer form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .response-input.short-answer form button.submit > div > span:nth-child(2), #frame .response-input.short-answer form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .response-input.short-answer form button.submit > div > span.right-arrow-icon:after, #frame .response-input.short-answer form button.submit > div > span:nth-child(2):after, #frame .response-input.short-answer form button[type=submit] > div > span.right-arrow-icon:after, #frame .response-input.short-answer form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .response-input.short-answer form button.submit > div > span.right-arrow-icon.close:after, #frame .response-input.short-answer form button.submit > div > span:nth-child(2).close:after, #frame .response-input.short-answer form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .response-input.short-answer form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .response-input.short-answer form button.submit > div > span.right-arrow-icon.thanks:after, #frame .response-input.short-answer form button.submit > div > span:nth-child(2).thanks:after, #frame .response-input.short-answer form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .response-input.short-answer form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .response-input.short-answer form button.submit:hover, #frame .response-input.short-answer form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .response-input.short-answer form button.submit.highlight:before, #frame .response-input.short-answer form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .response-input.short-answer form button.submit.disabled:before, #frame .response-input.short-answer form button.submit:disabled:before, #frame .response-input.short-answer form button.submit:hover:before, #frame .response-input.short-answer form button[type=submit].disabled:before, #frame .response-input.short-answer form button[type=submit]:disabled:before, #frame .response-input.short-answer form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .response-input.short-answer form input {
border-radius: 0.3125rem;
width: calc(100%); }
#frame .response-input.short-answer form button[type="submit"] {
display: none !important;
width: 6.25rem;
float: left;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem; }
#frame .response-input.short-answer form button[type="submit"], #frame .response-input.short-answer form button[type="submit"]:hover, #frame .response-input.short-answer form button[type="submit"]:focus {
transform: scale(1); }
#frame .response-input.date form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1; }
#frame .response-input.date form:before, #frame .response-input.date form:after {
content: "";
display: table; }
#frame .response-input.date form:after {
clear: both; }
#frame .response-input.date form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .response-input.date form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .response-input.date form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .response-input.date form .reset:hover {
color: #6d7a82; }
#frame .response-input.date form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .response-input.date form.invalid, #frame .response-input.date form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .response-input.date form.invalid input, #frame .response-input.date form .form-input.invalid input {
color: #d32b10; }
#frame .response-input.date form.invalid label, #frame .response-input.date form .form-input.invalid label {
color: #d32b10; }
#frame .response-input.date form.invalid .message, #frame .response-input.date form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .response-input.date form.valid button[type="submit"] {
opacity: .75; }
#frame .response-input.date form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .response-input.date form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .response-input.date form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .response-input.date form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .response-input.date form input, #frame .response-input.date form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .response-input.date form input:disabled, #frame .response-input.date form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .response-input.date form input {
line-height: normal; }
#frame .response-input.date form button.submit, #frame .response-input.date form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .response-input.date form button.submit:hover, #frame .response-input.date form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .response-input.date form button.submit:focus, #frame .response-input.date form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .response-input.date form button.submit:disabled, #frame .response-input.date form button[type=submit]:disabled {
opacity: .35; }
#frame .response-input.date form button.submit:disabled, #frame .response-input.date form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .response-input.date form button.submit.is-last > div, #frame .response-input.date form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .response-input.date form button.submit > div, #frame .response-input.date form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .response-input.date form button.submit > div.slug, #frame .response-input.date form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .response-input.date form button.submit > div.slug > span, #frame .response-input.date form button[type=submit] > div.slug > span {
position: relative; }
#frame .response-input.date form button.submit > div:after, #frame .response-input.date form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .response-input.date form button.submit > div:after, #frame .response-input.date form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .response-input.date form button.submit > div:after, #frame .response-input.date form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .response-input.date form button.submit > div > span, #frame .response-input.date form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .response-input.date form button.submit > div > span:nth-child(1), #frame .response-input.date form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .response-input.date form button.submit > div > span:nth-child(2), #frame .response-input.date form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .response-input.date form button.submit > div > span.right-arrow-icon:after, #frame .response-input.date form button.submit > div > span:nth-child(2):after, #frame .response-input.date form button[type=submit] > div > span.right-arrow-icon:after, #frame .response-input.date form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .response-input.date form button.submit > div > span.right-arrow-icon.close:after, #frame .response-input.date form button.submit > div > span:nth-child(2).close:after, #frame .response-input.date form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .response-input.date form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .response-input.date form button.submit > div > span.right-arrow-icon.thanks:after, #frame .response-input.date form button.submit > div > span:nth-child(2).thanks:after, #frame .response-input.date form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .response-input.date form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .response-input.date form button.submit:hover, #frame .response-input.date form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .response-input.date form button.submit.highlight:before, #frame .response-input.date form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .response-input.date form button.submit.disabled:before, #frame .response-input.date form button.submit:disabled:before, #frame .response-input.date form button.submit:hover:before, #frame .response-input.date form button[type=submit].disabled:before, #frame .response-input.date form button[type=submit]:disabled:before, #frame .response-input.date form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .response-input.date form .date-input-wrapper {
position: relative;
height: 2.5rem; }
#frame .response-input.date form .date-input-wrapper i {
color: #b5c4d3;
position: absolute;
right: 0.625rem;
top: 50%;
background: #FFF;
padding-right: 0.25rem;
width: 3.125rem;
height: 2.375rem;
text-align: right;
font-size: 1.125rem;
display: inline-block;
transform: translateY(-50%);
line-height: 2.375rem;
display: none !important; }
#frame .response-input.date form .date-dropdown-wrapper {
position: relative; }
#frame .response-input.date form .date-dropdown-wrapper .select-container {
position: relative;
line-height: 0;
display: inline-block;
margin-right: 0.25rem;
margin-top: 0.25rem; }
#frame .response-input.date form .date-dropdown-wrapper .select-container:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F078';
position: absolute;
top: 0rem;
right: 0.3125rem;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
vertical-align: middle;
text-align: center;
opacity: .5;
transition: opacity 0.22s; }
#frame .response-input.date form .date-dropdown-wrapper .select-container:hover:after {
opacity: 1;
transition: opacity 0.11s;
pointer-events: none; }
#frame .response-input.date form .date-dropdown-wrapper .select-container select {
padding-right: 2.8125rem;
overflow: hidden;
text-overflow: ellipsis; }
#frame .response-input.date form .date-dropdown-wrapper .select-container:last-child {
margin-right: 0rem; }
#frame .response-input.date form .date-dropdown-wrapper .select-container select {
height: 2.5rem;
appearance: none;
outline: none;
padding: 0 1.25rem;
font-size: 0.8125rem;
display: block;
border-radius: 0.3125rem;
background: transparent;
border: none;
font-weight: 600;
max-width: 100%;
padding: 0rem;
color: black;
background: #eff2f5;
padding: 0 0.9375rem;
min-width: 50%;
width: 100%;
transition: color 0.22s, background 0.22s;
cursor: pointer;
border: 1px solid #e5eaef;
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.03125rem;
padding-right: 2.8125rem; }
#frame .response-input.date form .date-dropdown-wrapper .select-container select:hover {
transition: color 0.11s, background 0.11s;
background: #f5f7f9;
border: 1px solid #c5d1dc; }
#frame .response-input.date form .date-dropdown-wrapper .select-container select:disabled {
cursor: not-allowed; }
@media (max-width: 600px) {
#frame .response-input.date form .date-dropdown-wrapper .select-container select {
font-size: 0.90625rem; } }
#frame .response-input.date form input[type="date"] {
border-radius: 0.3125rem;
line-height: 2.125rem;
appearance: none;
background: #FFF;
text-align: left; }
#frame .response-input.date form input[type="date"]::-webkit-date-and-time-value {
text-align: left; }
#frame .email-input label {
text-transform: uppercase;
font-weight: 600;
font-size: 0.6875rem;
letter-spacing: 0.125rem;
color: #79878F;
display: block;
margin-bottom: 0.3125rem; }
#frame .email-input label:before, #frame .email-input label:after {
content: "";
display: table; }
#frame .email-input label:after {
clear: both; }
#frame .email-input label {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .email-input > form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1; }
#frame .email-input > form:before, #frame .email-input > form:after {
content: "";
display: table; }
#frame .email-input > form:after {
clear: both; }
#frame .email-input > form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .email-input > form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .email-input > form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .email-input > form .reset:hover {
color: #6d7a82; }
#frame .email-input > form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .email-input > form.invalid, #frame .email-input > form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .email-input > form.invalid input, #frame .email-input > form .form-input.invalid input {
color: #d32b10; }
#frame .email-input > form.invalid label, #frame .email-input > form .form-input.invalid label {
color: #d32b10; }
#frame .email-input > form.invalid .message, #frame .email-input > form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .email-input > form.valid button[type="submit"] {
opacity: .75; }
#frame .email-input > form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .email-input > form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .email-input > form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .email-input > form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .email-input > form input, #frame .email-input > form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .email-input > form input:disabled, #frame .email-input > form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .email-input > form input {
line-height: normal; }
#frame .email-input > form button.submit, #frame .email-input > form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .email-input > form button.submit:hover, #frame .email-input > form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .email-input > form button.submit:focus, #frame .email-input > form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .email-input > form button.submit:disabled, #frame .email-input > form button[type=submit]:disabled {
opacity: .35; }
#frame .email-input > form button.submit:disabled, #frame .email-input > form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .email-input > form button.submit.is-last > div, #frame .email-input > form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .email-input > form button.submit > div, #frame .email-input > form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .email-input > form button.submit > div.slug, #frame .email-input > form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .email-input > form button.submit > div.slug > span, #frame .email-input > form button[type=submit] > div.slug > span {
position: relative; }
#frame .email-input > form button.submit > div:after, #frame .email-input > form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .email-input > form button.submit > div:after, #frame .email-input > form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .email-input > form button.submit > div:after, #frame .email-input > form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .email-input > form button.submit > div > span, #frame .email-input > form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .email-input > form button.submit > div > span:nth-child(1), #frame .email-input > form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .email-input > form button.submit > div > span:nth-child(2), #frame .email-input > form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .email-input > form button.submit > div > span.right-arrow-icon:after, #frame .email-input > form button.submit > div > span:nth-child(2):after, #frame .email-input > form button[type=submit] > div > span.right-arrow-icon:after, #frame .email-input > form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .email-input > form button.submit > div > span.right-arrow-icon.close:after, #frame .email-input > form button.submit > div > span:nth-child(2).close:after, #frame .email-input > form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .email-input > form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .email-input > form button.submit > div > span.right-arrow-icon.thanks:after, #frame .email-input > form button.submit > div > span:nth-child(2).thanks:after, #frame .email-input > form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .email-input > form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .email-input > form button.submit:hover, #frame .email-input > form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .email-input > form button.submit.highlight:before, #frame .email-input > form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .email-input > form button.submit.disabled:before, #frame .email-input > form button.submit:disabled:before, #frame .email-input > form button.submit:hover:before, #frame .email-input > form button[type=submit].disabled:before, #frame .email-input > form button[type=submit]:disabled:before, #frame .email-input > form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .email-input > form input {
border-radius: 0.3125rem;
width: calc(100%); }
#frame .email-input > form button[type="submit"] {
display: none !important;
width: 6.25rem;
float: left;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem; }
#frame .email-input > form button[type="submit"], #frame .email-input > form button[type="submit"]:hover, #frame .email-input > form button[type="submit"]:focus {
transform: scale(1); }
#frame .slide.reward .reward-code {
position: relative; }
#frame .slide.reward .reward-code .reward-container {
background: #f5f7f9;
font-weight: 700;
border-radius: 0.3125rem;
cursor: pointer;
padding: 0.4375rem 0.625rem;
color: #556066;
border: 0.0625rem solid #e5eaef;
text-align: center;
font-size: 1.5rem;
position: relative;
z-index: 1;
transition: background 0.11s; }
#frame .slide.reward .reward-code .reward-container i {
float: right;
font-size: 1rem;
opacity: 0;
transition: opacity 0.22s;
position: absolute;
top: 0.4375rem;
right: 0.625rem; }
#frame .slide.reward .reward-code .reward-container:hover {
background: #fbfcfd;
color: #4c565b; }
#frame .slide.reward .reward-code .reward-container:hover i {
opacity: 1;
transition: opacity 0.11s; }
#frame .slide.reward .reward-code .copy-text {
position: absolute;
top: 50%;
left: 0rem;
font-size: 1.3125rem;
transform: translateY(-50%);
text-align: center;
display: block;
width: 100%;
padding-bottom: 0.125rem;
font-weight: 800;
opacity: 0; }
#frame .slide.reward .reward-code.show-copy span.reward-code {
opacity: 0; }
#frame .slide.reward .reward-code.show-copy .copy-text {
opacity: 1; }
#frame .slide.reward .reward-code .reward-container:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading-black .75s infinite ease; }
#frame .slide.reward .reward-code .reward-container:after {
opacity: 0; }
#frame .slide.reward .reward-code.loading .reward-container:after {
opacity: 1; }
#frame .slide.reward .reward-code.loading span.reward-code {
opacity: 0; }
#frame .slide.reward .reward-code.loading .copy-text {
opacity: 0; }
#frame .slide.action .actions-container {
line-height: 1;
text-align: center;
width: 100%; }
#frame .slide.action .actions-container button {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
padding: 0 1.25rem;
margin: 0px auto;
margin-bottom: 0.3125rem;
max-width: 100%;
width: auto;
margin-right: 0.3125rem;
display: inline-block;
vertical-align: middle; }
#frame .slide.action .actions-container button:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .slide.action .actions-container button:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .slide.action .actions-container button:disabled {
opacity: .35; }
#frame .slide.action .actions-container button i {
margin-right: 0.5rem;
font-size: 1.125rem;
vertical-align: middle;
position: relative;
top: -0.0625rem;
color: #FFF; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container {
line-height: 1; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container form {
display: inline-grid;
vertical-align: top;
font-size: 1rem;
font-weight: 500; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container form input {
font-size: 1rem;
grid-area: 1/2;
font-weight: 500;
border: none;
appearance: none;
line-height: 0.0625rem;
height: 2.125rem;
padding: 0 0.9375rem;
border-radius: 0.3125rem;
border: 1px solid #e5eaef; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container form:after {
content: attr(data-value) " ";
visibility: hidden;
white-space: pre-wrap;
font: inherit;
resize: none;
background: none;
appearance: none;
border: none;
width: auto;
font-size: inherit;
grid-area: 1/2;
padding: 0 0.9375rem; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group .answer {
vertical-align: top;
overflow: hidden;
display: inline-block;
padding: 0.5rem 0.9375rem;
border-radius: 0.3125rem;
border: 1px solid #e5eaef;
margin-right: 0.3125rem;
margin-bottom: 0.3125rem;
cursor: pointer;
font-weight: 500;
user-select: none;
transition: opacity 0.11s, border 0.11s, background 0.11s, color 0.11s; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group .answer.dynamic {
padding: 0px;
border: none;
max-width: 100%; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group .answer.hover, #frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group .answer.selected {
border-color: #d5dee6; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group .answer > span {
transition: color 0.11s, transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: inline-block; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group.inactive {
cursor: initial; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group.inactive .answer {
pointer-events: none;
opacity: .75; }
#frame .slide.inline-multiple-choice .inline-multi-choice-container .answer-group.inactive .answer.selected {
opacity: 1; }
#frame .slide.rank .answers .answer {
display: block;
font-weight: 500;
line-height: 2.125rem;
margin-bottom: 0.3125rem;
cursor: pointer;
position: relative;
z-index: 1;
box-shadow: inset 0 0 0 0.0625rem #f1f1f1;
background: #fdfdfd;
border-radius: 0.3125rem; }
#frame .slide.rank .answers .answer > span {
display: inline-block;
border-radius: 0.15625rem;
border-radius: 0.15625rem;
border: 0.09375rem solid #0a4ed9;
box-shadow: inset 0.125rem 0.125rem #ddd;
width: 1.375rem;
height: 1.375rem;
line-height: 1.1875rem;
vertical-align: middle;
top: 50%;
position: absolute;
left: 0.5rem;
transform: scale(1) translateY(-50%);
text-align: center;
font-size: 0.9375rem;
font-weight: bold;
color: #FFF; }
#frame .slide.rank .answers .answer.selected > span {
box-shadow: none; }
#frame .slide.rank .answers .answer .title {
padding: 0.375rem 0;
line-height: 1.3125rem;
font-size: 1rem;
vertical-align: middle;
font-weight: 500;
width: calc(100% - 2.625rem);
overflow: hidden;
margin-left: 2.625rem; }
#frame .slide.rank .rank-container.disabled .answer.not-selected {
cursor: not-allowed; }
#frame .slide.slider .slider-container {
margin-bottom: 0.9375rem; }
#frame .slide.slider .slider-container .rc-slider {
margin-bottom: 0.9375rem; }
#frame .slide.slider .labels {
margin-top: -0.5625rem;
margin-bottom: 0.9375rem; }
#frame .slide.slider .labels:before, #frame .slide.slider .labels:after {
content: "";
display: table; }
#frame .slide.slider .labels:after {
clear: both; }
#frame .slide.slider .labels {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.slider .labels > div {
float: left;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3e464a;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem; }
#frame .slide.slider .labels > div.right-label {
float: right;
text-align: right; }
#frame .slide.image-choice .answer-group {
width: calc(100% + 0.625rem);
margin-left: -0.3125rem;
cursor: pointer; }
#frame .slide.image-choice .answer-group:before, #frame .slide.image-choice .answer-group:after {
content: "";
display: table; }
#frame .slide.image-choice .answer-group:after {
clear: both; }
#frame .slide.image-choice .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.image-choice .answer-group .answer-column {
width: 50%;
float: left;
overflow: hidden;
padding: 0 0.15625rem; }
#frame .slide.image-choice .answer-group .answer-column .answer {
border: 0.09375rem solid #d5dee6;
border-bottom: 0.15625rem solid #d5dee6;
transition: border-color 0.11s;
text-align: left;
border-radius: 0.3125rem;
margin-bottom: 0.3125rem;
overflow: hidden;
line-height: 0; }
#frame .slide.image-choice .answer-group .answer-column .answer img {
max-width: 100%;
width: 100%;
line-height: 0; }
#frame .slide.image-choice .answer-group .answer-column .answer .title {
text-align: center;
line-height: 1.25;
font-weight: 600;
padding: 0.3125rem 0.125rem; }
#frame .slide.image-choice .completed .answer-group {
cursor: not-allowed; }
#frame .slide.file-upload .upload-input p, #frame .slide.file-upload .upload-input ul {
text-align: center;
opacity: .85;
font-weight: 500;
cursor: pointer;
transition: opacity 0.22s;
background: #e5eaef;
border: 1px solid #cfd8e2;
color: black;
padding: 1.5625rem;
margin-top: 0.625rem;
border-radius: 0.3125rem;
line-height: 1;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#frame .slide.file-upload .upload-input p:hover, #frame .slide.file-upload .upload-input ul:hover {
opacity: 1;
transition: opacity 0.11s; }
#frame .slide.file-upload .upload-input p i, #frame .slide.file-upload .upload-input ul i {
display: inline-block;
margin-right: 0.625rem;
font-size: 1.75rem;
vertical-align: middle;
line-height: 1.125rem; }
#frame .slide.file-upload .upload-input ul {
padding: 0.9375rem 1.5625rem; }
#frame .slide.file-upload .upload-input ul li {
display: block;
white-space: nowrap;
margin-bottom: 0.4375rem;
overflow: hidden;
text-overflow: ellipsis; }
#frame .slide.file-upload .upload-input ul li i {
font-size: 1.125rem;
vertical-align: bottom; }
#frame .slide.file-upload .upload-input.disabled {
opacity: .5;
pointer-events: none;
cursor: not-allowed; }
#frame .slide.file-upload .upload-input.disabled p {
opacity: 1; }
#frame .slide.file-upload .upload-input label {
text-transform: uppercase;
font-weight: 600;
font-size: 0.6875rem;
letter-spacing: 0.125rem;
color: #79878F;
display: block;
margin-bottom: 0.3125rem; }
#frame .slide.file-upload .upload-input label:before, #frame .slide.file-upload .upload-input label:after {
content: "";
display: table; }
#frame .slide.file-upload .upload-input label:after {
clear: both; }
#frame .slide.file-upload .upload-input label {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.range .range-container .labels, #frame .slide.satisfaction .range-container .labels, #frame .slide.star-rating .range-container .labels {
margin-top: -0.5625rem;
margin-bottom: 0.9375rem; }
#frame .slide.range .range-container .labels:before, #frame .slide.range .range-container .labels:after, #frame .slide.satisfaction .range-container .labels:before, #frame .slide.satisfaction .range-container .labels:after, #frame .slide.star-rating .range-container .labels:before, #frame .slide.star-rating .range-container .labels:after {
content: "";
display: table; }
#frame .slide.range .range-container .labels:after, #frame .slide.satisfaction .range-container .labels:after, #frame .slide.star-rating .range-container .labels:after {
clear: both; }
#frame .slide.range .range-container .labels, #frame .slide.satisfaction .range-container .labels, #frame .slide.star-rating .range-container .labels {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.range .range-container .labels > div, #frame .slide.satisfaction .range-container .labels > div, #frame .slide.star-rating .range-container .labels > div {
float: left;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3e464a;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem; }
#frame .slide.range .range-container .labels > div.right-label, #frame .slide.satisfaction .range-container .labels > div.right-label, #frame .slide.star-rating .range-container .labels > div.right-label {
float: right;
text-align: right; }
#frame .slide.range .range-container.completed .answer-group > div, #frame .slide.satisfaction .range-container.completed .answer-group > div, #frame .slide.star-rating .range-container.completed .answer-group > div {
opacity: .5;
pointer-events: none; }
#frame .slide.range .range-container.completed .answer-group > div.selected, #frame .slide.satisfaction .range-container.completed .answer-group > div.selected, #frame .slide.star-rating .range-container.completed .answer-group > div.selected {
opacity: 1; }
#frame .slide.range .range-container.completed .answer-group > div.selected > span > span, #frame .slide.range .range-container.completed .answer-group > div.selected > span > i, #frame .slide.satisfaction .range-container.completed .answer-group > div.selected > span > span, #frame .slide.satisfaction .range-container.completed .answer-group > div.selected > span > i, #frame .slide.star-rating .range-container.completed .answer-group > div.selected > span > span, #frame .slide.star-rating .range-container.completed .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%); }
#frame .slide.range .range-container.completed .answer-group > div:hover > span, #frame .slide.satisfaction .range-container.completed .answer-group > div:hover > span, #frame .slide.star-rating .range-container.completed .answer-group > div:hover > span {
background: #eff2f5;
cursor: initial; }
#frame .slide.range .range-container.completed .answer-group > div:hover > span > span, #frame .slide.range .range-container.completed .answer-group > div:hover > span > i, #frame .slide.satisfaction .range-container.completed .answer-group > div:hover > span > span, #frame .slide.satisfaction .range-container.completed .answer-group > div:hover > span > i, #frame .slide.star-rating .range-container.completed .answer-group > div:hover > span > span, #frame .slide.star-rating .range-container.completed .answer-group > div:hover > span > i {
transform: scale(1) translateY(-50%); }
#frame .slide.range .range-container .answer-group, #frame .slide.satisfaction .range-container .answer-group, #frame .slide.star-rating .range-container .answer-group {
margin-left: -0.0625rem;
width: calc(100% + 0.125rem);
margin-bottom: 0.9375rem; }
#frame .slide.range .range-container .answer-group:before, #frame .slide.range .range-container .answer-group:after, #frame .slide.satisfaction .range-container .answer-group:before, #frame .slide.satisfaction .range-container .answer-group:after, #frame .slide.star-rating .range-container .answer-group:before, #frame .slide.star-rating .range-container .answer-group:after {
content: "";
display: table; }
#frame .slide.range .range-container .answer-group:after, #frame .slide.satisfaction .range-container .answer-group:after, #frame .slide.star-rating .range-container .answer-group:after {
clear: both; }
#frame .slide.range .range-container .answer-group, #frame .slide.satisfaction .range-container .answer-group, #frame .slide.star-rating .range-container .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.range .range-container .answer-group > div, #frame .slide.satisfaction .range-container .answer-group > div, #frame .slide.star-rating .range-container .answer-group > div {
float: left;
text-align: center;
font-weight: 700;
cursor: pointer;
padding: 0 0.0625rem;
transition: opacity 0.11s; }
#frame .slide.range .range-container .answer-group > div > span, #frame .slide.satisfaction .range-container .answer-group > div > span, #frame .slide.star-rating .range-container .answer-group > div > span {
width: 100%;
background: #f5f7f9;
border-radius: 0.3125rem;
overflow: hidden;
display: inline-block;
position: relative;
padding-top: 100%;
max-height: 2.5rem;
border: 0.0625rem solid #cfd8e2;
border-bottom: 0.125rem solid #cfd8e2; }
#frame .slide.range .range-container .answer-group > div > span > span, #frame .slide.range .range-container .answer-group > div > span > i, #frame .slide.satisfaction .range-container .answer-group > div > span > span, #frame .slide.satisfaction .range-container .answer-group > div > span > i, #frame .slide.star-rating .range-container .answer-group > div > span > span, #frame .slide.star-rating .range-container .answer-group > div > span > i {
position: absolute;
top: 50%;
left: 0rem;
width: 100%;
text-align: center;
transform: scale(1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-origin: top; }
#frame .slide.range .range-container .answer-group > div:hover > span, #frame .slide.satisfaction .range-container .answer-group > div:hover > span, #frame .slide.star-rating .range-container .answer-group > div:hover > span {
background: white; }
#frame .slide.range .range-container .answer-group > div:hover > span > span, #frame .slide.range .range-container .answer-group > div:hover > span > i, #frame .slide.satisfaction .range-container .answer-group > div:hover > span > span, #frame .slide.satisfaction .range-container .answer-group > div:hover > span > i, #frame .slide.star-rating .range-container .answer-group > div:hover > span > span, #frame .slide.star-rating .range-container .answer-group > div:hover > span > i {
transform: scale(1.2) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.range .range-container .answer-group > div.selected > span > span, #frame .slide.range .range-container .answer-group > div.selected > span > i, #frame .slide.satisfaction .range-container .answer-group > div.selected > span > span, #frame .slide.satisfaction .range-container .answer-group > div.selected > span > i, #frame .slide.star-rating .range-container .answer-group > div.selected > span > span, #frame .slide.star-rating .range-container .answer-group > div.selected > span > i {
color: #FFF; }
#frame .slide.range .range-container .answer-group > div.selected > span > span, #frame .slide.range .range-container .answer-group > div.selected > span > i, #frame .slide.satisfaction .range-container .answer-group > div.selected > span > span, #frame .slide.satisfaction .range-container .answer-group > div.selected > span > i, #frame .slide.star-rating .range-container .answer-group > div.selected > span > span, #frame .slide.star-rating .range-container .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.range .range-container.selected > span > span, #frame .slide.range .range-container.selected > span > i, #frame .slide.satisfaction .range-container.selected > span > span, #frame .slide.satisfaction .range-container.selected > span > i, #frame .slide.star-rating .range-container.selected > span > span, #frame .slide.star-rating .range-container.selected > span > i {
transition: all 0s; }
#frame .slide.dropdown .dropdown-container .select-container,
#frame .slide.country .dropdown-container .select-container {
position: relative;
line-height: 0; }
#frame .slide.dropdown .dropdown-container .select-container:after,
#frame .slide.country .dropdown-container .select-container:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F078';
position: absolute;
top: 0rem;
right: 0.3125rem;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
vertical-align: middle;
text-align: center;
opacity: .5;
transition: opacity 0.22s; }
#frame .slide.dropdown .dropdown-container .select-container:hover:after,
#frame .slide.country .dropdown-container .select-container:hover:after {
opacity: 1;
transition: opacity 0.11s;
pointer-events: none; }
#frame .slide.dropdown .dropdown-container .select-container select,
#frame .slide.country .dropdown-container .select-container select {
padding-right: 2.8125rem;
overflow: hidden;
text-overflow: ellipsis; }
#frame .slide.dropdown .dropdown-container select,
#frame .slide.country .dropdown-container select {
height: 2.5rem;
appearance: none;
outline: none;
padding: 0 1.25rem;
font-size: 0.8125rem;
display: block;
border-radius: 0.3125rem;
background: transparent;
border: none;
font-weight: 600;
max-width: 100%;
padding: 0rem;
color: black;
background: #eff2f5;
padding: 0 0.9375rem;
min-width: 50%;
width: 100%;
transition: color 0.22s, background 0.22s;
cursor: pointer;
border: 1px solid #e5eaef;
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif;
width: 100%; }
#frame .slide.dropdown .dropdown-container select:hover,
#frame .slide.country .dropdown-container select:hover {
transition: color 0.11s, background 0.11s;
background: #f5f7f9;
border: 1px solid #c5d1dc; }
#frame .slide.dropdown .dropdown-container select:disabled,
#frame .slide.country .dropdown-container select:disabled {
cursor: not-allowed; }
#frame .slide.dropdown .dropdown-container .or,
#frame .slide.country .dropdown-container .or {
display: block;
line-height: 1;
color: #6d7a82;
padding: 0.625rem 0rem;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 0.75rem; }
#frame .slide.dropdown .dropdown-container .or:before, #frame .slide.dropdown .dropdown-container .or:after,
#frame .slide.country .dropdown-container .or:before,
#frame .slide.country .dropdown-container .or:after {
content: '';
width: 3.125rem;
height: 0.0625rem;
background: #6d7a82;
display: inline-block;
margin: 0 0.3125rem;
vertical-align: middle;
opacity: .25; }
#frame .slide.dropdown .dropdown-container form,
#frame .slide.country .dropdown-container form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1; }
#frame .slide.dropdown .dropdown-container form:before, #frame .slide.dropdown .dropdown-container form:after,
#frame .slide.country .dropdown-container form:before,
#frame .slide.country .dropdown-container form:after {
content: "";
display: table; }
#frame .slide.dropdown .dropdown-container form:after,
#frame .slide.country .dropdown-container form:after {
clear: both; }
#frame .slide.dropdown .dropdown-container form,
#frame .slide.country .dropdown-container form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.dropdown .dropdown-container form .message,
#frame .slide.country .dropdown-container form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .slide.dropdown .dropdown-container form .reset,
#frame .slide.country .dropdown-container form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .slide.dropdown .dropdown-container form .reset:hover,
#frame .slide.country .dropdown-container form .reset:hover {
color: #6d7a82; }
#frame .slide.dropdown .dropdown-container form.completed .reset,
#frame .slide.country .dropdown-container form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .slide.dropdown .dropdown-container form.invalid, #frame .slide.dropdown .dropdown-container form .form-input.invalid,
#frame .slide.country .dropdown-container form.invalid,
#frame .slide.country .dropdown-container form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .slide.dropdown .dropdown-container form.invalid input, #frame .slide.dropdown .dropdown-container form .form-input.invalid input,
#frame .slide.country .dropdown-container form.invalid input,
#frame .slide.country .dropdown-container form .form-input.invalid input {
color: #d32b10; }
#frame .slide.dropdown .dropdown-container form.invalid label, #frame .slide.dropdown .dropdown-container form .form-input.invalid label,
#frame .slide.country .dropdown-container form.invalid label,
#frame .slide.country .dropdown-container form .form-input.invalid label {
color: #d32b10; }
#frame .slide.dropdown .dropdown-container form.invalid .message, #frame .slide.dropdown .dropdown-container form .form-input.invalid .message,
#frame .slide.country .dropdown-container form.invalid .message,
#frame .slide.country .dropdown-container form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .slide.dropdown .dropdown-container form.valid button[type="submit"],
#frame .slide.country .dropdown-container form.valid button[type="submit"] {
opacity: .75; }
#frame .slide.dropdown .dropdown-container form.valid button[type="submit"] > div,
#frame .slide.country .dropdown-container form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .slide.dropdown .dropdown-container form.loading button[type="submit"] > div,
#frame .slide.country .dropdown-container form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .slide.dropdown .dropdown-container form.loading button[type="submit"] > div:after,
#frame .slide.country .dropdown-container form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .slide.dropdown .dropdown-container form.loading button[type="submit"] > div > span,
#frame .slide.country .dropdown-container form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .slide.dropdown .dropdown-container form input, #frame .slide.dropdown .dropdown-container form textarea,
#frame .slide.country .dropdown-container form input,
#frame .slide.country .dropdown-container form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .slide.dropdown .dropdown-container form input:disabled, #frame .slide.dropdown .dropdown-container form textarea:disabled,
#frame .slide.country .dropdown-container form input:disabled,
#frame .slide.country .dropdown-container form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .slide.dropdown .dropdown-container form input,
#frame .slide.country .dropdown-container form input {
line-height: normal; }
#frame .slide.dropdown .dropdown-container form button.submit, #frame .slide.dropdown .dropdown-container form button[type=submit],
#frame .slide.country .dropdown-container form button.submit,
#frame .slide.country .dropdown-container form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .slide.dropdown .dropdown-container form button.submit:hover, #frame .slide.dropdown .dropdown-container form button[type=submit]:hover,
#frame .slide.country .dropdown-container form button.submit:hover,
#frame .slide.country .dropdown-container form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .slide.dropdown .dropdown-container form button.submit:focus, #frame .slide.dropdown .dropdown-container form button[type=submit]:focus,
#frame .slide.country .dropdown-container form button.submit:focus,
#frame .slide.country .dropdown-container form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .slide.dropdown .dropdown-container form button.submit:disabled, #frame .slide.dropdown .dropdown-container form button[type=submit]:disabled,
#frame .slide.country .dropdown-container form button.submit:disabled,
#frame .slide.country .dropdown-container form button[type=submit]:disabled {
opacity: .35; }
#frame .slide.dropdown .dropdown-container form button.submit:disabled, #frame .slide.dropdown .dropdown-container form button[type=submit]:disabled,
#frame .slide.country .dropdown-container form button.submit:disabled,
#frame .slide.country .dropdown-container form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .slide.dropdown .dropdown-container form button.submit.is-last > div, #frame .slide.dropdown .dropdown-container form button[type=submit].is-last > div,
#frame .slide.country .dropdown-container form button.submit.is-last > div,
#frame .slide.country .dropdown-container form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .slide.dropdown .dropdown-container form button.submit > div, #frame .slide.dropdown .dropdown-container form button[type=submit] > div,
#frame .slide.country .dropdown-container form button.submit > div,
#frame .slide.country .dropdown-container form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .slide.dropdown .dropdown-container form button.submit > div.slug, #frame .slide.dropdown .dropdown-container form button[type=submit] > div.slug,
#frame .slide.country .dropdown-container form button.submit > div.slug,
#frame .slide.country .dropdown-container form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .slide.dropdown .dropdown-container form button.submit > div.slug > span, #frame .slide.dropdown .dropdown-container form button[type=submit] > div.slug > span,
#frame .slide.country .dropdown-container form button.submit > div.slug > span,
#frame .slide.country .dropdown-container form button[type=submit] > div.slug > span {
position: relative; }
#frame .slide.dropdown .dropdown-container form button.submit > div:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div:after,
#frame .slide.country .dropdown-container form button.submit > div:after,
#frame .slide.country .dropdown-container form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .slide.dropdown .dropdown-container form button.submit > div:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div:after,
#frame .slide.country .dropdown-container form button.submit > div:after,
#frame .slide.country .dropdown-container form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .slide.dropdown .dropdown-container form button.submit > div:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div:after,
#frame .slide.country .dropdown-container form button.submit > div:after,
#frame .slide.country .dropdown-container form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span,
#frame .slide.country .dropdown-container form button.submit > div > span,
#frame .slide.country .dropdown-container form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span:nth-child(1), #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span:nth-child(1),
#frame .slide.country .dropdown-container form button.submit > div > span:nth-child(1),
#frame .slide.country .dropdown-container form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span:nth-child(2), #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span:nth-child(2),
#frame .slide.country .dropdown-container form button.submit > div > span:nth-child(2),
#frame .slide.country .dropdown-container form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span.right-arrow-icon:after, #frame .slide.dropdown .dropdown-container form button.submit > div > span:nth-child(2):after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span.right-arrow-icon:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span:nth-child(2):after,
#frame .slide.country .dropdown-container form button.submit > div > span.right-arrow-icon:after,
#frame .slide.country .dropdown-container form button.submit > div > span:nth-child(2):after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span.right-arrow-icon:after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span.right-arrow-icon.close:after, #frame .slide.dropdown .dropdown-container form button.submit > div > span:nth-child(2).close:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span:nth-child(2).close:after,
#frame .slide.country .dropdown-container form button.submit > div > span.right-arrow-icon.close:after,
#frame .slide.country .dropdown-container form button.submit > div > span:nth-child(2).close:after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span.right-arrow-icon.close:after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .slide.dropdown .dropdown-container form button.submit > div > span.right-arrow-icon.thanks:after, #frame .slide.dropdown .dropdown-container form button.submit > div > span:nth-child(2).thanks:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .slide.dropdown .dropdown-container form button[type=submit] > div > span:nth-child(2).thanks:after,
#frame .slide.country .dropdown-container form button.submit > div > span.right-arrow-icon.thanks:after,
#frame .slide.country .dropdown-container form button.submit > div > span:nth-child(2).thanks:after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span.right-arrow-icon.thanks:after,
#frame .slide.country .dropdown-container form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .slide.dropdown .dropdown-container form button.submit:hover, #frame .slide.dropdown .dropdown-container form button[type=submit]:hover,
#frame .slide.country .dropdown-container form button.submit:hover,
#frame .slide.country .dropdown-container form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .slide.dropdown .dropdown-container form button.submit.highlight:before, #frame .slide.dropdown .dropdown-container form button[type=submit].highlight:before,
#frame .slide.country .dropdown-container form button.submit.highlight:before,
#frame .slide.country .dropdown-container form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .slide.dropdown .dropdown-container form button.submit.disabled:before, #frame .slide.dropdown .dropdown-container form button.submit:disabled:before, #frame .slide.dropdown .dropdown-container form button.submit:hover:before, #frame .slide.dropdown .dropdown-container form button[type=submit].disabled:before, #frame .slide.dropdown .dropdown-container form button[type=submit]:disabled:before, #frame .slide.dropdown .dropdown-container form button[type=submit]:hover:before,
#frame .slide.country .dropdown-container form button.submit.disabled:before,
#frame .slide.country .dropdown-container form button.submit:disabled:before,
#frame .slide.country .dropdown-container form button.submit:hover:before,
#frame .slide.country .dropdown-container form button[type=submit].disabled:before,
#frame .slide.country .dropdown-container form button[type=submit]:disabled:before,
#frame .slide.country .dropdown-container form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .slide.dropdown .dropdown-container form input,
#frame .slide.country .dropdown-container form input {
border-radius: 0.3125rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
border-right: 0rem;
width: calc(100% - 6.25rem); }
#frame .slide.dropdown .dropdown-container form button[type="submit"],
#frame .slide.country .dropdown-container form button[type="submit"] {
width: 6.25rem;
float: left;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem; }
#frame .slide.dropdown .dropdown-container form button[type="submit"], #frame .slide.dropdown .dropdown-container form button[type="submit"]:hover, #frame .slide.dropdown .dropdown-container form button[type="submit"]:focus,
#frame .slide.country .dropdown-container form button[type="submit"],
#frame .slide.country .dropdown-container form button[type="submit"]:hover,
#frame .slide.country .dropdown-container form button[type="submit"]:focus {
transform: scale(1); }
#frame .slide.dropdown .dropdown-container form input,
#frame .slide.country .dropdown-container form input {
width: 100%;
border-radius: 0.3125rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15); }
#frame .slide.satisfaction .range-container .answer-group > div img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.79);
height: 100%;
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.22s; }
#frame .slide.satisfaction .range-container .answer-group > div:hover img {
transform: translateY(-50%) translateX(-50%) scale(0.83);
filter: grayscale(0%);
opacity: 1;
transition: all 0.11s; }
#frame .slide.satisfaction .range-container .answer-group > div.selected > span {
background: #FFF; }
#frame .slide.satisfaction .range-container .answer-group > div.selected > span img {
transform: translateY(-50%) translateX(-50%) scale(0.83) !important;
filter: grayscale(0%) !important;
opacity: 1 !important; }
#frame .slide.satisfaction .range-container .answer-group {
padding-top: 0.125rem; }
#frame .slide.binary .binary-container {
position: relative; }
#frame .slide.binary .binary-container.incomplete .slide-bg .fill {
background: #f5f7f9 !important; }
#frame .slide.binary .binary-container.completed .answer-group {
opacity: 0;
z-index: 0; }
#frame .slide.binary .binary-container.completed .results {
opacity: 1;
z-index: 1; }
#frame .slide.binary .binary-container.completed .results .slide-content > .text > div .perc {
height: 1.0625rem;
opacity: 1; }
#frame .slide.binary .answer-group {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 0.5rem;
display: flex;
height: 100%; }
#frame .slide.binary .answer-group:before, #frame .slide.binary .answer-group:after {
content: "";
display: table; }
#frame .slide.binary .answer-group:after {
clear: both; }
#frame .slide.binary .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.binary .answer-group > div {
display: flex;
/* nested flex container */
flex-direction: column;
/* vertical alignment of flex items */
justify-content: center;
/* center flex items vertically */
align-items: center;
/* center flex items horizontally */
background: #f5f7f9;
width: 50%;
text-align: center;
font-weight: 600;
cursor: pointer;
transition: background 0.22s;
font-weight: 700;
padding: 0.9375rem 0.3125rem;
line-height: 1.3125rem;
font-size: 1rem;
border: 0.0625rem solid #b5c4d3;
border-bottom-width: 0.125rem; }
#frame .slide.binary .answer-group > div:hover, #frame .slide.binary .answer-group > div.selected {
background: #e5eaef;
transition: background 0.11s; }
#frame .slide.binary .answer-group > div.selected {
background: #d5dee6; }
#frame .slide.binary .answer-group > div:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right: 0.03125rem solid #b5c4d3; }
#frame .slide.binary .answer-group > div:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left: 0.03125rem solid #b5c4d3; }
#frame .slide.binary .results {
opacity: 0;
z-index: 0;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
border-radius: 0.5rem;
overflow: hidden;
border: 0.0625rem solid #b5c4d3;
border-bottom-width: 0.125rem; }
#frame .slide.binary .results:before, #frame .slide.binary .results:after {
content: "";
display: table; }
#frame .slide.binary .results:after {
clear: both; }
#frame .slide.binary .results {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.binary .results .slide-bg {
position: absolute;
top: 0rem;
left: 0rem;
height: 100%;
width: 100%;
z-index: 1;
white-space: nowrap; }
#frame .slide.binary .results .slide-bg:before, #frame .slide.binary .results .slide-bg:after {
content: "";
display: table; }
#frame .slide.binary .results .slide-bg:after {
clear: both; }
#frame .slide.binary .results .slide-bg {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.binary .results .slide-bg .fill {
display: inline-block;
position: absolute;
left: -100%;
top: 0rem;
width: 100%;
height: 100%;
transform: translateX(50%);
transition: background 0s, transform 0.5s cubic-bezier(0.18, 0.89, 0.33, 0.98);
border-right: 0.03125rem solid #b5c4d3; }
#frame .slide.binary .results .slide-bg .fill:last-child {
right: -100%;
left: auto;
transform: translateX(-50%);
border-left: 0.03125rem solid #b5c4d3;
border-right: none; }
#frame .slide.binary .results .slide-content {
position: absolute;
height: 100%;
width: 100%;
top: 0rem;
left: 0rem;
z-index: 2;
display: flex; }
#frame .slide.binary .results .slide-content:before, #frame .slide.binary .results .slide-content:after {
content: "";
display: table; }
#frame .slide.binary .results .slide-content:after {
clear: both; }
#frame .slide.binary .results .slide-content {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.binary .results .slide-content > .text {
display: inline-block;
width: 50%;
height: 100%;
min-width: 6.25rem;
max-width: calc(100% - 6.25rem);
position: relative;
transition: width .5s;
display: flex;
/* nested flex container */
flex-direction: column;
/* vertical alignment of flex items */
justify-content: center;
/* center flex items vertically */
align-items: center;
/* center flex items horizontally */
padding: 0.9375rem 0.3125rem; }
#frame .slide.binary .results .slide-content > .text:first-child {
border-right: 0.0625rem solid transparent; }
#frame .slide.binary .results .slide-content > .text:last-child {
border-left: 0.0625rem solid transparent; }
#frame .slide.binary .results .slide-content > .text > div .perc, #frame .slide.binary .results .slide-content > .text > div .title {
display: block;
text-align: center;
line-height: 1.15;
text-overflow: ellipsis;
overflow: hidden;
width: 100%; }
#frame .slide.binary .results .slide-content > .text > div .title {
font-weight: 700;
padding-bottom: 0.1875rem; }
#frame .slide.binary .results .slide-content > .text > div .perc {
font-weight: 700;
height: 0rem;
opacity: 0;
transition: height 0.11s; }
#frame .slide.question .answer-group,
#frame .slide.checkbox .answer-group {
position: relative; }
#frame .slide.question .answer-group .answer,
#frame .slide.checkbox .answer-group .answer {
display: block;
font-weight: 500;
line-height: 2.125rem;
margin-bottom: 0.3125rem;
cursor: pointer;
position: relative;
z-index: 1;
box-shadow: inset 0 0 0 0.0625rem #f1f1f1;
border-radius: 0.3125rem; }
#frame .slide.question .answer-group .answer > span,
#frame .slide.checkbox .answer-group .answer > span {
display: inline-block;
border-radius: 1.875rem;
border: 0.09375rem solid #0a4ed9;
background: #FFF;
width: 1.25rem;
height: 1.25rem;
line-height: 1rem;
vertical-align: middle;
top: 50%;
position: absolute;
left: 0.5rem;
box-shadow: inset 0.09375rem 0.09375rem #ccc;
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: scale(1) translateY(-50%); }
#frame .slide.question .answer-group .answer:hover > span,
#frame .slide.checkbox .answer-group .answer:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: rgba(33, 103, 245, 0.25);
transform: scale(1.1) translateY(-50%); }
#frame .slide.question .answer-group .answer.active > span,
#frame .slide.checkbox .answer-group .answer.active > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: #2167f5;
transform: scale(1) translateY(-50%); }
#frame .slide.question .answer-group .answer > form,
#frame .slide.checkbox .answer-group .answer > form {
position: relative;
padding-bottom: 0.625rem;
line-height: 1;
padding-top: 0.0625rem;
padding-bottom: 0.0625rem;
top: 0rem;
left: 0rem;
padding-left: 2.625rem;
width: 100%;
z-index: 1;
transform: translateZ(0px); }
#frame .slide.question .answer-group .answer > form:before, #frame .slide.question .answer-group .answer > form:after,
#frame .slide.checkbox .answer-group .answer > form:before,
#frame .slide.checkbox .answer-group .answer > form:after {
content: "";
display: table; }
#frame .slide.question .answer-group .answer > form:after,
#frame .slide.checkbox .answer-group .answer > form:after {
clear: both; }
#frame .slide.question .answer-group .answer > form,
#frame .slide.checkbox .answer-group .answer > form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.question .answer-group .answer > form .message,
#frame .slide.checkbox .answer-group .answer > form .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .slide.question .answer-group .answer > form .reset,
#frame .slide.checkbox .answer-group .answer > form .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .slide.question .answer-group .answer > form .reset:hover,
#frame .slide.checkbox .answer-group .answer > form .reset:hover {
color: #6d7a82; }
#frame .slide.question .answer-group .answer > form.completed .reset,
#frame .slide.checkbox .answer-group .answer > form.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .slide.question .answer-group .answer > form.invalid, #frame .slide.question .answer-group .answer > form .form-input.invalid,
#frame .slide.checkbox .answer-group .answer > form.invalid,
#frame .slide.checkbox .answer-group .answer > form .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .slide.question .answer-group .answer > form.invalid input, #frame .slide.question .answer-group .answer > form .form-input.invalid input,
#frame .slide.checkbox .answer-group .answer > form.invalid input,
#frame .slide.checkbox .answer-group .answer > form .form-input.invalid input {
color: #d32b10; }
#frame .slide.question .answer-group .answer > form.invalid label, #frame .slide.question .answer-group .answer > form .form-input.invalid label,
#frame .slide.checkbox .answer-group .answer > form.invalid label,
#frame .slide.checkbox .answer-group .answer > form .form-input.invalid label {
color: #d32b10; }
#frame .slide.question .answer-group .answer > form.invalid .message, #frame .slide.question .answer-group .answer > form .form-input.invalid .message,
#frame .slide.checkbox .answer-group .answer > form.invalid .message,
#frame .slide.checkbox .answer-group .answer > form .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .slide.question .answer-group .answer > form.valid button[type="submit"],
#frame .slide.checkbox .answer-group .answer > form.valid button[type="submit"] {
opacity: .75; }
#frame .slide.question .answer-group .answer > form.valid button[type="submit"] > div,
#frame .slide.checkbox .answer-group .answer > form.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .slide.question .answer-group .answer > form.loading button[type="submit"] > div,
#frame .slide.checkbox .answer-group .answer > form.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .slide.question .answer-group .answer > form.loading button[type="submit"] > div:after,
#frame .slide.checkbox .answer-group .answer > form.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .slide.question .answer-group .answer > form.loading button[type="submit"] > div > span,
#frame .slide.checkbox .answer-group .answer > form.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .slide.question .answer-group .answer > form input, #frame .slide.question .answer-group .answer > form textarea,
#frame .slide.checkbox .answer-group .answer > form input,
#frame .slide.checkbox .answer-group .answer > form textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .slide.question .answer-group .answer > form input:disabled, #frame .slide.question .answer-group .answer > form textarea:disabled,
#frame .slide.checkbox .answer-group .answer > form input:disabled,
#frame .slide.checkbox .answer-group .answer > form textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .slide.question .answer-group .answer > form input,
#frame .slide.checkbox .answer-group .answer > form input {
line-height: normal; }
#frame .slide.question .answer-group .answer > form button.submit, #frame .slide.question .answer-group .answer > form button[type=submit],
#frame .slide.checkbox .answer-group .answer > form button.submit,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .slide.question .answer-group .answer > form button.submit:hover, #frame .slide.question .answer-group .answer > form button[type=submit]:hover,
#frame .slide.checkbox .answer-group .answer > form button.submit:hover,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .slide.question .answer-group .answer > form button.submit:focus, #frame .slide.question .answer-group .answer > form button[type=submit]:focus,
#frame .slide.checkbox .answer-group .answer > form button.submit:focus,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .slide.question .answer-group .answer > form button.submit:disabled, #frame .slide.question .answer-group .answer > form button[type=submit]:disabled,
#frame .slide.checkbox .answer-group .answer > form button.submit:disabled,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:disabled {
opacity: .35; }
#frame .slide.question .answer-group .answer > form button.submit:disabled, #frame .slide.question .answer-group .answer > form button[type=submit]:disabled,
#frame .slide.checkbox .answer-group .answer > form button.submit:disabled,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .slide.question .answer-group .answer > form button.submit.is-last > div, #frame .slide.question .answer-group .answer > form button[type=submit].is-last > div,
#frame .slide.checkbox .answer-group .answer > form button.submit.is-last > div,
#frame .slide.checkbox .answer-group .answer > form button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .slide.question .answer-group .answer > form button.submit > div, #frame .slide.question .answer-group .answer > form button[type=submit] > div,
#frame .slide.checkbox .answer-group .answer > form button.submit > div,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .slide.question .answer-group .answer > form button.submit > div.slug, #frame .slide.question .answer-group .answer > form button[type=submit] > div.slug,
#frame .slide.checkbox .answer-group .answer > form button.submit > div.slug,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .slide.question .answer-group .answer > form button.submit > div.slug > span, #frame .slide.question .answer-group .answer > form button[type=submit] > div.slug > span,
#frame .slide.checkbox .answer-group .answer > form button.submit > div.slug > span,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div.slug > span {
position: relative; }
#frame .slide.question .answer-group .answer > form button.submit > div:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .slide.question .answer-group .answer > form button.submit > div:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .slide.question .answer-group .answer > form button.submit > div:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .slide.question .answer-group .answer > form button.submit > div > span, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .slide.question .answer-group .answer > form button.submit > div > span:nth-child(1), #frame .slide.question .answer-group .answer > form button[type=submit] > div > span:nth-child(1),
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span:nth-child(1),
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .slide.question .answer-group .answer > form button.submit > div > span:nth-child(2), #frame .slide.question .answer-group .answer > form button[type=submit] > div > span:nth-child(2),
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span:nth-child(2),
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .slide.question .answer-group .answer > form button.submit > div > span.right-arrow-icon:after, #frame .slide.question .answer-group .answer > form button.submit > div > span:nth-child(2):after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span:nth-child(2):after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span.right-arrow-icon:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span:nth-child(2):after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .slide.question .answer-group .answer > form button.submit > div > span.right-arrow-icon.close:after, #frame .slide.question .answer-group .answer > form button.submit > div > span:nth-child(2).close:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon.close:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span:nth-child(2).close:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span.right-arrow-icon.close:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span:nth-child(2).close:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon.close:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .slide.question .answer-group .answer > form button.submit > div > span.right-arrow-icon.thanks:after, #frame .slide.question .answer-group .answer > form button.submit > div > span:nth-child(2).thanks:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .slide.question .answer-group .answer > form button[type=submit] > div > span:nth-child(2).thanks:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span.right-arrow-icon.thanks:after,
#frame .slide.checkbox .answer-group .answer > form button.submit > div > span:nth-child(2).thanks:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span.right-arrow-icon.thanks:after,
#frame .slide.checkbox .answer-group .answer > form button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .slide.question .answer-group .answer > form button.submit:hover, #frame .slide.question .answer-group .answer > form button[type=submit]:hover,
#frame .slide.checkbox .answer-group .answer > form button.submit:hover,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .slide.question .answer-group .answer > form button.submit.highlight:before, #frame .slide.question .answer-group .answer > form button[type=submit].highlight:before,
#frame .slide.checkbox .answer-group .answer > form button.submit.highlight:before,
#frame .slide.checkbox .answer-group .answer > form button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .slide.question .answer-group .answer > form button.submit.disabled:before, #frame .slide.question .answer-group .answer > form button.submit:disabled:before, #frame .slide.question .answer-group .answer > form button.submit:hover:before, #frame .slide.question .answer-group .answer > form button[type=submit].disabled:before, #frame .slide.question .answer-group .answer > form button[type=submit]:disabled:before, #frame .slide.question .answer-group .answer > form button[type=submit]:hover:before,
#frame .slide.checkbox .answer-group .answer > form button.submit.disabled:before,
#frame .slide.checkbox .answer-group .answer > form button.submit:disabled:before,
#frame .slide.checkbox .answer-group .answer > form button.submit:hover:before,
#frame .slide.checkbox .answer-group .answer > form button[type=submit].disabled:before,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:disabled:before,
#frame .slide.checkbox .answer-group .answer > form button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .slide.question .answer-group .answer > form input,
#frame .slide.checkbox .answer-group .answer > form input {
border-radius: 0.3125rem;
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
border-right: 0rem;
width: calc(100% - 6.25rem); }
#frame .slide.question .answer-group .answer > form button[type="submit"],
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] {
width: 6.25rem;
float: left;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem; }
#frame .slide.question .answer-group .answer > form button[type="submit"], #frame .slide.question .answer-group .answer > form button[type="submit"]:hover, #frame .slide.question .answer-group .answer > form button[type="submit"]:focus,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"],
#frame .slide.checkbox .answer-group .answer > form button[type="submit"]:hover,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"]:focus {
transform: scale(1); }
#frame .slide.question .answer-group .answer > form input,
#frame .slide.checkbox .answer-group .answer > form input {
border-radius: 0rem !important;
border: none;
height: 2.0625rem;
line-height: 2.0625rem;
width: calc(100% - 2px);
font-weight: 500;
font-size: 1rem;
opacity: 1;
background: transparent;
padding: 0 0rem;
padding-right: 0.4375rem;
margin-right: 0rem;
color: black;
position: relative;
background: #fdfdfd;
transition: background 0.22s; }
#frame .slide.question .answer-group .answer > form input:hover, #frame .slide.question .answer-group .answer > form input:focus,
#frame .slide.checkbox .answer-group .answer > form input:hover,
#frame .slide.checkbox .answer-group .answer > form input:focus {
transition: background 0.11s; }
#frame .slide.question .answer-group .answer > form.valid button[type="submit"] > div,
#frame .slide.checkbox .answer-group .answer > form.valid button[type="submit"] > div {
transform: translateY(-2.0625rem); }
#frame .slide.question .answer-group .answer > form button[type="submit"],
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] {
position: absolute;
top: 0.25rem;
right: 0.25rem;
border-radius: 0.25rem;
height: 1.6875rem;
font-size: 0.875rem;
width: 5rem;
transform: scale(1) translateZ(0rem); }
#frame .slide.question .answer-group .answer > form button[type="submit"]:hover,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"]:hover {
transform: scale(1) translateZ(0rem); }
#frame .slide.question .answer-group .answer > form button[type="submit"] > div, #frame .slide.question .answer-group .answer > form button[type="submit"] > div > span,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] > div,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] > div > span {
height: 1.6875rem; }
#frame .slide.question .answer-group .answer > form button[type="submit"] > div:after,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] > div:after {
font-size: 0.5rem;
top: 0.875rem;
width: 0.4375rem;
height: 0.4375rem;
font-size: 0.4375rem; }
#frame .slide.question .answer-group .answer > form button[type="submit"] > div > span,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] > div > span {
line-height: 1.6875rem; }
#frame .slide.question .answer-group .answer > form button[type="submit"] > div > span:last-child,
#frame .slide.checkbox .answer-group .answer > form button[type="submit"] > div > span:last-child {
top: 1.6875rem; }
#frame .slide.question .answers-container,
#frame .slide.checkbox .answers-container {
position: relative; }
#frame .slide.question .answers-container .actions,
#frame .slide.checkbox .answers-container .actions {
margin-bottom: -0.625rem; }
#frame .slide.question .answers-container .answer-group,
#frame .slide.checkbox .answers-container .answer-group {
position: absolute;
top: 0rem;
left: 0rem;
width: 100%; }
#frame .slide.question .answers-container .results,
#frame .slide.checkbox .answers-container .results {
position: relative;
width: 100%;
z-index: 0;
transition: opacity 0.22s; }
#frame .slide.question .answers-container .results .perc, #frame .slide.question .answers-container .results .fill, #frame .slide.question .answers-container .results .result:before,
#frame .slide.checkbox .answers-container .results .perc,
#frame .slide.checkbox .answers-container .results .fill,
#frame .slide.checkbox .answers-container .results .result:before {
opacity: 0;
transition: opacity 0.22s; }
#frame .slide.question .answers-container .results .perc,
#frame .slide.checkbox .answers-container .results .perc {
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 2rem;
transition: width 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.question .answers-container .results.active,
#frame .slide.checkbox .answers-container .results.active {
z-index: 1;
opacity: 1; }
#frame .slide.question .answers-container .results.active .perc, #frame .slide.question .answers-container .results.active .fill, #frame .slide.question .answers-container .results.active .result:before, #frame .slide.question .answers-container .results.active .fill-container:before,
#frame .slide.checkbox .answers-container .results.active .perc,
#frame .slide.checkbox .answers-container .results.active .fill,
#frame .slide.checkbox .answers-container .results.active .result:before,
#frame .slide.checkbox .answers-container .results.active .fill-container:before {
opacity: 1; }
#frame .slide.question .answers-container .results.active .perc,
#frame .slide.checkbox .answers-container .results.active .perc {
width: 3.125rem; }
#frame .slide.question .answers-container .results.active .title, #frame .slide.question .answers-container .results.active .title-slug,
#frame .slide.checkbox .answers-container .results.active .title,
#frame .slide.checkbox .answers-container .results.active .title-slug {
margin-left: 3.125rem !important; }
#frame .slide.question .answers-container .title, #frame .slide.question .answers-container .title-slug,
#frame .slide.checkbox .answers-container .title,
#frame .slide.checkbox .answers-container .title-slug {
padding: 0.5rem 0;
line-height: 1.1875rem;
font-size: 1rem;
vertical-align: middle;
font-weight: 500;
width: calc(100% - 3.125rem);
overflow: hidden;
margin-left: 2.625rem;
padding-right: 0.3125rem;
transition: margin 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.question .answers-container .title.one-line, #frame .slide.question .answers-container .title-slug.one-line,
#frame .slide.checkbox .answers-container .title.one-line,
#frame .slide.checkbox .answers-container .title-slug.one-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#frame .slide.question .answers-container .title-slug,
#frame .slide.checkbox .answers-container .title-slug {
opacity: 0; }
#frame .slide.question .answers-container .answer-group,
#frame .slide.checkbox .answers-container .answer-group {
transition: opacity 0.22s;
opacity: 1;
z-index: 1; }
#frame .slide.question .answers-container .answer-group.inactive,
#frame .slide.checkbox .answers-container .answer-group.inactive {
z-index: 0;
opacity: 0; }
#frame .slide.question .results.hide-results .result .fill,
#frame .slide.checkbox .results.hide-results .result .fill {
border-radius: 0; }
#frame .slide.question .results.hide-results .result .fill-container,
#frame .slide.checkbox .results.hide-results .result .fill-container {
height: 100%;
border-radius: 0.1875rem; }
#frame .slide.question .results.hide-results .result .fill-container:before,
#frame .slide.checkbox .results.hide-results .result .fill-container:before {
height: 100%;
opacity: 0; }
#frame .slide.question .results.hide-results .result.selected,
#frame .slide.checkbox .results.hide-results .result.selected {
background: #FFF; }
#frame .slide.question .results.hide-results .result.selected .perc i,
#frame .slide.checkbox .results.hide-results .result.selected .perc i {
transform: scale(1.15); }
#frame .slide.question .results.hide-results .result.selected .fill,
#frame .slide.checkbox .results.hide-results .result.selected .fill {
width: 0.3125rem !important; }
#frame .slide.question .results.hide-results .result.selected .fill-container:before,
#frame .slide.checkbox .results.hide-results .result.selected .fill-container:before {
background: transparent; }
#frame .slide.question .results .result,
#frame .slide.checkbox .results .result {
position: relative;
display: block;
width: 100%;
margin-bottom: 0.3125rem;
border-radius: 0.1875rem;
overflow: hidden;
transform: translateZ(0rem);
box-shadow: inset 0 0 0 0.0625rem #f1f1f1;
background: #fdfdfd;
border-radius: 0.3125rem; }
#frame .slide.question .results .result:before, #frame .slide.question .results .result:after,
#frame .slide.checkbox .results .result:before,
#frame .slide.checkbox .results .result:after {
content: "";
display: table; }
#frame .slide.question .results .result:after,
#frame .slide.checkbox .results .result:after {
clear: both; }
#frame .slide.question .results .result,
#frame .slide.checkbox .results .result {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.question .results .result:before,
#frame .slide.checkbox .results .result:before {
content: '';
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
border-radius: 0rem;
background: rgba(0, 0, 0, 0);
display: block; }
#frame .slide.question .results .result .fill-container,
#frame .slide.checkbox .results .result .fill-container {
position: absolute !important;
bottom: 0rem;
left: 0rem;
width: 100%;
border-radius: 0rem;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
height: 0.25rem;
overflow: hidden; }
#frame .slide.question .results .result .fill-container:before,
#frame .slide.checkbox .results .result .fill-container:before {
content: '';
position: absolute;
top: 0%;
left: 0rem;
width: 100%;
height: 0.25rem;
background: rgba(0, 0, 0, 0.05);
opacity: 0; }
#frame .slide.question .results .result .fill,
#frame .slide.checkbox .results .result .fill {
position: absolute;
top: 0rem;
left: 0rem;
width: 0%;
height: 100%;
z-index: 1;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0rem;
border-top-left-radius: 0rem;
transition: width 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.question .results .result .fill:before,
#frame .slide.checkbox .results .result .fill:before {
content: '';
background: inherit;
display: block;
position: absolute;
top: 0rem;
left: -3.125rem;
width: 3.125rem;
height: 100%;
transform: translateZ(0rem); }
#frame .slide.question .results .result > div,
#frame .slide.checkbox .results .result > div {
position: relative;
z-index: 1; }
#frame .slide.question .results .result.selected,
#frame .slide.checkbox .results .result.selected {
position: relative; }
#frame .slide.question .results .result.selected .perc:after,
#frame .slide.checkbox .results .result.selected .perc:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-weight: 800;
color: #2167f5;
font-size: 1.0625rem;
position: absolute;
top: 50%;
left: -1.5625rem;
transform: translateY(-50%); }
#frame .slide.question .results .result .perc,
#frame .slide.checkbox .results .result .perc {
font-weight: 700;
text-align: center; }
#frame .slide.checkbox .answers-container .answer-group .answer > form > input {
padding-right: 0.4375rem; }
#frame .slide.checkbox .answers-container .answer-group .answer > span {
border-radius: 0.15625rem;
box-shadow: inset 0.125rem 0.125rem #ddd; }
#frame .slide.checkbox .answers-container .answer-group .answer:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.125rem 0.125rem #ddd; }
#frame .slide.checkbox .answers-container .answer-group .answer.active > span {
box-shadow: inset 0 0 0 0rem #FFF, inset 0rem 0rem #ddd; }
#frame .slide.checkbox .answers-container .answer-group .answer.active > span:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F00C';
color: #FFF;
position: absolute;
font-size: 0.75rem;
font-weight: bold;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
#frame .slide.form .form-container {
position: relative;
padding-bottom: 0.625rem;
line-height: 1; }
#frame .slide.form .form-container:before, #frame .slide.form .form-container:after {
content: "";
display: table; }
#frame .slide.form .form-container:after {
clear: both; }
#frame .slide.form .form-container {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .message {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #d32b10;
left: -625rem;
opacity: 0;
transition: opacity 0.22s, left 0s 0.22s; }
#frame .slide.form .form-container .reset {
font-size: 0.75rem;
font-weight: 600;
position: absolute;
bottom: -0.4375rem;
color: #95a0a6;
text-align: right;
right: 625rem;
opacity: 0;
cursor: pointer;
height: 0.875rem;
transition: opacity 0.22s, right 0s 0.22s, color 0.22s; }
#frame .slide.form .form-container .reset:hover {
color: #6d7a82; }
#frame .slide.form .form-container.completed .reset {
opacity: 1;
right: 0rem;
transition: opacity 0.11s, right 0s 0s, color 0.11s; }
#frame .slide.form .form-container.invalid, #frame .slide.form .form-container .form-input.invalid {
animation: shake 200ms 2 linear; }
#frame .slide.form .form-container.invalid input, #frame .slide.form .form-container .form-input.invalid input {
color: #d32b10; }
#frame .slide.form .form-container.invalid label, #frame .slide.form .form-container .form-input.invalid label {
color: #d32b10; }
#frame .slide.form .form-container.invalid .message, #frame .slide.form .form-container .form-input.invalid .message {
opacity: 1;
left: 0rem;
transition: opacity 0.11s, left 0s 0s; }
#frame .slide.form .form-container.valid button[type="submit"] {
opacity: .75; }
#frame .slide.form .form-container.valid button[type="submit"] > div {
transform: translateY(-2.5rem); }
#frame .slide.form .form-container.loading button[type="submit"] > div {
transform: translateY(0rem); }
#frame .slide.form .form-container.loading button[type="submit"] > div:after {
opacity: 1; }
#frame .slide.form .form-container.loading button[type="submit"] > div > span {
opacity: 0; }
#frame .slide.form .form-container input, #frame .slide.form .form-container textarea {
appearance: none;
outline: none;
height: 2.5rem;
line-height: 2.375rem;
padding: 0 0.625rem;
border: 0.0625rem solid rgba(0, 0, 0, 0.15);
font-size: 1rem;
display: block;
width: 100%;
float: left;
transition: border-color 0.22s;
-webkit-appearance: none;
border-radius: 0rem; }
#frame .slide.form .form-container input:disabled, #frame .slide.form .form-container textarea:disabled {
cursor: not-allowed;
background: transparent; }
#frame .slide.form .form-container input {
line-height: normal; }
#frame .slide.form .form-container button.submit, #frame .slide.form .form-container button[type=submit] {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .slide.form .form-container button.submit:hover, #frame .slide.form .form-container button[type=submit]:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .slide.form .form-container button.submit:focus, #frame .slide.form .form-container button[type=submit]:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .slide.form .form-container button.submit:disabled, #frame .slide.form .form-container button[type=submit]:disabled {
opacity: .35; }
#frame .slide.form .form-container button.submit:disabled, #frame .slide.form .form-container button[type=submit]:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .slide.form .form-container button.submit.is-last > div, #frame .slide.form .form-container button[type=submit].is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .slide.form .form-container button.submit > div, #frame .slide.form .form-container button[type=submit] > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .slide.form .form-container button.submit > div.slug, #frame .slide.form .form-container button[type=submit] > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .slide.form .form-container button.submit > div.slug > span, #frame .slide.form .form-container button[type=submit] > div.slug > span {
position: relative; }
#frame .slide.form .form-container button.submit > div:after, #frame .slide.form .form-container button[type=submit] > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .slide.form .form-container button.submit > div:after, #frame .slide.form .form-container button[type=submit] > div:after {
transition: opacity 0.22s 0s; }
#frame .slide.form .form-container button.submit > div:after, #frame .slide.form .form-container button[type=submit] > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .slide.form .form-container button.submit > div > span, #frame .slide.form .form-container button[type=submit] > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .slide.form .form-container button.submit > div > span:nth-child(1), #frame .slide.form .form-container button[type=submit] > div > span:nth-child(1) {
top: 0rem; }
#frame .slide.form .form-container button.submit > div > span:nth-child(2), #frame .slide.form .form-container button[type=submit] > div > span:nth-child(2) {
top: 2.125rem; }
#frame .slide.form .form-container button.submit > div > span.right-arrow-icon:after, #frame .slide.form .form-container button.submit > div > span:nth-child(2):after, #frame .slide.form .form-container button[type=submit] > div > span.right-arrow-icon:after, #frame .slide.form .form-container button[type=submit] > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .slide.form .form-container button.submit > div > span.right-arrow-icon.close:after, #frame .slide.form .form-container button.submit > div > span:nth-child(2).close:after, #frame .slide.form .form-container button[type=submit] > div > span.right-arrow-icon.close:after, #frame .slide.form .form-container button[type=submit] > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .slide.form .form-container button.submit > div > span.right-arrow-icon.thanks:after, #frame .slide.form .form-container button.submit > div > span:nth-child(2).thanks:after, #frame .slide.form .form-container button[type=submit] > div > span.right-arrow-icon.thanks:after, #frame .slide.form .form-container button[type=submit] > div > span:nth-child(2).thanks:after {
display: none; }
#frame .slide.form .form-container button.submit:hover, #frame .slide.form .form-container button[type=submit]:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .slide.form .form-container button.submit.highlight:before, #frame .slide.form .form-container button[type=submit].highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .slide.form .form-container button.submit.disabled:before, #frame .slide.form .form-container button.submit:disabled:before, #frame .slide.form .form-container button.submit:hover:before, #frame .slide.form .form-container button[type=submit].disabled:before, #frame .slide.form .form-container button[type=submit]:disabled:before, #frame .slide.form .form-container button[type=submit]:hover:before {
opacity: 0;
animation: none !important; }
#frame .slide.form .form-container label {
text-transform: uppercase;
font-weight: 600;
font-size: 0.6875rem;
letter-spacing: 0.125rem;
color: #79878F;
display: block;
margin-bottom: 0.3125rem;
letter-spacing: 0px;
text-transform: none;
font-size: 0.9375rem;
color: black; }
#frame .slide.form .form-container label:before, #frame .slide.form .form-container label:after {
content: "";
display: table; }
#frame .slide.form .form-container label:after {
clear: both; }
#frame .slide.form .form-container label {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container label > span {
float: right;
letter-spacing: 0rem;
opacity: 1;
text-transform: none;
color: #79878F !important;
margin-right: 0.125rem;
font-style: italic;
font-size: 0.8125rem;
vertical-align: middle;
line-height: 0.9375rem; }
#frame .slide.form .form-container textarea {
width: 100%;
height: 4.375rem;
border-radius: 0.3125rem;
resize: none;
line-height: 1.5;
padding-top: 0.3125rem;
margin-bottom: 0.3125rem;
margin-bottom: 0rem; }
#frame .slide.form .form-container input {
border-radius: 0.3125rem;
float: none; }
#frame .slide.form .form-container .range-input .labels {
margin-top: -0.5625rem;
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .range-input .labels:before, #frame .slide.form .form-container .range-input .labels:after {
content: "";
display: table; }
#frame .slide.form .form-container .range-input .labels:after {
clear: both; }
#frame .slide.form .form-container .range-input .labels {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .range-input .labels > div {
float: left;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3e464a;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem; }
#frame .slide.form .form-container .range-input .labels > div.right-label {
float: right;
text-align: right; }
#frame .slide.form .form-container .range-input.completed .answer-group > div {
opacity: .5;
pointer-events: none; }
#frame .slide.form .form-container .range-input.completed .answer-group > div.selected {
opacity: 1; }
#frame .slide.form .form-container .range-input.completed .answer-group > div.selected > span > span, #frame .slide.form .form-container .range-input.completed .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%); }
#frame .slide.form .form-container .range-input.completed .answer-group > div:hover > span {
background: #eff2f5;
cursor: initial; }
#frame .slide.form .form-container .range-input.completed .answer-group > div:hover > span > span, #frame .slide.form .form-container .range-input.completed .answer-group > div:hover > span > i {
transform: scale(1) translateY(-50%); }
#frame .slide.form .form-container .range-input .answer-group {
margin-left: -0.0625rem;
width: calc(100% + 0.125rem);
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .range-input .answer-group:before, #frame .slide.form .form-container .range-input .answer-group:after {
content: "";
display: table; }
#frame .slide.form .form-container .range-input .answer-group:after {
clear: both; }
#frame .slide.form .form-container .range-input .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .range-input .answer-group > div {
float: left;
text-align: center;
font-weight: 700;
cursor: pointer;
padding: 0 0.0625rem;
transition: opacity 0.11s; }
#frame .slide.form .form-container .range-input .answer-group > div > span {
width: 100%;
background: #f5f7f9;
border-radius: 0.3125rem;
overflow: hidden;
display: inline-block;
position: relative;
padding-top: 100%;
max-height: 2.5rem;
border: 0.0625rem solid #cfd8e2;
border-bottom: 0.125rem solid #cfd8e2; }
#frame .slide.form .form-container .range-input .answer-group > div > span > span, #frame .slide.form .form-container .range-input .answer-group > div > span > i {
position: absolute;
top: 50%;
left: 0rem;
width: 100%;
text-align: center;
transform: scale(1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-origin: top; }
#frame .slide.form .form-container .range-input .answer-group > div:hover > span {
background: white; }
#frame .slide.form .form-container .range-input .answer-group > div:hover > span > span, #frame .slide.form .form-container .range-input .answer-group > div:hover > span > i {
transform: scale(1.2) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .range-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .range-input .answer-group > div.selected > span > i {
color: #FFF; }
#frame .slide.form .form-container .range-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .range-input .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .binary-input {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 0.5rem;
display: flex;
height: 100%; }
#frame .slide.form .form-container .binary-input:before, #frame .slide.form .form-container .binary-input:after {
content: "";
display: table; }
#frame .slide.form .form-container .binary-input:after {
clear: both; }
#frame .slide.form .form-container .binary-input {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .binary-input > div {
display: flex;
/* nested flex container */
flex-direction: column;
/* vertical alignment of flex items */
justify-content: center;
/* center flex items vertically */
align-items: center;
/* center flex items horizontally */
background: #f5f7f9;
width: 50%;
text-align: center;
font-weight: 600;
cursor: pointer;
transition: background 0.22s;
font-weight: 700;
padding: 0.9375rem 0.3125rem;
line-height: 1.3125rem;
font-size: 1rem;
border: 0.0625rem solid #b5c4d3;
border-bottom-width: 0.125rem; }
#frame .slide.form .form-container .binary-input > div:hover, #frame .slide.form .form-container .binary-input > div.selected {
background: #e5eaef;
transition: background 0.11s; }
#frame .slide.form .form-container .binary-input > div.selected {
background: #d5dee6; }
#frame .slide.form .form-container .binary-input > div:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right: 0.03125rem solid #b5c4d3; }
#frame .slide.form .form-container .binary-input > div:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left: 0.03125rem solid #b5c4d3; }
#frame .slide.form .form-container .satisfaction-input .labels {
margin-top: -0.5625rem;
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .satisfaction-input .labels:before, #frame .slide.form .form-container .satisfaction-input .labels:after {
content: "";
display: table; }
#frame .slide.form .form-container .satisfaction-input .labels:after {
clear: both; }
#frame .slide.form .form-container .satisfaction-input .labels {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .satisfaction-input .labels > div {
float: left;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3e464a;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem; }
#frame .slide.form .form-container .satisfaction-input .labels > div.right-label {
float: right;
text-align: right; }
#frame .slide.form .form-container .satisfaction-input.completed .answer-group > div {
opacity: .5;
pointer-events: none; }
#frame .slide.form .form-container .satisfaction-input.completed .answer-group > div.selected {
opacity: 1; }
#frame .slide.form .form-container .satisfaction-input.completed .answer-group > div.selected > span > span, #frame .slide.form .form-container .satisfaction-input.completed .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%); }
#frame .slide.form .form-container .satisfaction-input.completed .answer-group > div:hover > span {
background: #eff2f5;
cursor: initial; }
#frame .slide.form .form-container .satisfaction-input.completed .answer-group > div:hover > span > span, #frame .slide.form .form-container .satisfaction-input.completed .answer-group > div:hover > span > i {
transform: scale(1) translateY(-50%); }
#frame .slide.form .form-container .satisfaction-input .answer-group {
margin-left: -0.0625rem;
width: calc(100% + 0.125rem);
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .satisfaction-input .answer-group:before, #frame .slide.form .form-container .satisfaction-input .answer-group:after {
content: "";
display: table; }
#frame .slide.form .form-container .satisfaction-input .answer-group:after {
clear: both; }
#frame .slide.form .form-container .satisfaction-input .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .satisfaction-input .answer-group > div {
float: left;
text-align: center;
font-weight: 700;
cursor: pointer;
padding: 0 0.0625rem;
transition: opacity 0.11s; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div > span {
width: 100%;
background: #f5f7f9;
border-radius: 0.3125rem;
overflow: hidden;
display: inline-block;
position: relative;
padding-top: 100%;
max-height: 2.5rem;
border: 0.0625rem solid #cfd8e2;
border-bottom: 0.125rem solid #cfd8e2; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div > span > span, #frame .slide.form .form-container .satisfaction-input .answer-group > div > span > i {
position: absolute;
top: 50%;
left: 0rem;
width: 100%;
text-align: center;
transform: scale(1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-origin: top; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div:hover > span {
background: white; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div:hover > span > span, #frame .slide.form .form-container .satisfaction-input .answer-group > div:hover > span > i {
transform: scale(1.2) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span > i {
color: #FFF; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .satisfaction-input .answer-group > div img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.79);
height: 100%;
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.22s; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div:hover img {
transform: translateY(-50%) translateX(-50%) scale(0.83);
filter: grayscale(0%);
opacity: 1;
transition: all 0.11s; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span {
background: #FFF; }
#frame .slide.form .form-container .satisfaction-input .answer-group > div.selected > span img {
transform: translateY(-50%) translateX(-50%) scale(0.83) !important;
filter: grayscale(0%) !important;
opacity: 1 !important; }
#frame .slide.form .form-container .star-rating-input .labels {
margin-top: -0.5625rem;
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .star-rating-input .labels:before, #frame .slide.form .form-container .star-rating-input .labels:after {
content: "";
display: table; }
#frame .slide.form .form-container .star-rating-input .labels:after {
clear: both; }
#frame .slide.form .form-container .star-rating-input .labels {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .star-rating-input .labels > div {
float: left;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3e464a;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem; }
#frame .slide.form .form-container .star-rating-input .labels > div.right-label {
float: right;
text-align: right; }
#frame .slide.form .form-container .star-rating-input.completed .answer-group > div {
opacity: .5;
pointer-events: none; }
#frame .slide.form .form-container .star-rating-input.completed .answer-group > div.selected {
opacity: 1; }
#frame .slide.form .form-container .star-rating-input.completed .answer-group > div.selected > span > span, #frame .slide.form .form-container .star-rating-input.completed .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%); }
#frame .slide.form .form-container .star-rating-input.completed .answer-group > div:hover > span {
background: #eff2f5;
cursor: initial; }
#frame .slide.form .form-container .star-rating-input.completed .answer-group > div:hover > span > span, #frame .slide.form .form-container .star-rating-input.completed .answer-group > div:hover > span > i {
transform: scale(1) translateY(-50%); }
#frame .slide.form .form-container .star-rating-input .answer-group {
margin-left: -0.0625rem;
width: calc(100% + 0.125rem);
margin-bottom: 0.9375rem; }
#frame .slide.form .form-container .star-rating-input .answer-group:before, #frame .slide.form .form-container .star-rating-input .answer-group:after {
content: "";
display: table; }
#frame .slide.form .form-container .star-rating-input .answer-group:after {
clear: both; }
#frame .slide.form .form-container .star-rating-input .answer-group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .star-rating-input .answer-group > div {
float: left;
text-align: center;
font-weight: 700;
cursor: pointer;
padding: 0 0.0625rem;
transition: opacity 0.11s; }
#frame .slide.form .form-container .star-rating-input .answer-group > div > span {
width: 100%;
background: #f5f7f9;
border-radius: 0.3125rem;
overflow: hidden;
display: inline-block;
position: relative;
padding-top: 100%;
max-height: 2.5rem;
border: 0.0625rem solid #cfd8e2;
border-bottom: 0.125rem solid #cfd8e2; }
#frame .slide.form .form-container .star-rating-input .answer-group > div > span > span, #frame .slide.form .form-container .star-rating-input .answer-group > div > span > i {
position: absolute;
top: 50%;
left: 0rem;
width: 100%;
text-align: center;
transform: scale(1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform-origin: top; }
#frame .slide.form .form-container .star-rating-input .answer-group > div:hover > span {
background: white; }
#frame .slide.form .form-container .star-rating-input .answer-group > div:hover > span > span, #frame .slide.form .form-container .star-rating-input .answer-group > div:hover > span > i {
transform: scale(1.2) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .star-rating-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .star-rating-input .answer-group > div.selected > span > i {
color: #FFF; }
#frame .slide.form .form-container .star-rating-input .answer-group > div.selected > span > span, #frame .slide.form .form-container .star-rating-input .answer-group > div.selected > span > i {
transform: scale(1.1) translateY(-50%);
transition: transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#frame .slide.form .form-container .radio-input:before, #frame .slide.form .form-container .radio-input:after {
content: "";
display: table; }
#frame .slide.form .form-container .radio-input:after {
clear: both; }
#frame .slide.form .form-container .radio-input {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .radio-input > div {
display: block;
cursor: pointer;
vertical-align: middle;
color: #6d7a82;
background: #fdfdfd;
font-weight: 600;
line-height: 1.3125rem;
font-size: 1rem;
margin-bottom: 0.3125rem;
position: relative;
box-shadow: inset 0 0 0 0.0625rem #f1f1f1;
border-radius: 0.3125rem;
padding: 0.375rem 0.5rem; }
#frame .slide.form .form-container .radio-input > div > div {
display: inline-block;
margin-left: 1.875rem; }
#frame .slide.form .form-container .radio-input > div > span {
position: absolute;
top: 50%;
left: 0.5rem;
display: inline-block;
border-radius: 1.875rem;
border: 0.09375rem solid #0a4ed9;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.625rem;
vertical-align: middle;
box-shadow: inset 0.09375rem 0.09375rem #ccc;
transition: background 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: scale(1) translateY(-50%);
transform-origin: center; }
#frame .slide.form .form-container .radio-input > div:hover {
color: #556066; }
#frame .slide.form .form-container .radio-input > div:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: rgba(33, 103, 245, 0.25);
transform: scale(1.1) translateY(-50%); }
#frame .slide.form .form-container .radio-input > div.selected {
color: black; }
#frame .slide.form .form-container .radio-input > div.selected > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: #2167f5;
transform: scale(1) translateY(-50%); }
#frame .slide.form .form-container .radio-input > div:first-child {
margin-top: 0.3125rem; }
#frame .slide.form .form-container .radio-input.disabled, #frame .slide.form .form-container .radio-input.disabled * {
cursor: not-allowed; }
#frame .slide.form .form-container .radio-input.disabled > div:hover {
color: #6d7a82; }
#frame .slide.form .form-container .radio-input.disabled > div:hover:before {
background: rgba(109, 122, 130, 0);
border-color: #6d7a82;
transform: scale(1); }
#frame .slide.form .form-container .checkbox-input:before, #frame .slide.form .form-container .checkbox-input:after {
content: "";
display: table; }
#frame .slide.form .form-container .checkbox-input:after {
clear: both; }
#frame .slide.form .form-container .checkbox-input {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .checkbox-input > div {
display: block;
cursor: pointer;
vertical-align: middle;
color: #6d7a82;
background: #fdfdfd;
font-weight: 600;
line-height: 1.3125rem;
font-size: 1rem;
margin-bottom: 0.3125rem;
position: relative;
box-shadow: inset 0 0 0 0.0625rem #f1f1f1;
border-radius: 0.3125rem;
padding: 0.375rem 0.5rem; }
#frame .slide.form .form-container .checkbox-input > div > div {
display: inline-block;
margin-left: 1.875rem; }
#frame .slide.form .form-container .checkbox-input > div > span {
position: absolute;
top: 50%;
left: 0.5rem;
display: inline-block;
border-radius: 1.875rem;
border: 0.09375rem solid #0a4ed9;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.625rem;
vertical-align: middle;
box-shadow: inset 0.09375rem 0.09375rem #ccc;
transition: background 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: scale(1) translateY(-50%);
transform-origin: center; }
#frame .slide.form .form-container .checkbox-input > div:hover {
color: #556066; }
#frame .slide.form .form-container .checkbox-input > div:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: rgba(33, 103, 245, 0.25);
transform: scale(1.1) translateY(-50%); }
#frame .slide.form .form-container .checkbox-input > div.selected {
color: black; }
#frame .slide.form .form-container .checkbox-input > div.selected > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.09375rem 0.09375rem #ccc;
background: #2167f5;
transform: scale(1) translateY(-50%); }
#frame .slide.form .form-container .checkbox-input > div:first-child {
margin-top: 0.3125rem; }
#frame .slide.form .form-container .checkbox-input.disabled, #frame .slide.form .form-container .checkbox-input.disabled * {
cursor: not-allowed; }
#frame .slide.form .form-container .checkbox-input.disabled > div:hover {
color: #6d7a82; }
#frame .slide.form .form-container .checkbox-input.disabled > div:hover:before {
background: rgba(109, 122, 130, 0);
border-color: #6d7a82;
transform: scale(1); }
#frame .slide.form .form-container .checkbox-input > div > span {
border-radius: 0.15625rem;
box-shadow: inset 0.125rem 0.125rem #ddd; }
#frame .slide.form .form-container .checkbox-input > div:hover > span {
box-shadow: inset 0 0 0 0.15625rem #FFF, inset 0.125rem 0.125rem #ddd; }
#frame .slide.form .form-container .checkbox-input > div.selected > span {
box-shadow: inset 0 0 0 0rem #FFF, inset 0rem 0rem #ddd; }
#frame .slide.form .form-container .checkbox-input > div.selected > span:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F00C';
color: #FFF;
position: absolute;
font-size: 0.75rem;
font-weight: bold;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
#frame .slide.form .form-container .form-input {
position: relative;
padding-top: 1.0625rem; }
#frame .slide.form .form-container .form-input:before, #frame .slide.form .form-container .form-input:after {
content: "";
display: table; }
#frame .slide.form .form-container .form-input:after {
clear: both; }
#frame .slide.form .form-container .form-input {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .slide.form .form-container .form-input:first-child {
padding-top: 0rem; }
#frame .slide.form .form-container .form-input .answer-group {
margin-bottom: 0rem; }
#frame .slide.form .form-container .form-input .message {
bottom: -0.8125rem;
text-align: left;
width: 100%;
font-size: 0.6875rem; }
#frame .slide.form .form-container .form-input select {
height: 2.5rem;
appearance: none;
outline: none;
padding: 0 1.25rem;
font-size: 0.8125rem;
display: block;
border-radius: 0.3125rem;
background: transparent;
border: none;
font-weight: 600;
max-width: 100%;
padding: 0rem;
color: black;
background: #eff2f5;
padding: 0 0.9375rem;
min-width: 50%;
width: 100%;
transition: color 0.22s, background 0.22s;
cursor: pointer;
border: 1px solid #e5eaef;
font-family: "proxima-nova", "Trebuchet MS", Helvetica, sans-serif; }
#frame .slide.form .form-container .form-input select:hover {
transition: color 0.11s, background 0.11s;
background: #f5f7f9;
border: 1px solid #c5d1dc; }
#frame .slide.form .form-container .form-input select:disabled {
cursor: not-allowed; }
#frame .slide.form .form-container .form-input .select-container {
position: relative;
line-height: 0; }
#frame .slide.form .form-container .form-input .select-container:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F078';
position: absolute;
top: 0rem;
right: 0.3125rem;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
vertical-align: middle;
text-align: center;
opacity: .5;
transition: opacity 0.22s; }
#frame .slide.form .form-container .form-input .select-container:hover:after {
opacity: 1;
transition: opacity 0.11s;
pointer-events: none; }
#frame .slide.form .form-container .form-input .select-container select {
padding-right: 2.8125rem;
overflow: hidden;
text-overflow: ellipsis; }
#frame .slide.form .form-container button[type="submit"] {
margin-top: 1.25rem;
width: 100%; }
#frame button.start {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden; }
#frame button.start:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame button.start:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame button.start:disabled {
opacity: .35; }
#frame button.start:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.3125rem;
line-height: 1.125rem;
vertical-align: middle;
margin-left: 0.9375rem;
content: '\F178'; }
#frame .actions {
margin-top: 0.625rem;
position: relative;
z-index: 2;
vertical-align: middle; }
#frame .actions:before, #frame .actions:after {
content: "";
display: table; }
#frame .actions:after {
clear: both; }
#frame .actions {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame .actions.valid button.submit > div {
transform: translateY(-2.125rem); }
#frame .actions.valid button.submit.hide-on-close.is-last {
display: none; }
#frame .actions.valid button.submit:before {
opacity: 0 !important;
animation: none !important; }
#frame .actions.loading button.submit > div {
transform: translateY(0rem); }
#frame .actions.loading button.submit > div:after {
opacity: 1;
transition: opacity 0.22s 0.3s; }
#frame .actions.loading button.submit > div > span {
opacity: 0;
transition: opacity 0.22s 0.3s; }
#frame .actions.loading button.submit:before {
opacity: 0 !important;
animation: none !important; }
#frame .actions .action-group {
float: right; }
#frame .actions .action-group button {
display: block !important;
clear: both; }
#frame .actions .action-group button.skip {
line-height: 1.5rem; }
#frame .actions button.next, #frame .actions button.close, #frame .actions button.submit {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
float: right;
width: auto;
padding: 0 1.25rem; }
#frame .actions button.next:hover, #frame .actions button.close:hover, #frame .actions button.submit:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .actions button.next:focus, #frame .actions button.close:focus, #frame .actions button.submit:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .actions button.next:disabled, #frame .actions button.close:disabled, #frame .actions button.submit:disabled {
opacity: .35; }
#frame .actions button.next:after, #frame .actions button.close:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .actions button.next.close:after, #frame .actions button.close.close:after {
content: '\F00D'; }
#frame .actions button.back, #frame .actions button.skip {
appearance: none;
outline: none;
border: none;
line-height: 2.125rem;
vertical-align: middle;
font-size: 0.8125rem;
color: #2167f5;
display: inline-block;
padding: 0rem;
cursor: pointer;
background: none;
font-weight: 700;
transition: color 0.11s, opacity 0.11s, transform 0.22s;
transform: scale(0.99) translateZ(0rem); }
#frame .actions button.back:hover, #frame .actions button.skip:hover {
color: #0a4ed9;
transition: color 0.11s, transform 0.11s; }
#frame .actions button.back:before, #frame .actions button.skip:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F177';
margin-right: 0.3125rem; }
#frame .actions button.back:disabled, #frame .actions button.skip:disabled {
opacity: .5;
line-height: 0;
height: 0px;
overflow: hidden; }
#frame .actions button.submit {
outline: none;
border: none;
background: #2167f5;
color: #FFF;
border-radius: 0.3125rem;
height: 2.75rem;
line-height: 2.5rem;
padding: 0 2.5rem;
display: inline-block;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
background: #2167f5;
display: inline-block;
border: 0.125rem solid #0a4ed9;
text-shadow: 0 0.125rem 0 #0a4ed9;
transform: scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s, opacity 0.22s;
width: 11.25rem;
padding: 0rem;
text-align: center;
position: relative;
overflow: hidden;
height: 2.125rem;
line-height: 1.875rem;
width: auto;
text-align: center; }
#frame .actions button.submit:hover {
color: #FFF;
background: #0a4ed9;
transform: scale(1.02) translateZ(0rem);
transition: background 0.11s, transform 0.11s, opacity 0.11s; }
#frame .actions button.submit:focus {
color: #FFF;
transform: scale(1.01) translateZ(0rem);
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#frame .actions button.submit:disabled {
opacity: .35; }
#frame .actions button.submit:disabled {
cursor: not-allowed;
opacity: .75; }
#frame .actions button.submit.is-last > div {
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#frame .actions button.submit > div {
position: absolute;
height: 4.25rem;
top: -0.125rem;
left: 0rem;
width: 100%;
transform: translateY(0%); }
#frame .actions button.submit > div.slug {
opacity: 0;
position: relative;
width: auto;
padding: 0 1.25rem; }
#frame .actions button.submit > div.slug > span {
position: relative; }
#frame .actions button.submit > div:after {
content: '';
position: absolute;
z-index: 2;
opacity: 1;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) scale(0.45);
display: block;
font-size: 0.5625rem;
width: 0.5625rem;
height: 0.5625rem;
border-radius: 50%;
text-indent: -9999em;
animation: loading .75s infinite ease; }
#frame .actions button.submit > div:after {
transition: opacity 0.22s 0s; }
#frame .actions button.submit > div:after {
top: 1.0625rem;
opacity: 0;
transition: opacity 0.22s 0s; }
#frame .actions button.submit > div > span {
height: 2.125rem;
line-height: 2.125rem;
width: 100%;
display: block;
position: absolute;
top: 0rem;
transition: opacity 0.22s 0s; }
#frame .actions button.submit > div > span:nth-child(1) {
top: 0rem; }
#frame .actions button.submit > div > span:nth-child(2) {
top: 2.125rem; }
#frame .actions button.submit > div > span.right-arrow-icon:after, #frame .actions button.submit > div > span:nth-child(2):after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
font-size: 1.125rem;
vertical-align: middle;
margin-left: 0.625rem;
content: '\F178';
position: relative;
top: -0.125rem; }
#frame .actions button.submit > div > span.right-arrow-icon.close:after, #frame .actions button.submit > div > span:nth-child(2).close:after {
content: '\F00D'; }
#frame .actions button.submit > div > span.right-arrow-icon.thanks:after, #frame .actions button.submit > div > span:nth-child(2).thanks:after {
display: none; }
#frame .actions button.submit:hover {
transform: scale(1.02) translateZ(0rem); }
#frame .actions button.submit.highlight:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: absolute;
left: -0.625rem;
top: 50%;
transform: translateX(0%) translateY(-50%);
display: inline-block;
height: 1.25rem;
width: 1.25rem;
line-height: 1.25rem;
text-align: center;
font-size: 0.875rem;
color: #FFF;
opacity: 1;
transition: opacity 0.11s;
animation: arrow 1s infinite ease;
display: none !important; }
#frame .actions button.submit.disabled:before, #frame .actions button.submit:disabled:before, #frame .actions button.submit:hover:before {
opacity: 0;
animation: none !important; }
#frame .actions button.skip {
float: right; }
#frame .actions button.skip:before {
display: none; }
#frame .actions button.skip:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F178';
position: relative;
margin-left: 0.3125rem; }
#frame .actions button.skip.close-alt:after {
content: '\F00D'; }
#frame button.mobile-close {
position: absolute;
top: 0rem;
right: 0rem;
color: #57C5CE;
z-index: 3;
opacity: .5;
background: none;
appearance: none;
border: none;
outline: none;
cursor: pointer;
z-index: 10;
width: 2.5rem;
height: 2rem;
border-radius: 0.5rem;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem;
line-height: 0.875rem;
text-align: center;
transition: opacity 0.22s; }
#frame button.mobile-close:hover {
opacity: 1;
transition: opacity 0.11s; }
#frame button.mobile-close i {
font-size: 1.125rem;
line-height: 1.625rem; }
#frame div.count {
position: absolute;
z-index: 10;
left: 0.3125rem;
top: 0.3125rem;
color: #57c5ce;
font-size: 0.5rem;
font-weight: 500;
opacity: 0;
transition: opacity 0.22s; }
#frame div.count.counter {
left: 0.75rem;
top: 0.5rem;
opacity: 1;
font-size: 0.75rem;
color: black !important;
border-radius: 0.1875rem;
padding: 0.125rem 0.3125rem;
font-weight: 700; }
#frame div.count.counter .slash {
display: inline-block;
margin: 0 0.125rem;
opacity: .75; }
#frame div.count.counter .length {
opacity: .75; }
#frame div.count.active {
transition: opacity 0.11s;
opacity: 1; }
#frame div.count i {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
vertical-align: middle;
line-height: 1.25rem;
text-align: center;
opacity: 0;
text-indent: 0rem;
transition: transform 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
transform: scale(0.01); }
#frame div.count.complete i {
opacity: 1;
transform: scale(1);
transition: transform 0.5s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#frame div.count .progress-circle {
width: 1.25rem;
height: 1.25rem; }
#frame div.count .progress {
transform: rotate(-90deg) translateZ(0px); }
#frame div.count .meter,
#frame div.count .value {
fill: none; }
#frame div.count .meter {
stroke: rgba(87, 197, 206, 0.25); }
#frame div.count .value {
stroke: #57c5ce;
stroke-linecap: round;
transition: stroke-dashoffset .5s; }
#frame.rtl h3, #frame.rtl .title, #frame.rtl .subtitle, #frame.rtl .copy, #frame.rtl .content {
direction: rtl;
text-align: right; }
#frame.rtl label span {
float: left !important; }
#frame.rtl .mobile-close {
left: 0rem; }
#frame.rtl .count {
left: auto !important;
right: 0.3125rem !important; }
#frame.rtl .counter {
left: auto !important;
right: 0.75rem !important; }
#frame.rtl .message {
right: 0rem !important; }
#frame.rtl .date-dropdown-wrapper .select-container {
margin-right: 0rem !important;
margin-left: 0.25rem !important; }
#frame.rtl .date-dropdown-wrapper .select-container:last-child {
margin-left: 0rem !important; }
#frame.rtl .date-dropdown-wrapper .select-container select {
padding-right: 1.25rem !important;
padding-left: 2.8125rem !important; }
#frame.rtl .date-dropdown-wrapper .select-container:after {
right: auto !important;
left: 0.3125rem !important; }
#frame.rtl .slide.question .answers-container .answer > span,
#frame.rtl .slide.checkbox .answers-container .answer > span,
#frame.rtl .slide.rank .rank-container .answer > span {
right: 0.625rem !important;
left: auto !important; }
#frame.rtl .slide.question .answers-container .title-slug, #frame.rtl .slide.question .answers-container .title,
#frame.rtl .slide.checkbox .answers-container .title-slug,
#frame.rtl .slide.checkbox .answers-container .title,
#frame.rtl .slide.rank .rank-container .title-slug,
#frame.rtl .slide.rank .rank-container .title {
margin-left: 0rem !important;
margin-right: 2.625rem !important;
padding-right: 0rem !important;
padding-left: 0.3125rem !important; }
#frame.rtl .slide.question .answers-container .results .fill-container,
#frame.rtl .slide.checkbox .answers-container .results .fill-container,
#frame.rtl .slide.rank .rank-container .results .fill-container {
transform: scaleX(-1) !important; }
#frame.rtl .slide.question .answers-container .perc,
#frame.rtl .slide.checkbox .answers-container .perc,
#frame.rtl .slide.rank .rank-container .perc {
left: auto !important;
right: 0px !important; }
#frame.rtl .slide.question .answers-container .results.active .title, #frame.rtl .slide.question .answers-container .results.active .title-slug,
#frame.rtl .slide.checkbox .answers-container .results.active .title,
#frame.rtl .slide.checkbox .answers-container .results.active .title-slug,
#frame.rtl .slide.rank .rank-container .results.active .title,
#frame.rtl .slide.rank .rank-container .results.active .title-slug {
margin-right: 3.125rem !important;
margin-left: 0px !important;
padding-right: 0rem !important;
padding-left: 0.3125rem !important; }
#frame.rtl .slide.question .answers-container form,
#frame.rtl .slide.checkbox .answers-container form,
#frame.rtl .slide.rank .rank-container form {
padding-left: 0px !important;
padding-right: 2.625rem; }
#frame.rtl .slide.question .answers-container form:before, #frame.rtl .slide.question .answers-container form:after,
#frame.rtl .slide.checkbox .answers-container form:before,
#frame.rtl .slide.checkbox .answers-container form:after,
#frame.rtl .slide.rank .rank-container form:before,
#frame.rtl .slide.rank .rank-container form:after {
content: "";
display: table; }
#frame.rtl .slide.question .answers-container form:after,
#frame.rtl .slide.checkbox .answers-container form:after,
#frame.rtl .slide.rank .rank-container form:after {
clear: both; }
#frame.rtl .slide.question .answers-container form,
#frame.rtl .slide.checkbox .answers-container form,
#frame.rtl .slide.rank .rank-container form {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */ }
#frame.rtl .slide.question .answers-container form input,
#frame.rtl .slide.checkbox .answers-container form input,
#frame.rtl .slide.rank .rank-container form input {
padding-right: 0rem !important;
padding-left: 0.4375rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
direction: rtl;
float: right; }
#frame.rtl .slide.question .answers-container form button,
#frame.rtl .slide.checkbox .answers-container form button,
#frame.rtl .slide.rank .rank-container form button {
left: 0.1875rem !important;
right: auto !important; }
#frame.rtl .slide.question .answers-container form .select-container select,
#frame.rtl .slide.checkbox .answers-container form .select-container select,
#frame.rtl .slide.rank .rank-container form .select-container select {
padding-right: 1.25rem !important;
padding-left: 2.8125rem !important; }
#frame.rtl .slide.question .answers-container form .select-container:after,
#frame.rtl .slide.checkbox .answers-container form .select-container:after,
#frame.rtl .slide.rank .rank-container form .select-container:after {
right: auto !important;
left: 0.3125rem !important; }
#frame.rtl .slide.checkbox .answers-container form input {
padding-left: 0.4375rem !important; }
#frame.rtl .slide.dropdown input, #frame.rtl .slide.dropdown select {
direction: rtl; }
#frame.rtl .slide.legal-consent .legal-consent-checkbox {
padding-left: 0rem !important;
padding-right: 2.8125rem !important; }
#frame.rtl .slide.legal-consent .legal-consent-checkbox > span {
left: auto !important;
right: 0.625rem !important; }
#frame.rtl .slide.date input[type="date"] {
text-align: right !important; }
#frame.rtl .slide.image-choice .answer-column {
float: right !important; }
#frame.rtl .slide.file-upload .upload-input i {
margin-right: 0rem !important;
margin-left: 0.625rem;
top: -0.0625rem;
position: relative; }
#frame.rtl .card-subtitle .refresh {
float: left !important; }
#frame.rtl .card-subtitle .refresh i {
margin-left: 0.625rem !important; }
#frame.rtl .reset-container {
text-align: left !important; }
#frame.rtl .reset-container .reset:before {
margin-left: 0.1875rem !important; }
#frame.rtl .slide.form .radio-input > div > span,
#frame.rtl .slide.form .checkbox-input > div > span {
right: 0.5rem;
left: auto;
margin-right: 0rem;
margin-left: 0.625rem; }
#frame.rtl .slide.form .radio-input > div > div,
#frame.rtl .slide.form .checkbox-input > div > div {
margin-left: 0rem;
margin-right: 1.875rem; }
#frame.rtl .slide.form .binary-input > div {
border: 0.0625rem solid #b5c4d3;
border-bottom-width: 0.125rem; }
#frame.rtl .slide.form .binary-input > div:last-child {
border-radius: 0rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right: 0.03125rem solid #b5c4d3; }
#frame.rtl .slide.form .binary-input > div:first-child {
border-radius: 0rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left: 0.03125rem solid #b5c4d3; }
#frame.rtl .slide.form .form-input .message {
text-align: right; }
#frame.rtl .slide.binary .answer-group > div {
border: 0.0625rem solid #b5c4d3;
border-bottom-width: 0.125rem; }
#frame.rtl .slide.binary .answer-group > div:last-child {
border-radius: 0rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right: 0.03125rem solid #b5c4d3; }
#frame.rtl .slide.binary .answer-group > div:first-child {
border-radius: 0rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left: 0.03125rem solid #b5c4d3; }
#frame.rtl .actions button:after, #frame.rtl .actions button:before, #frame.rtl .actions button span:after, #frame.rtl .actions button span:before {
transform: scaleX(-1); }
#frame.rtl .actions button:after, #frame.rtl .actions button span:after {
margin-left: 0px !important;
margin-right: 0.625rem !important; }
#frame.rtl .actions button:before, #frame.rtl .actions button span:before {
margin-right: 0px !important;
margin-left: 0.625rem !important; }
#frame.rtl .actions .next, #frame.rtl .actions .close, #frame.rtl .actions .submit, #frame.rtl .actions .action-group, #frame.rtl .actions .skip {
float: left !important; }
#frame.rtl .actions .action-group .skip {
float: left; }
div.footer {
text-align: center;
margin: 0rem;
padding: 0rem;
height: 2.125rem;
background: #f5f7f9;
position: relative;
bottom: 0rem;
left: 0rem;
width: 100%;
z-index: 3;
position: fixed; }
div.footer a {
color: #475e76;
text-decoration: none;
font-weight: 500;
font-size: 0.75rem;
vertical-align: middle;
display: inline-block;
background: rgba(0, 0, 0, 0);
border-radius: 1.25rem;
height: 1.5rem;
line-height: 1.5rem;
top: 50%;
left: 50%;
position: absolute;
width: 12.5rem;
transform: translateY(-50%) translateX(-50%);
transition: background 0.22s;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
div.footer a:hover {
background: rgba(90, 120, 149, 0.1);
transition: background 0.11s; }
div.footer a > span {
color: black;
font-weight: 31.25rem;
font-weight: 600;
margin-left: 0.25rem;
display: inline-block;
vertical-align: middle;
line-height: 1.5625rem;
font-family: "brevia";
position: relative;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
div.footer a > span:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
color: #2167f5;
content: '\F681';
font-size: 1.125rem;
vertical-align: middle;
top: -0.0625rem;
position: relative;
width: 0.9375rem;
box-shadow: inset 0 0 0 6.25rem #FFF;
line-height: 0.9375rem;
margin-right: 0.25rem;
border-radius: 0.625rem;
transform: rotate(-6deg);
transition: transform 0.22s cubic-bezier(0.68, -2, 0.27, 4); }
div.footer a:hover span:before {
transform: rotate(0deg);
transition: transform 0.22s cubic-bezier(0.68, -2, 0.27, 4); }
#modal-components-container {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0; }
#modal-components-container.active {
opacity: 1; }
#modal-components-container .overlay {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.22s; }
#modal-components-container .close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
font-size: 1.125rem; }
#modal-components-container .close > span {
display: inline-block;
vertical-align: middle; }
#modal-components-container .close:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
content: '\F00D';
margin-left: 0.4375rem;
vertical-align: middle;
top: 0.0625rem;
position: relative; }
#frame.mobile button.mobile-close {
display: block;
opacity: 1; }
#frame.mobile .reset-container.active {
opacity: 1;
left: 0rem; }
#launcher {
z-index: 2;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
background: #2167f5;
cursor: pointer;
overflow: hidden; }
#launcher.right-middle > span:before, #launcher.right-middle span > img {
transform: rotate(90deg) scale(1) !important; }
#launcher.right-middle.active > span:before, #launcher.right-middle.active span > img {
transform: rotate(75deg) scale(1) !important; }
#launcher.left-middle > span:before, #launcher.left-middle span > img {
transform: rotate(-90deg) scale(1) !important; }
#launcher.left-middle.active > span:before, #launcher.left-middle.active span > img {
transform: rotate(-75deg) scale(1) !important; }
#launcher h5 {
color: #FFF;
display: block;
font-size: 0.9375rem;
line-height: 2.625rem;
vertical-align: middle;
text-align: right;
padding-left: 1.125rem;
font-weight: 500;
text-shadow: 0 0.125rem 0 #0a4ed9;
opacity: 1;
transition: opacity 0.3s 0.05s, transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.1);
position: absolute;
right: 1.125rem;
top: 0rem;
transform: translateX(0%) translateZ(0rem);
z-index: 1;
white-space: nowrap;
user-select: none; }
#launcher.active h5 {
opacity: 0;
transform: translateX(50%) translateZ(0rem);
transition: opacity 0s, transform 0s .1s; }
#launcher.left.active h5 {
transform: translateX(-50%) translateZ(0rem); }
#launcher > span {
transition: opacity 0.22s;
display: inline-block;
font-size: 1.3125rem;
text-shadow: 0 0.125rem 0 #0a4ed9;
opacity: 0;
transform: scale(0.01) translateX(0rem);
transition: opacity 0.22s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.22s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
width: 2.625rem;
height: 2.625rem;
position: absolute;
top: 0rem;
left: 0rem;
z-index: 2; }
#launcher > span:before, #launcher > span:after, #launcher > span > img {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 6 Free";
color: #FFF;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
line-height: 2.625rem;
vertical-align: middle;
text-align: center;
opacity: 0;
transform-origin: center center;
transition: transform 0.11s cubic-bezier(0.175, 0.885, 0.32, 2); }
#launcher > span.hidden:before {
display: none; }
#launcher > span:before, #launcher > span > img {
opacity: 1;
z-index: 1; }
#launcher > span > img {
user-select: none;
object-fit: cover; }
#launcher > span:after {
content: '\F078';
transform: rotate(-15deg);
z-index: 0;
line-height: 2.625rem;
font-size: 1.125rem; }
#launcher.loaded {
transform: translateY(0rem) scale(1) translateZ(0rem);
transition: background 0.22s, transform 0.22s;
opacity: 1; }
#launcher.loaded > span {
opacity: 1;
transform: scale(1); }
#launcher.active > span:before, #launcher.active > span > img {
opacity: 0;
transform: rotate(-15deg);
z-index: 0; }
#launcher.active > span:after {
opacity: 1;
transform: rotate(0deg);
z-index: 1; }
#launcher:hover, #launcher.active {
background: #0a4ed9;
transition: background 0.11s, transform 0.11s; }
#hide {
z-index: 2;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
cursor: pointer;
bottom: 1.25rem;
text-align: center;
color: #bfc9e0;
line-height: 1.25rem;
font-size: 0.875rem;
border-radius: 50%;
opacity: .8;
transition: color 0.22s, opacity 0.22s; }
#hide:hover {
opacity: 1;
color: #9daccf;
transition: color 0.11s, opacity 0.11s; }
#status {
z-index: 2;
position: absolute;
top: 0rem;
left: 0rem;
width: 100%;
height: 100%;
background: #2167f5;
cursor: pointer;
bottom: 1.25rem;
text-align: center;
color: #FFF;
line-height: 1.625rem;
font-size: 1.0625rem;
border-radius: 50%;
border: 0.125rem solid #2167f5; }
#status.completed {
font-size: 0.9375rem; }
</style>
<style></style>
<style>
:root {
--zigpoll-action-color: #212a2f;
--zigpoll-action-color-alpha-25: rgba(33, 42, 47, 0.25);
--zigpoll-action-color-darken-5: #161d20;
--zigpoll-background-color: #26353e;
}
</style>
<style>
html {
font-size: 16px;
}
</style>
<!-- Emojis by https://twemoji.twitter.com/ --!>
</head>
<body style="background: transparent;">
<div id="root" class="poll-frame" style="background: transparent;"></div>
</body>
</html>" style="font-size: 16px;"></iframe></div></div></div></div><style type="text/css">#zigpoll-embed-wrapper {
opacity: 0 !important;
display: block;
transition: opacity 0.22s 0.22s;
transform: translateZ(0px); }
#zigpoll-embed-wrapper.zigpoll-loaded {
display: block;
opacity: 1 !important; }
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page {
transition: margin 0.22s;
margin: 0px; }
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page.zigpoll-active.top-left {
margin-top: 2em !important;
margin-bottom: -1em !important; }
@media (min-width: 1000px) {
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page.zigpoll-active.top-left {
margin-bottom: -2em !important; } }
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page.zigpoll-active.bottom-right {
margin-bottom: 1em !important; }
@media (min-width: 1000px) {
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page.zigpoll-active.bottom-right {
margin-bottom: 0em !important;
margin-top: 0px !important; } }
#zigpoll-embed-wrapper.zigpoll-shopify-checkout-page.zigpoll-active.bottom-left {
margin-top: 1em !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame {
z-index: 2147483000 !important;
height: 0em;
width: 100%;
overflow-x: hidden !important;
overflow-y: hidden !important;
opacity: 1 !important;
transition: opacity 0.22s, height 0.22s, border-width 0s 0.11s !important;
transform: translateZ(0em);
width: 100%;
max-width: auto;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0px solid #f5f7f9;
opacity: 0 !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame.zigpoll-active {
opacity: 1 !important;
border-width: 1px;
transition: opacity 0.11s 0.11s, height 0.22s, border-width 0s !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame.zigpoll-shopify-checkout-page {
max-width: none !important;
border-radius: 0.3125em !important;
box-shadow: none !important;
box-sizing: border-box !important;
border-width: 0px !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame.zigpoll-shopify-checkout-page.zigpoll-active {
border-width: 1px !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame.disable-animations {
transition: none !important; }
#zigpoll-embed-wrapper #zigpoll-embed-frame > div {
overflow: auto !important;
position: absolute;
top: -0.125em;
left: 0em;
bottom: 0em;
right: 0em; }
#zigpoll-embed-wrapper #zigpoll-embed-frame > div > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0em;
left: 0em;
border: none !important;
appearance: none !important; }
#zigpoll-container {
position: fixed;
width: 0em;
height: 0em;
bottom: 0em;
right: 0em;
z-index: 2147483647; }
#zigpoll-container *, #zigpoll-container *:before, #zigpoll-container *:after {
box-sizing: border-box; }
#zigpoll-container > div {
display: block; }
#zigpoll-container iframe {
border: none !important;
appearance: none !important; }
#zigpoll-container #zigpoll-status-frame {
z-index: 2147483001 !important;
position: fixed !important;
width: 1.875em !important;
height: 1.875em !important;
border-radius: 0.9375em !important;
overflow: hidden !important;
transform: translateY(0em) scale(0.01) translateZ(0em); }
#zigpoll-container #zigpoll-status-frame.zigpoll-animating {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-status-frame.zigpoll-loaded {
transform: translateY(0em) scale(1) translateZ(0em);
transition: background 0.22s, transform 0.22s, left 0.22s;
opacity: 1; }
#zigpoll-container #zigpoll-status-frame:hover, #zigpoll-container #zigpoll-status-frame.zigpoll-hover {
transform: scale(1.02) translateZ(0em);
transition: background 0.11s, transform 0.11s, left 0.11s; }
#zigpoll-container #zigpoll-status-frame.zigpoll-active {
transform: translateY(0em) scale(0.01) translateZ(0em); }
#zigpoll-container #zigpoll-hide-frame {
z-index: 2147483001 !important;
position: fixed !important;
width: 1.25em !important;
height: 1.25em !important;
border-radius: 0.9375em !important;
overflow: hidden !important;
opacity: 0;
transform: translateY(0em) scale(0.01) translateZ(0em); }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-hide-frame {
display: none !important; } }
#zigpoll-container #zigpoll-hide-frame.zigpoll-right-middle, #zigpoll-container #zigpoll-hide-frame.zigpoll-left-middle {
transform-origin: right bottom !important; }
#zigpoll-container #zigpoll-hide-frame.zigpoll-animating {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-hide-frame.zigpoll-loaded {
transform: translateY(0em) scale(1) translateZ(0em);
transition: background 0.22s, transform 0.22s, left 0.22s, opacity 0.22s, margin 0.22s; }
#zigpoll-container #zigpoll-hide-frame:hover, #zigpoll-container #zigpoll-hide-frame.zigpoll-hover {
transform: scale(1.02) translateZ(0em);
transition: background 0.11s, transform 0.11s, left 0.11s, opacity 0.11s, margin 0.11s;
opacity: 1; }
#zigpoll-container #zigpoll-hide-frame.zigpoll-active {
transform: translateY(0em) scale(0.01) translateZ(0em); }
#zigpoll-container #zigpoll-hide-frame.zigpoll-hidden {
opacity: 0 !important;
transform: translateY(0em) scale(0.01) translateZ(0em) !important;
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-launcher-frame {
z-index: 2147483000 !important;
position: fixed !important;
min-width: 2.625em !important;
width: 2.625em;
height: 2.625em !important;
overflow: hidden !important;
transform: translateY(0em) scale(0.01);
opacity: 0; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper {
height: 3.25em !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-loaded, #zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-active {
transform: translateY(0.625em) scale(1) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper, #zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-hidden {
opacity: 1 !important;
transform: translateY(3.25em) scale(1) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-animating, #zigpoll-container #zigpoll-launcher-frame.zigpoll-bumper.zigpoll-hidden {
transition: transform 0.25 cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle {
right: 0px !important;
transform-origin: right bottom !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-loaded, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-loaded, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-active {
transform: translateX(0.625em) translateY(-100%) scale(1) rotate(-90deg) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle:hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-loaded.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-active.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle:hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-loaded.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-active.zigpoll-circle {
transform: translateX(-0.3125em) translateY(-100%) scale(1) rotate(-90deg) !important; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-active.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-active.zigpoll-circle {
transform: translateX(4.375em) translateY(-100%) scale(1) rotate(-90deg) !important; } }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-circle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-circle.zigpoll-hidden {
opacity: 1 !important;
transform: translateX(4.375em) translateY(-100%) scale(1) rotate(-90deg) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-animating, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-animating, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-hidden {
transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle {
transform-origin: left bottom !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-loaded, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-loaded, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-active {
transform: translateX(-0.625em) translateY(-100%) scale(1) rotate(90deg) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle:hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-loaded.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-active.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle:hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-loaded.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-hover.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-active.zigpoll-circle {
transform: translateX(0.3125em) translateY(-100%) scale(1) rotate(90deg) !important; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-active.zigpoll-circle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-active, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-active.zigpoll-circle {
transform: translateX(-4.375em) translateY(-100%) scale(1) rotate(90deg) !important; } }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-circle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-circle.zigpoll-hidden {
transform: translateX(-4.375em) translateY(-100%) scale(1) rotate(90deg) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-animating, #zigpoll-container #zigpoll-launcher-frame.zigpoll-right-middle.zigpoll-left-middle.zigpoll-hidden, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-animating, #zigpoll-container #zigpoll-launcher-frame.zigpoll-left-middle.zigpoll-left-middle.zigpoll-hidden {
transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-animating {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-loaded {
transform: translateY(0em) scale(1) translateZ(0em);
transition: background 0.22s, transform 0.22s, width 0.22s, margin 0.22s;
opacity: 1; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-loaded > span {
opacity: 1;
transform: scale(1); }
#zigpoll-container #zigpoll-launcher-frame:hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-hover, #zigpoll-container #zigpoll-launcher-frame.zigpoll-active {
transform: scale(1.02) translateZ(0em);
transition: background 0.11s, transform 0.11s, width 0.11s, margin 0.11s; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-active {
width: 2.625em; }
#zigpoll-container #zigpoll-launcher-frame.zigpoll-hidden {
opacity: 0 !important;
transform: translateY(0em) scale(0.01) translateZ(0em) !important;
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-poll-frame {
z-index: 2147483000 !important;
position: fixed !important;
height: 18.75em;
overflow-x: hidden !important;
overflow-y: hidden !important;
opacity: 0 !important;
transform: translateY(0.9375em) translateZ(0em);
width: 100% !important;
max-width: 26.25em;
max-height: 31.25em;
border: 2px solid #f5f7f9; }
#zigpoll-container #zigpoll-poll-frame.zigpoll-loaded {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), left 0s 0.5s, right 0s 0.5s !important; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-poll-frame {
border-bottom: 0px;
max-width: 100% !important;
max-height: 90% !important; } }
#zigpoll-container #zigpoll-poll-frame > div {
overflow: auto !important;
position: absolute;
top: -0.125em;
left: 0em;
bottom: 0em;
right: 0em; }
#zigpoll-container #zigpoll-poll-frame > div > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0em;
left: 0em; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-poll-frame {
width: 100% !important;
bottom: 0em !important;
left: -125em !important;
right: auto !important; }
#zigpoll-container #zigpoll-poll-frame.is-not-zigpoll-modal {
border-bottom-left-radius: 0em !important;
border-bottom-right-radius: 0em !important; } }
#zigpoll-container #zigpoll-poll-frame.zigpoll-active {
opacity: 1 !important;
transform: translateY(0em) translateZ(0em);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.22s, left 0s 0s, right 0s 0s !important; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-poll-frame.zigpoll-active {
left: 0em !important; } }
#zigpoll-container #zigpoll-poll-frame.disable-animations {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0s, left 0s 0s, right 0s 0s !important; }
@media (min-width: 600px) {
#zigpoll-container #zigpoll-poll-frame.zigpoll-right-middle {
transform: translateY(-50%) translateX(0.9375em) translateZ(0em); }
#zigpoll-container #zigpoll-poll-frame.zigpoll-right-middle.zigpoll-active {
transform: translateY(-50%) translateX(0em) translateZ(0em); }
#zigpoll-container #zigpoll-poll-frame.zigpoll-left-middle {
transform: translateY(-50%) translateX(-0.9375em) translateZ(0em); }
#zigpoll-container #zigpoll-poll-frame.zigpoll-left-middle.zigpoll-active {
transform: translateY(-50%) translateX(0em) translateZ(0em); } }
#zigpoll-container #zigpoll-embed.zigpoll-left:before {
z-index: 0;
position: fixed;
width: 31.25em;
height: 31.25em;
bottom: 0;
left: 0;
content: "";
pointer-events: none;
opacity: 0;
background: radial-gradient(ellipse at bottom left, rgba(29, 39, 54, 0.16) 0, rgba(29, 39, 54, 0) 72%);
transition: opacity 0.22s; }
#zigpoll-container #zigpoll-embed.zigpoll-modal:before {
display: none !important; }
#zigpoll-container #zigpoll-embed.zigpoll-modal #zigpoll-poll-frame {
min-width: 440px; }
@media (max-width: 600px) {
#zigpoll-container #zigpoll-embed.zigpoll-modal #zigpoll-poll-frame {
min-width: 0px !important;
bottom: 0 !important;
left: -2000px !important;
right: 0 !important;
top: 0 !important;
width: calc(100% - 4px) !important;
border: 2px solid #f5f7f9; }
#zigpoll-container #zigpoll-embed.zigpoll-modal #zigpoll-poll-frame.zigpoll-active {
left: 0 !important; } }
#zigpoll-container #zigpoll-embed.zigpoll-modal.zigpoll-is-share-page #zigpoll-poll-frame {
min-width: 0 !important; }
#zigpoll-container #zigpoll-embed.zigpoll-right:before {
bottom: 0;
left: auto;
right: 0;
background: radial-gradient(ellipse at bottom right, rgba(29, 39, 54, 0.16) 0, rgba(29, 39, 54, 0) 72%); }
#zigpoll-container #zigpoll-embed.zigpoll-active:before {
opacity: 1; }
#zigpoll-container #zigpoll-embed.zigpoll-hidden:before {
opacity: 0; }
#zigpoll-container #zigpoll-embed.zigpoll-hidden #zigpoll-launcher-frame, #zigpoll-container #zigpoll-embed.zigpoll-hidden #zigpoll-status-frame, #zigpoll-container #zigpoll-embed.zigpoll-hidden #zigpoll-hide-frame {
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
transform: translateY(0em) scale(0) translateZ(0em);
opacity: 0; }
#zigpoll-container #zigpoll-embed.zigpoll-hidden #zigpoll-launcher-frame {
transition: transform 0.5s 0.05s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s 0.05s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
#zigpoll-container #zigpoll-embed #zigpoll-modal-components-frame {
z-index: 2147482999 !important;
position: fixed !important;
height: 100%;
width: 100%;
top: 0px;
left: -2000px;
transition: left 0s 0.22s; }
#zigpoll-container #zigpoll-embed #zigpoll-modal-components-frame > div {
overflow: auto !important;
position: absolute;
top: 0em;
left: 0em;
bottom: 0em;
right: 0em; }
#zigpoll-container #zigpoll-embed #zigpoll-modal-components-frame > div > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0em;
left: 0em; }
#zigpoll-container #zigpoll-embed #zigpoll-modal-components-frame.zigpoll-active {
left: 0px;
transition: left 0s; }
</style></body></html>