:host,arc-container[theme=dark]{--arc-font-color: var(--arc-grey-000);--arc-input-color: var(--arc-font-color);--arc-background-color: var(--arc-grey-090);--arc-container-color: var(--arc-grey-100);color-scheme:dark;--arc-color-default: var(--arc-background-color);--arc-color-primary: var(--arc-font-color);--arc-color-secondary: var(--arc-grey-040);--arc-color-error: var(--arc-red-040);--arc-color-warning: var(--arc-orange-040);--arc-color-info: var(--arc-blue-050);--arc-color-success: var(--arc-green-040);--arc-box-shadow: var(--arc-box-shadow-01) var(--arc-darker-30), var(--arc-box-shadow-02) var(--arc-darker-15), var(--arc-box-shadow-03) var(--arc-darker-13);--arc-hover-light: var(--arc-darker-85);--arc-hover-lighter: var(--arc-darker-80)}:root{--arc-white-000: 255, 255, 255;--arc-black-100: 0, 0, 0;--arc-blue-000: 219, 242, 255;--arc-blue-010: 195, 234, 254;--arc-blue-020: 150, 220, 253;--arc-blue-030: 108, 201, 246;--arc-blue-040: 67, 179, 234;--arc-blue-050: 30, 155, 215;--arc-blue-060: 25, 124, 190;--arc-blue-070: 0, 90, 170;--arc-blue-080: 22, 71, 127;--arc-blue-090: 21, 51, 94;--arc-blue-100: 14, 34, 63;--arc-green-000: 228, 253, 227;--arc-green-010: 204, 247, 201;--arc-green-020: 163, 235, 159;--arc-green-030: 133, 219, 128;--arc-green-040: 104, 193, 99;--arc-green-050: 75, 160, 70;--arc-green-060: 74, 127, 69;--arc-green-070: 62, 91, 60;--arc-green-080: 61, 78, 59;--arc-green-090: 43, 55, 42;--arc-green-100: 22, 41, 31;--arc-grey-000: 250, 250, 250;--arc-grey-010: 239, 239, 239;--arc-grey-020: 219, 219, 219;--arc-grey-030: 190, 190, 190;--arc-grey-040: 170, 170, 170;--arc-grey-050: 155, 155, 155;--arc-grey-060: 118, 118, 118;--arc-grey-070: 87, 87, 87;--arc-grey-080: 66, 66, 66;--arc-grey-090: 53, 53, 53;--arc-grey-100: 28, 28, 28;--arc-orange-000: 255, 237, 219;--arc-orange-010: 255, 227, 199;--arc-orange-020: 255, 204, 153;--arc-orange-030: 254, 179, 119;--arc-orange-040: 245, 145, 72;--arc-orange-050: 230, 110, 35;--arc-orange-060: 204, 74, 13;--arc-orange-070: 173, 46, 1;--arc-orange-080: 139, 30, 0;--arc-orange-090: 105, 19, 0;--arc-orange-100: 16, 14, 0;--arc-pink-000: 255, 240, 249;--arc-pink-010: 251, 213, 236;--arc-pink-020: 246, 190, 226;--arc-pink-030: 237, 144, 203;--arc-pink-040: 222, 99, 177;--arc-pink-050: 200, 60, 150;--arc-pink-060: 179, 27, 121;--arc-pink-070: 153, 7, 94;--arc-pink-080: 124, 4, 74;--arc-pink-090: 95, 1, 54;--arc-pink-100: 75, 1, 43;--arc-purple-000: 249, 233, 252;--arc-purple-010: 240, 219, 243;--arc-purple-020: 227, 178, 238;--arc-purple-030: 205, 156, 227;--arc-purple-040: 167, 107, 199;--arc-purple-050: 125, 65, 150;--arc-purple-060: 98, 43, 130;--arc-purple-070: 79, 30, 117;--arc-purple-080: 63, 22, 110;--arc-purple-090: 46, 18, 89;--arc-purple-100: 31, 12, 59;--arc-red-000: 255, 238, 239;--arc-red-010: 255, 217, 217;--arc-red-020: 255, 177, 179;--arc-red-030: 250, 119, 124;--arc-red-040: 242, 69, 77;--arc-red-050: 230, 30, 40;--arc-red-060: 209, 9, 17;--arc-red-070: 182, 0, 7;--arc-red-080: 148, 0, 4;--arc-red-090: 109, 0, 3;--arc-red-100: 77, 0, 2;--arc-teal-000: 214, 255, 245;--arc-teal-010: 191, 247, 234;--arc-teal-020: 157, 237, 218;--arc-teal-030: 119, 220, 204;--arc-teal-040: 82, 196, 186;--arc-teal-050: 50, 164, 160;--arc-teal-060: 33, 128, 139;--arc-teal-070: 20, 88, 107;--arc-teal-080: 16, 75, 101;--arc-teal-090: 13, 61, 89;--arc-teal-100: 9, 43, 62;--arc-yellow-000: 255, 252, 219;--arc-yellow-010: 255, 250, 168;--arc-yellow-020: 255, 247, 128;--arc-yellow-030: 255, 234, 102;--arc-yellow-040: 255, 223, 76;--arc-yellow-050: 255, 209, 10;--arc-yellow-060: 255, 169, 0;--arc-yellow-070: 189, 132, 0;--arc-yellow-080: 152, 97, 0;--arc-yellow-090: 114, 68, 3;--arc-yellow-100: 75, 44, 2;--arc-darker-10: rgba(var(--arc-black-100), .1);--arc-darker-13: rgba(var(--arc-black-100), .13);--arc-darker-15: rgba(var(--arc-black-100), .15);--arc-darker-30: rgba(var(--arc-black-100), .3);--arc-darker-40: rgba(var(--arc-black-100), .4);--arc-darker-80: rgba(var(--arc-black-100), .8);--arc-darker-85: rgba(var(--arc-black-100), .85);--arc-lighter-70: rgba(var(--arc-white-000), .7);--arc-lighter-90: rgba(var(--arc-white-000), .9);--arc-font-headline: "Times New Roman";--arc-font-body: "Arial", sans-serif;--arc-font-size-xx-small: .625rem;--arc-font-size-x-small: .75rem;--arc-font-size-small: .875rem;--arc-font-size-medium: 1rem;--arc-font-size-large: 1.25rem;--arc-font-size-x-large: 1.5rem;--arc-font-size-xx-large: 2.25rem;--arc-font-size-xxx-large: 3rem;--arc-font-size-xxxx-large: 4.5rem;--arc-font-weight-light: 300;--arc-font-weight-normal: 400;--arc-font-weight-semibold: 500;--arc-font-weight-bold: 700;--arc-line-height-dense: 1.4;--arc-line-height-normal: 1.8;--arc-line-height-loose: 2.2;--arc-letter-spacing-dense: -.015rem;--arc-letter-spacing-normal: normal;--arc-letter-spacing-loose: .075rem;--arc-panel-width: 8rem;--arc-panel-height: 75vh;--arc-box-shadow-01: 0 2px 1px -1px;--arc-box-shadow-02: 0 1px 1px;--arc-box-shadow-03: 0 1px 3px;--arc-box-shadow-focus: 0 0 6px 3px;--arc-input-height-small: 1.875rem;--arc-input-height-medium: 2rem;--arc-input-height-large: 3.125rem;--arc-toggle-size: 1rem;--arc-spacing-x-small: .5rem;--arc-spacing-small: .75rem;--arc-spacing-normal: 1rem;--arc-spacing-medium: 1.5rem;--arc-spacing-large: 1.75rem;--arc-spacing-banner: 6rem;--arc-border-width: 1px;--arc-border-style: solid;--arc-border-radius-small: .125rem;--arc-border-radius-medium: .25rem;--arc-border-radius-large: .5rem;--arc-border-radius-x-large: 1rem;--arc-scroll-width: 21px;--arc-z-index-drawer: 700;--arc-z-index-dialog: 800;--arc-z-index-dropdown: 900;--arc-z-index-toast: 950;--arc-z-index-tooltip: 1000;--arc-brand-height: 1.25rem}body{margin:0;font-family:var(--arc-font-body);font-size:var(--arc-font-size-small);font-weight:var(--arc-font-weight-normal);letter-spacing:var(--arc-letter-spacing-normal);line-height:var(--arc-line-height-normal)}html,body{height:100%}*{box-sizing:border-box}.arc-scroll-lock,.arc-scroll-lock arc-container>*:not([slot=nav],[slot=side],[slot=bottom]){overflow:hidden!important}::-webkit-scrollbar{width:var(--arc-scroll-width);height:var(--arc-scroll-width)}::-webkit-scrollbar-track{background-color:var(--arc-background-color);border-radius:var(--arc-scroll-width);overflow:auto}::-webkit-scrollbar-corner{background-color:rgba(var(--arc-background-color),1)}::-webkit-scrollbar-thumb{background-color:rgba(var(--arc-grey-060),1);border-radius:var(--arc-scroll-width);overflow:auto;border:.5rem var(--arc-border-style) transparent;background-clip:padding-box;min-height:5rem}::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--arc-grey-070),1)}.no-fouc{display:none}:root,:host,arc-container[theme=light]{--arc-font-color: var(--arc-grey-100);--arc-input-color: var(--arc-font-color);--arc-background-color: var(--arc-grey-010);--arc-container-color: var(--arc-white-000);--arc-color-default: var(--arc-grey-010);--arc-color-primary: var(--arc-red-050);--arc-color-secondary: var(--arc-grey-070);--arc-color-error: var(--arc-red-040);--arc-color-warning: var(--arc-orange-040);--arc-color-info: var(--arc-blue-050);--arc-color-success: var(--arc-green-040);--arc-box-shadow: var(--arc-box-shadow-01) var(--arc-darker-15), var(--arc-box-shadow-03) var(--arc-darker-13);--arc-hover-darker: var(--arc-darker-30);--arc-hover-dark: var(--arc-darker-10);--arc-hover-light: var(--arc-lighter-70);--arc-hover-lighter: var(--arc-lighter-90)}.read-the-docs{color:#888}html{font-size:22px}html .header{background-color:#fff;color:#000;border:1px solid #000;height:2.5rem;border-top:none;font-family:Arial;font-size:20px;font-weight:700;line-height:15px;letter-spacing:0em;text-align:center}html .card-side{display:flex;align-items:center;justify-content:center;text-align:center}html .headerPreview{background-color:#fff;color:#000;border:1px solid #aaa;height:.325rem;text-align:center;transition:transform .3s,cursor .3s;border-top:none}html ArcButton{--btn-color: arc-green-050}html .card{font-family:Arial;font-size:14px;font-weight:400;line-height:15px;letter-spacing:0em;text-align:center;flex-direction:column;background-color:#fff;color:#000;border:1px solid #000;height:12rem;overflow-y:auto}.cardPreview{overflow-y:hidden;background-color:#fff;color:#000;border:1px solid #aaa;padding:0;height:2.25rem;align-items:center;justify-content:center;font-size:8px}.MainGrid{align-self:center;position:relative;padding-top:25px;max-width:95%;height:70%;display:grid}.ProjectPreview{left:2.5%;top:2.5%;display:grid;align-items:center;justify-content:center;width:95%;height:95%;position:absolute;overflow-y:hidden;overflow-x:hidden;transition:transform .3s,cursor .3s;box-sizing:border-box;pointer-events:none}.ProjectPreview:hover{transform:scale(1.01);cursor:pointer}.ProjectPreview>*{pointer-events:auto}.ProjectOverview{animation:dropSide .5s ease-out;padding-top:75px;max-width:85%;height:90%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow-y:hidden}.DocPage{animation:dropDown .5s ease-out}.ProjectView{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.SurveyPreview{font-size:4px}.SignInPage{position:relative;max-width:85%;height:90%;margin:0 auto;top:95px;overflow-y:hidden;padding:65px;width:85%;border:#888 dotted 1px}.Title{color:red}.MainContent{margin-top:90px}.CreateNewSurvey{position:relative;padding-top:5px;max-width:85%;height:90%;margin:25px auto 0;overflow-y:hidden;padding-left:65px;padding-bottom:65px;width:85%;border:#888 dotted 1px}.createButton{position:absolute;right:160px;margin-top:80px}.Description{font-size:18px;margin-bottom:20px}.Space{height:50px}.title-container{font-family:Times New Roman;display:flex;justify-content:space-between;align-items:center;font-size:30px;font-weight:400;line-height:34px;text-align:left;width:100%;height:10%;padding:0 20px}.project-title{margin:0}@keyframes dropSide{0%{transform:translate(-100%)}to{transform:translate(0)}}.WholeMain{animation:dropDown .5s ease-out}.SurveyChoiceboxes{animation:dropSide .5s ease-out .5s;margin-top:50px;border-top:#AAA dashed 1px;border-bottom:#AAA dashed 1px;padding:20px;margin-right:20px;display:grid;grid-template-columns:repeat(10,.2fr);overflow-x:scroll;font-size:14px}::-webkit-scrollbar{width:3px;height:14px;padding:2px}::-webkit-scrollbar-thumb{background:#aaa;height:3px;padding:2px}::-webkit-scrollbar-thumb:hover{background:#888}.SelectorUnSelected{overflow-y:scroll}.SelectorType{font-size:20px;text-align:center}.EnlargedButton:hover{transform:scale(1.2);transition:transform .2s ease-in-out}.dropdown-item:hover{background-color:#add8e6}.ProjectContainer{height:180px;position:relative;margin-bottom:20px}.overlay{position:absolute;top:2.5%;left:2.5%;width:95%;height:95%;background:#0000001a;z-index:1;pointer-events:none}.add-project{display:inline-block;width:40px;height:40px;background-color:#fff;border-radius:50%;text-align:center;line-height:40px;font-size:24px;cursor:pointer;margin-top:10px}.add-project:hover{background-color:#f0f0f0}.new-project-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:95%;height:100%;font-family:Arial;font-size:16px;font-weight:550;text-align:center;pointer-events:none}.new-project-content>*{pointer-events:auto}.DotButton:hover{background-color:#f0f0f0}.DotButton{position:absolute!important;top:4%!important;right:1%!important;z-index:101!important;margin:0!important;pointer-events:auto!important}@media (max-width: 1400px){.MainGrid{grid-template-columns:repeat(5,2fr)}.ProjectPreview{grid-template-columns:repeat(5,.5fr)}}@media (min-width: 1500px){.ProjectOverview{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1499px){.ProjectOverview{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.ProjectOverview{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.ProjectPreview,.MainGrid{grid-template-columns:1fr repeat(4,2fr)}.Survey{font-size:18px}}@media (max-width: 600px){.Survey{font-size:10px}.ProjectOverview{grid-template-columns:1fr;gap:15px}}@keyframes dropDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.FormEditingArea{animation:dropDown .5s ease-out;padding-top:70px;height:90%;margin:0 auto;overflow-y:hidden;width:85%;border:#888 dotted 1px}.content-container{display:flex;justify-content:space-between;margin-top:20px;margin-left:2.5%;margin-right:2.5%}.textbox{border:1px dotted #cdcdcd;padding:10px}.survey-detail{position:relative;width:95%;height:70%;margin:0 auto;display:grid;overflow-y:hidden}.FormEditingAreax{overflow-x:hidden;padding-top:8px;height:95%;margin-left:24px;overflow-y:scroll;width:90%;border-color:transparent}.title{text-align:left;margin-top:75px;max-width:100%}.content-container{display:flex;justify-content:space-between;margin-top:20px}.left-section,.right-section{flex:0 0 48%}.section{margin-bottom:20px}.strong{font-weight:700}.textbox{font-size:16px;border:1px dotted #cdcdcd;padding:10px;max-height:200px;overflow-y:scroll}.textbox textarea{height:100%;width:100%;box-sizing:border-box}.note{font-size:12px}:root{--link-color: rgb(230, 30, 40);--link-color-darker: rgb(150, 30, 40)}a,a:link,a:visited{color:var(--link-color)}a:hover{color:var(--link-color-darker);text-decoration:underline}@media (max-width: 1024px){.textbox{font-size:10px}.strong{font-size:14px}}a{text-decoration:none;color:#000}b{text-align:left;text-decoration:none;color:#000}.NavBar{position:fixed;width:100%;z-index:200;background-color:#fff}.item{margin-left:40px;margin-right:40px;height:40px;width:20%;border:1px solid #ccc;text-align:center;z-index:3}