*{font-family:Arial,Helvetica,sans-serif}html{height:100%;overflow:hidden}#root,body{height:100%;margin:0}.userTitleText{color:#843e00;font-style:italic;margin:0 0 4px}.main{display:flex;flex-direction:row;height:90%}.right_main{overflow:auto;padding-bottom:24px;width:85%}.space_between{display:flex;justify-content:space-between}.right_padding{padding:2% 0 2% 2%}.bold_title{font-size:24px;font-weight:800;line-height:40px}.bluebtn{background:#3090e2;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;margin-right:5%;padding:10px}.bluebtn:hover{background:#0056b3}.btn_indicator_container{align-items:center;display:flex;justify-content:space-between;width:100%}.form_postBtn{background:#3090e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.mandatory_indicator{color:red;font-size:.8rem;margin-top:10px}.points-indicator{display:none;margin-top:24px;position:absolute;right:40px;z-index:1}.sideBarNav{align-items:center;background-color:#e3b892;box-shadow:2px 0 4px #0000001a;display:flex;flex-direction:column;padding:4% 0;width:15%}.menu_button:first-child{margin-top:0}.menu_button{border-radius:5px;color:#603615;height:40px;line-height:40px;margin-top:20px;padding-left:8px;text-align:left;text-decoration:none;width:80%}.menu_button:hover{background-color:#f0c29a}.menu_selected{color:#532c0e;font-weight:700}.menu_selected,.menu_selected:hover{background:#f7caa2}.header{background:#fff1e1;border-bottom:1px solid #d3d3d3;height:10%;padding-left:40%;padding-right:3%;width:auto}.header,.headerContents{align-items:center;display:flex}.headerContents{justify-content:space-between;overflow:hidden;width:100%}.logoContainer{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center}.shortStackLogo{height:40px}.title{color:#603615;font-family:Helvetica,sans-serif;font-size:32px;font-weight:800}.headerButtons{align-items:center;display:flex;gap:16px;justify-content:flex-end;width:auto}.notifications_btn{background-color:#fff9f1;border:1px solid #603615;border-radius:6px;color:#603615;cursor:pointer;display:flex;padding:7px 9px}.notifications_btn:hover{background-color:#a9a9a9}.profile_btn{align-items:center;background-color:initial;border-style:none;cursor:pointer;display:flex;justify-content:center;width:48px}.profile_icon{color:#313131}.profile_icon:hover{color:#000}.notif_indicator{background-color:blue;border-radius:100%;height:8px;margin-left:4px;width:8px}.profile-container{align-items:center;display:inline-flex;height:100%;position:relative}.profile-container img{aspect-ratio:1;height:auto;object-fit:contain;width:110%}.profile-picture{aspect-ratio:1;width:100%}.indicator-container{background-color:#9a5e1a;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;flex-direction:row;gap:16px;padding:0 40px;width:fit-content}.container,.indicator-container{align-items:center;display:flex;justify-content:center}.container{background-color:#f7f7f7;flex-direction:column;height:100%}.container form,.container h2,.container h4,.container p{margin:10px 0;text-align:center;width:100%}.input-text{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:300px;outline:none;padding:10px;width:100%}.input-text:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.login-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-left:20px;padding:10px 20px}.login-button:hover{background-color:#0056b3}.login-button:active{background-color:#003f7f}.sign-up-toggle{color:#007bff;cursor:pointer}#loginLogo{height:auto;margin-bottom:8px;width:64px}.btns{margin-right:24px}.question_list{padding-left:24px;padding-right:24px}.question_views_button_row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:24px;width:auto}.btn{background:#fff;border:1px solid #000}.btn:hover{background-color:#007bff}.question{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:row;margin-bottom:12px;padding:24px 16px;transition:transform .2s ease,box-shadow .2s ease}.question:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.postStats{color:#757575;font-size:14px;text-align:center;width:10%}.question_mid{display:flex;flex-direction:column;gap:8px;padding-left:16px;width:60%}.postTitle{color:#0056b3;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s ease}.postTitle:hover{color:#003a75;text-decoration:none}.question_tags{display:flex;flex-wrap:wrap;gap:8px}.question_tag_button{background:#6c757d;border-radius:12px;border-width:0;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s ease}.question_tag_button:first-child{margin-left:0}.question_tag_button:hover{background:#5a6268}.lastActivity{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:flex-end;padding-right:20px;width:35%}.lastActivity .profile-pic-container{align-items:center;display:flex;height:auto;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.askedByText{text-align:right}.question_author{color:#dc3545;font-weight:700}.question_meta{color:#757575;font-size:14px}.question_community{color:#007bff;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;text-decoration:none;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease;width:fit-content}.question_community:hover{color:#0056b3;text-decoration:underline}.tag_list{grid-gap:80px 20px;display:grid;grid-template-columns:repeat(3,1fr)}.tagNode{align-items:center;border:1px dashed #000;display:flex;flex-direction:column;justify-items:center;padding:5%;place-self:center;width:30%}.tagName{color:#6495ed}.form{background-color:#f4f4f4;margin:20px auto;padding:20px;width:60%}.input_title{font-weight:700;margin-bottom:8px}.input_hint{color:#000;font-size:14px;font-style:italic;margin-bottom:5px;margin-left:10px}.input_input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}.input_error{color:red;margin-bottom:20px}.community-selector{display:block;margin-bottom:20px}.bold_header{font-size:16px;font-weight:700;height:18.5px;margin-bottom:8px}.sub_title{color:#000;font-size:14px;font-style:italic;margin-bottom:5px;margin-left:10px}.comment-section{background-color:#f9f9f9;border-radius:6px;font-size:.9rem;margin:.5em;padding:.5em}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.toggle-button:hover{color:#0056b3}.comments-container{margin-top:.5em}.comments-list{list-style-type:none;margin:0;padding:0}.comment-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:8px;margin-bottom:.5em;padding:.5em}.comment-text{font-size:.85rem;margin-bottom:.25em}.comment-meta{color:#666;font-size:.75rem}.no-comments{color:#666;font-size:.85rem;font-style:italic}.add-comment{flex-direction:column;margin-top:.5em}.add-comment,.input-row{display:flex;gap:.5em}.comment-item .profile-pic-container{align-items:center;display:flex;height:auto;justify-content:center;width:24px}.comment-item .commentedBy{display:inline-flex;gap:8px;margin-bottom:.25em}.comment-item .commentedByText{display:flex;flex-direction:column;gap:2px}.comment-username{border:1px solid #ccc;border-radius:4px;flex:2 1;font-size:.85rem;padding:.25em}.comment-username:focus{border-color:#007bff;outline:none}.comment-textarea{border:1px solid #ccc;border-radius:4px;flex:5 1;font-size:.85rem;padding:.25em;resize:none}.comment-textarea:focus{border-color:#007bff;outline:none}.add-comment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;padding:.25em .5em}.add-comment-button:hover{background-color:#218838}.error{color:red;display:block;font-size:.75rem;margin-top:-.5em}.answer{border-bottom:1px dashed #000;display:flex;flex-direction:row}.answerText{width:70%}.answerAuthor{align-items:center;display:flex;flex-direction:row;gap:16px;margin-right:16px}.answerAuthor .profile-pic-container{align-items:center;display:flex;height:auto;justify-content:center;width:56px}.answerAuthor .answeredByText{text-align:right}.answer_author{color:green}.answer_question_title{max-width:60%}.answer_question_meta{color:#bbb}.ansButton{margin:2% 0 2% 2%}.questionBody{border-bottom:1px dashed #000;display:flex;flex-direction:row;gap:24px;margin-top:5%}.answer_question_view{width:15%}.answer_question_text{width:60%}.answer_question_right{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:flex-end}.answer_question_right .profile-pic-container{align-items:center;display:flex;height:56px;justify-content:center;margin-right:16px;width:auto}.askedByText{display:inline-block}.vote-container{align-items:center;display:flex;padding:12px}.vote-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:.125rem;cursor:pointer;margin-right:.5rem;outline:none;padding:.5rem}.vote-button-upvoted{background-color:#38a169;color:#fff}.vote-button-downvoted{background-color:#e53e3e;color:#fff}.vote-count{margin-left:.5rem}.subscribe-container{align-items:center;display:flex}.subscribe-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:.125rem;cursor:pointer;margin-right:.5rem;padding:.5rem}.subscribe-button-subscribed{background-color:#ff7a2d;color:#fff}.breadcrumb-container{align-content:center;display:flex;padding:32px}.breadcrumb-container>*{margin:0 16px 0 0}.breadcrumb-label,.breadcrumb-link{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-link{color:#007bff;cursor:pointer}.breadcrumb-label{max-width:296px}.community-article-page{color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.community-article-page #articleTitle{color:#007bff;font-size:2em;margin-bottom:16px;margin-top:15px}.community-article-page p{font-size:1.1em;line-height:1.6;margin-top:15px}.article-meta{color:#666;font-size:.9em;margin-top:10px}.edit-button{align-items:center;align-self:flex-end;display:flex;padding:5px 10px;width:min-content}.community-article-page li{display:list-item}.community-article-page ul{list-style-type:disc;margin-left:16px}.community-article-page blockquote{background-color:#ffe0c8;border-left:4px solid #daaa80;padding-left:16px}.community-article-page code{background-color:#ebebeb;border-radius:4px;color:#000;font-family:monospace,Courier New,Courier;font-size:.75em;padding:4px}.community-article-page img{max-width:100%}.metadata-label{color:#aaa;margin:0}.article-form{align-items:flex-end;display:flex;flex-direction:column;width:100%}.body-input,.title-input{font-size:larger;height:30px;margin:20px 0;padding:10px;width:100%}.body-input{font-size:medium;height:80%;margin-top:0;resize:none}.cancel-button,.save-button{align-items:center;border:1px solid #000;border-radius:3px;display:inline;padding:5px 10px}.cancel-button{background-color:#ffa07a;margin-right:8px}.save-button{background-color:#7fffd4}.buttons{justify-content:flex-end;width:100%}.buttons,.notification_controls{display:flex}.settings_button{border:1px solid #000;border-radius:4px;color:#000;font-size:20px;margin-right:10%;padding:8px 8px 4px}.settings_button:hover{background:#d3d3d3}.notif_container{align-items:center;border-radius:16px;border-style:none;cursor:pointer;display:flex;flex-direction:row;gap:32px;justify-content:left;padding:16px 32px;width:100%}.notif_container.unread{background-color:#ffc3a0;border-bottom-left-radius:0;border-left:8px solid #ff7a2d;border-top-left-radius:0}.notif_text{display:flex;flex-direction:column;text-align:left}.notif_text h3,.notif_text p{margin-bottom:8px;margin-top:8px}.profile_container{align-content:center;padding-top:5%;width:100%}.profile_container,.profile_header{display:flex;flex-direction:column;justify-content:center}.profile_header{gap:24px}.profile_info{flex-direction:column}.profile_info,.profile_info .profile-pic-container{align-items:center;display:flex;justify-content:center}.profile_info .profile-pic-container{margin-bottom:24px;width:100px}.profile-frame{height:125px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:125px}.profile_info h3{margin:0}.profile_info p{margin:8px}.profile_bar{align-items:center;background-color:#6d492b;display:flex;flex-direction:row;gap:32px;justify-content:center;padding:16px 40px}.bar_button{background-color:initial;border-style:none;color:#fff;cursor:pointer;padding:8px 32px}.bar_button.active{border-style:none;border-bottom:2px solid #fff}.bar_button:hover{background-color:#845a38;border-radius:4px;color:#fff}.profile_content{padding:32px}.profile_content h2{margin-bottom:16px}.status-complete .challenge{background-color:#d4edda;border-color:#c3e6cb}.status-complete p{color:#155724}.status-in-progress .progress-bar{background-color:#007bff}.completed-label{background-color:#28a745;border-radius:4px;color:#fff;font-size:.8rem;margin-left:8px;padding:2px 8px}.equipped-title{color:red;font-size:1rem;font-weight:700;margin-top:.5rem;text-align:center}.challenge{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:16px;position:relative;transition:transform .3s ease}.challenge:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.02)}.challenge p{margin:8px 0}.progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress-bar{background-color:#007bff;height:100%;transition:width .4s ease}.status-complete .progress-bar{background-color:#28a745}.challenge-completed-overlay{align-items:center;background-color:#28a745b3;border-radius:8px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.challenge-percentage{color:#555;font-size:1rem;position:absolute;right:16px;top:16px}.rewards_section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:1rem;padding:1rem}.rewards_section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.rewards_section h3{color:#555;font-size:1.25rem;margin-top:1rem}.reward_list{display:flex;flex-wrap:wrap;gap:1rem;list-style-type:none;padding:0}.reward_item{align-items:center;color:#444;display:flex;flex-direction:column;font-size:1rem}.frame_image-locked,.frame_image-unlocked{border:1px solid #ccc;border-radius:8px;height:80px;margin-bottom:.5rem;width:80px}.frame_image-locked{background-color:#d3d3d3;filter:grayscale(85%)}.title_name{font-size:1rem;margin-bottom:.5rem}.equip_button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:.3rem .6rem;transition:background-color .3s ease}.equip_button:hover{background-color:#0056b3}.equip_button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.locked_text{border:none;border-radius:5px;color:#666;cursor:not-allowed;font-size:.85rem;padding:.3rem .6rem}.title_item{align-items:center;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;margin-bottom:1rem;max-width:200px;padding:.5rem;width:100%}.community-list{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}.community-list h1{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.community-list h2{margin-top:40px}.community-item{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;padding:15px;transition:background-color .2s ease}.community-item:hover{background-color:#f9f9f9}.community-name{color:#007acc;cursor:pointer;font-size:1.2rem}.community-name:hover{text-decoration:underline}.join-button{background-color:#007acc;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:background-color .2s ease}.join-button:hover{background-color:#218838}.create-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto 20px;padding:10px 15px;transition:background-color .2s ease}.create-button:hover{background-color:#0056b3}.community-page h1{font-size:2em;margin:0}.community-page h2{color:#333;font-size:1.5em}.community-page h5{margin-bottom:8px}.community-page{padding:0}.community-title{flex-direction:column;justify-content:space-between;padding:24px 32px 64px}.community-title,.tab-bar{background-color:#eddacc;display:flex}.tab-bar{flex-direction:row;gap:8px;padding:0 32px}.nav-tab{align-items:center;background-color:#daaa80;border-radius:16px 16px 0 0;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:8px 24px 4px}.nav-tab:hover{background-color:#a98565}.nav-tab#active{background-color:#fff}.community-content{padding:32px 16px 32px 32px}ul{list-style-type:none;padding:0}.article-item,.poll-item,.question-item{color:#007bff;cursor:pointer;display:block;margin-bottom:10px;text-decoration:none;width:max-content}.article-item:hover,.question-item:hover{color:#0056b3}.new-article-button{align-items:center;cursor:pointer;display:flex;height:100%;margin-left:20px}.header-container{align-items:center;display:flex;flex:auto;flex-direction:row;height:32px;justify-content:space-between;width:100%}hr{margin-bottom:16px;margin-top:16px}.header-buttons{align-items:center;display:flex;gap:24px;height:100%;justify-content:flex-end;padding-right:24px;width:fit-content}.community-page #searchBar{border-width:1px;height:100%;padding:0 8px;width:25vw}.article-form-container{margin:24px auto;width:60%}.create-poll-button{align-items:center;cursor:pointer;display:flex;height:30px;margin-left:20px;margin-right:24px}.pollVotingContainer{display:flex;flex-direction:column;gap:16px}.votingOptionsContainer{display:flex;flex-direction:column;gap:8px}.optionContainer{align-items:baseline;display:flex;flex-direction:row;gap:8px}#voteButton{background-color:#3090e2;border-radius:8px;border-style:none;color:#fff;padding:8px 16px;width:fit-content}#voteButton:hover{background-color:#0056b3}.poll_results_container{display:flex;flex-direction:column;gap:8px;width:100%}.option_results{align-items:center;border-radius:4px;border-style:none;display:flex;flex-direction:row;gap:16px;padding:4px}.is_voted_option{background-color:#d3d3d3}.results_bar{background-color:brown;border-radius:4px;border-style:none;color:#fff;min-width:10px;padding:4px}#optText{width:10%}.back_button{margin-top:20px;text-align:center}.back_button button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:8px 15px}.back_button button:hover{background-color:#0056b3}.pollTitleSection h2,.pollTitleSection h5{margin:0;padding:0}.pollContainer{align-items:center;border:2px solid #d3d3d3;border-radius:8px;justify-content:center;margin:16px;padding:24px;width:auto}.pollContainer,.pollContent{display:flex;flex-direction:column}.pollContent{gap:16px;width:100%}.pollTitleSection{display:flex;flex-direction:column;gap:8px}.greyText{color:grey;font-weight:300}.createdByText{align-items:center;display:inline-flex;margin-top:4px}.createdByText h5{font-weight:300}.usernameText{color:red}.pollContainer .profile-pic-container{align-items:center;display:flex;height:auto;justify-content:center;margin-left:8px;margin-right:4px;width:32px}.poll-creation-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #00000026;margin:0 auto;max-width:600px;padding:20px}.poll-creation-container h1{color:#333;font-size:26px;margin-bottom:20px;text-align:center}.poll-creation-container label{color:#555;display:block;font-weight:700;margin-bottom:8px}.poll-creation-container input[type=date],.poll-creation-container input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:15px;margin-top:5px;padding:10px;width:100%}.options-container{margin-top:15px}.option-input{align-items:center;display:flex;margin-bottom:10px}.option-input input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;margin-right:10px;padding:8px}.add-option-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 12px}.add-option-button:hover{background-color:#0056b3}.submit-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px;width:100%}.submit-button:hover{background-color:#218838}.error{color:#dc3545;margin-top:10px;text-align:center}.settings_section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:0 1rem 1rem;padding:.5rem 0 0 1rem}.settings_section h2{color:#555;font-size:1.25rem;margin-top:1rem}.notification_list{display:flex;flex-direction:column;gap:32px;margin-bottom:40px;padding:16px 24px}.notif_settings_header{padding:1rem 0 1rem 1.2rem}.notification_type{display:flex;gap:16px}.notification_desc{padding-top:4px}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(16px)}
/*# sourceMappingURL=main.743fc065.css.map*/