@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease}.container{max-width:1200px;font-family:Cascadia Code,sans-serif;margin:0 auto}body{background-color:#f4f3f384}ul{list-style:none}input{outline:none}.navbar{position:sticky;width:100%;top:0;background-color:#fcfafad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:.2px solid rgba(0,0,0,.475);z-index:99}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:20px 0;position:relative}.modal{width:240px;top:60px;right:0;position:absolute;background-color:gray;border-radius:5px;padding:20px 10px;transform:scale(0);transition:all .3s ease}.modal.active{transform:scale(1)}.modal .xmark{width:25px!important;height:25px!important;top:5px;cursor:pointer;right:5px;position:absolute;background-color:#fff!important}.modal h3{font-size:18px;font-weight:600;color:#000;margin-bottom:10px}.modal span{display:block;background-color:#bab9b9;margin-bottom:10px;cursor:pointer;padding:10px 8px;font-size:15px;font-weight:500;border-radius:10px}.modal a{display:block;background-color:#bab9b9;margin-bottom:10px;cursor:pointer;padding:10px 8px;font-size:15px;font-weight:500;border-radius:10px;text-decoration:none;color:#000}.modal span:last-of-type{margin-bottom:0}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.logo svg{font-size:25px;color:#00f}.logo h1{font-size:26px;font-weight:700;color:#000}.navbar .links{display:flex;align-items:center;gap:40px}.navbar .links a{font-size:18px;font-weight:500;color:#000;cursor:pointer;text-decoration:none;position:relative}.navbar .links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0px;height:2px;background-color:#000;transition:all .3s ease}.links a.active:after{width:100%;height:2px}.navbar .links a:before{content:"";position:absolute;bottom:-4px;right:0;width:0px;height:2px;background-color:#000;transition:all .3s ease}.links a.active:before{width:100%;height:2px}.navbar .icons{display:flex;align-items:center;justify-content:right;gap:10px}.navbar .icons p{width:35px;height:35px;border-radius:50%;cursor:pointer;background-color:transparent;color:#000;border:1px solid black;display:flex;align-items:center;justify-content:center}.problems .container{padding:20px 0}.problems-panel .problems_questions .card-problem{display:block;text-decoration:none;color:#000;background-color:#80808065;padding:20px 15px;font-size:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.problems-panel .problems_questions .card-problem:nth-child(odd){background-color:#80808039;border-radius:5px}.problems-panel .problems_questions .card-problem:nth-child(2n){background-color:transparent}.problems-panel .problems_questions .card-problem:hover{background-color:#80808080}.card-problem .title-problems{display:flex;align-items:center;gap:5px}.title-problems .sloved{width:20px;height:20px;background-color:transparent;border-radius:5px;margin-right:4px;position:relative}.sloved span:nth-child(1){display:inline-block;width:7px;height:2px;background-color:green;transform:rotate(43deg);position:absolute;bottom:4px;left:0}.sloved span:nth-child(2){display:inline-block;width:15px;height:2px;background-color:green;transform:rotate(-49deg);position:absolute;bottom:7px;right:2px}.title-problems span{display:block;font-size:20px;font-weight:600}.title-problems h3{font-size:18px;font-weight:500;color:#000}.icons-problems{display:flex;align-items:center;justify-content:right;gap:10px}.icons-problems p{text-align:right;width:80px;font-size:18px;font-weight:600;letter-spacing:1px}.difficulty{font-weight:700}.difficulty.easy{color:green}.difficulty.medium{color:orange}.difficulty.hard{color:red}.loader-border{width:100%}.loader:nth-child(odd){width:100%;height:62px;border-radius:6px;background:linear-gradient(90deg,#cccbcb,#cecdcd,#f6f5f5,#cecdcd,#cccbcb);background-size:500%;animation:loaded 10s linear infinite}.loader:nth-child(2n){width:100%;height:62px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0,#f3f3f3,#fff,#f3f3f3,#f0f0f0);background-size:500%;animation:loaded 10s linear infinite}@keyframes loaded{0%{background-position:0%}50%{background-position:300%}to{background-position:0%}}.codePanels .container{display:flex;align-items:start;justify-content:space-between;padding:10px 0}.coding{width:445px;height:634px;font-size:14px;font-weight:500;border:1px solid rgb(225,223,223);border-radius:6px;padding:10px;overflow-y:scroll}.coding .coding-titles{font-size:28px;font-weight:600}.leveles{display:flex;align-items:center;gap:10px;padding:13px 0}.leveles span{display:block;padding:4px 10px;background-color:#80808062;border-radius:30px;font-size:14px;font-weight:500;letter-spacing:1px;color:#000;cursor:pointer}.difficultys{font-weight:700}.difficultys.easy{color:green}.difficultys.medium{color:orange}.difficultys.hard{color:red}.coding .description{margin-bottom:10px;letter-spacing:1px;font-size:16px;font-family:Fira Code,monospace}.coding .example h2{font-size:20px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:5px}.coding .example h4{font-size:16px;font-weight:600;padding-left:10px;padding-bottom:6px;display:flex;align-items:center;gap:5px}.coding .example h4 span{color:gray}.submitions-borderss{width:750px;overflow:hidden}.testings{width:100%;display:flex;align-items:center;gap:10px;background-color:#f5f4f4;padding:5px 10px}.testings p{padding:6px 10px;border-radius:10px;cursor:pointer;background-color:transparent;transition:all .3s ease;font-size:16px;font-weight:400;color:gray}.testings p:hover{background-color:#e1dfdf}.testings p.active{color:#000;font-weight:900}.submition{display:flex;align-items:start;flex-direction:column;width:100%;background-color:#fff;border:.5px solid rgba(0,0,0,.184);border-radius:10px;margin-top:5px;overflow:hidden}.case-blocktest{width:100%;display:flex;align-items:start;flex-direction:column;gap:15px;display:none;padding:10px}.case-blocktest.active{display:flex}.case-list{width:100%;display:flex;align-items:center;justify-content:left;gap:10px}.case.active{background-color:#ebebeb;border-radius:5px}.case-list p{text-transform:capitalize;border-radius:5px;font-size:17px;font-weight:500;padding:5px 10px;cursor:pointer}.case-list p:hover{background-color:#b8b7b780}.testCase-contents-wide{width:100%}.testCase-contents-wide p{font-size:18px;font-weight:600;background-color:#f3f1f1;margin-bottom:10px;padding:5px 10px;border-radius:5px}.output-box{display:none}.output-box.active{display:block}.editor-boxs{border:1px solid rgb(225,223,223);margin-bottom:10px;border-radius:5px;overflow:hidden}.create-accaunt .container{display:flex;align-items:center;justify-content:center;padding:40px 0}.accaunt-settings{width:600px}.accaunt-settings .btns:nth-child(1){padding:10px 40px;letter-spacing:1px;font-size:16px;font-weight:500;background-color:red}.accaunt-btns{display:flex;align-items:center;gap:10px}.accaunt-settings .btns{padding:10px 40px;letter-spacing:1px;font-size:16px;font-weight:500}.accaunt-settings .settings{display:flex;align-items:start;flex-direction:column;justify-content:left;margin-bottom:20px}.settings label{font-size:18px;font-weight:600;color:#000}.settings input{width:100%;padding:10px;font-size:16px;font-weight:500;color:#000;border-radius:4px;outline:none;border:.4px solid black}.settings input::placeholder{color:#8080809d}.settings textarea{width:100%;height:250px;outline:none;border-radius:6px;resize:none;padding:10px}.signin{width:300px}.profil-me{display:flex;justify-content:center;margin-top:40px}.profil-me .container{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:10px;border:1px solid #ddd;padding:20px;width:320px;box-shadow:0 3px 8px #0000001a}.avatar-box{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #eee}.avatar-img{width:100%;height:100%;object-fit:cover}button{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer}button:hover{background-color:#0056b3}.leaderboard .container{padding:10px 0}.leaderboard ul li{width:20%;text-align:left}.user-title{display:flex;align-items:center;justify-content:space-between;padding:10px;position:sticky;top:87px;background-color:#fff;z-index:9}.leaderboard-contents{margin-top:10px}.user-levles{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px}.avatar{width:100px;height:100px;border:1px solid red;border-radius:50px 30px;position:relative;animation:animation2 1s linear infinite;animation-delay:2s}.avatar-border1{width:100px;height:100px;border:1px solid blue;border-radius:30px 40px;animation:animation 1s linear infinite}.avatar img{width:100%;height:100%;object-fit:contain}.rating-records{display:block;position:absolute;bottom:0}