button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:flex;justify-content:center;align-items:center;gap:.625rem;cursor:pointer;font-family:Familjen Grotesk,Helvetica Neue,Arial,sans-serif;min-height:3.75rem;padding:.875rem 1.75rem 1.25rem;border-radius:1rem;background:var(--blue-dark);color:var(--white);font-size:1.25rem;font-weight:600;line-height:110%;transition:.25s ease-out;transition-property:background,color}button:not([aria-disabled=true]):hover,button:focus{color:var(--blue-dark);background-color:var(--pink-dark);box-shadow:0 3.3px 5.3px #00000007,0 11.2px 17.9px #0000000b,0 50px 80px #00000012}button:active{background-color:var(--pink-light)}button:focus-visible{outline:2px solid var(--blue-dark);outline-offset:2px}button[aria-disabled=true]{cursor:not-allowed;background-color:rgba(var(--blue-dark-rgb),.5)}.progress-indicator{display:flex;justify-content:center;gap:1.75rem}.circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pink-dark);border:2px solid var(--pink-dark);font-size:1.5rem;font-weight:700;span {position: relative; top: -2px;} svg {fill: var(--blue-dark); position: relative; top: 5px;}}.circle.active,.circle.completed{background-color:var(--pink-dark);color:var(--blue-dark)}.hero{color:var(--white);background-color:var(--blue-dark);min-height:30vh}.hero-title{color:var(--white);font-size:1.5rem;line-height:1.2;text-align:center;margin-top:1.75rem}@media (min-width: 375px){.hero-title{font-size:1.875rem}}@media (min-width: 1025px){.hero-title{font-size:2.5rem;margin-top:2.5rem}}.survey{display:flex;flex-flow:column;width:100%;min-height:100svh}@media (min-width: 1025px){.survey{flex-flow:row}}.survey>section{display:flex;flex-direction:column;justify-content:center;width:100%;padding:2rem 1rem}@media (min-width: 1025px){.survey>section{padding:10vw}}.form-container{flex-grow:1;form {display: flex; flex-flow: column wrap; justify-content: space-between; flex-grow: 1; gap: .75rem; @media (min-width: 1025px) {justify-content: center; gap: 1.25rem;} fieldset {border: none; display: flex; gap: .75rem; flex-direction: column; margin: 0; padding: 0; @media (min-width: 1025px) {gap: .875rem;}} .error {font-weight: 600; margin: .25rem 0;}} @media (min-width: 1025px) {button {align-self: flex-start;}}}@media (max-width: 1024px){.form-container{padding:1.25rem!important}}input,label:has(input[type=radio]),select{color:var(--blue-dark);background-color:var(--white);border:2px solid var(--blue-dark);border-radius:.75rem;display:flex;width:100%;min-height:3.75rem;padding:1rem 1.25rem 1.375rem;align-items:center;gap:.625rem;align-self:stretch;font-family:Familjen Grotesk;font-size:1.25rem;font-weight:600;line-height:110%;transition:box-shadow .2s ease-out}input:focus,input:hover,label:has(input[type=radio]):focus,label:has(input[type=radio]):hover,select:focus,select:hover{outline:none;box-shadow:0 0 0 4px #00317433}label:has(input[type=radio]){cursor:pointer}label:has(input[type=radio]):before{content:"";display:block;width:0;height:0;transition:width .2s ease-out}input[type=radio]{display:none}label:has(input[type=radio]:checked){background-color:var(--blue-dark);color:var(--white)}label:has(input[type=radio]:checked):before{background-image:url(/assets/checkmark-e97655c8.svg);background-position:center;width:1.5rem;height:1.5rem;position:relative;top:2px}label:has(input[type=radio]:checked):hover{box-shadow:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/assets/arrow-down-b43ea9e5.svg);background-size:1.5rem;background-repeat:no-repeat;background-position:right 10px center}@font-face{font-family:Familjen Grotesk;src:url(/assets/FamiljenGrotesk-Regular-48ae04b3.woff2) format("woff2"),url(/assets/FamiljenGrotesk-Regular-c7848133.woff) format("woff"),url(/assets/FamiljenGrotesk-Regular-b41a106b.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Familjen Grotesk;src:url(/assets/FamiljenGrotesk-SemiBold-4c0e5427.woff2) format("woff2"),url(/assets/FamiljenGrotesk-SemiBold-f4350874.woff) format("woff"),url(/assets/FamiljenGrotesk-SemiBold-36c05050.ttf) format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Familjen Grotesk;src:url(/assets/FamiljenGrotesk-Bold-a5ffef48.woff2) format("woff2"),url(/assets/FamiljenGrotesk-Bold-7faa2818.woff) format("woff"),url(/assets/FamiljenGrotesk-Bold-554e6c6f.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}*,*:before,*:after{box-sizing:border-box}:scope:focus-visible{outline:solid 2px solid;outline-offset:2px;outline-color:red}:root{--blue-dark: #003174;--blue-dark-rgb: 0, 49, 116;--blue-medium: #667fa2;--pink-dark: #ffb4c7;--pink-light: #fff0f4;--white: #fff}html{font-family:Familjen Grotesk,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0;background-color:var(--pink-light)}#root{display:flex;justify-content:center;align-items:center;min-height:100svh;width:100%}h1{font-size:2.5rem;line-height:1.05;color:var(--blue-dark)}h1:focus,h1:focus-visible{outline:none}@media (min-width: 1025px){h1{font-size:3.75rem}}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.main-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:40rem;text-align:center;padding:0 1rem 1rem;img {width: 80vw; max-width: 100%; height: auto; @media (min-width: 768px) {width: 25rem;}} h1 {margin-block-start: 0; margin-block-end: .35em;} p {color: var(--blue-dark); font-size: 1.35rem; margin: 0 0 1.5rem;}}