.signup-component{display:flex;align-items:center;justify-content:center;margin-top:5rem}.signup-container{width:20rem;height:100%;border:rgba(128,128,128,.377) solid 1px;border-radius:5px;padding:1rem}.signup-container form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;row-gap:1rem}.signup-form-input{width:242px;color:var(--dark-text)}.signup-form-button{width:250px;border:none;border-radius:5px;background-color:var(--primary);color:#373f51;height:30px;margin-bottom:35px;margin-top:20px}.signup-page-input-text{font-size:x-small;padding-bottom:4px}.signup-form-button-click-here{background:none;border:none;padding-left:.5rem;font-size:x-small}.already-have-acct{font-size:x-small;padding-top:10px}.signup-form-errors{border-color:#ff9191;box-shadow:0 0 3px #ff9191;background-color:#ffbaba!important}.signup-error-text{font-size:x-small;color:#ff9191;margin-top:.2rem}.all-developers{justify-content:center;width:100%;display:flex;flex-wrap:wrap;gap:8rem;color:var(--text);height:fit-content;max-height:10vh;padding:8vh 0vh 10vh;box-sizing:border-box;background:#323232;background:linear-gradient(180deg,#323232b2,#171717 38%)}.developer-container{border-top:var(--primary-opacity) solid .01rem;border-bottom:var(--primary-opacity) solid .01rem;font-weight:500;display:flex;align-items:center;padding:.5rem 0;gap:.5rem}.developer-links-container{color:var(--primary);display:flex;justify-content:center;align-items:center;gap:.3rem}.developer-links-container img{width:18px;height:18px}.developer-github,.developer-linkedin{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 900px),(max-height: 600px){.all-developers{display:none}}.login-component{display:flex;align-items:center;justify-content:center;margin-top:5rem}.login-container{width:20rem;height:100%;border:rgba(128,128,128,.377) solid 1px;padding:1rem;border-radius:5px}.login-container form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;row-gap:1rem}.login-form-button{width:250px;border:none;border-radius:5px;background-color:var(--primary);color:#373f51;height:30px;margin-top:20px}.login-form-input{width:242px;height:25px;color:#000}.login-page-input-text{font-size:x-small;padding-bottom:4px}.login-demo-user{margin-bottom:25px;border:none;text-decoration:underline;background-color:var(--dark-text)}.login-form-error{border-color:#ff9191;box-shadow:0 0 3px #ff9191;background-color:#ffbaba!important}.login-error-text{font-size:x-small;color:#ff9191;margin-top:.2rem}.nav-container{background-color:transparent;padding:.6rem 1.5rem;width:100%;height:100%}.nav-links-home{display:flex;justify-content:center}.nav-links{display:flex;justify-content:space-between;align-items:center}.logo{max-width:9.5vw}.nav-links-other{display:flex}.nav-links-login-and-signout{display:flex;align-items:center;gap:1rem;font-size:1.5vw!important}.nav-links-login-and-signout div{color:var(--text);text-decoration:none;position:relative}.nav-links-login-and-signout div:after{content:"";position:absolute;left:0;bottom:0;width:0;height:.1rem;background-color:#20cc09;transition:width .3s ease}.nav-links-login-and-signout div:hover:after{width:100%}@media only screen and (max-width: 768px){.logo{max-width:14vw}.profile-setings-button,.logout-button{background:none;border:none;cursor:pointer;display:block;padding:.5rem 1rem;width:100%;text-align:left;color:#fff;font-size:1vw}.nav-links-login-and-signout{font-size:1.4rem}}#welcome-message{font-size:4vw;font-weight:700;text-align:center}.on{width:100%;transition:width .5s 1s}.landing-page{flex-direction:column;justify-content:center;width:100%;background-color:#323232}.landing-page-description{flex:1;max-width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vw}#imgBanner img{opacity:0;animation:fadeIn .5s ease-in-out 1s forwards;width:40vw;height:30vw}#header-section{display:flex;padding:10vh 0vh 15vh}.landing-page-get-started{border:none;padding:0 1vw;border-radius:.5rem;background-color:var(--primary);color:var(--dark-text);font-size:1.7vw;font-weight:500;transition:background-color .3s ease,color .3s ease}.landing-page-get-started:hover{background-color:transparent;border:solid var(--primary-opacity) .01rem;color:var(--text)}.landing-text-one{font-size:2vw}.landing-text-two{font-size:1.7vw}.landing-text-three{font-size:1.6vw}#languages-section{max-width:100%;background:#171717;background:linear-gradient(180deg,#171717a5,#171717 24%,#191919 79%,#323232)}#language-section-description{padding:5vh;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}h2{text-align:center;color:#20cc09;font-size:3rem}#language-section-description h2{margin-top:5vh;text-align:center;color:#20cc09;font-size:3rem}#language-section-description p{font-size:1.5rem;margin-top:2vw;text-align:center}#languages-lineup{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:1vw;width:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000)}.languages-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2vw;margin-top:5vh}.languages-card img{width:12vw;height:auto}#flask{width:12.5vw}#redux{width:13vw}#agora{width:15.5vw}#gemini{width:13vw}.languages-card p{font-size:1.2rem;margin-top:.5vh}#benefits-section{padding-top:15vh;padding:20vh 0vh 10vh;background-color:#323232;display:flex;justify-content:space-evenly}#benefits-section-description{display:flex;flex-direction:column;width:40%;margin:3vw 5% 0vw 10%}#benefits-section-description p{font-size:1.5rem;margin:2vw 0vw}#benefits-section-description h2{margin-bottom:2vw;text-align:start}#benefits-section-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:30px;row-gap:30px;width:40%;margin:3vw 5% 0% 0%}.benefit-card{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:space-around;padding:2vw;border:solid #20CC09 3px;border-radius:10px}.benefit-card img{height:13vw;width:13vw}.benefit-card p{font-size:1.5rem;margin-top:2vw;text-align:center}#call-to-action-section{background-color:#323232;padding:5vh 0vh 7vw 0vh}#call-to-action{width:100%;padding:5vh;display:flex;justify-content:space-around;background-color:#171717}@media only screen and (max-width: 425px){#imgBanner{display:none}#welcome-message{font-size:2.5rem}.landing-page-get-started{height:fit-content;padding:2vw}#languages-section{display:flex;flex-direction:column;align-items:center}#languages-lineup{max-width:85%}#benefits-section-cards{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);min-height:15vw}}@media only screen and (max-width: 1200px){#imgBanner{display:none}.landing-page{flex-direction:column}.landing-page-description{max-width:100%}.landing-text-one{font-size:3vw}.landing-text-two{font-size:2.5vw}.landing-text-three{font-size:2.3vw}.languages-card img{width:13vw;height:auto}#flask{width:14vw}#agora{width:16vw}#benefits-section{flex-direction:column;align-items:center}#benefits-section-description h2{text-align:center}#benefits-section-description{width:80%;margin:3vw 0vw 0vw}#benefits-section-cards{width:80%;margin-right:0vh}#call-to-action{flex-direction:column}#call-to-action p{text-align:center}.landing-page-get-started{margin-top:3vw;font-size:1.7rem;align-self:center}}@media only screen and (max-width: 1440px){.landing-page-cool-image{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#messages-container{width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column-reverse;color:var(--text);gap:.2rem;background-color:#323232;border-radius:.6rem;max-height:80%}#paired-chat-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-right:.3rem;padding-bottom:.3rem;gap:.2rem;flex:1;max-width:18vw}#send-message{border:none;background-color:transparent;color:var(--text);display:flex;justify-content:center;align-items:center}.chat-logs-header{border-bottom:rgba(255,255,255,.1) .01rem solid;width:100%;text-align:center}.message-input{width:100%;color:var(--input-text-messages);background-color:transparent;border:none;resize:none;font-size:1vw;outline:none}.message-input::placeholder{padding-top:.6vw}.message-input-form{position:relative;width:100%;display:flex;background-color:#5e5e5eb3;border-radius:.1rem;padding:0 .3vw;align-items:center;justify-content:space-between}.chat-message{border-top:solid .01rem var(--primary-opacity);padding:8px 12px;display:flex;gap:.6rem;align-items:center}.message-user-info{display:flex;gap:5px;align-items:center}.message-time-updated{font-size:10px}.message-text{word-break:break-all}.message-profile-pic{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.videos{border-radius:.5rem;display:flex;justify-content:center;align-items:center;max-width:15vw;max-height:15vw;border:solid var(--primary-opacity) .1rem;overflow:hidden;position:relative}#video-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;max-width:18vw;flex:1}.cat-waiting{display:flex;flex-direction:column;font-size:1.5vw}.friend-button{position:absolute;top:0;right:0;background-color:var(--primary-opacity);max-width:fit-content;padding:.2rem;border:none;cursor:pointer;z-index:2;border-radius:.2rem;font-size:.7vw;font-weight:500}.friend-request-buttons{position:absolute;top:0;right:0;display:flex;gap:.3rem;z-index:2}.accept-friend,.reject-friend{max-width:fit-content;padding:.1rem;border:none;cursor:pointer;border-radius:.2rem;font-size:.7vw;font-weight:500}.accept-friend{background-color:var(--primary-opacity)}.reject-friend{background-color:#ff000075}.friend-button:hover,.accept-friend:hover{background-color:var(--primary);color:var(--dark-text)}.reject-friend:hover{background-color:#ff0000b0;color:var(--dark-text)}.video-username{position:absolute;z-index:2;top:0;left:0;padding-left:.2rem}#share-or-generate-problem-container{display:flex;justify-content:center;align-items:center;gap:5px;padding:.5vw}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:4}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:transparent}#remove-friend-modal{width:100%;background-color:var(--background);padding:.6vw;display:flex;flex-direction:column;gap:1vw;border-radius:.2rem;font-size:1.5vw;border:solid 1px var(--primary-opacity)}#remove-friend-modal-buttons{align-self:center;display:flex;gap:1vw}#remove-friend-modal-cancel-button,#remove-friend-modal-confirm-button{border:none;border-radius:.2rem;padding:0 .2rem}#remove-friend-modal-cancel-button{background-color:transparent;color:red;font-size:1vw;font-weight:700}#remove-friend-modal-confirm-button{background-color:var(--primary);color:var(--dark-text);font-size:1vw}#remove-friend-modal-confirm-button:hover{background-color:transparent;color:#fff;border:solid var(--primary-opacity) .03rem}#videos{display:flex;flex-direction:column;row-gap:1.5rem}.vid{display:flex;flex-direction:column;margin:1rem .7rem}.vid>div:first-child()>video{border-radius:50%}#volume-control{position:relative;display:flex}#volume-label{font-size:1.2rem;text-shadow:4px}#follow-user{width:100%}.controls{display:flex;justify-content:center;align-items:center;max-width:100%;gap:.5vw;padding-top:.5vw;margin-top:auto}#toggle-mute{color:#000;border-radius:4px}#volume-slider{display:flex;flex-direction:column;row-gap:10px}.PB-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:5px;background:#d5dbe1;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.PB-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background-color:#20cc09;cursor:pointer;transition:.3s ease-in-out}.PB-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px #00000029;transition:.3s ease-in-out}.PB-range-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background-color:#000;cursor:pointer}.PB-range-slider-div{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-radius:6px;box-shadow:0 1px 2px #1f1e241f}.PB-range-slidervalue{font-weight:600}.container{--size: 30px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none}.container .microphone-slash{animation:keyframes-fill .5s}.container .microphone{display:none;animation:keyframes-fill .5s}.container input:checked~.microphone-slash{display:none}.container input:checked~.microphone{display:block}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container{border:none;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:100%;background-color:#2b2d31}@keyframes keyframes-fill{0%{transform:rotate(0) scale(0);opacity:0}50%{transform:rotate(-10deg) scale(1.2)}}#leave-room{border:none;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:100%}#share-screen-button{width:3rem;height:3rem;border:none;display:flex;justify-content:center;align-items:center;background-color:#2b2d31;border-radius:100%;color:var(--text)}#stop-screen-share{width:3rem;height:3rem;border:none;display:flex;justify-content:center;align-items:center;background-color:red;border-radius:100%;color:var(--text)}#ide-container{display:flex;flex-direction:column;flex:1;max-height:95%;justify-content:space-between;width:100%}#IDE-container{flex:1;display:flex;flex-direction:column;justify-content:space-between}#generated-problem-container{overflow:scroll;background-color:#515151;border:solid .01rem var(--primary);border-radius:.5rem;padding:.5rem;flex:1;max-height:35%;width:100%}#user-results{display:flex;gap:10px}#python-button,#javascript-button,#ide-submit-button{color:#000}#ide-submit-button{background-color:var(--primary);border:none;border-radius:.2rem;padding:0 .3rem;font-size:1vw}#ide-submit-button:hover{cursor:pointer;background-color:transparent;border:solid var(--primary-opacity) .03rem;color:#fff}#ide-button-container{display:flex;gap:1vw}.cm-theme{height:auto!important}.show-stoudt-results{background-color:orange;font-size:1vw;color:var(--dark-text);border:none;border-radius:.2rem;padding:0 .3rem}.show-stoudt-results:hover{cursor:pointer;background-color:transparent;border:solid orange .03rem;color:#fff}.stoudt-pass{color:green}.stoudt-fail{color:#cb1f1f}#stoudt-container{width:50vw;background-color:#282a36;display:flex;flex-direction:column;padding:20px}#stoudt-container>p{font-size:24px;font-weight:500}#test-case-swap{display:flex;gap:15px;margin-top:5px;margin-bottom:18px}#selected-test-case-button{background-color:#ffffff24}.test-case-button{padding-left:10px;padding-right:10px;display:flex;gap:10px;font-weight:500;color:#fff;background-color:#282a36;border-radius:.5rem;border:none;align-items:center}.test-case-button:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));background-color:#ffffff24;cursor:pointer}#stoudt-container>div:last-child{display:flex;flex-direction:column;gap:20px}#stoudt-container>div:last-child>div{background-color:#ffffff24;border-radius:.5rem;padding:10px}.pass-green{color:green;font-size:30px;padding:0;margin:0;text-align:center}.fail-red{color:red;font-size:30px;padding:0;margin:0;text-align:center}.spinning-gemini{animation:spin infinite 2s linear;height:1rem}.gemini-icon{height:1rem}#gemini-regenerate-button{display:flex;justify-content:center;align-items:center;border:solid #5684D1 .04rem;border-radius:.2rem;padding:0 .3rem;gap:.3rem}.dropdown-arrow{transition:transform .3s ease-in-out}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown{background-color:#323232;position:relative;border-radius:.3rem}.dropdown-btn{border:none;background-color:#323232;display:flex;align-items:center;justify-content:space-between;gap:.5vw;padding:.3rem;width:8vw;border-radius:.3rem}.dropdown-btn.open{border-top-left-radius:.3rem;border-top-right-radius:.3rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-btn,.dropdown-menu li{font-size:.9vw}.dropdown-menu{position:absolute;z-index:1;background-color:#323232;width:100%;border-top:solid .01rem var(--primary);border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.dropdown-menu li{padding:.3rem;cursor:pointer;border-bottom:solid .01rem #7f7f7f}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li:hover{background-color:#7f7f7f}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-joined-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/background-Ylns99Nu.png);background-size:50%;background-position:center;background-repeat:repeat}#video-main-wrapper{display:flex;flex:1;width:100%}#join-channel-button-container{display:flex;justify-content:center;align-items:center;flex-grow:1}.join-channel-button{border:solid transparent .01rem;padding:0 1vw;border-radius:.5rem;background-color:var(--primary);color:var(--dark-text);transition:background-color .3s ease}.join-channel-button:hover{background-color:transparent;border:solid var(--primary-opacity) .01rem}.join-channel-button:hover .join-channel-button-text{color:#fff}.join-channel-button .join-channel-button-text{color:var(--dark-text);font-weight:600;font-size:2.5vw;transition:color .5s ease}#join-call-cat-image>img{max-width:477px;max-height:477px}#join-call-cat-image{display:flex;justify-content:center;align-items:center;flex-grow:2}.spinner{border:4px solid rgba(255,255,255,.6);border-radius:50%;border-top:4px solid #3498db;width:20px;height:20px;animation:spin 2s linear infinite}#screen-share-container{display:flex;flex-direction:column;justify-content:center;position:relative;max-width:68vw;max-height:88vh;flex:4;padding:.5rem;align-items:center}#share-screen-placeholder{flex:1;text-align:center;font-size:2vw}#screen-share-container>div>div>video{background-color:transparent!important;width:100%;object-fit:contain!important}.share-screen-cats{object-fit:contain;max-width:100%;filter:brightness(70%);border-radius:1rem}.screen-share>div{height:unset!important}.screen-share{border-radius:.5rem;overflow:hidden;padding:.2rem}.agora_video_player{position:unset!important}.vid>div>div>video,.vid>div>div>div>video{border-radius:4px;position:unset!important;object-fit:contain!important;max-width:100%;height:100%}.video-wrapper{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;position:relative}.spinning-gemini-large{animation:spin infinite 2s linear;width:1.5vw}.gemini-icon-large{width:1.5vw}.gemini-button-large{font-size:1.3vw;border:solid #9168C0 .04rem;padding:0 .5vw;border-radius:.5rem;color:#fff;font-weight:500;background-color:transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:.6vw;transition:border-color .3s ease-in-out}.gemini-button-large:hover{scale:1.01;border-color:#5684d1}#user-socials-container{width:100%;padding:2rem}.user-socials{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.1em}.up-preview,.down-preview{display:flex;flex-direction:row;gap:.1em}#target-user-socials-container{width:100%;padding:2rem}.target-user-socials{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em}.up,.down{display:flex;flex-direction:row;gap:.5em}.card1{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:90px 5px 5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.linkedin-2{margin-top:1.5em;margin-left:1.2em;fill:#fff}.card2{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 90px 5px 5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.portfolio{margin-top:1.5em;margin-left:-.9em;fill:#03a9f4}.card3{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 5px 90px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.github-2{margin-top:-.6em;margin-left:1.2em}.card4{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 90px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.leetcode{margin-top:-.9em;margin-left:-1.2em;fill:#8c9eff}.card1:hover{cursor:pointer;scale:1.1;background-color:#0288d1}.card1:hover .linkedin-2{fill:#fff}.card2:hover{cursor:pointer;scale:1.1;background-color:#c74724}.card2:hover .portfolio{fill:#fff}.card3:hover{cursor:pointer;scale:1.1;background-color:#000}.card3:hover .github-2{fill:#fff}.card4:hover{cursor:pointer;scale:1.1;background-color:#e7a41f}.card4:hover .leetcode{fill:#fff;stroke:#000}#dm-button{color:#000;background-color:var(--primary);height:2rem;width:10rem;border:none}#db-button{color:var(--text);opacity:.7;text-decoration:none;font-size:2.2rem;border:none;background:none;font-weight:600;font-family:Poppins,sans-serif}#db-button:before{margin-left:auto}#db-button:after,#db-button:before{content:"";width:0%;height:2px;background:#20cc09;display:block;transition:.5s}#db-button:hover:after,#db-button:hover:before{width:100%}.profile-buttons{border:solid transparent .01rem;padding:0 1vw;border-radius:.5rem;background-color:var(--primary);color:var(--dark-text);transition:background-color .3s ease}.profile-buttons:hover{background-color:transparent;border:solid var(--primary-opacity) .01rem;color:var(--text)}.terminal_toolbar{display:flex;height:30px;align-items:center;padding:0 8px;box-sizing:border-box;background:linear-gradient(#504b45,#3c3b37)}.butt2{display:flex;align-items:center}.btn2{display:flex;justify-content:center;align-items:center;padding:0;margin-right:5px;font-size:8px;height:12px;width:12px;box-sizing:border-box;border:none;border-radius:100%;background:linear-gradient(#7d7871,#595953);text-shadow:0px 1px 0px rgba(255,255,255,.2);box-shadow:0 0 1px #41403a,0 1px 1px #474642}.btn-color{background:#ee411a}.btn2:hover{cursor:pointer}.btn2:focus{outline:none}.butt2--exit{background:linear-gradient(#f37458,#de4c12)}.user{color:#d5d0ce;margin-left:6px;font-size:14px;line-height:15px}.terminal_body{background:#380428e6;height:calc(100% - 30px);padding-top:2px;margin-top:-1px;font-size:12px}.terminal_promt{display:flex;width:100%;overflow:hidden}.terminal_promt span{margin-left:4px}.terminal_user{color:#7eda28;font-size:3rem;text-wrap:wrap}.terminal_location{color:#4878c0;font-size:3rem}.terminal_bling{color:#ddd;font-size:3rem;text-wrap:wrap}.terminal_cursor{display:block;height:3.4rem;width:5px;margin-left:10px;animation:curbl 1.2s linear infinite}@keyframes curbl{0%{background:#fff}49%{background:#fff}60%{background:transparent}99%{background:transparent}to{background:#fff}}#user-profile-main{display:flex;flex-direction:column;flex:1;border-bottom:var(--primary) solid .1rem;margin-bottom:1rem}.user-dash-main-content{padding:20px 30px}#user-profile-content-container{border:28px solid #171717;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}#user-profile-content-container>div{height:82vh;overflow:scroll}.user-dash-navigation{display:flex;gap:15px}.user-dash-navigation>div{width:190px;height:42px;border-top-left-radius:7px;border-top-right-radius:7px;background-color:#171717;display:flex;justify-content:center;align-items:center}.user-dash-navigation>div:hover{cursor:pointer}.user-dash-navigation>div p{font-weight:600}.vr-line{width:2px;height:100vh;background-color:#fff;margin-left:12rem}#user-friends{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}#user-friends div{font-size:2.2rem}#each-friend{margin-bottom:5px;margin-left:5px;border-bottom:1px solid var(--primary)}#target-profile-main{width:100%;display:flex;border-bottom:var(--primary) solid .01rem;border-top:var(--primary) solid .01rem}#target-profile-container{display:flex;width:100vw;flex:1}#target-profile-header,#target-profile-content{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:0 1rem;margin:.5rem 0}#user-profile-content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:50%;height:100%;padding-right:5rem;padding-left:5rem;border-right:1px solid var(--primary);justify-content:space-evenly}#targetuser-username{font-size:3rem;color:var(--primary)}#targetuser-pfp>img{width:8rem;height:8rem;border-radius:50%}#targetuser-info{display:flex;flex-direction:column}#targetuser-info>span:first-child{font-size:2.2rem}#targetuser-info-container{display:flex;align-items:center;gap:1rem}#targetuser-profile-split{display:flex;justify-content:space-between;align-items:flex-start;width:100%}#target-profile-text{font-size:2rem}.hr-line{height:2px;background-color:#fff;width:100%}.hr-line-primary{height:2px;background-color:var(--primary);width:100%}#target-user-socials>div>*{color:var(--text)}#target-user-about>h3,#target-user-socials>h3{color:var(--primary);font-size:1.5em}#targetuser-friends-container{flex:1;width:50%;padding:1rem 5rem;height:100%}#targetuser-following{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:100%}#follower-image-container>img{width:90px;height:90px;border-radius:50%}#following-container{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:1rem}#targetuser-following-container>h2,#targetuser-followers-container>h2{text-align:center;color:var(--text)}#friends-username{font-size:1rem}#targetuser-following-container,#targetuser-followers-container{width:45%;height:100%;display:flex;flex-direction:column;align-items:center}#dash-pfp>img{width:5rem;height:5rem;border-radius:50%}.follow-scroll{overflow:scroll}.edit-user-page{display:flex;flex-direction:column;width:100%;align-items:center;gap:2rem;background-color:#171717}.edit-user-page-title{font-size:2.5vw;font-weight:500;border-bottom:var(--primary-opacity) solid .01rem}#edit-user-profile-form{display:flex;flex-direction:column;width:100%;align-items:center;gap:2rem}#edit-user-profile-form>*{font-size:1.3vw}#edit-form-content-wrapper{display:flex;width:100%;justify-content:space-evenly}.edit-form{--width-of-input: 200px;--border-height: 1px;--border-before-color: rgba(221, 221, 221, .39);--border-after-color: #20cc09;--input-hovered-color: #4985e01f;position:relative;width:var(--width-of-input)}.edit-input{color:#fff;font-size:.9rem;background-color:transparent;width:100%;box-sizing:border-box;padding-inline:.5em;padding-block:.7em;border:none;border-bottom:var(--border-height) solid var(--border-before-color)}.input-border{position:absolute;background:var(--border-after-color);width:0%;height:2px;bottom:0;left:0;transition:.3s}.edit-form>label>input:focus{outline:none}.edit-form>label>input:focus~.input-border{width:100%}.image-upload{border:var(--text).01rem dashed;width:5rem;height:5rem;border-radius:100%;align-self:center;background-color:var(--modal-background);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text);font-size:1rem;position:relative}.image-upload-input{display:none}.upload-name{text-align:center;color:var(--text);padding:.7rem;font-size:.6vw;word-break:break-all}.image-label{align-self:center;padding:0 .7rem}.image-dot{background-color:var(--primary);width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;top:0;right:.5rem;color:#fff}#profile-main{background-color:#171717}#profile-header{display:flex;height:5%;justify-content:flex-start;align-items:center;font-size:1.5vw;gap:.5rem;padding-bottom:.5rem;border-bottom:var(--primary-opacity) solid .1rem}#edit-profile-mode{background-color:var(--primary);color:#000;height:2rem;width:10rem}#profile-content{display:flex;flex-direction:column}#info-container{display:flex;gap:1rem}#info-container>div:first-child{display:flex;align-items:center;height:200px;width:80%}.edit-profile-button{display:flex;justify-content:center;align-items:flex-start}.edit-profile-button>button{margin-top:20px;font-size:23px;color:#fff;font-weight:600;border-radius:5px;width:200px;height:50px}#pfp{display:flex;justify-content:center;align-items:center;margin-right:20px;height:190px;width:190px}#pfp>img{width:100%;height:100%;border-radius:10px;box-shadow:15px 14px 36px #0000004d}#info{display:flex;flex-direction:column;height:100%}#info>*{font-size:.8rem}#info>span:first-child{font-size:2.2rem;font-weight:600;color:var(--primary);margin-top:20px}#info>span:nth-child(2){font-size:1.1rem;margin-bottom:8px}.profile-buttons-container>span{font-size:1.1rem;font-weight:600}.profile-buttons-container>span:first-child{margin-right:15px}#profile-about>div{font-size:2.2rem;font-weight:600}#profile-about>p{font-size:1.1rem;font-weight:200}.profile-buttons-container{display:flex;gap:.3rem}#info-container{padding-bottom:1rem}#user-socials-container{display:flex!important;justify-content:flex-start!important;margin-top:20px!important}.friends-container{display:flex;position:sticky;bottom:0;left:0;margin-right:1rem;margin-bottom:0;justify-content:flex-end}.friends__dropdown-container{display:flex;flex-direction:column;background-color:transparent;box-shadow:0 0 10px #000;min-width:18rem}.friends-button{display:flex;justify-content:space-between;align-items:center;background-color:#323232;font-size:1.2rem;padding:.5rem 1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border:none}.friend{display:flex;justify-content:space-between;align-items:center;background-color:#323232;padding:.5rem 1rem;border-bottom:1px solid black;font-size:1.1rem}.friends__dropdown-container>div:last-child{border:none}.friend-pfp{width:50px;height:50px;cursor:pointer}#statistics-main{background:#171717}.statistics-info-section{padding-top:60px;display:flex;justify-content:center;gap:40px}.statistics-info-section>div{display:flex;flex-direction:column;justify-content:center;padding:0 50px;width:350px;height:220px;border-radius:10px;background:#515151;box-shadow:15px 14px 36px #0009}.statistics-info-section>div>h2{color:var(--primary);font-size:40px}.statistics-info-section>div>p{font-size:26px;font-weight:600}.statistics-info-section+h3{margin-top:100px;margin-bottom:40px;font-size:3.6rem;text-align:center}#leaderboard-container{display:flex;justify-content:center;flex-direction:column}.leaderboard-heading-entry{height:50px;display:flex;align-items:center;justify-content:space-evenly}.leaderboard-heading-entry>div{display:flex;padding-top:18px;width:25%;height:90px;font-size:22px;font-weight:700;background:linear-gradient(to bottom,#646363 60px,#090909 90px)}.leaderboard-heading-entry>div:first-child{border-top-left-radius:10px}.leaderboard-heading-entry>div:last-child{border-top-right-radius:10px}.leaderboard-entry{display:flex;justify-content:space-evenly;background:#515151}.leaderboard-entry>div{display:flex;align-items:center;width:25%;height:70px;font-size:18px;font-weight:400}.leaderboard-entry>div:first-child{padding-left:80px;font-size:30px;font-weight:700;color:var(--primary)}.leaderboard-entry:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.external-profile-main{width:100%;height:100%;padding-left:1.5rem;padding-right:1.5rem;box-shadow:5px 5px 5px #000}.external-profile-container{display:flex;justify-content:space-between;background-color:#323232}.external-profile-wrapper{display:flex;flex-direction:column;gap:1.5rem;background-color:#323232;height:94.6vh;padding:1.5rem 3rem}.external-profile-main .profile-header{display:flex;gap:1.5rem}.external-profile-main .back-button{display:flex;justify-content:center;align-items:center;background-color:transparent;color:#20cc09;margin-bottom:2.5rem;font-size:28px;border:none}.external-profile-main .user-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.external-profile-main .username{color:#20cc09;font-size:48px;font-weight:700}.external-profile-main .joined-date{font-size:24px}.external-profile-main .friends-count,.external-profile-main .problems-count{color:#fff;font-size:24px;font-weight:600}.external-profile-main .statistics{display:flex;justify-content:space-between;gap:3rem}.external-profile-main .about{font-size:48px;font-weight:700}.external-profile-main .description{font-size:18px;font-weight:400}.external-profile-main .follow-button{background-color:#323232;border:1px solid #20CC09;font-size:28px;padding:.5rem 1.5rem;border-radius:15px}.external-profile-main .unfollow-button{background-color:#20cc09;color:#fff;font-size:28px;padding:.5rem 1.5rem;border-radius:15px}.external-profile-main .buttons{padding-top:4rem}:root{--text: #e5f2e3;--background: rgb(17, 17, 17);--primary: #20cc09;--dark-text: #0a0f0e;--primary-opacity: rgb(32, 204, 9, .3);--corner-background: hsl(113, 78%, 12%);--toastify-color-info: rgb(230, 118, 20);--toastify-icon-color-info: var(--toastify-color-info)}#root{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Verdana,Geneva,Tahoma,sans-serif;color:var(--text)}body{display:flex;flex-direction:column;background-color:var(--background);margin:0;width:100dvw}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;z-index:-1}main{flex:1}button{cursor:pointer}a{text-decoration:none}li{list-style-type:none}.accent{color:var(--primary)}::-webkit-scrollbar{display:none}.errors{color:red;text-align:center;font-size:.8rem;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}