._page_2olnp_1{position:relative}._header_2olnp_6{position:fixed;z-index:10}._canvasContainer_2olnp_11{height:80%}._canvas_2olnp_11{height:auto;width:100%}._colorReferenceContainer_2olnp_20{display:flex;flex-direction:column;align-items:center;background-color:#54545480;padding:10px}._colorReference_2olnp_20{height:20px;width:20px;border-radius:50%}._pageContents_2olnp_34{display:flex;flex-direction:row;gap:10px}@media screen and (max-width: 500px){._pageContents_2olnp_34{flex-direction:column}}._notesSection_2olnp_46{padding-inline:30px}._canvasContainer_4jo6r_1{position:relative;max-width:80%}@media screen and (max-width: 500px){._canvasContainer_4jo6r_1{max-width:100%}}._canvas_4jo6r_1{height:auto;width:100%;transition:filter .3s}._fitToWidth_4jo6r_18{height:auto;width:100%}._fitToHeight_4jo6r_23{max-height:100svh;width:auto}._colorReference_4jo6r_28{height:20px;width:20px}._grayscale_4jo6r_33{filter:grayscale(1)}._noteMarker_rmqge_1{height:var(--marker-size);width:var(--marker-size);background-color:var(--marker-color);border-bottom:var(--marker-border);opacity:var(--marker-default-opacity);position:absolute;z-index:9;border-radius:5px;cursor:pointer;transition:height .2s;transition:width .2s}._positionMarker_rmqge_15{height:var(--marker-size);width:var(--marker-size);opacity:var(--marker-default-opacity);z-index:9;position:absolute;background-color:var(--marker-color);border-bottom:var(--marker-border);border-radius:5px}._noteMarker_rmqge_1:hover{opacity:var(--marker-hover-opacity);box-shadow:var(--box-shadow);border-radius:0}._activeMarker_rmqge_34{opacity:var(--marker-hover-opacity);border-radius:0;border:white 1px solid;height:var(--active-marker-size);width:var(--active-marker-size)}._colorReference_y9tqt_1{border:2px solid white;border-radius:50%;box-shadow:var(--box-shadow);height:var(--color-reference-large);width:var(--color-reference-large)}@media screen and (max-width: 500px){._colorReference_y9tqt_1{border-radius:50%;box-shadow:var(--box-shadow);height:var(--color-reference-small);width:var(--color-reference-small)}}._colorReferenceForNote_y9tqt_18{border-radius:50%;box-shadow:var(--box-shadow);height:var(--color-reference-small);width:var(--color-reference-small)}._small_y9tqt_25{height:var(--color-reference-small);width:var(--color-reference-small)}._large_y9tqt_30{height:var(--color-reference-large);width:var(--color-reference-large)}._addNoteContainer_1kh1u_1{display:flex;flex-direction:column;background:var(--container-background-color);padding:10px;gap:20px}._rgbColorPicker_1kh1u_9{width:100%}._addNoteSection_1kh1u_13{width:100%;display:flex;flex-direction:column;gap:10px}._textInput_1kh1u_20{min-height:130px}._topRow_1kh1u_24{display:flex;justify-content:space-between}._createNoteButton_1kh1u_29{align-self:flex-end}._notesContainer_1wxt5_1{display:flex;flex-direction:column;gap:20px;max-height:90svh;overflow-y:scroll;padding-bottom:20px;padding-inline:10px}._colorReference_1rcbl_1{height:var(--note-color-size);width:var(--note-color-size);border-radius:50%;box-shadow:var(--box-shadow)}._note_1rcbl_8{position:relative;transition:background-color .2s}._activeNote_1rcbl_13{background-color:var(--note-background-hover);box-shadow:var(--box-shadow)}._note_1rcbl_8:hover{cursor:pointer;background-color:var(--note-background-hover);box-shadow:var(--box-shadow)}._editDeleteButtons_1rcbl_24{position:absolute;right:0}._notesContainer_1rcbl_29{display:flex;flex-direction:column;gap:10px}._colorInformationContainer_1rcbl_35{display:flex}@media screen and (max-width: 500px){._noteText_1rcbl_40{font-size:80%}}._studyInformationContainer_brzqd_1{flex:auto;display:flex;flex-direction:column;position:relative;min-width:300px}._studyInformationContent_brzqd_9{position:fixed;margin-inline:10px;min-width:max(18%,300px)}@media screen and (max-width: 500px){._studyInformationContainer_brzqd_1{max-width:100%}._studyInformationContent_brzqd_9{position:relative;margin-inline:0px;width:100%}}._topRow_brzqd_28{margin-bottom:10px}._loading_1pmij_1{width:100px;height:100px;color:#fff}._homepageLoadingContainer_1pmij_7{margin-top:100px;display:flex;flex-direction:column;align-items:center}._subtext_1pmij_14{color:var(--sub-text-color);font-size:95%}._container_1og22_1{max-width:300px;display:flex;flex-direction:column;align-items:center}._form_1og22_8{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}._errors_1og22_15{display:flex;flex-direction:column;align-items:center}._link_1og22_21{color:var(--button-background);text-decoration:none}._error_1og22_15,._subtext_1og22_26{color:var(--sub-text-color);font-size:90%}._options_1og22_31{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}._title_1og22_38{font-size:3.2em;font-weight:900;margin-bottom:2rem}._small_58xez_1{width:25px}._large_58xez_5{width:75px}._extraLarge_58xez_9{width:150px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;min-height:100svh}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{display:flex;flex-direction:column;align-items:center;min-height:100svh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-reference-small: 30px;--color-reference-large: 70px;--mobile-breakwidth: 500px;--marker-border: rgb(0, 0, 0) 2px solid;--marker-color: rgb(129, 129, 129);--marker-default-opacity: .3;--marker-hover-opacity: .4;--marker-size: 20px;--active-marker-size: 25px;--main-background-color: rgb(23, 23, 23);--container-background-color: rgb(36, 36, 36);--box-shadow: 0px 10px 10px -10px black;--note-color-size: 50px;--note-background-hover: rgb(76, 76, 76);color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--button-background: rgb(98, 174, 255);--button-hover-background: rgb(0, 123, 255);--button-text-color: white;--sub-text-color: rgb(182, 182, 182)}body{background-color:#171717}h1{font-size:2em}h2{font-size:1.5em;margin-bottom:15px}input[type=text],input[type=password],input[type=submit],button,label{height:2.5rem;font-size:1rem}input[type=text],input[type=password],textarea{background-color:var(--main-background-color);border:1px solid grey;color:#fff;padding-inline:1rem}button,input[type=submit]{background-color:var(--button-background);color:var(--button-text-color);border:none;cursor:pointer;transition:background-color .3s}button:hover,input[type=submit]:hover{background-color:var(--button-hover-background)}textarea{padding:.5rem;font-size:90%}.rgbColorPicker.react-colorful{width:auto}._createStudyContainer_1p1n7_1{display:flex;flex-direction:column;align-items:center}._form_1p1n7_7{display:flex;flex-direction:column;gap:10px}@media screen and (min-width: 500px){._form_1p1n7_7{width:400px}}._uploadedImageContainer_1p1n7_19{height:300px;width:100%;margin-bottom:20px}._placeholderImage_1p1n7_25{background-image:linear-gradient(#565656,#2d2d2d);display:block;height:100%;width:100%}._uploadedImage_1p1n7_19{width:100%;max-height:80svh;overflow-y:hidden}._labelAsImageUploadInput_1p1n7_38{background-color:#f0f8ff;height:2.2rem;padding:5px;background-color:var(--button-background);cursor:pointer;transition:background-color .2s}._labelAsImageUploadInput_1p1n7_38:hover{background-color:var(--button-hover-background)}._studyPreview_epctd_1{color:#f0f8ff}._image_epctd_5{width:200px;height:auto}._studyList_q8h7i_1{display:flex;flex-direction:column;gap:20px}._page_yzaat_1{width:100%;display:flex;flex-direction:column;align-items:center}._header_yzaat_8{display:flex;align-items:center;justify-content:center;background-color:#3c3c3c;width:100%;height:40px;margin-bottom:30px;box-shadow:var(--box-shadow);position:relative}@media screen and (max-width: 500px){._header_yzaat_8{justify-content:space-between}}._rightSideContainer_yzaat_26{position:absolute;display:flex;align-items:center;padding-right:20px;gap:20px;right:0}._subText_yzaat_35{color:var(--sub-text-color);font-size:80%}._toggleShowCreateStudy_yzaat_40{margin-bottom:15px;font-weight:800}