:root{font-family:Inter;line-height:1.5;color:#fff;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Inter;src:local("Inter"),url(/assets/Inter-H_M6nIbt.ttf) format("truetype")}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2rem}.NavBarArc1{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 0%);z-index:7}.NavBarArc2{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 50%);z-index:7}.NavBarArc3{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%);z-index:7}.NavBarArc4{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,50% 100%);z-index:7}.NavBarArc5{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%);z-index:7}.NavBarArc6{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%,0% 50%);z-index:7}.NavBarArc7{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%,0% 0%);z-index:7}.NavBarArc8{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);z-index:7}.NavBarLongArc1{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,86.3% 0);z-index:7}.NavBarLongArc2{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 13.7%);z-index:7}.NavBarLongArc3{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 66.2%);z-index:7}.NavBarLongArc4{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,86.3% 100%);z-index:7}.NavBarLongArc5{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,50% 100%);z-index:7}.NavBarLongArc6{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,13.7% 100%);z-index:7}.NavBarLongArc7{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%,0% 66.2%);z-index:7}.NavBarLongArc8{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%,0% 33.8%);z-index:7}.NavBarLongArc9{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0% 100%,0% 0%,13.7% 0%);z-index:7}.NavBarLongArc10{position:absolute;top:0;width:60px;height:60px;border-radius:50%;border:6px solid rgba(255,255,255,1);z-index:6}#root{min-height:100%;min-width:100%;text-align:center;color:#395b73;font-family:Inter;display:flex;flex-direction:column}.Header{height:150px;width:100%;display:flex;align-items:center;justify-content:flex-end;z-index:0;background-color:#fff;flex-wrap:wrap}.Title{flex-basis:auto;position:relative;text-align:left;flex-grow:1;flex-shrink:1;font-weight:600;color:#191e26;height:48px;font-size:36px;padding:24px 0 24px 60px}.Massey_Logo{position:relative;flex-grow:0;flex-shrink:0;height:96px;width:197px;background-color:#fff;opacity:1;padding:24px 60px 24px 0}.NavBar{position:relative;top:0;left:0;width:100%;height:120px;background-color:#004b8d;flex-shrink:0}.SepBar{width:100%;height:120px;background-color:#004b8d;z-index:25;flex-shrink:0}.App{flex-grow:1;flex-basis:calc(100vh - 150px);display:flex;flex-direction:column}.PageContainer{flex-grow:1}.Page{display:flex;flex-direction:column;gap:6px}.IntroCard{position:relative;top:48px;left:0;width:100%;height:100%;display:flex;flex-direction:column;text-align:left;gap:30px;overflow-y:auto;flex-basis:calc(100% - 186px);margin-bottom:32px}.IntroTextHeader{position:relative;width:600px;margin:0 auto;height:30px;font-size:24px;font-weight:600}.IntroText{position:relative;width:600px;margin:0 auto;text-align:left;font: 16px/32px Inter;letter-spacing:0px;color:#191e26}.IntroTime{position:relative;width:600px;margin:24px auto;height:24px}.IntroTimeLogo{font-size:24px;height:24px;color:#004b8d}.IntroTimeText{padding-left:18px;font-size:18px;vertical-align:top}.ButtonGroup{position:relative;width:600px;margin:48px auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;font-family:Inter}.ButtonProgress{width:120px;height:42px;background-color:#004b8d;border-radius:6px;font-size:14px;cursor:pointer;border:none;color:#fff;font-weight:500;padding:12px;text-decoration:none}a{text-decoration:none}.ButtonProgress:hover{background-color:#4789c8;text-decoration:none}.ButtonProgress:disabled{background-color:#8b8e92}.ButtonPrevious{width:120px;height:42px;color:#191e26;background:#afbbc3 0% 0% no-repeat padding-box;border-radius:6px;font-size:14px;cursor:pointer;border:none;font-weight:500;padding:12px}.ButtonPrevious:hover{background-color:#e7e8e9}.NavBarText{font-size:24px;line-height:20px;font-weight:500;color:#fff;position:relative;top:36px;width:600px;margin:0 auto;text-align:left}.NavBarSubtext{font-size:14px;line-height:18px;color:#fff;position:relative;top:54px;width:600px;margin:0 auto;text-align:left}.NavBarCircleText{position:absolute;top:28px;width:100%;color:#fff;font-size:14px;letter-spacing:1px;line-height:18px;font-weight:600}.NavBarCircleContainer{position:absolute;top:24px;right:calc((100% - 600px)/2);margin:0 auto;width:72px;height:72px}.NavBarCircle{top:24px;right:0;width:60px;height:60px;border-radius:50%;border:rgba(255,255,255,.4) 6px solid;z-index:5}.QuestionnaireCard{position:relative;display:flex;flex-direction:column;width:600px;margin:0 auto;text-align:left;gap:6px}.QuestionText{font-size:16px;font-weight:500;color:#191e26;width:100%}.QuestionSubtext{font-size:14px;color:#8b8e92;width:100%}.Dropdown{width:20%;padding-left:10px;text-align:right;background-color:#0000001a;color:#555}.TextInput{margin:6px 0;width:calc(100% - 24px);height:42px;color:#191e26;background-color:#fff;border-radius:4px;padding:0 12px;border:1px solid #004b8d}.TextInputDropdown{margin:6px 0;width:100%;height:42px;color:#191e26;background-color:#fff;border-radius:4px;padding:0 12px;border:1px solid #004b8d}.TextInput:invalid{border:3px solid red}.TextInput:valid{border:1px solid #004b8d}.TextInput:focus{outline:none;border:3px solid #004b8d}.TextInput:hover{background-color:#ededee}.QuestionRadioButtonCard{display:flex;flex-direction:column;gap:12px;padding-top:3px}input[type=radio]{accent-color:#004b8d;color:#fff;font-size:18px;cursor:pointer;margin:0 0 0 6px}label{padding-top:3px;padding-left:12px;font-size:14px;color:#191e26;background-color:#fff;cursor:pointer;padding-right:72px}.SelectorScaleText{color:#b9bbbd}.Footer{position:relative;background-color:#e4a024;bottom:0;left:0;width:100%;height:90px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:auto;flex-shrink:0}.FooterText{color:#fff}.FooterCardLeft{width:80%}.FooterLogo{font-size:2rem;cursor:pointer}li{margin-left:48px}.MultiSelectInput{font-family:Inter;font-size:12px;height:120px}hr{width:100%;color:#004b8d;size:6px}.TextInput:valid+.InvalidInput{display:none}.TextInput:invalid+.InvalidInput{display:block;color:red;font-size:12px}