.question_cropped-image___TDI9{grid-area:header;position:absolute;height:6rem;top:0}.question_cropped-image___TDI9,.question_header-img___LhAH{width:100%;clip-path:polygon(0 0,0 100%,10% 88%,25% 97%,33% 91%,40% 96%,54% 86%,71% 95%,78% 85%,86% 95%,100% 85%,100% 0)}.question_header-img___LhAH{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.question_question__CM6k6{grid-area:main}.question_navigation__e58dn{position:sticky;bottom:0;background-image:url(/paper-texture\ 1.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;clip-path:polygon(51% 8%,79% 1%,89% 9%,100% 0,100% 100%,0 100%,0 6%,14% 0,32% 0)}.question_cropped-frame__yrGlg{display:none}@media (width >=768px){.question_question-container__LDLDp{display:grid;height:100%;grid-template-areas:"question image" "navigation image";grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;position:static}.question_cropped-frame__yrGlg{grid-area:image;display:block;position:relative;overflow:hidden;height:calc(100vh - 6rem)}.question_white-background__uBTAM{background-color:white;-webkit-mask-image:url(/white-background-shape.svg);mask-image:url(/white-background-shape.svg)}.question_desktop-image__A48kV,.question_white-background__uBTAM{height:100%;width:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.question_desktop-image__A48kV{position:absolute;left:16px;top:8px;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:url(/front-image-container.svg);mask-image:url(/front-image-container.svg)}.question_question__CM6k6{grid-area:question;overflow-y:auto;direction:rtl;max-height:calc(100vh - 10rem)}.question_question__CM6k6>*{direction:ltr}.question_navigation__e58dn{grid-area:navigation;position:static;background:none}.question_cropped-image___TDI9{display:none}}.input-range{--label-width:9rem;--label-height:1rem;max-width:18rem;display:block}.label{grid-column:1/-1}.steps{margin:.75rem 0;grid-column:2;padding:0 .5rem;display:flex;width:100%;justify-content:space-between;>*{pointer-events:none;position:relative;height:1.5rem;&[data-show=true] .tooltip{opacity:1}&:first-child .tooltip{transform:translateX(-.25rem)}&:first-child .tooltip:after{text-align:left}&:last-child .tooltip{transform:translateX(calc(-100% + .5rem))}&:last-child .tooltip:after{text-align:right}}.tooltip{opacity:0;font-size:.8rem;background:#fff;padding:.25rem .75rem;border-radius:.25rem;width:-moz-max-content;width:max-content;top:0;transform:translateX(-50%);filter:drop-shadow(.1rem .1rem .2rem rgba(0 0 0/.1))}.tooltip,.tooltip:after{position:absolute;text-align:center}.tooltip:after{content:"▼";top:85%;left:0;width:100%;color:#fff}}.min-label{grid-column:1;text-align:right}.max-label,.min-label{font-size:.8rem;grid-row:3}.max-label{grid-column:3}.bubble-mask{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bubble-mask,.bubble-mask-img-1{-webkit-mask-image:url(/dna-input-ellipse-1.svg);mask-image:url(/dna-input-ellipse-1.svg)}.bubble-mask-img-2{-webkit-mask-image:url(/dna-input-ellipse-2.svg);mask-image:url(/dna-input-ellipse-2.svg)}.bubble-mask-img-3{-webkit-mask-image:url(/dna-input-ellipse-3.svg);mask-image:url(/dna-input-ellipse-3.svg)}.bubble-mask-img-4{-webkit-mask-image:url(/dna-input-ellipse-4.svg);mask-image:url(/dna-input-ellipse-4.svg)}.bubble-mask-img-5{-webkit-mask-image:url(/dna-input-ellipse-5.svg);mask-image:url(/dna-input-ellipse-5.svg)}.main{--duration:0.75s;min-height:calc(100dvh - 6rem);position:relative;overflow:hidden}.dialog{margin:unset;border:unset;max-width:unset;max-height:unset;background:transparent;color:white;height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:translate var(--duration) ease-out,opacity var(--duration) ease-out,display var(--duration) linear allow-discrete;overflow-x:hidden;&[open]{opacity:1;translate:0 0;@starting-style{opacity:0;translate:0 100vh}}&:not([open]){translate:0 100vh;top:0;height:100vh;height:100dvh;opacity:0}}.background,.layer-container>*{position:absolute;width:100%;transition:all var(--duration);bottom:0}.layer-container{position:relative;width:100%;height:100%}.background{height:12rem;.layer-1{height:10rem;-webkit-mask-image:url(/dna-bg-layer-1.svg);mask-image:url(/dna-bg-layer-1.svg)}.layer-1,.layer-2{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.layer-2{height:8rem;-webkit-mask-image:url(/dna-bg-layer-2.svg);mask-image:url(/dna-bg-layer-2.svg)}}.tree-layer{top:-26vw;min-height:12rem;max-height:50vh;background-image:url(/dna-bg-tree-layer.svg);opacity:.5;background-repeat:no-repeat;background-position:top;background-size:cover;width:100%}main:has(dialog[open]){overflow:initial}main:has(dialog[open]) .answers-form{display:none}main:has(dialog[open]) .background{height:100vh;.layer-1{height:90vh}.layer-2{height:81vh}.tree-layer{top:-12vw}}main:has(dialog[open])>button{display:none}.cloud{background-image:url(/cloud.svg);background-position:bottom;width:41%;bottom:1.75rem;left:-110%}.cloud,.cloud-inverted{background-repeat:no-repeat;background-size:contain;transition:all .5s ease-in-out;position:absolute;max-width:519px;max-height:135px;padding-top:26%}.cloud-inverted{background-image:url(/cloud-inverted.svg);background-position:top;width:39%;right:-100%;top:1.25rem}.show-cloud{left:-2rem}.show-cloud-inverted{right:-2rem}.complete-anwser-filter{background-color:#9fa5664d;transition:all .5s ease-in-out}@media (min-width:768px){.background{.layer-1{-webkit-mask-image:url(/dna-bg-layer-1-desktop.svg);mask-image:url(/dna-bg-layer-1-desktop.svg);height:12rem}.layer-2{-webkit-mask-image:url(/dna-bg-layer-2-desktop.svg);mask-image:url(/dna-bg-layer-2-desktop.svg);height:9rem}.tree-layer{opacity:1;background-image:url(/dna-bg-tree-layer.svg);top:-24vw}}.tree-layer{max-height:100vh}main:has(dialog[open]) .background{.tree-layer{top:-20vw}}.cloud{background-position:top;height:100%;width:37.5%;padding:0;left:-549px;top:0;bottom:auto}.cloud-inverted{background-position:bottom;height:100%;width:42.5%;padding:0;right:-549px;bottom:0;top:auto}.show-cloud{left:-2%}.show-cloud-inverted{right:-2%}}