@keyframes Message{0%{transform:translateY(100%);opacity:0}10%,90%{transform:translateY(0);opacity:1}100%{transform:translateY(100%);opacity:0}}body{display:flex;flex-direction:column;min-height:100vh}main{display:flex;flex-direction:column;min-height:initial;margin:0 auto}@media only screen and (min-width:501px){main{flex:1}}@media only screen and (max-width:500px){main{padding:0}main:has(#questionnaire){height:calc(100vh - 80px)}}footer{transform:translateY(100%)}nav{background:0 0;position:relative}nav.Sticking::before{content:none}@media only screen and (max-width:500px){nav{margin:0}}nav [nav-header=logo] img{height:2rem}nav [nav-extra-headers=post] [quiz]{display:inline-block;text-align:center;padding:2px 1rem;font-weight:700;border-radius:.5rem;border:2px solid #fff;background:var(--color-light-300);outline:1px solid var(--color-primary-200);color:var(--color-primary-700)}[g-done=true] #logi-message,[g-done=true] #questionnaire,[g-done=true] #start{display:none!important}[g-done=true] #loading{display:flex!important}[old-website]{display:none}#start{background:#fff}#start>div{padding:2rem}@media only screen and (max-width:500px){#start>div{padding:1.67rem 1.33rem}}#start [header]{background:linear-gradient(calc(45deg * var(--direction-multi)),var(--color-primary-400),var(--color-primary-600));color:#fff}@media only screen and (min-width:501px){#start [header]{border-radius:1rem 1rem 0 0}}#start [header] p{font-weight:700;color:var(--color-primary-000)}#start [header] p::after{content:'\279C'}[dir=rtl] #start [header] p::after{transform:rotate(180deg)}#start [header] p::after{display:inline-flex;margin-inline-start:.5rem}@media only screen and (min-width:501px){#start [steps]{border:1px solid var(--color-light-300);border-radius:0 0 1rem 1rem;box-shadow:0 6px 0 -3px var(--color-light-200)}}[g-step="1"] #start [step="1"]{display:flex}[g-step="2"] #start [step="2"]{display:flex}[g-step="3"] #start [step="3"]{display:flex}#start [step]{display:none;flex-direction:column;min-height:20rem;animation:Appear .17s ease-in-out forwards}#start [step] [h3]{text-align:center}#start [step] [options]{margin:auto}#start [step] [option]{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--color-mono-250);border-radius:1rem;outline:2px solid white;outline-offset:-3px;box-shadow:inset 0 .33rem .5rem var(--color-light-200),0 2px 0 var(--color-mono-025)}#start [step] [option]:hover{box-shadow:inset 0 .33rem .5rem var(--color-light-200),0 2px 0 var(--color-mono-025)}#start [step] [option]:active{transform:translateY(2px)}#start [step="1"] [options]{flex:1;display:flex;justify-content:center;align-items:center;gap:3rem}#start [step="1"] [options]>div{display:flex;flex-direction:column;align-items:center;gap:.33rem}@media only screen and (max-width:500px){#start [step="1"] [options]{gap:1rem}}#start [step="1"] span{font-size:12px;font-weight:700;color:var(--color-mono-400)}#start [step="1"] [option]{padding:1rem}#start [step="1"] [option]:hover{border-color:var(--color-mono-350)}#start [step="1"] [option]:hover svg{fill:var(--color-primary-700)}#start [step="1"] svg{width:100px;height:100px;fill:var(--color-primary-500)}#start [step="2"] [options]{display:grid;grid-template-columns:repeat(2,1fr);margin:auto;width:100%;max-width:40rem;gap:1rem}#start [step="2"] [option]{padding:.5rem 1rem;text-align:center;font-weight:700}@media only screen and (max-width:500px){#start [step="2"] [option]{font-size:16px}}@media only screen and (max-width:500px){#start [step="2"] [option][toggle="1"]{font-size:14px}}#start [step="2"] [option]:hover{color:var(--color-primary-700)}#start [step="3"] [loader-component]{margin:auto}#start [seo-description]{background:var(--color-mono-010);border-radius:.5rem;font-size:14px;padding:0;overflow:hidden}#start [seo-description]:has([value=on]) p{display:block}@media only screen and (max-width:500px){#start [seo-description]{margin-inline:1rem}}#start [seo-description] div{text-align:center;padding:1rem}#start [seo-description] p{padding:1rem;display:none;background:var(--color-mono-025)}#questionnaire{--question-height:180px;position:relative;display:flex;flex-direction:column;gap:3rem;background:#fff;border-radius:1rem}@media only screen and (max-width:500px){#questionnaire{max-height:100%;flex:1}}@media only screen and (min-width:501px){#questionnaire{border:1px solid var(--color-light-300);box-shadow:0 .25rem 0 var(--color-light-100)}}#questionnaire [restart]{position:fixed;bottom:1rem;inset-inline-start:1rem;font-size:14px;padding:.5rem 1rem;z-index:10}@media only screen and (max-width:500px){#questionnaire [restart]{display:none}}#questionnaire [progress]{position:relative;padding:1rem}#questionnaire [progress] [bar-container]{position:relative;background:var(--color-light-400);border-radius:1rem;height:.5rem;width:100%}#questionnaire [progress] [bar]{height:100%;border-radius:1rem;background:linear-gradient(calc(var(--direction-multi) * -90deg),var(--color-primary-300),var(--color-primary-400));width:calc(100% * (var(--answered)/ var(--total)));transition:all .17s ease-in-out;outline:1px solid var(--color-primary-300);outline-offset:-2px}#questionnaire [progress] [count]{--width:3.5rem;position:absolute;top:calc(100% + .5rem);width:var(--width);text-align:center;background:var(--color-primary-000);transform:translateX(calc(var(--direction-multi) * 50%));padding:.25rem .67rem;font-size:12px;font-weight:700;inset-inline-start:clamp(calc(var(--width)/ 2),calc(100% * (var(--answered)/ var(--total))),calc(100% - var(--width)/ 2));border-radius:1rem;transition:all .17s ease-in-out;user-select:none}#questionnaire [progress] [count]::after{position:absolute;content:'';width:6px;height:6px;background:var(--color-primary-000);left:calc(3.5rem / 2 - 3px);top:-3px;transform:rotate(45deg)}#questionnaire [questions-container]{overflow:hidden;position:relative}#questionnaire [questions-container].ForVideo::after{top:2px;left:50%;position:absolute;content:'';width:800px;height:200px;outline:2px solid red;transform:translateX(-50%);pointer-events:none}@media only screen and (min-width:501px){#questionnaire [questions-container]{max-height:calc(var(--question-height) * 2)}}@media only screen and (max-width:500px){#questionnaire [questions-container]::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,#fff);pointer-events:none}}#questionnaire [questions]{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:none;flex:1;transform:translateY(calc(-1 * (var(--answered) - var(--previous,0)) * var(--question-height)));transition:all .33s ease-in-out}#questionnaire [question]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:var(--question-height);max-height:var(--question-height);transition:all .33s ease-in-out;font-weight:700;padding-inline:1rem;user-select:none}@media only screen and (max-width:500px){#questionnaire [question]{padding-inline:0.5rem}}#questionnaire [question]:not(.Current){opacity:.15;pointer-events:none}#questionnaire [question] p{display:flex;align-items:center;text-align:center;min-height:64px}#questionnaire [question] [answers]{display:flex;flex-direction:row-reverse;align-items:center;width:min(440px,100%)}#questionnaire [question] [answers]:has(.Selected) [answer]:not(.Selected){opacity:.67}#questionnaire [question] [answer-container]{--w:48px;display:flex;flex-direction:column;gap:.5rem;flex:1}#questionnaire [question] [answer-container]>div{height:48px;display:flex;align-items:center;justify-content:center}#questionnaire [question] [answer-container]>span{font-size:12px;text-align:center;color:var(--c3,var(--color-mono-500))}#questionnaire [question] [answer]{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:var(--w);min-height:var(--w);max-height:var(--w);max-width:var(--w);border-radius:50%;background:linear-gradient(to bottom,var(--c1,var(--color-mono-200)),var(--c2,var(--color-mono-100)));outline:1px solid var(--c1,var(--color-mono-100));outline-offset:-2px;cursor:pointer}#questionnaire [question] [answer]::before{position:absolute;display:none;content:'';background:var(--c1,var(--color-mono-100));border-radius:50%;width:8px;height:8px;animation:PopFromCenter .17s ease-in-out forwards}#questionnaire [question] [answer]::after{content:'';background:#fff;border-radius:50%;width:calc(var(--w) - 14px);height:calc(var(--w) - 14px)}#questionnaire [question] [answer].Selected,#questionnaire [question] [answer]:hover{box-shadow:0 3px .5rem rgb(from var(--c1) r g b / 50%)}#questionnaire [question] [answer].Selected::before,#questionnaire [question] [answer]:hover::before{display:block}#questionnaire [question] [answer]:active{transform:translateY(2px)}#questionnaire [question] [answer-container="-2"]{--c1:var(--color-red-300);--c2:var(--color-red-500);--c3:var(--color-red-700)}#questionnaire [question] [answer-container="-1"]{--w:42px;--c1:var(--color-red-200);--c2:var(--color-red-400);--c3:var(--color-red-700)}#questionnaire [question] [answer-container="0"]{--w:34px}#questionnaire [question] [answer-container="1"]{--w:42px;--c1:var(--color-green-500);--c2:var(--color-green-700);--c3:var(--color-green-800)}#questionnaire [question] [answer-container="2"]{--c1:var(--color-green-600);--c2:var(--color-green-800);--c3:var(--color-green-800)}#questionnaire [navigator]{position:absolute;inset-inline-end:-12px;top:calc(50% - 2 * 24px);display:flex;flex-direction:column;gap:1px;border:1px solid var(--color-mono-100);background:#fff;border-radius:1rem;background:var(--color-mono-100);overflow:hidden;cursor:pointer}#questionnaire [navigator] div{background:#fff}#questionnaire [navigator] div:hover{--svg:var(--color-primary-700)}#questionnaire [navigator] div:active{--y:1px}#questionnaire [navigator] svg{fill:var(--svg,var(--color-mono-400));transform:translateY(var(--y))}@media only screen and (max-width:500px){#questionnaire [navigator]{display:none}}#logi-message{--duration:4000;display:none;align-items:center;gap:1rem;border:1px solid var(--color-mono-250);padding:1rem;background:var(--color-light-100);border-radius:10rem;outline:2px solid white;outline-offset:-3px;line-height:1.15rem;pointer-events:none;user-select:none;z-index:10;box-shadow:0 2px 0 var(--color-mono-100)}#logi-message.NewMessage{display:flex;animation:Message calc(var(--duration) * 1ms) ease-in-out forwards}@media only screen and (min-width:501px){#logi-message{margin-top:2rem}}@media only screen and (max-width:500px){#logi-message{position:fixed;bottom:1rem;inset-inline-start:1rem;width:calc(100% - 2rem);padding:.5rem}}#logi-message [sender]{background:linear-gradient(to bottom left,var(--color-purple-100),var(--color-primary-100));border-radius:50%;border:2px solid #fff;outline:1px solid var(--color-mono-100)}#logi-message [sender] img{min-width:2.5rem;min-height:2.5rem;height:2.5rem;width:2.5rem}#logi-message [text]{font-weight:700}#logi-message [text] div{color:var(--color-mono-500);font-size:14px}#logi-message [text] p{font-size:16px}@media only screen and (max-width:500px){#logi-message [text] p{font-size:14px}}#loading{display:none;justify-content:center;margin-top:6rem}[light-popup=intro] [popup-content]{display:flex;flex-direction:column}[light-popup=intro] [h6]{font-size:16px;color:var(--color-mono-500)!important}[light-popup=intro] [video]{width:100%;padding:.5rem;border:1px solid var(--color-mono-100);border-radius:.5rem}[light-popup=intro] [video] video{width:100%}[light-popup=intro] button{margin-inline-start:auto}