@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--bg-primary: #E9E4D3;--bg-0: #F5F1EE;--bg-1: #E5E1DE;--bg-3: #D0CBBA;--bg-border-primary: #A0A0A0;--bg-border-0: #E3E3E3;--bg-border-1: #D3D3D3;--bg-border-2: #c8c4b6;--bg-border-3: #868686;--input-bg-primary: #FAFAFA;--input-fg-placeholder: rgb(200,200,200);--err-bg-primary: #CC4646;--err-border-primary: #B33B3B;--fg-0: #808080;--fg-1: #707070;--fg-2: #1D1D1D;--fg-3: #4A4A4A;--red-0: #DB1E1E;--red-2: #EF7E7F;--red-3: #D61C1C;--red-4: #E26163;--red-5: #BC3638;--green-0: #97e261;--green-1: #71b646;--green-2: #7BD980;--green-3: #49C62C;--purple-bg-0: #ba8adf;--purple-border-0: #85679D;--blue-0: #2196F3;--page-padding-top: 7em;--gold-0: #F5C518;--gold-1: #BD9814}*,*:before,*:after{box-sizing:border-box;font-family:JetBrains Mono}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none}body{background-color:var(--bg-primary);padding:0;margin:0}footer{margin-top:5em;padding:4em;border-top:1px solid var(--bg-3);display:grid;place-items:center;font-size:.9rem;color:var(--fg-2)}textarea,input[type=text],input[type=password],input[type=email]{background-color:var(--input-bg-primary);border-radius:10px;padding:.65em .85em;border:none;outline:none;font-size:1rem;width:100%}:is(textarea,input[type=text],input[type=password],input[type=email])::placeholder{color:var(--input-fg-placeholder);font-style:italic}svg{display:block}.navbar-closed{background-color:var(--bg-0);padding:10em 3em;position:fixed;inset:0;width:min(75%,300px);z-index:200;transform:translate(-100%);transition:transform .3s ease}.navbar-closed a{color:var(--fg-0);font-size:1.25rem;font-weight:400}.navbar-closed a:hover{color:var(--fg-2);text-decoration:underline}.navbar-closed .nav-main{display:flex;flex-direction:column;gap:1.75em;margin-bottom:7em}.navbar-closed .nav-actions{margin-top:7em}.navbar-closed .nav-actions .signup-btn,.navbar-closed .nav-actions .login-btn{display:block;border-radius:50px;padding:.25em .5em;width:115px;text-align:center;margin-top:1em;font-size:1.1rem;color:var(--fg-2);font-weight:500}.navbar-closed .nav-actions .signup-btn{background-color:var(--bg-0);border:3px solid var(--bg-border-0);box-shadow:0 1px 4px #00000040}.navbar-closed .nav-actions .login-btn{border:1px solid var(--bg-0);transition:.2s ease-out;text-decoration:none}.navbar-closed .nav-actions .login-btn:hover{border-color:var(--bg-border-primary);background-color:var(--bg-primary);box-shadow:0 1px 4px #00000040}.navbar-closed .nav-actions .logout-btn{border:none;font-size:1.25rem;color:var(--red-0);font-weight:600;background:none;border-radius:8px;cursor:pointer}.navbar-closed .nav-actions .logout-btn:hover{text-decoration:underline}.navbar-closed .navbar-close-btn{position:absolute;top:2em;right:2em;border:none;background:none;display:grid;place-items:center;border-radius:8px;transition:.2s ease-out;cursor:pointer}.navbar-closed .navbar-close-btn:hover{background-color:var(--bg-primary);box-shadow:0 0 4px #00000080}.navbar-open{box-shadow:5px 0 15px #00000040;transform:translate(0)}.navbar{z-index:1;position:fixed;top:0;width:100%;background-color:var(--bg-0);box-shadow:0 0 4px #00000040;padding:.5em;display:flex;align-items:center;justify-content:center}.navbar .navbar-btn{position:fixed;left:.5em;border:none;background:none;border-radius:8px;transition:.2s ease-out;cursor:pointer}.navbar .navbar-btn img{display:block}.navbar .navbar-btn:hover{background-color:var(--bg-primary);box-shadow:0 0 4px #00000080}.navbar .navbar-branding{font-size:1.25rem;font-weight:700;font-style:italic;color:var(--bg-primary)}.page-container{background-color:inherit;width:min(95%,1000px);min-height:100vh;margin:0 auto;padding:var(--page-padding-top) 0em 1em 0em}.home-page{padding:4em 0}.home-page h1{text-align:center;font-size:3rem;margin:2em}.home-page .hero{width:min(75%,800px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.home-page .hero .hero-text{text-align:center;font-size:1.35rem}.home-page .hero .hero-btn button{cursor:pointer;font-size:1.5rem;padding:.5em 2em;font-weight:600;border-radius:50px;background-color:var(--bg-0);border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;transition:.2s ease-out}.home-page .hero .hero-btn button:hover{background-color:var(--green-0);border-color:var(--green-1);transform:translateY(-5px)}.searchbar-component{margin-bottom:2em}.searchbar-component::placeholder{font-style:italic}.forgotpass-page{display:grid;place-items:center;grid-template-rows:1fr 1fr 1fr}.forgotpass-page h1{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2em;align-self:end}.forgotpass-page form{place-self:start center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:1em}.forgotpass-page form input{width:400px}.forgotpass-page form button{font-weight:700;font-size:1.75rem;border-radius:50px}.forgotpass-page .success{width:fit-content}.forgotpass-page .success,.forgotpass-page .error{font-size:1rem}.login-page,.signup-page{display:grid;place-items:center}:is(.login-page,.signup-page) h1{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:2em;align-self:end}:is(.login-page,.signup-page) form{height:100%;width:min(80%,400px);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content{display:flex;flex-direction:column;gap:1.5em;width:100%}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div{display:flex;flex-direction:column}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div label{color:var(--fg-0);font-size:1.15rem;margin-bottom:.2em}:is(:is(.login-page,.signup-page) form .login-form-content,:is(.login-page,.signup-page) form .signup-form-content)>div #forgot-pass-link{display:block;text-align:end;margin-top:1em}:is(.login-page,.signup-page) form button[type=submit]{background-color:var(--bg-0);padding:.1em .75em;width:min(100%,185px);font-weight:800;font-size:1.75rem;border-radius:50px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;transition:.2s ease-out;cursor:pointer}:is(.login-page,.signup-page) form button[type=submit]:hover{background-color:var(--bg-1);border-color:var(--bg-border-1)}:is(.login-page,.signup-page) .alt-link{font-size:.85rem;color:var(--fg-0);font-weight:600}:is(.login-page,.signup-page) .alt-link:hover{text-decoration:underline}:is(.questions-page,.favquestions-page,.favquizzes-page,.myquestions-page,.forgotpass-page,.resetpass-page) h1{text-align:center;font-weight:700;margin-top:0;margin-bottom:1em}.questions-container,.quizzes-container{min-height:calc(100svh - var(--page-padding-top));display:flex;flex-direction:column}:is(.questions-container,.quizzes-container) #no-questions{text-align:center;font-size:1rem}.questions-list,.favquestions-list,.favquizzes-list{display:flex;flex-direction:column;padding:1em;gap:.55em}#favquestions-none-msg{font-size:.95rem}.favquestions-page-header,.favquizzes-page-header{text-align:center;color:var(--fg-0);font-size:.75rem;margin:-1.5em auto 2em}:is(.favquestions-page-header,.favquizzes-page-header) .favquestions-subheader{display:flex;justify-content:center;gap:.5em}:is(.favquestions-page-header,.favquizzes-page-header) .favquestions-subheader h2{margin:0}:is(.favquestions-page-header,.favquizzes-page-header) .favquestions-subheader>*{font-weight:400;font-size:1rem;display:flex;align-items:center}:is(.favquestions-page-header,.favquizzes-page-header) .action-btns{margin:3em auto 1em;display:flex;align-items:flex-start;justify-content:flex-end;gap:1em}:is(.favquestions-page-header,.favquizzes-page-header) .more-btn{height:fit-content!important;padding:.5em 1em}:is(.favquestions-page-header,.favquizzes-page-header) #unstar-selected{display:flex;align-items:center;gap:.5em;padding:.5em 1em}:is(.favquestions-page-header,.favquizzes-page-header) #unstar-selected>div{color:var(--fg-0)}.favorite-card{display:flex;justify-content:space-between;align-items:center;gap:1em}.favorite-card>div{width:100%}.question-card{padding:.75em 1em;border-radius:5px;box-shadow:0 1px 2px .5px #00000040;background-color:var(--bg-0);border:2px solid var(--bg-border-0);cursor:pointer;transition:.1s ease-out;display:flex;justify-content:space-between;gap:1em;font-size:.9rem;--id-min-width: 30px}.question-card .question-id,.question-card .quiz-id{color:var(--fg-0);align-self:center}.question-card .question-card-main{width:100%;display:flex;flex-direction:column;gap:.5em}.question-card .question-card-header{display:flex;justify-content:space-between;align-items:center;gap:1em}.question-card .question-card-header .question-card-votes{display:flex;gap:.75em}.question-card .question-card-header .question-card-votes .likes-indicator,.question-card .question-card-header .question-card-votes .dislikes-indicator{display:flex;justify-content:center;align-items:center}.question-card .question-card-header .question-card-votes .likes-indicator{color:var(--green-3)}.question-card .question-card-header .question-card-votes .dislikes-indicator{color:var(--red-3)}.question-card .question-card-metadata{display:flex;justify-content:space-between;width:100%}.question-card .question-card-metadata .tag-pills{align-self:center}.question-card:hover{background-color:var(--bg-1);border-color:var(--bg-border-1);transform:scale(1.02)}.tag-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:.5em}.tag-pill{background-color:var(--bg-primary);border:1px solid var(--bg-border-primary);border-radius:6px;padding:.15em .6em;color:var(--fg-3);font-size:.8rem}.dashboard-page h1,.dashboard-page h3{text-align:center;margin-bottom:0}.dashboard-page h3{font-size:1rem;font-weight:400;font-style:italic}.dashboard-page .dashboard-s1{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2em}.dashboard-page .dashboard-s1 h2{font-weight:400;font-size:1.25rem;margin-bottom:.8em}.dashboard-page .dashboard-s1 .stat-1{text-align:center;background-color:var(--bg-0);width:min(85%,300px);font-size:1.25rem;padding:.8em;font-weight:700;border-radius:12px;box-shadow:0 1px 2px #00000040}.dashboard-page .dashboard-s2{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:3.5em 0;gap:.75em}.dashboard-page .dashboard-s2 button{font-size:1rem;border-radius:50px;padding:.75em 1.5em}.dashboard-page .dashboard-s2 button:hover{background-color:var(--purple-bg-0);border-color:var(--purple-border-0)}.dashboard-page .dashboard-s3{background-color:var(--bg-0);border-radius:10px;box-shadow:0 1px 4px #00000040;padding:1.5em;width:min(75%,500px);margin:0 auto}.dashboard-page .dashboard-s3 ul{display:flex;flex-direction:column;gap:.75em}.dashboard-page .dashboard-s3 .dashboard-link-item{font-size:1rem;display:flex;justify-content:space-between}.submit-question-page{width:min(80%,800px)}.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select{background-color:var(--input-bg-primary);border-radius:7px;border:none;box-shadow:0 1px 2px #00000040;padding:.5em 1em;font-size:.9rem}:is(.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select)::placeholder{color:var(--input-fg-placeholder)}:is(.submit-question-page input[type=text],.submit-question-page textarea,.submit-question-page select):focus{outline:1px solid rgba(0,0,0,.25)}.submit-question-page input[type=radio]{display:inline-block;outline:none;background-color:tomato}.submit-question-page input[type=radio]:checked{background-color:tomato}.submit-question-page button[type=submit]{font-size:1.75rem;border-radius:50px;font-weight:700;margin:0 auto}.submit-question-page button[type=submit]:hover{transform:translateY(-5px);background-color:var(--purple-bg-0);border-color:var(--purple-border-0)}.submit-question-page .question-form-group{margin-bottom:2em}.submit-question-page label{font-weight:500;font-size:1rem}.submit-question-page .choices-list .choice-label{color:var(--fg-0)}.submit-question-page .choices-list .choice-row{display:flex;align-items:center;gap:.5em;margin:.75em 0}.submit-question-page .choices-list .choice-row textarea{width:100%;min-width:200px;min-height:50px}.submit-question-page .choices-list .add-choice-btn{margin:.75em 0;padding:.65em 1.5em;border-radius:10px}.submit-question-page .choices-list .delete-choice-btn{aspect-ratio:1;padding:.5em 1em;color:var(--fg-0)}.submit-question-page .choices-list .delete-choice-btn:hover{color:var(--fg-2)}.submit-question-page .title,.submit-question-page .question{display:flex;flex-direction:column;gap:.5em}.submit-question-page .tags-section .tags-header{display:flex;align-items:center;gap:1em;margin-bottom:.5em}.submit-question-page .tags-section .tags-header select{width:150px}.submit-question-page .tags-section .tags{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.35em}.submit-question-page .tags-section .tags .tag{background-color:var(--bg-primary);border:1px solid var(--bg-border-primary);box-shadow:0 1px 2px #00000040;border-radius:7px;padding:.5em 1em;width:fit-content;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:.5em}.submit-question-page .tags-section .tags .tag .remove-tag-btn{border:none;background-color:transparent;color:var(--fg-0);cursor:pointer;padding:0;font-weight:800}.submit-question-page .tags-section .tags .tag .remove-tag-btn:hover{color:var(--fg-2)}.question-page{display:flex;flex-direction:column;gap:1em}.question-page .question-page-s1{width:100%;display:flex;justify-content:space-between;align-items:center}.question-page .question-page-s1 .vote-btns{display:flex;gap:1em}.question-page .question-page-s1 .like,.question-page .question-page-s1 .dislike{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:.25em .5em}.question-page .question-page-s2{text-align:center}.question-page .question-page-s2 h1{background-color:var(--bg-0);padding:.75em;font-size:1.25rem;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040}.question-page .question-page-s2>div{color:var(--fg-0)}.question-page .question-page-s2 .tag-pills{margin-top:2em}.question-page p{background-color:var(--bg-0);padding:.75em;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040;min-height:200px;margin:1.5em 0}.question-page ul{display:flex;flex-direction:column;gap:.75em}.question-page ul li{display:flex;gap:1em}.question-page ul .choice{box-sizing:content-box;border-radius:10px;padding:.75em 1em;display:flex;align-items:center}.question-page ul .choice .letter{font-weight:700;font-size:1.5rem}.question-page ul .choice .choice-content{word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.question-page ul .selected:hover{background:var(--bg-0);outline-color:var(--bg-border-0)}.question-page .result{margin:2em 0;background-color:var(--bg-0);padding:.75em;border-radius:10px;border:3px solid var(--bg-border-0);box-shadow:0 2px 4px #00000040}.question-page .submit-answer-btn{margin:2em auto;font-size:1.75rem;border-radius:50px;font-weight:700}.question-page .correct{background-color:var(--green-2)!important;outline-color:var(--green-3)!important;outline-width:3px!important}.question-page .incorrect{background-color:var(--red-2)!important;outline-color:var(--red-3)!important;outline-width:3px!important}.profile-page{display:flex;flex-direction:column;align-items:center}.profile-page h3{display:block;margin:2rem auto}.profile-page .profile-section{margin:2rem auto;width:min(500px,90%);background-color:var(--bg-0);border:2px solid var(--bg-border-0);padding:1.5em;border-radius:15px;box-shadow:0 1px 4px #00000040;display:flex;flex-direction:column;gap:1.25em}.profile-page .profile-section>div label{display:block;color:var(--fg-0);margin-bottom:.25em}.profile-page #delete-acc-btn{margin:5em auto;border:none;background-color:transparent;color:var(--red-0);font-weight:700;font-size:1.25rem;cursor:pointer}.profile-page #delete-acc-btn:hover{font-weight:900}.profile-page #delete-acc-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:450px;padding:0 1em 1em;gap:2em}.profile-page #delete-acc-modal h1{font-size:1.5rem;text-align:center;font-weight:700}.profile-page #delete-acc-modal .delete-acc-modal-actions{display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center;text-align:center}.profile-page #delete-acc-modal .delete-acc-modal-actions #delete-acc-yes{font-size:1.25rem;padding:.5em 2em;border-radius:15px;min-width:125px;margin-top:1em}.profile-page #delete-acc-modal .delete-acc-modal-actions #delete-acc-yes:hover{background-color:var(--red-4);border-color:var(--red-5)}.paginator{font-size:.85rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.paginator .paginated-list{border:2px solid var(--bg-border-2);border-radius:10px;flex-grow:1}.paginator .paginated-footer{margin-top:1em;display:flex;justify-content:space-between}.paginator .paginated-footer .prev-btn,.paginator .paginated-footer .next-btn{font-weight:700;width:25%;max-width:100px}.paginator .paginated-footer .page-num{font-weight:700;width:fit-content;pointer-events:none}.light-btn1-border,.light-btn1-outline{background-color:var(--bg-0);border-radius:20px;box-shadow:0 2px 4px #00000040;padding:.3em 1.25em;transition:.15s ease-out;cursor:pointer;display:grid;place-items:center}:is(.light-btn1-border,.light-btn1-outline):hover{background-color:var(--bg-1)}.light-btn1-border{border:3px solid var(--bg-border-0)}.light-btn1-border:hover{border-color:var(--bg-border-1)}.light-btn1-outline{border:none;outline:3px solid var(--bg-border-0)}.light-btn1-outline:hover{outline-color:var(--bg-border-1)}.dark-btn1-border,.dark-btn1-outline{background-color:var(--bg-primary);border-radius:7px;box-shadow:0 1px 4px #00000040;padding:.75em 1em;transition:.15s ease-out;cursor:pointer}:is(.dark-btn1-border,.dark-btn1-outline)>*{color:var(--fg-2)}:is(.dark-btn1-border,.dark-btn1-outline):hover{background-color:var(--bg-3)}.dark-btn1-border{border:1px solid var(--bg-border-primary)}.dark-btn1-border:hover{border-color:var(--bg-border-3)}.dark-btn1-outline{border:none;outline:1px solid var(--bg-border-primary)}.dark-btn1-outline:hover{outline-color:var(--bg-border-3)}.nobg-btn1-cancel,.nobg-btn1-close,.nobg-status-text{background-color:transparent;border:none;color:var(--fg-0);transition:.1s ease-out}.nobg-btn1-cancel{cursor:pointer}.nobg-btn1-cancel:hover{color:var(--red-0)}.nobg-btn1-close{cursor:pointer}.nobg-btn1-close:hover{color:var(--fg-2)}.error{background-color:var(--err-bg-primary);border:3px solid var(--err-border-primary);box-shadow:0 1px 4px #00000040;color:#fff;font-weight:500;border-radius:10px;padding:.5em;font-size:.9rem;visibility:visible}.success{width:100%;background-color:var(--green-0);border:3px solid var(--green-1);box-shadow:0 1px 4px #00000040;color:#fff;font-weight:500;border-radius:10px;padding:.5em;font-size:.9rem;visibility:visible}.checkbox-container{display:block;position:relative;width:25px;height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark{background-color:var(--blue-0)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--bg-primary);border:3px solid var(--bg-border-2);border-radius:6px}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:50%;top:25%;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;--translate: translateX(-3px);-webkit-transform:rotate(45deg) var(--translate);-ms-transform:rotate(45deg) var(--translate);transform:rotate(45deg) var(--translate)}.more-actions{position:relative;display:grid;place-items:center}.more-actions button{padding:.25em 1em;height:30px}.more-actions .more-actions-dropdown{z-index:1000;background-color:var(--bg-primary);border:1px solid var(--bg-border-primary);box-shadow:0 2px 15px #00000040;border-radius:15px;min-width:200px;position:absolute;right:0;top:calc(100% + .5em);display:flex;flex-direction:column;justify-items:center}.favquestions-more-actions-dropdown{--padding: 1em}.favquestions-more-actions-dropdown ul{padding:var(--padding);display:flex;flex-direction:column;gap:.75em}.favquestions-more-actions-dropdown>div{border-top:1px solid var(--bg-border-primary);padding:var(--padding)}.favquestions-more-actions-dropdown ul button{padding:.25em 1em;border-radius:4px;box-shadow:0 2px 4px #00000040;width:100%}.delete-list-btn{border:none;background-color:transparent;color:var(--red-0);font-weight:700;cursor:pointer}.delete-list-btn:hover{font-weight:900}.vote-like,.vote-like:hover{background-color:var(--green-2);border-color:var(--green-3)}.vote-dislike,.vote-dislike:hover{background-color:var(--red-2);border-color:var(--red-3)}.star-btn{border:none;background-color:transparent;cursor:pointer;transition:.1s ease-out;transform-origin:center;display:block;padding:0!important}.star-btn:hover .star-icon{transform:scale(1.275)}.star-icon{width:23px;height:23px;display:block;transition:.1s ease-out}.starred{width:29.325px;height:29.325px}.starred path{fill:var(--gold-0);stroke:var(--gold-1)}.star-scope-form{display:flex;flex-direction:column;align-items:center;gap:2em;padding:1em}.star-scope-form h2{font-size:1.15rem;margin:0;text-align:center}.star-scope-form #no-scope-msg{font-size:.95rem;text-align:center}.star-scope-form .scope-list{width:100%}.star-scope-form .scope-list .scope-item{display:flex;justify-content:space-between;align-items:center}.star-scope-form .checkbox-for-scope-form{width:20px;height:20px}.star-scope-form button{padding:.5em 1.25em}.star-scope-form .new-scope-form{display:flex;flex-direction:column;gap:2em}.star-scope-form .new-scope-form input[type=text]{min-width:250px;font-size:inherit}.star-scope-form .new-scope-form button[type=submit]{border-radius:7px}.star-scope-form .new-scope-form .new-scope-form-btns{display:flex;justify-content:center;gap:.75em}.scope-item{width:100%;display:flex;align-items:center;gap:.75em;padding:.5em .75em;border:none;background-color:transparent;border-radius:5px;cursor:pointer;transition:.15s ease-out;color:var(--fg-2);font-size:.9rem}.scope-item img{width:18px;height:18px}.scope-item:hover{background-color:var(--bg-3)}.accordion{background-color:var(--bg-primary);border-radius:7px;box-shadow:0 1px 4px #00000040;transition:.15s ease-out;border:1px solid var(--bg-border-primary)}.accordion>*{color:var(--fg-2)}.accordion .accordion-content{padding:.75em}.accordion .accordion-label{width:100%;padding:.75em 1em;cursor:pointer;border:none;background-color:inherit;border-radius:inherit;transition:border-radius 0s .25s,background-color .15s ease-out}.accordion .accordion-label:hover{background-color:var(--bg-3)}.accordion-open>.accordion-label{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s 0s,background-color .15s ease-out}.accordion-bordered>.accordion-label{border-bottom:inherit}.readwriteinput-read,.readwriteinput-write{display:flex;justify-content:space-between;align-items:center;--input-height: 51px}:is(.readwriteinput-read,.readwriteinput-write) .write-text{height:var(--input-height)}:is(.readwriteinput-read,.readwriteinput-write) .error{width:100%}.readwriteinput-write{display:flex;flex-direction:column;align-items:flex-start;gap:.75em;padding:0}.readwriteinput-write .writeable-section{width:100%;display:flex;flex-direction:column;gap:1em}.readwriteinput-write .writeable-section .write-text{box-shadow:0 1px 2px #00000040}.readwriteinput-write .writeable-section .write-text::placeholder{color:var(--input-fg-placeholder);font-style:italic}.readwriteinput-write #writeable-curr-pass{margin-bottom:.5em}.readwriteinput-write .input-btns{display:flex;gap:.5em;justify-content:center;width:100%}.readwriteinput-write .input-confirm-btn{transition:none}.readwriteinput-write .input-cancel-btn{background-color:transparent;border:none;cursor:pointer;color:var(--fg-0)}.readwriteinput-write .input-cancel-btn:hover{color:var(--red-0)}.readwriteinput-read{background-color:var(--bg-primary);padding:.5em .5em .5em 1em;width:100%;border-radius:10px;border:1px solid var(--bg-border-2);height:var(--input-height);display:flex;align-items:center}.readwriteinput-read .input-edit-btn{transition:none;padding:.25em}.modal-overlay{position:fixed;inset:0;z-index:100;width:100%;height:100%;background-color:#00000040;display:grid;place-items:center;padding:2em}.modal-overlay .modal-content{background-color:var(--bg-0);border-radius:20px;border:4px solid var(--bg-border-0);padding:1em;box-shadow:0 2px 30px 5px #00000040;display:flex;flex-direction:column;align-items:center}.modal-overlay .modal-content .modal-close-btn{align-self:flex-end;padding:.35em 1.25em;margin-bottom:2em}.comments-section{margin:5em 0}.comments-section h2{text-align:center}.comments-sec-input-wrapper{display:flex;flex-direction:column;gap:1em;margin-bottom:5em}.comments-sec-input-wrapper .btns{align-self:self-end;display:flex;gap:.5em}.comments-sec-input-wrapper .btns button{border-radius:50px;padding:.35em 1.65em;font-size:1rem}.comments-list{display:flex;flex-direction:column;gap:1em}.comment-card{background-color:var(--bg-0);border:3px solid var(--bg-border-0);border-radius:20px;padding:1em 2em;box-shadow:0 1px 4px #00000040;display:flex;flex-direction:column}.comment-card .comment-pfp-icon{width:45px;height:45px;display:block}.comment-card .reply-btn{text-transform:uppercase}