:root{--clr-primary-300:#d9e3ea;--clr-primary-500:#566ba8;--clr-primary-600:#383f6a;--clr-neutral-100:#fff;--clr-neutral-150:#f7f7f7;--clr-neutral-200:#f0f4f7;--clr-neutral-300:silver;--clr-neutral-350:#bfbfbf;--clr-neutral-400:gray;--clr-neutral-500:#767474;--clr-neutral-600:#5c5c5c;--clr-neutral-900:#000;--clr-negative-300:#f50057;--clr-positive-300:#478961;--ff-primary:"Be Vietnam Pro", sans-serif;--ff-body:var(--ff-primary);--ff-heading:var(--ff-primary);--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-900:3.5rem;--fs-800:2.625rem;--fs-700:2.25rem;--fs-600:1.75rem;--fs-500:1.5rem;--fs-400:1.125rem;--fs-350:1rem;--fs-300:.75rem;--fs-title-regular:var(--fs-400);--fs-title-medium:var(--fs-500);--fs-title-large:var(--fs-600);--fs-button:var(--fs-400);--fs-body:var(--fs-350);--fs-footer:var(--fs-300);--size-100:.25rem;--size-200:.5rem;--size-300:1rem;--size-500:2rem;--size-600:3rem;--size-700:4rem;--size-900:8rem;--spacing-regular:var(--size-300);--spacing-medium:var(--size-500);--spacing-large:var(--size-700);--border-radius-large:var(--size-500)}@media (width>=65em){:root{--fs-title-regular:var(--fs-400);--fs-title-medium:var(--fs-600);--fs-title-large:var(--fs-800);--fs-body:var(--fs-400);--spacing-regular:var(--size-500);--spacing-medium:var(--size-700);--spacing-large:var(--size-900)}}*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}html{height:100%}body{text-rendering:optimizespeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-primary-600{color:var(--clr-primary-600)}.text-primary-300{color:var(--clr-primary-300)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-400{color:var(--clr-neutral-400)}.text-neutral-500{color:var(--clr-neutral-500)}.text-neutral-900{color:var(--clr-neutral-900)}.text-negative-300{color:var(--clr-negative-300)}.text-positive-300{color:var(--clr-positive-300)}.bg-primary-600{background-color:var(--clr-primary-600)}.bg-primary-300{background-color:var(--clr-primary-300)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-200{background-color:var(--clr-neutral-200)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-medium{font-weight:var(--fw-medium)}.fw-regular{font-weight:var(--fw-regular)}.fs-title-regular{font-size:var(--fs-title-regular)}.fs-title-medium{font-size:var(--fs-title-medium)}.fs-title-large{font-size:var(--fs-title-large)}.fs-button{font-size:var(--fs-button)}.fs-body{font-size:var(--fs-body)}.fs-footer{font-size:var(--fs-footer)}.container{--max-width:1728px;--padding:0;width:min(var(--max-width), 100% - (2 * var(--padding)));margin-inline:auto}.even-columns{gap:0;display:grid}body{font-size:var(--ff-body);font-family:var(--ff-body), sans-serif;color:var(--clr-neutral-900);background-color:var(--clr-neutral-150)}@media (width>=65em){.container{--padding:var(--spacing-medium)}}a{color:inherit;cursor:pointer;text-decoration:underline}a:hover{text-decoration:none}.container{flex-direction:column;min-height:100vh;display:flex;box-shadow:0 0 4px #00000040}@media (width>=65em){.container{min-height:calc(100vh - var(--spacing-medium) * 2);max-height:calc(100vh - var(--spacing-medium) * 2);margin:var(--spacing-medium) auto;border-radius:32px;flex-direction:row}}.poll-image,.poll-footer{justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;box-shadow:inset 0 0 128px 128px #0000004d}:is(.poll-image,.poll-footer) .bg{border-radius:inherit;z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}:is(.poll-image,.poll-footer) .bg:after{content:"";border-radius:inherit;background:#00000040;width:100%;height:100%;position:absolute;top:0;left:0}@media (width>=65em){.poll-image{height:initial;width:40%;padding:var(--spacing-regular);border-bottom-left-radius:var(--border-radius-large);border-top-left-radius:var(--border-radius-large);flex-direction:column;flex-grow:1;justify-content:space-between;align-items:start}}.poll-image .logo{margin-top:calc(var(--spacing-medium) * -1)}.poll-image .logo img{height:var(--size-500)}.poll-image .copyright-txt{display:none}.poll-footer{background-color:var(--clr-neutral-600)}.poll-footer .fs-footer{margin-top:var(--spacing-medium)}@media (width>=65em){.poll-image .logo{margin-top:0}.poll-image .copyright-txt{align-self:end;display:block}}.poll-content{background-color:var(--clr-neutral-100);border-radius:var(--border-radius-large);width:100%;margin-top:calc(var(--border-radius-large) * -1);margin-bottom:calc(var(--border-radius-large) * -1);z-index:1;padding:var(--spacing-medium) var(--spacing-regular);flex-grow:1;display:flex}@media (width>=65em){.poll-content{border-radius:0 var(--border-radius-large) var(--border-radius-large) 0;width:60%;margin:0}.poll-footer{display:none}.poll-content{padding:0;overflow:hidden}.scroll-container{padding:var(--spacing-regular);overflow:auto}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:0 0}.scroll-container::-webkit-scrollbar-thumb{background-color:var(--clr-neutral-300);border-radius:20px}.scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--clr-neutral-400)}.scroll-container{scrollbar-width:thin;scrollbar-color:var(--clr-neutral-300) transparent}}.component-wrapper{gap:var(--size-300);margin-top:var(--size-500);flex-direction:column;display:flex}.result-component-wrapper{margin-top:var(--size-500);flex-direction:column;display:flex;gap:var(--size-100)!important}.component-wrapper>*{border:1px solid var(--clr-neutral-350);border-radius:var(--size-300);padding:var(--size-300)}.circle-icon{padding:2px}.options-item{gap:var(--size-100);cursor:pointer;flex-direction:column;display:flex}.options-item .option-description{margin-left:32px}.option-header{gap:var(--size-200);align-items:center;display:flex}.option-circle{border:1px solid var(--clr-neutral-350);border-radius:12px;flex-shrink:0;flex-basis:24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.options-item.selected .option-title{color:var(--clr-primary-600)}.options-item.selected .single-choice-circle{background-color:var(--clr-primary-600);border-radius:8px;width:16px;height:16px}.options-item:not(.selected) .multi-choice-checkmark{display:none}@media (width>=65em){.options-item .single-choice-circle{border-radius:6px;width:12px;height:12px;transition:background-color .3s}.options-item .option-title{transition:color .3s}.options-item .outer-inner-circle{border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .3s;display:flex}.options-item:not(.selected):hover .single-choice-circle{background-color:var(--clr-primary-500)}.options-item:hover .option-title{color:var(--clr-primary-500)}.options-item:hover .outer-inner-circle{background-color:var(--clr-primary-300)}}.components-expanded{gap:var(--size-300);margin-top:var(--size-300);flex-direction:column;display:none}.selected+.components-expanded{display:flex}.scroll-container{flex-direction:column;flex-grow:1;display:flex}.scroll-container>.navigation{margin-top:auto}.nav-buttons{margin-top:var(--size-500);display:flex}.nav-buttons .nav-btn{gap:var(--size-100);cursor:pointer;color:var(--clr-primary-600);background:0 0;border:none;align-items:center;display:flex}.nav-buttons .nav-btn .icon{fill:currentColor}.nav-buttons .nav-btn.next{margin-left:auto}.nav-buttons .nav-btn:hover{color:var(--clr-primary-500)}.nav-buttons .nav-btn:hover .icon{fill:var(--clr-primary-500)}.nav-buttons .nav-btn:disabled{color:var(--clr-neutral-400);cursor:not-allowed}.nav-buttons .nav-btn:disabled .icon{fill:var(--clr-neutral-400)}.nav-buttons .nav-btn,.nav-buttons .nav-btn .icon{transition:color .3s,fill .3s}.input{gap:var(--size-200);border-color:var(--clr-primary-600);flex-direction:column;display:flex}.input textarea{resize:vertical;min-height:120px;overflow:hidden auto}.input-field{width:100%;height:var(--size-600);padding:var(--size-300);border:1px solid var(--clr-neutral-350);border-radius:var(--size-200)}.input-field::placeholder{color:var(--clr-neutral-350)}.input-field:focus{border-color:var(--clr-primary-500);outline:none!important}.period{gap:var(--size-200);flex-direction:column;display:flex}.period .period-input{gap:var(--size-200);display:flex}.period input{width:initial;font-size:var(--fs-body)}.period select{border:1px solid var(--clr-neutral-350);border-radius:var(--size-200);text-align-last:center;-webkit-appearance:none;background-color:#0000;padding:0 16px}.circle-options{gap:var(--size-200);flex-direction:column;display:flex}.circle-options .selection,.circle-options .selection-style-wrap{justify-content:flex-start;gap:var(--size-200);flex-wrap:wrap;display:flex}.circle-options-item{cursor:pointer}.circle-options-item .circle{width:var(--size-600);height:var(--size-600);border:1px solid var(--clr-neutral-350);border-radius:24px;justify-content:center;align-items:center;display:flex}.circle-options-item.selected{border-color:var(--clr-primary-600)}.circle-options-item.selected .circle-text{color:var(--clr-neutral-100)}.circle-options-item.selected .circle{background-color:var(--clr-primary-600);border:none}@media (width>=65em){.circle-options-item:not(.selected):hover .circle{background-color:var(--clr-primary-300)}.circle-options-item:hover .circle{border:5px solid var(--clr-primary-300)}}.components-container{gap:var(--size-300);flex-direction:column;display:flex}.dynamic-input{align-items:center;gap:var(--size-200);display:flex}.dynamic-input .add-icon{width:24px;height:24px}.dynamic-input .add-icon svg{fill:var(--clr-neutral-350)}.dynamic-input input:not(:placeholder-shown)+.add-icon svg{fill:var(--clr-primary-600);cursor:pointer}.dynamic-input input:not(:placeholder-shown)+.add-icon:hover svg{fill:var(--clr-primary-500)}.dynamic-outputs .multi-choice-checkmark{display:block}.dynamic-outputs .close-icon{fill:var(--clr-negative-300);display:none}.dynamic-outputs .options-item:hover .multi-choice-checkmark{display:none}.dynamic-outputs .options-item:hover .close-icon{display:block}.dynamic-outputs .options-item:hover .option-title{color:var(--clr-negative-300)}.summaries{white-space:pre-line}.summaries .sum-header{justify-content:space-between;gap:var(--size-200);display:flex}.summaries .sum-title{margin-bottom:var(--size-200)}.summaries .sum-edit-icon{cursor:pointer;width:24px;height:24px}.summaries .sum-edit-icon svg{fill:var(--clr-primary-600)}.summaries .sum-edit-icon:hover svg{fill:var(--clr-primary-500)}.sum-results{gap:var(--size-300);flex-direction:column;display:flex}.loading{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.spinner{border:8px solid #fff;border-top:8px solid var(--clr-primary-600);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is(.options-item:has(input:focus-visible) .option-circle,.icon-button:focus-visible,.nav-btn:focus-visible,.sum-edit-icon:focus-visible){outline:2px solid var(--clr-primary-500);outline-offset:2px}.icon-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.dynamic-outputs .icon-button{width:100%}.input-field:disabled{background-color:var(--clr-neutral-150)}.input select{height:var(--size-600)}.form-error{padding:var(--size-300);border-radius:var(--size-200);border:1px solid var(--clr-negative-300);color:var(--clr-negative-300)}.form-error button{margin-top:var(--size-200);color:var(--clr-primary-600);text-decoration:underline}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}
