@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&display=swap);body{box-sizing:border-box;margin:0;padding:0;font-size:16px;font-family:"Open Sans";color:#fff}button,input,textarea{font-family:inherit}.progress-bar-container{height:20px;width:200px;background-color:#e0e0de;border-radius:50px;overflow:hidden;margin:50}.progress-bar-filler{height:100%;border-radius:50px;text-align:right;background-color:#3cdb7c}.progress-bar-label{padding:.25rem;color:"white";font-weight:700}.topic-and-problems-container{background-color:#282d3a;border-radius:1rem}.topic-container{display:flex;justify-content:space-between;margin:1rem;align-items:center;cursor:pointer}.topic-container>h4{margin-left:.75rem;color:#fff;font-family:Kanit;font-weight:400;letter-spacing:.25px;font-size:1.25rem;margin-bottom:1rem}.topic-container>button{outline:none;border:none;background:none;margin-right:.75rem;color:#444751;cursor:pointer}.topic-container>button:hover{opacity:.8}.topic-problems,.topic-problems-container{display:flex;justify-content:center}.topic-problems{flex-direction:column;align-items:center;width:98%}.fa-angle-down,.fa-angle-up{font-size:1.25rem;color:#fff}.problem-content-container{width:95%;padding:1rem;background-color:#1d212e;border-radius:.75rem;margin-bottom:.75rem}.problem-content-container,.solved-icon-container{display:flex;align-items:center;justify-content:center}.solved-icon-container{height:100%;width:5%}.fa-circle-check{color:#fff;font-size:1.5rem}.lc-problem-overview-container{display:flex;justify-content:space-between;width:100%;height:100%;align-items:center;margin-left:1.5rem;text-decoration:none}.lc-problem-overview-container:hover .lc-problem-title{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.lc-problem-overview{display:flex;flex-direction:column;justify-content:center;grid-gap:.75rem;gap:.75rem}.lc-problem-title{margin:0;padding:0;color:#fff;font-size:1.2rem;font-weight:600}.problem-link{text-decoration:none}.lc-problem-title:hover{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.fa-star{color:#fc541f}.empty{color:#636363}.lc-problem-details{cursor:auto}.lc-problem-details>span{color:#fff;margin-right:.5rem}.lc-difficulty-title{margin-left:1.5rem}.lc-problem-diffculty{background-color:#282d3a;color:#fff;padding:.5rem;display:inline-block;border-radius:.5rem}.solve-challenge-btn{background-color:#3cdb7c;height:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:.5rem .75rem;margin-right:1rem;border-radius:.5rem}.solve-challenge-btn>span{color:#fff}.solved-icon-container .solved{color:#0be462}.solved-icon-container .fa-circle-check:hover{cursor:pointer}.problem-content-container:last-child{margin-bottom:2rem}.lc-problem-details #lc-problem-rating-number{margin-left:-.15rem}.solve-challenge-btn{font-weight:500}.footer-container{width:100%;display:flex;justify-content:center;background-color:#000;margin-top:4rem}.footer-content-container{width:80%;display:flex;justify-content:space-between;padding:2.5rem 0}.footer-text{color:#d6d0d0;margin:0}.footer-website-description{width:30%;display:flex;flex-direction:column;margin-top:0}.footer-section-title{margin-bottom:.25rem}.footer-section-title,.footer-website-name{margin-top:0;color:#fff;font-weight:600;font-size:1.5rem}.footer-website-name{margin-bottom:.75rem}.footer-inspiration{width:20%;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.footer-inspiration a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none}.footer-inspiration a:hover{cursor:pointer;opacity:.7}.footer-contact{width:20%;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.footer-contact a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-contact a:hover{cursor:pointer;opacity:.7}.loading-spinner-container{width:100%;height:40vh;display:flex;align-items:center;justify-content:center}.main-content-container{width:100%;background-color:#131622;min-height:80vh;display:flex;flex-direction:column;align-items:center}#loading-background{min-height:100vh}.home-page-header{display:flex;justify-content:space-between;align-items:center;width:80%;margin-top:2rem}.home-page-header>h1{color:#fff;margin-bottom:0}.problems-completed-section{width:20%;display:flex;flex-direction:column;align-items:flex-end}.home-page-search-icon{border:none;background-color:initial;z-index:99;position:absolute;top:12px;left:7px}.home-page-search-section{width:80%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.home-page-search-section form{position:relative}.home-page-search{background-color:#282d3a;outline:none;border:none;border-radius:1rem;padding:.75rem .5rem .75rem 2.5rem;color:#d6d0d0}.fa-magnifying-glass{color:#d6d0d0}.search-dropdown-container{position:relative;justify-self:flex-start;width:80%}.search-dropdown-menu{position:absolute;left:0;top:calc(100% + .25rem);background-color:#fff;color:#000;border-radius:1rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);width:200px;z-index:100}.search-dropdown-items-container{display:flex;flex-direction:column;flex-wrap:wrap}.search-dropdown-item{text-decoration:none;font-size:.75rem;color:#000;display:block;padding:.75rem 1rem}.search-dropdown-item:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.search-dropdown-item:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.search-dropdown-item:hover{background-color:#e7ebec;cursor:pointer}.search-dropdown-item:last-of-type{margin-bottom:0}.display-content-container>button{outline:none;color:#d6d0d0;border:none;background:#282d3a;border-radius:1rem;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;letter-spacing:.1px}.problems-container{width:80%;margin-top:2rem;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.problems-header{display:flex;justify-content:flex-end;grid-gap:1rem;gap:1rem;padding-right:1rem;padding-top:1rem}.problems-header>button{outline:none;color:#fff;border:none;background:#454d62;border-radius:.5rem;padding:.25rem .75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem}.problems-header>button:hover{opacity:.8}#modal{display:flex;justify-content:center;align-items:center;z-index:100}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7);z-index:1000}#modal-content{width:27%;padding:36px 40px 32px}#modal-content,#wide{position:absolute;background-color:#fff;max-height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:.5rem;z-index:1200}#wide{width:35%;padding:0 40px 32px}.login-form{display:flex;flex-direction:column;width:100%}.login-form input{display:block;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;margin:0;padding:8px 12px;width:94%;outline:none}.login-form input:focus,.login-form input:hover{border:1px solid #757575}.login-form label{display:block;text-align:left}.login-form__icon{padding-top:12px;padding-bottom:8px;max-height:15%;height:auto;width:15%;margin-left:auto;margin-right:auto}.login-form__title{color:#000}.login-form__subtitle{display:flex;line-height:24px;grid-gap:6px;gap:6px;justify-content:center;color:#000}.login-form__subtitle__sign-up{color:#008294;text-decoration:none}.login-form__email{display:flex;flex-direction:column}.login-form__email__label,.login-form__password__label{line-height:24px;margin-bottom:4px;font-weight:500;color:#000}.login-form__log-in{border-radius:8px;cursor:pointer;color:#fff;font-weight:600;background-color:#3cdb7c;padding:8px 12px;border:1px solid #3cdb7c;font-size:1.25rem;height:3rem;margin-top:1.5rem}.login-form__validation-errors{list-style:none;color:red;text-align:center;padding-left:0}.submit-form__sucesss{list-style:none;color:#0f0;text-align:center;padding-left:0;margin-top:-1rem}.nav-login-btn{background:none;margin-right:1.25rem}.nav-login-btn:hover{cursor:pointer}.nav-sign-up{background-color:#3cdb7c;padding:.5rem .75rem;border-radius:.5rem}.nav-sign-up:hover{cursor:pointer}.navbar-container{display:flex;align-items:center;min-height:100px;width:100%;background-color:#282d3a;justify-content:space-between}.logo-container{border-radius:50%;padding:.25rem;height:2rem;width:2rem;display:flex;justify-content:center;align-items:center}.logo-container img{width:100%}.home-navigation{text-decoration:none}.navbar-logo{width:25px;height:25px;object-fit:cover}.navbar-container h1{color:#fff;font-size:1.5rem}.nav-logo-title-container{display:flex;align-items:center;margin-left:3rem;grid-gap:1.25rem;gap:1.25rem}.login-container{margin-right:3rem;display:flex;justify-content:space-between;align-items:center}.login-container>button{text-decoration:none}.login-container>button,.logout-btn{outline:none;border:none;color:#fff;font-size:1rem}.logout-btn{background:none}.logout-btn:hover{cursor:pointer}.demo-btn{padding-right:0}.rating-form-title{color:#000;margin-top:0;margin-bottom:2rem}.rating-form-input{margin-bottom:1rem}.delete-rating-btn{background-color:initial;border:1px solid #f54336;color:#fff;padding:.5rem .75rem;border-radius:.5rem;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1rem;font-weight:500;margin-left:1rem}.delete-rating-btn:hover{cursor:pointer}.problem-header-container{display:flex;flex-direction:column;color:#fff;width:100%}.problem-header-container>h2{font-size:1.75rem;margin-left:6rem;margin-bottom:10px}.problem-header-details-container{display:flex;grid-gap:2rem;gap:2rem;max-width:100%;margin-left:6rem}.header-label{font-weight:600;display:flex;align-items:center}.problem-rating-title{margin-right:.5rem}.header-label .fa-star,.header-label img{margin-right:.25rem}.header-label img{height:2rem}.problem-header-difficulty{background-color:#282d3a;text-transform:uppercase;margin-left:.25rem;padding:.25rem 1rem;border-radius:1rem}.add-rating-btn-container{margin-left:auto;margin-right:3rem;display:flex;align-items:center;justify-content:center}.add-rating-btn{background-color:initial;border:1px solid #3cdb7c;color:#fff;padding:.5rem .75rem;border-radius:.5rem;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1rem;font-weight:500}.add-rating-btn:hover{cursor:pointer}#lc-problem-rating-number{color:#d6d0d0;margin-left:.25rem}.rating-stars-container{display:flex;flex-direction:column;align-items:center}.problem-header-details-container .search-dropdown-menu{background-color:initial;color:#fff;width:100px;padding:.25rem .5rem;display:none}.rating-stars-container:hover .search-dropdown-menu{display:block}.problem-description-container{width:60%;min-height:320px}.problem-description-title{color:#fff;font-size:1.5rem}.problem-description{color:#d6d0d0;white-space:pre-line}.problem-description-example-title{margin-top:2rem;margin-bottom:2rem;font-size:1.5rem}.problem-example{background-color:#2f3446;border:1px solid #303646;border-radius:1rem;overflow:auto}.loading-problem-example,.problem-example{display:block;padding:1.5rem;color:#fff;line-height:2.5rem}.loading-problem-example{background-color:initial}.solution-edit-form-title{color:#000;font-size:1.25rem}.solution-edit-form-title>input{margin-top:1rem}.solution-edit-form-language-selection{font-size:1.25rem;margin-top:1rem;margin-bottom:1rem;color:#000;display:flex;align-items:center}.solution-edit-form-language-selection select{margin-left:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.5rem;padding:.5rem}.edit-solution-code-editor{font-size:.75rem;justify-self:start;text-align:start}.edit-language-solution-title{font-size:1.25rem;margin-top:0;margin-bottom:1rem;color:#000;font-weight:400;text-align:left}.delete-solution-title{color:#000;align-self:flex-start;margin-top:0;margin-bottom:.25rem;font-weight:500;font-size:1.5rem}.delete-solution-description{color:rgba(0,0,0,.65);margin-bottom:1.25rem}.delete-solution-btn-container{display:flex;flex-direction:row-reverse;align-items:center;grid-gap:1rem;gap:1rem}.delete-solution-btn-container button:hover{cursor:pointer}.cancel-delete{border:1px solid #b0bec5;border-radius:.25rem;color:#455a64}.cancel-delete,.confirm-delete{background-color:#fff;padding:.25rem 1rem;font-size:1rem}.confirm-delete{border:1px solid #f54336;border-radius:.25rem;color:#f54336}.user-solution-container{width:100%;background-color:#282d3a;display:flex;border-radius:1rem}.user-solution-voting-icons{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#1d212e;font-size:2rem;margin:1rem 2rem 2rem}.user-solution-voting-icons button{background-color:#282d3a;border:none}.user-solution-voting-icons .fa-caret-down:hover,.user-solution-voting-icons .fa-caret-up:hover{cursor:pointer;color:#3d4458}.user-solution-voting-icons .fa-caret-down,.user-solution-voting-icons .fa-caret-up{font-size:2rem}.user-solution-vote-count{color:#fff;margin:0;padding:0;font-size:1.5rem}.user-solution-title-editor-container{display:flex;flex-direction:column;width:100%;margin:1rem 2rem 2rem 0;overflow:hidden}.voted-own-solution{text-align:center;color:red;margin-top:.5rem}.user-solution-title-edit{display:flex;justify-content:space-between;align-items:center}.user-solution-title{color:#d6d0d0;font-size:1.25rem;font-weight:600;letter-spacing:.05rem;word-break:break-word}.edit-solution-btn{padding:0;margin:0;outline:none;font-size:1rem;color:#d6d0d0;background:none;border:none;cursor:pointer}.user-solution-editor-container{width:100%}.solution-owner-date{display:flex;justify-content:space-between;align-items:center}.solution-owner{margin-top:.5rem;display:flex;align-items:center;letter-spacing:.1px;grid-gap:.5rem;gap:.5rem}.user-solution-title-editor-container .fa-user{color:#d6d0d0;font-size:1rem}.solution-owner>p{color:#d6d0d0;word-break:break-word}.solution-date{color:#d6d0d0}.solution-code-editor{font-size:.75rem}.edit-delete-container{display:flex;align-items:center;grid-gap:1.25rem;gap:1.25rem;margin-right:.25rem}.user-solution-voting-icons>button{transition:color .5s ease}.user-solution-voting-icons>button .fa-caret-down:hover,.user-solution-voting-icons>button .fa-caret-up:hover{transition:color .25s ease}.user-solution-voting-icons>button.disabled{color:#21242d}.user-solution-voting-icons>button.disabled .fa-caret-down:hover,.user-solution-voting-icons>button.disabled .fa-caret-up:hover{color:#21242d;cursor:auto}.user-solution-voting-icons>button.voted{color:#3d4458}.user-solution-voting-icons>button.voted .fa-caret-down:hover,.user-solution-voting-icons>button.voted .fa-caret-up:hover{color:#3d4458;cursor:pointer}.solutions-container{display:flex;flex-direction:column;width:60%;border-top:2px solid #3c404a;border-bottom:2px solid #3c404a;margin-top:3rem;margin-bottom:3rem;padding:2rem 0}.solutions-header{color:#fff;font-size:1.5rem;margin-top:0}.our-solution{padding-bottom:3rem;margin-bottom:2rem;border-bottom:2px solid #3c404a}.user-solutions-container{display:flex;flex-direction:column;justify-content:center;width:100%;grid-gap:3rem;gap:3rem}.no-user-solutions{text-align:center}.load-more-btn{border:none;border-radius:.5rem;padding:.35rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:center;margin-top:2rem;background:#282d3a;color:#fff;font-size:1.25rem}.load-more-btn:hover{cursor:pointer;opacity:.8}.solutions-shown{align-self:flex-end;margin-top:.5rem}.submit-solution-container{display:flex;flex-direction:column;width:60%}.submit-solution-header{color:#fff;font-size:1.5rem;margin-top:0}.submit-solution-form>.code-editor-container{display:flex;flex-direction:column;padding-top:0}.solution-form-language-selection,.solution-form-title{font-size:1.25rem;display:flex;align-items:center}.solution-form-language-selection{margin-top:1rem;margin-bottom:1rem}.solution-form-language-selection select{margin-left:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#212735;border-radius:.5rem;padding:.5rem;color:#fff;border:1px solid #d6d0d0}.submit-solution-form input{padding:.4rem .5rem;width:50%;color:#fff;border:1.25px solid #d6d0d0;background-color:#212735;border-radius:8px;margin-left:1rem}.code-editor-container{width:100%;margin:0 auto 4rem;background-color:#222633;padding:2rem;box-sizing:border-box;border-radius:1rem}.submit-solution-code-editor{font-size:.75rem}.submit-solution-form button{background-color:#3cdb7c;color:#fff;padding:.75rem;border-radius:.5rem;border:none;outline:none;margin-top:1rem;align-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1rem;font-weight:500}.submit-solution-form button:hover{cursor:pointer}.code-editor-container>.login-form__validation-errors{margin-bottom:1.5rem}.language-solution-title{font-size:1.25rem;margin-top:0;margin-bottom:1rem;font-weight:400}.not-found-page{width:100%;display:flex;flex-direction:column;justify-content:center}.not-found-header{font-size:4rem;letter-spacing:2px}.not-found-header,.not-found-page>h3{color:#444;text-align:center;margin-bottom:0}.not-found-page>h3{font-size:2rem;letter-spacing:.5px;margin-top:.25rem}.not-found-page>h5{color:#444;font-size:1rem;margin-top:.5rem;text-align:center;font-weight:400}.problem-details-page-container{background-color:#1d212e;width:100%}.problem-details-content-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2rem}
/*# sourceMappingURL=main.59fecda4.chunk.css.map */