@import"https://fonts.bunny.net/css?family=comic-neue:400,700|eb-garamond:400,400i,600,600i|courier-prime:400,700|eagle-lake:400|glory:300,400,700|inter:300,400,700|josefin-sans:300,400,700|kufam:400,600,800|prompt:400,500,600,700,900";:root{--ora: 1px solid #f90;--black: 1px solid black;--red: 1px solid red;--font-kufam: "Kufam", sans-serif;--font-josefin: "Josefin Sans", sans-serif;--font-glory: "Glory", sans-serif;--font-eagle: "Eagle Lake", handwriting;--font-inter: "Inter", sans-serif;--font-might: "Might", Helvetica, Arial, sans-serif;--font-mono: "Courier Prime", monospace;--font-hand: "Comic Neue", handwriting;--font-garamond: "EB Garamond", serif;--font-body: "Inter", sans-serif;--font-header: "Inter", sans-serif;--line-body: 1.3;--line-header: 1.1;--line-small: .9;--text-xxs: clamp(.54rem, -.06vw + .56rem, .51rem);--text-xs: clamp(.65rem, -.03vw + .66rem, .64rem);--text-s: clamp(.78rem, .03vw + .78rem, .8rem);--text-p: clamp(.94rem, .11vw + .91rem, 1rem);--text-h4: clamp(1.13rem, .23vw + 1.07rem, 1.25rem);--text-h3: clamp(1.36rem, .4vw + 1.26rem, 1.56rem);--text-h2: clamp(1.63rem, .63vw + 1.48rem, 1.95rem);--text-h1: clamp(1.95rem, .95vw + 1.73rem, 2.44rem);--text-large: clamp(2.34rem, 1.37vw + 2.02rem, 3.05rem);--space-xs: clamp(.25rem, .25rem + 0vw, .25rem);--space-s: clamp(.5rem, .4662rem + .1351vw, .5625rem);--space-m: clamp(1rem, .9662rem + .1351vw, 1.0625rem);--space-l: clamp(1.5rem, 1.4324rem + .2703vw, 1.625rem);--space-xl: clamp(2rem, 1.9324rem + .2703vw, 2.125rem);--space-xxl: clamp(3rem, 2.8986rem + .4054vw, 3.1875rem);--space-xxxl: clamp(4rem, 3.8649rem + .5405vw, 4.25rem);--space-large: clamp(6rem, 5.7973rem + .8108vw, 6.375rem);--space-huge: clamp(8rem, 7.7297rem + 1.0811vw, 8.5rem);--flow-space: var(--space-m);--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-100: 100vmin;--contentImageSize: 60%;--contentImagePos: bottom right;--contentPadding: var(--space-xxxl);--displayType: flex;--squareDark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8h18' /%3E%3Cpath d='M3 16h18' /%3E%3Cpath d='M8 3v18' /%3E%3Cpath d='M16 3v18' /%3E%3C/svg%3E");--squareLight: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8h18' /%3E%3Cpath d='M3 16h18' /%3E%3Cpath d='M8 3v18' /%3E%3Cpath d='M16 3v18' /%3E%3C/svg%3E");--checkIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");--gridIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3C/svg%3E");--listIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='1' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' /%3E%3Cpath d='M4 14m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' /%3E%3C/svg%3E");--backIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-left' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M5 12l6 6' /%3E%3Cpath d='M5 12l6 -6' /%3E%3C/svg%3E");--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--cubic-01: cubic-bezier(.45, .05, .55, .95);--cubic-02: cubic-bezier(.79, .14, .15, .86);--cubic-03: cubic-bezier(.25, .46, .45, .94)}:root{--background-color-primary: #ebebeb;--background-color-secondary: #fafafa;--accent-color: #cacaca;--text-primary-color: #222;--mainBackground: #f0e4d0;--element-size: 4rem}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;height:auto}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{margin:0}body{font-family:var(--font-body);line-height:var(--line-body);font-size:var(--text-p);letter-spacing:.01em;color:hsl(var(--dark),100%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body img{max-width:100%;height:auto}h1,.text-h1{font-size:var(--text-h1)}h2,.text-h2{font-size:var(--text-h2)}h3,.text-h3{font-size:var(--text-h3)}h4,.text-h4{font-size:var(--text-h4)}h5,.text-h5,.text-s{font-size:var(--text-s)}h6,.text-h6,.text-xs,small,.small{font-size:var(--text-xs)}p,.p{font-size:var(--text-p);font-family:var(--font-body)}.text-large{font-size:var(--text-large);line-height:var(--line-header)}.text-huge{font-size:var(--text-huge);line-height:var(--line-header)}.text-mega{font-size:var(--text-mega);line-height:var(--line-header)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;display:block}.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-header)}h1,h2,h3{line-height:var(--line-header)}p small,p .text-xxs{margin-top:var(--space-s);line-height:var(--line-body);display:inline-block}ul:not([class]),ol:not([class]){margin-bottom:var(--space-l)}ul:not([class]),ol:not([class]){list-style-position:outside;padding-left:var(--space-xl)}ul:not([class]){list-style-type:disc}ol:not([class]){list-style-type:decimal}ul:not([class]) li,ol:not([class]) li{padding-left:var(--space-xxs);margin-bottom:var(--space-xxs)}ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0}:root{--games-icon: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3.604%207.197l7.138%20-3.109a.96%20.96%200%200%201%201.27%20.527l4.924%2011.902a1%201%200%200%201%20-.514%201.304l-7.137%203.109a.96%20.96%200%200%201%20-1.271%20-.527l-4.924%20-11.903a1%201%200%200%201%20.514%20-1.304z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%204h1a1%201%200%200%201%201%201v3.5%22%20%2F%3E%20%3Cpath%20d%3D%22M20%206c.264%20.112%20.52%20.217%20.768%20.315a1%201%200%200%201%20.53%201.311l-2.298%205.374%22%20%2F%3E%20%3C%2Fsvg%3E%20)}:focus-visible,input[type=radio]:checked:active+span:before,input[type=checkbox]:checked:active+span:before,input[type=radio]:focus+span:before,input[type=checkbox]:focus+span:before{outline:2px solid hsla(var(--second),1);outline-offset:2px}a,a>strong{text-decoration:none;outline:0;color:hsl(var(--brand-second))}a:hover,a:hover>strong{color:hsl(var(--brand-second-dark))}.button,[type=button],[type=reset],[type=submit],button{font-family:var(--font-body);line-height:var(--line-body);font-size:var(--text-p);text-align:left;padding:var(--space-xs) var(--space-m);position:relative;cursor:pointer;border:2px solid hsla(var(--dark),1);color:hsla(var(--dark),1);background-color:transparent;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all .35s ease-in-out}input[disabled],button[disabled],input[disabled]:hover,button[disabled]:hover{opacity:.4;cursor:not-allowed}.button-xl{font-size:var(--h4)}.button-s{font-size:var(--h5);font-weight:400}.button-xs{font-size:var(--h6);font-weight:400}.button-full{display:flex;width:100%;justify-content:center;margin-left:0!important}button[type=submit]{background:linear-gradient(90deg,#007bff,#00c6ff);color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #007bff14;transition:background .2s,transform .1s;margin-bottom:1.6rem;justify-content:center}button[type=submit]:hover,button[type=submit]:focus{background:linear-gradient(90deg,#005fa3,#009ecb);transform:translateY(-2px) scale(1.03);outline:none}@media only screen and (max-width: 540px){.mobile--full{display:flex;width:100%;justify-content:center;margin-left:0!important}}.button-shadow{box-shadow:var(--shadow-3)}:root{--inputBorderColor: hsl(var(--dark), .4);--inputBackColor: hsl(var(--dark), 0);--inputRadius: 12px;--inputPadding: var(--space-m)}.inline-input{position:relative}.inline-input button,.inline-input input[type=button],.inline-input input[type=submit]{position:absolute;inset:var(--space-s) var(--space-s) var(--space-s) auto}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset],[type=range]),select,textarea,textarea[type=text]{font-family:var(--font-body);font-size:var(--text-p);border:2px solid var(--inputBorderColor);background-color:var(--inputBackColor);border-radius:var(--inputRadius);padding:var(--inputPadding);width:100%;transition:all .35s ease}input:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset],[type=range]):focus,select:focus,textarea:focus,textarea[type=text]:focus{--inputBorderColor: hsl(var(--dark), 1);box-shadow:var(--shadow-3)}.button-prev,.button-next,.button-prev svg,.button-next svg{transition:all .35s ease-in-out}.button-next{color:#000}.button-prev,.button-next{border:none;padding:var(--space-s) var(--space-l);background-color:hsl(var(--second));border-radius:var(--radius-100)}.button-prev{background-color:hsl(var(--dark),10%)}.button-next:hover{padding:var(--space-s) var(--space-xl)}.button-prev:hover svg{transform:rotate(360deg)}.button-static:hover svg{transform:rotate(0)}.button-static:hover{background-color:hsl(var(--second))}.button-move:hover svg{transform:rotate(0) translate(-4px)}:root{--brand-h: 44, 91%;--brand-l: 40%;--brand: var(--brand-h), var(--brand-l);--second-h: 79, 86%;--second-l: 60%;--second: var(--second-h), var(--second-l);--dark-h: 0, 0%;--dark-l: 10%;--dark: var(--dark-h), var(--dark-l);--light-h: 360, 100%;--light-l: 100%;--light: var(--light-h), var(--light-l);--cream-h: 38, 52%;--cream-l: 88%;--cream: var(--cream-h), var(--cream-l);--darkCream-h: 0, 4%;--darkCream-l: 58%;--darkCream: var(--darkCream-h), var(--darkCream-l);--brown-h: 33, 20%;--brown-l: 52%;--brown: var(--brown-h), var(--brown-l);--green-h: 77, 48%;--green-l: 52%;--green: var(--green-h), var(--green-l);--darkGreen-h: 75, 51%;--darkGreen-l: 21%;--darkGreen: var(--darkGreen-h), var(--darkGreen-l);--darkerGreen-h: 75, 11%;--darkerGreen-l: 37%;--darkerGreen: var(--darkerGreen-h), var(--darkerGreen-l)}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}#app main{text-align:center}.header{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:1rem}.header img{width:200px}img{width:40px;height:40px}.header h1{font-size:1.4rem}.modal-content{border-radius:var(--radius-12);min-width:min(320px,100vw)}.modal-body{background-color:#fff;border-radius:var(--radius-12);padding:var(--space-xxl) var(--space-m) 0;margin-top:calc(var(--space-xxl) * -1);max-height:60vh;overflow-y:auto}.modal-body footer{--paddingInline: var(--space-m);position:sticky;bottom:0;padding:var(--paddingInline) 0;display:flex;justify-content:end;align-items:center;gap:var(--space-m);margin-top:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.questionnaire{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.questionnaire>*:not(.disclaimer){margin-top:1.1em;margin-bottom:1.1em}.survey-intro{font-style:italic}.disclaimer>*:not(h1){margin-top:.6sem;margin-bottom:.5em}.survey-section-title{text-decoration:underline}.main-content{text-align:left}.block{margin-bottom:20px}.block-title{font-size:1.5em;margin-bottom:10px}.question-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-text{flex:1;margin-right:10px}.answers{display:flex;gap:10px}.answer-btn{flex:1;padding:10px;background-color:#7bbafe;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;min-width:.5rem}.answer-btn.selected{background-color:#0056b3}.form-group{margin-bottom:20px}.form-group label{margin-bottom:.6em;display:block}.form-group textarea{min-height:120px;resize:none;font-size:1.1em}.form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.button-full{width:100%}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (max-width: 600px){.icon{top:-10%}.question-row{flex-direction:column;align-items:start;gap:7px}.answers{width:100%;gap:8px}.answers .answer-btn{display:flex;align-items:center;justify-content:center;text-align:center}}@media (min-width: 1024px){body{display:flex;place-items:center}}.loader[data-v-259be2b2]{margin:auto;border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin-259be2b2 2s linear infinite}@keyframes spin-259be2b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primary[data-v-7159c17e]{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.success[data-v-7159c17e]{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.error[data-v-7159c17e]{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert[data-v-7159c17e]{position:relative;display:flex;padding:1rem;margin-bottom:3rem;margin-top:3rem;border:1px solid transparent;border-radius:.25rem;gap:20px;text-align:left}.title[data-v-7159c17e]{font-weight:800}h3[data-v-670e07fa]{font-size:1.2rem;font-weight:600;margin-top:30px}h4[data-v-670e07fa]{font-size:1rem;font-weight:400;margin-bottom:20px}
