:root{--simple-survey-amount:50}.simple-survey{--bg:#fff;--subheadline-color:var(--secondary_color);--bg-page:var(--bg-grey);--padding-block:var(--page-spacing);background:var(--bg);padding-block:var(--padding-block)}.simple-survey.bg-white{--padding-block:0}.simple-survey.bg-grey{--bg:var(--bg-grey);--bg-page:#fff}.simple-survey--subtitle{color:var(--subheadline-color)}.simple-survey--inside{display:flex;flex-direction:column}@media(min-width:1280px){.simple-survey--inside{flex-direction:row}}.simple-survey--page-progress{font-weight:700}.simple-survey--current-page .current{font-size:1.125rem;font-weight:700}.simple-survey--bar{--line-bg:#ffffff88;--line-color:var(--bg-white);--line-size:20%;--circle-bg:var(--secondary_color);--progress-value:0;align-items:center;aspect-ratio:1;background:radial-gradient(closest-side,var(--circle-bg) calc(97% - var(--line-size)),transparent calc(100% - var(--line-size)) var(--line-size)),conic-gradient(var(--line-color) calc(var(--progress-value)*1%),var(--line-bg) 0);border-radius:100%;display:flex;height:100%;justify-content:center}.simple-survey--bar--container{display:flex;gap:1rem;height:60px}@media(min-width:1280px){.simple-survey--bar--container{display:none}}.simple-survey--sidebar{--bg:var(--secondary_color);--text-color:var(--bg-white);background:var(--bg);color:var(--text-color);min-width:fit-content;padding:3rem 2rem}.simple-survey--sidebar ul{display:none;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}@media(min-width:1280px){.simple-survey--sidebar ul{display:flex}}.simple-survey--sidebar ul li{align-items:center;display:flex;gap:.5rem;padding:1rem;--border-width:2px;--border-style:solid;--transition-time:0.5s;--size:20px;--circle-color:#fff;--border-color:#fff;--circle-bg:var(--bg);--p:3px;--content:"";transition:all var(--transition-time)}.simple-survey--sidebar ul li.active{--content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512' style='fill:%23fff'/%3E%3C/svg%3E");--p:4px}.simple-survey--sidebar ul li.active.done{--content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z' style='fill:%23b02137'/%3E%3C/svg%3E");--circle-color:var(--secondary_color);--border-color:#fff;--circle-bg:#fff;--p:3px}.simple-survey--sidebar ul li.skipped{--border-style:dashed}.simple-survey--sidebar ul li a{color:inherit}.simple-survey--sidebar ul li a:focus,.simple-survey--sidebar ul li a:hover{text-decoration:underline}.simple-survey--sidebar ul li:before{align-items:center;aspect-ratio:1;background:var(--content) var(--circle-bg) no-repeat center center;background-size:50% auto;border:var(--border-width) var(--border-style) var(--border-color);border-radius:100%;color:var(--circle-color);content:"";display:flex;height:var(--size);justify-content:center;line-height:1;padding:var(--p);text-align:center;width:var(--size)}.simple-survey--pages{max-width:100%;width:max-content}.simple-survey--page{background:var(--bg-page);display:flex;opacity:0;transition:all .5s}.simple-survey--page:not(.swiper-slide-active){pointer-events:none}.simple-survey--page.swiper-slide-active{opacity:1}.simple-survey--page--inside{display:flex;flex-direction:column;gap:1rem;width:100%}@media(min-width:736px){.simple-survey--page--inside{flex-direction:row}}.simple-survey--page--inside--content{padding:1rem}@media(min-width:736px){.simple-survey--page--inside--content{padding:3rem 1.5rem 3rem 3rem;width:66%}}@media(min-width:1280px){.simple-survey--page--inside--content{padding:4rem 2rem 4rem 4rem}}.simple-survey--page--inside--content--body{margin-bottom:2rem}.simple-survey--page--inside--content--buttons{display:flex;flex-wrap:wrap;gap:1rem}@media(min-width:736px){.simple-survey--page--inside--content--buttons{flex-wrap:nowrap}}.simple-survey--page--inside--content--buttons a{white-space:nowrap}.simple-survey--page--inside--media{display:none}@media(min-width:736px){.simple-survey--page--inside--media{align-self:center;display:block;padding:1.5rem;width:33%}}