@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}body{line-height:1;font-family:Inter;width:100%;height:100vh;background-color:#141318}*:focus{outline:none}.locked,.disable{opacity:.5;pointer-events:none}.disable-scrollbar::-webkit-scrollbar{display:none}.scrollbar::-webkit-scrollbar{width:8px;overflow:hidden}.scrollbar::-webkit-scrollbar-track{background:#22222273;border-radius:24px}.scrollbar::-webkit-scrollbar-thumb{border-radius:24px;background:#7a7a7a}@font-face{font-family:"ARP 240";src:url(/assets/fonts/ARPDisplay-240.ttf);font-style:normal;font-display:swap}@font-face{font-family:"ARP 150";src:url(/assets/fonts/ARPDisplay-150.ttf);font-style:normal;font-display:swap}@font-face{font-family:GoogleSansBold;src:url(/assets/fonts/GoogleSansDisplay-Bold.ttf);font-style:normal;font-display:swap}@font-face{font-family:GoogleSansRegular;src:url(/assets/fonts/GoogleSansDisplay-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}.page-top-m{margin-top:8rem!important}@media(max-width:576px){.page-top-m{margin-top:7rem!important}}.underline{text-decoration:underline}.page-bottom-m{margin-bottom:5rem!important}.pointer{cursor:pointer!important}.c-default{cursor:default!important}.c-grab{cursor:grab!important}.c-grabbing{cursor:grabbing!important}.ff-google-n{font-family:GoogleSansRegular}.ff-google-b{font-family:GoogleSansBold}.ff-arp-150{font-family:"ARP 150"}.ff-kanit-n{font-family:var(--font-kanit)}.ff-kanit-b{font-family:var(--font-kanit);font-weight:600}.yellow{color:var(--yellow)}.neon-blue{color:var(--neon-blue)}.white{color:var(--white)}.flex{display:flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.m-0{margin:0}.p-0{padding:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.m-1{margin:4px}.p-1{padding:4px}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.ml-1{margin-left:4px}.mr-1{margin-right:4px}.pt-1{padding-top:4px}.pb-1{padding-bottom:4px}.pl-1{padding-left:4px}.pr-1{padding-right:4px}.m-2{margin:8px}.p-2{padding:8px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.pl-2{padding-left:8px}.pr-2{padding-right:8px}.m-3{margin:12px}.p-3{padding:12px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}.ml-3{margin-left:12px}.mr-3{margin-right:12px}.pt-3{padding-top:12px}.pb-3{padding-bottom:12px}.pl-3{padding-left:12px}.pr-3{padding-right:12px}.m-4{margin:16px}.p-4{padding:16px}.ml-4{margin-left:16px}.mr-4{margin-right:16px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.pl-4{padding-left:16px}.pr-4{padding-right:16px}.m-5{margin:20px}.p-5{padding:20px}.mt-5{margin-top:20px}.mb-5{margin-bottom:20px}.ml-5{margin-left:20px}.mr-5{margin-right:20px}.pt-5{padding-top:20px}.pb-5{padding-bottom:20px}.pl-5{padding-left:20px}.pr-5{padding-right:20px}.m-6{margin:24px}.p-6{padding:24px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.ml-6{margin-left:24px}.mr-6{margin-right:24px}.pt-6{padding-top:24px}.pb-6{padding-bottom:24px}.pl-6{padding-left:24px}.pr-6{padding-right:24px}.m-7{margin:28px}.p-7{padding:28px}.mt-7{margin-top:28px}.mb-7{margin-bottom:28px}.ml-7{margin-left:28px}.mr-7{margin-right:28px}.pt-7{padding-top:28px}.pb-7{padding-bottom:28px}.pl-7{padding-left:28px}.pr-7{padding-right:28px}.m-8{margin:32px}.p-8{padding:32px}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.ml-8{margin-left:32px}.mr-8{margin-right:32px}.pt-8{padding-top:32px}.pb-8{padding-bottom:32px}.pl-8{padding-left:32px}.pr-8{padding-right:32px}.m-9{margin:36px}.p-9{padding:36px}.mt-9{margin-top:36px}.mb-9{margin-bottom:36px}.ml-9{margin-left:36px}.mr-9{margin-right:36px}.pt-9{padding-top:36px}.pb-9{padding-bottom:36px}.pl-9{padding-left:36px}.pr-9{padding-right:36px}.m-10{margin:40px}.p-10{padding:40px}.mt-10{margin-top:40px}.mb-10{margin-bottom:40px}.ml-10{margin-left:40px}.mr-10{margin-right:40px}.pt-10{padding-top:40px}.pb-10{padding-bottom:40px}.pl-10{padding-left:40px}.pr-10{padding-right:40px}.gap-0{gap:0rem}.gap-x-0{column-gap:0rem}.gap-y-0{row-gap:0rem}.gap-1{gap:.25rem}.gap-x-1{column-gap:.25rem}.gap-y-1{row-gap:.25rem}.gap-2{gap:.5rem}.gap-x-2{column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-3{gap:.75rem}.gap-x-3{column-gap:.75rem}.gap-y-3{row-gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-5{gap:1.25rem}.gap-x-5{column-gap:1.25rem}.gap-y-5{row-gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-7{column-gap:1.75rem}.gap-y-7{row-gap:1.75rem}.gap-8{gap:2rem}.gap-x-8{column-gap:2rem}.gap-y-8{row-gap:2rem}.gap-9{gap:2.25rem}.gap-x-9{column-gap:2.25rem}.gap-y-9{row-gap:2.25rem}.gap-10{gap:2.5rem}.gap-x-10{column-gap:2.5rem}.gap-y-10{row-gap:2.5rem}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.333%}.w-2\/3{width:66.666%}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.rounded-full{border-radius:50%}.rounded-lg{border-radius:8px}.w-full{width:100%}.w-16{width:72px}.w-24{width:96px}.w-32{width:128px}.w-40{width:160px}.w-48{width:192px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-16{height:64px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.neon-font-color{color:var(--neon-blue)}.yellow-font-color{color:var(--yellow)}.glassmorphism-light{border:1px solid rgba(255,255,255,.1);background:#ffffff03;-webkit-backdrop-filter:blur(10.1999998093px);backdrop-filter:blur(10.1999998093px)}.glassmorphism-medium{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10.1999998093px);backdrop-filter:blur(10.1999998093px)}.glassmorphism-dark{border:1px solid rgba(255,255,255,.17);background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gls-box{transition:background .3s}.gls-box:hover{background:#fff3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1050;animation:fadeIn .25s ease-in-out;line-height:normal!important}.modal-container{border-radius:12px;width:90%;max-width:500px;position:relative;padding:1.5rem;box-shadow:0 10px 30px #00000040;animation:scaleUp .25s ease-in-out;border:none;margin:0 1rem;display:flex;flex-direction:column;background-color:#1d1d1d}.modal-header-wrapper{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.modal-header{font-size:1.25rem;font-weight:600;letter-spacing:.875px;color:#fff}.modal-subtitle{font-size:.95rem;color:#fff;margin-top:.25rem;text-align:center}.modal-body{font-size:1rem;color:#333}.modal-close{position:absolute;top:12px;right:16px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#eee;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.fade-in{animation:fadeIn .25s ease-in-out forwards}.fade-out{animation:fadeOut .25s ease-in-out forwards}.scale-up{animation:scaleUp .25s ease-in-out forwards}.scale-down{animation:scaleDown .25s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.9)}}.create_form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4rem;align-self:stretch;padding:0 10rem}.form_section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;gap:1.5rem}.form_section .form_section__header{font-family:"ARP 150";font-size:1.5rem;text-align:center}.form_section__row{display:flex;align-items:center;justify-content:center;align-self:stretch;gap:1rem;flex-wrap:wrap}.form_input__field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;flex:1 0 0;gap:.75rem}.form_input__field .form_input__label{font-size:1.25rem;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;align-self:stretch}.form_input__field .form_input__label span{font-size:.75rem}.form_input__field .form_input__text,.form_input__field .form_input__textarea{padding:.75rem 1.5rem;align-self:stretch;border-radius:.5rem;color:#fff;font-size:1rem;display:flex;justify-content:space-between;align-items:center}.form_input__field .form_input__textarea{min-height:4rem;width:auto;resize:vertical}.form_input__field .form_input__dropdown_header,.form_input__field .form_input__multidropdown_header{padding:.75rem 1rem .75rem 1.5rem;align-self:stretch;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.form_input__field .form_input__dropdown_header .dropdown_icon,.form_input__field .form_input__multidropdown_header .dropdown_icon{transition:transform .2s ease}.form_input__field .form_input__dropdown_header .dropdown_icon.rotated,.form_input__field .form_input__multidropdown_header .dropdown_icon.rotated{transform:rotate(180deg)}.form_input__field .form_input__dropdown,.form_input__field .form_input__multidropdown{display:flex;flex-direction:column;align-self:stretch;position:relative}.form_input__field .form_input__dropdown .form_input__dropdown_options,.form_input__field .form_input__dropdown .form_input__multidropdown_options,.form_input__field .form_input__multidropdown .form_input__dropdown_options,.form_input__field .form_input__multidropdown .form_input__multidropdown_options{display:flex;flex-direction:column;gap:.5rem;width:100%;position:absolute;top:3rem;max-height:180px;overflow-y:auto;animation:fadeIn .15s ease-in-out}.form_input__field .form_input__dropdown .form_input__dropdown_options .form_input__dropdown_option,.form_input__field .form_input__dropdown .form_input__dropdown_options .form_input__multidropdown_option,.form_input__field .form_input__dropdown .form_input__multidropdown_options .form_input__dropdown_option,.form_input__field .form_input__dropdown .form_input__multidropdown_options .form_input__multidropdown_option,.form_input__field .form_input__multidropdown .form_input__dropdown_options .form_input__dropdown_option,.form_input__field .form_input__multidropdown .form_input__dropdown_options .form_input__multidropdown_option,.form_input__field .form_input__multidropdown .form_input__multidropdown_options .form_input__dropdown_option,.form_input__field .form_input__multidropdown .form_input__multidropdown_options .form_input__multidropdown_option{padding:.75rem 1.5rem;align-self:stretch;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.form_input__field .form_input__dropdown .form_input__multidropdown_options,.form_input__field .form_input__multidropdown .form_input__multidropdown_options{top:3.5rem}.form_input__field .form_input__multidropdown_selections{display:flex;gap:.5rem;justify-content:flex-start;align-items:center;flex-wrap:wrap}.form_input__field .form_input__multidropdown_selections .form_input__multidropdown_selection{padding:.375rem .5rem .375rem 1rem;border-radius:.5rem;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.create_form__buttons{display:flex;align-self:stretch;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.common_button{display:flex;padding:.75rem 3rem;justify-content:center;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.26);background:#fff;-webkit-backdrop-filter:blur(11.4px);backdrop-filter:blur(11.4px);color:#202020;font-size:var(--auth-input-font-size);font-weight:700;transition:all .15s ease-in-out;box-shadow:0 4px 8px #0000001a}.common_button:hover,.clickbutton:hover{transform:translateY(-2px)}.common_button:active,.clickbutton:active{transform:scale(.96)}.common_button:disabled,.clickbutton:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1024px){.create_form{padding:0 5rem}}@media(max-width:600px){.create_form{padding:0 3rem}}@media(max-width:500px){.create_form{padding:0 1.25rem}}.markdown-input{display:flex;flex-direction:column;gap:.75rem;border-radius:12px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.5rem;flex:1 0 0;line-height:normal}.markdown-label{font-weight:600;font-size:1rem;padding:.5rem 1rem 0;color:#fff}.markdown-toolbar{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:0;flex-wrap:wrap;border-radius:.5rem;overflow:hidden}.markdown-toolbar .left-controls,.markdown-toolbar .right-controls{display:flex;gap:0}.markdown-toolbar button{border:none;background:transparent;cursor:pointer;font-weight:500;font-size:.9rem;padding:.5rem .8rem;color:#fff;transition:all .15s ease}.markdown-toolbar button:hover{background:#fff3}.markdown-toolbar button.active{background:#ffffff4d;color:#fff;border-bottom:2px solid #fff}.markdown-textarea{min-height:200px;border-radius:8px;border:none;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;outline:none;color:#fff}.markdown-textarea::placeholder{color:#fff9}.markdown-preview{border-radius:8px;padding:1rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;min-height:200px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:1rem;font-weight:700;line-height:1.2;color:#fff}.markdown-preview ul,.markdown-preview ol{padding-left:1.5rem;color:#fff}.markdown-preview a{color:#6cf;text-decoration:underline}.markdown-preview code{background:#fff3;padding:.2rem .4rem;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875em;color:#fff}.markdown-preview blockquote{border-left:4px solid rgba(255,255,255,.4);margin:.5rem 0;padding-left:1rem;color:#fffc}.attachment-area{padding:.25rem;font-size:.9rem;color:#fff}.link-input-popup{display:flex;gap:.5rem;padding:.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;box-shadow:0 2px 6px #0003;align-items:center}.link-input-popup input{padding:.4rem .6rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:.9rem;flex:1;background:#ffffff1a;color:#fff;outline:none}.link-input-popup input:focus{border-color:#6cf;box-shadow:0 0 5px #6cf6}.link-input-popup button{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.link-input-popup button:first-of-type{background-color:#6cf;color:#fff}.link-input-popup button:first-of-type:hover{background-color:#39f}.link-input-popup button:last-of-type{background-color:#fff3;color:#fff}.link-input-popup button:last-of-type:hover{background-color:#ffffff4d}.notfound{background:linear-gradient(271deg,#0000 30.62%,#000 87.07%),url(/assets/bg/moon.jpeg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center;z-index:1}.list__page{--scale-by: 1;--list-padding: 9rem 4rem;--list__action_bts-padding: .75rem 2rem;--list-gap: calc(var(--scale-by) * 1.5rem);--list__header-font-size: 3.75rem;--list__action_bts-font-size: 1rem;--dark-color: #fff}.list__page{display:flex;padding:var(--list-padding);flex-direction:column;align-items:flex-start;gap:var(--list-gap)}.list__page .list__header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex-wrap:wrap;gap:1rem}.list__page .list__header .header_text{font-size:var(--list__header-font-size);color:var(--dark-color)}.list__page .list__header .action_bts{display:flex;gap:.75rem;flex-wrap:wrap}.list__page .list__header .action_bts .bts{padding:var(--list__action_bts-padding);border-radius:5rem;color:var(--dark-color);font-size:var(--list__action_bts-font-size)}@media(max-width:700px){.list__page{--list-padding: 6rem 2rem}}@media(max-width:500px){.list__page{--list__action_bts-padding: .75rem 1.25rem;--list__header-font-size: 2.5rem;--list__action_bts-font-size: .75rem}}.auth_container{--scale: .8;--auth-switch: var(--neon-blue);--auth_container--padding: 0 calc(1.5rem * var(--scale)) 0 calc(4rem * var(--scale));--auth-switch-font-size: calc(1.25rem * var(--scale));--auth-title-top-font-size: calc(3.5rem * var(--scale));--auth-title-bottom-font-size: calc(2rem * var(--scale));--auth-input-padding: calc(14px * var(--scale)) calc(20px * var(--scale));--auth-input-font-size: calc(1.375rem * var(--scale));--auth-input-gap: calc(2rem * var(--scale));--auth-submit-padding: calc(.75rem * var(--scale)) calc(3rem * var(--scale))}.auth_container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin:var(--auth_container--padding);max-width:calc(600px * var(--scale))}.auth_container .form_container{display:flex;flex-direction:column;align-items:flex-start;gap:calc(30px * var(--scale))}.auth_container .form_container header{display:flex;flex-direction:column;align-items:flex-start;gap:calc(20px * var(--scale));align-self:stretch}.auth_container .form_container header .title{color:var(--white);font-family:"ARP 240";font-size:var(--auth-title-top-font-size)}.auth_container .form_container header .title .lower-half{font-size:var(--auth-title-bottom-font-size)}.auth_container .form_container header .title .highlight{color:var(--auth-title-highlight)}.auth_container .form_container header .switch{color:#fff;font-family:GoogleSansRegular;font-size:var(--auth-switch-font-size);letter-spacing:.4px}.auth_container .form_container .auth_switch{color:var(--auth-switch)}.auth_container .form_container .extra_button{color:var(--yellow)}.auth_container .form_container form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--auth-input-gap);align-self:stretch}.auth_container .form_container form .ly{display:flex;align-items:center;gap:var(--auth-input-gap);align-self:stretch}.auth_container .form_container form .ly .input-wrapper{position:relative;display:flex;align-self:stretch;flex:1 0 0}.auth_container .form_container form .extra-content{font-size:.75rem;color:var(--white)}.input_box{display:flex;padding:var(--auth-input-padding);flex:1 0 0;align-self:stretch;font-family:GoogleSansRegular;color:var(--white);font-size:var(--auth-input-font-size);border-radius:calc(10px * var(--scale))}.input_box::placeholder{font-family:GoogleSansRegular;color:#ffffffaf;font-size:var(--auth-input-font-size)}@media screen and (max-width:1024px){.auth_container{--scale: .8}}@media screen and (max-width:768px){.auth_container{--scale: .75}.auth_container .ly{flex-direction:column}}@media screen and (max-width:480px){.auth_container{--scale: .7;--auth_container--padding: 0 calc(1.5rem * var(--scale)) 0 calc(2rem * var(--scale))}}.register{background:linear-gradient(271deg,#0000 30.62%,#000 87.07%),url(/assets/bg/earth.jpg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.login{background:linear-gradient(271deg,#0000 30.62%,#000 87.07%),url(/assets/bg/earth.jpg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.confirm_email{--scale: .8;--confirm_section--padding: 0 calc(1.5rem * var(--scale)) 0 calc(4rem * var(--scale));--confirm-input-font-size: calc(1.375rem * var(--scale));--confirm-submit-padding: calc(.75rem * var(--scale)) calc(3rem * var(--scale));--confirm__text-font-size:calc(3rem * var(--scale));--confirm__text__subtext-font-size:calc(1.5rem * var(--scale))}.confirm_email{background:linear-gradient(271deg,#0000 30.62%,#000 87.07%),url(/assets/bg/moon.jpeg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.confirm_email .confirm__section{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;margin:var(--confirm_section--padding);gap:2rem}.confirm_email header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.confirm_email header .confirm__text{font-size:var(--confirm__text-font-size);font-family:"ARP 240";text-align:center}.confirm_email header .confirm__text__subtext{font-size:var(--confirm__text__subtext-font-size);text-align:center}.confirm_email .confirm_button{display:flex;padding:var(--confirm-submit-padding);justify-content:center;align-items:center;border-radius:calc(10px * var(--scale));border:1px solid rgba(255,255,255,.26);background:#fff;-webkit-backdrop-filter:blur(11.4px);backdrop-filter:blur(11.4px);color:#202020;font-family:GoogleSansRegular;font-size:var(--confirm-input-font-size);font-weight:700}@media screen and (max-width:1024px){.confirm_email{--scale: .8}}@media screen and (max-width:768px){.confirm_email{--scale: .75}}@media screen and (max-width:480px){.confirm_email{--scale: .7;--confirm_section--padding: 0 calc(1.5rem * var(--scale)) 0 calc(2rem * var(--scale))}}.forgot-password{background:linear-gradient(271deg,#0000 30.62%,#000 87.07%),url(/assets/bg/earth.jpg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.forgot-form{display:flex;flex-direction:column;gap:1rem}.forgot-input{padding:.75rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;font-family:GoogleSansRegular}.forgot-input::placeholder{font-family:GoogleSansRegular}.forgot-submit{background:#fff;color:#1b1b1b;font-size:1rem;padding:.75rem;border:none;border-radius:8px;cursor:pointer;transition:.2s ease-in-out}.forgot-submit:disabled{opacity:.5;cursor:not-allowed}.home{--scaleby: .9;--home-width: 100%;--home-height: 100%;--home-content-margin-x: calc(4.375rem * var(--scaleby));--home-content-gap: calc(8rem * var(--scaleby));--ls-headline-gap: calc(5.625rem * var(--scaleby));--headline-gap: calc(1.75rem * var(--scaleby));--headline-text-gap: calc(1.875rem * var(--scaleby));--headline-font-size: calc(5rem * var(--scaleby));--headline-sub-font-size: calc(3.125rem * var(--scaleby));--headline-minor-font-size: calc(1.25rem * var(--scaleby));--headline-minor-letter-spacing: calc(.0125rem * var(--scaleby));--main-tabs-gap: calc(3.75rem * var(--scaleby));--tab-padding-y: calc(1rem * var(--scaleby));--tab-padding-x: calc(2.25rem * var(--scaleby));--tab-min-width: calc(11.875rem * var(--scaleby));--tab-font-size: calc(1.875rem * var(--scaleby));--tab-letter-spacing: calc(-.025rem * var(--scaleby));--tab-border-radius: calc(50px * var(--scaleby))}.home{width:var(--home-width);height:var(--home-height);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home .home-content{display:flex;margin:0 var(--home-content-margin-x);flex-direction:column;align-items:center;gap:var(--home-content-gap);align-self:stretch}.home .ls-headline{display:flex;flex-direction:column;align-items:center;gap:var(--ls-headline-gap)}.home .ls-headline .headline{display:flex;flex-direction:column;align-items:center;gap:var(--headline-gap)}.home .ls-headline .headline .headline-text{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--headline-text-gap);color:var(--white);font-family:"ARP 150";text-align:center;font-size:var(--headline-font-size);text-transform:capitalize}.home .ls-headline .headline .headline-text .tp-text{color:#ffffff80;font-size:var(--headline-sub-font-size)}.home .ls-headline .headline .headline-text-minor{color:var(--white);text-align:center;font-family:GoogleSansRegular;font-size:var(--headline-minor-font-size);text-transform:capitalize;letter-spacing:var(--headline-minor-letter-spacing)}.home .ls-headline .main-tabs{display:flex;align-items:center;gap:var(--main-tabs-gap)}.home .ls-headline .main-tabs .tab{min-width:var(--tab-min-width);display:flex;padding:var(--tab-padding-y) var(--tab-padding-x);justify-content:center;align-items:center;border-radius:var(--tab-border-radius);color:var(--white);font-family:Kanit;font-size:var(--tab-font-size);letter-spacing:var(--tab-letter-spacing);text-transform:capitalize}@media(max-width:1200px){.home{--scaleby: .9}}@media(max-width:992px){.home{--scaleby: .8}}@media(max-width:768px){.home{--scaleby: .7}}@media(max-width:576px){.home{--scaleby: .6}}@media(max-width:450px){.home{--scaleby: .5}}.navbar{--navbar-scale: 1;--navbar-padding: calc(1.875rem * var(--navbar-scale)) calc(4.375rem * var(--navbar-scale)) calc(1.25rem * var(--navbar-scale)) calc(4.375rem * var(--navbar-scale));--navbar-links-font-size: calc(1.5rem * var(--navbar-scale));--navbar-links-gap: calc(2rem * var(--navbar-scale));--navbar-signup-padding: calc(1rem * var(--navbar-scale)) calc(2.25rem * var(--navbar-scale));--navbar-logo-font-size: calc(1.5rem * var(--navbar-scale));--navbar-link-padding: calc(.625rem * var(--navbar-scale));--navbar-action-padding: calc(.625rem * var(--navbar-scale))}.logo{height:2.5rem}.full_logo{display:none;height:2.5rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:var(--navbar-padding);background:linear-gradient(0deg,#b9b9b900,#000c 70%)}.navbar .navbar__left{display:flex;align-items:center;gap:var(--navbar-links-gap)}.navbar .navbar__logo{font-size:var(--navbar-logo-font-size)}.navbar .navbar__links{display:flex;align-items:center;gap:var(--navbar-links-gap);list-style:none}.navbar .navbar__links .navbar__link{display:flex;padding:var(--navbar-link-padding);justify-content:center;align-items:center;color:var(--nav-text-color);font-family:var(--nav-text-font);font-size:var(--navbar-links-font-size);letter-spacing:-.025rem;text-transform:capitalize;white-space:nowrap}.navbar .navbar__links .navbar__link:hover{color:var(--nav-text-hover-color)}.navbar .navbar__right{display:flex;gap:var(--navbar-links-gap)}.navbar .navbar__hamburger{display:none;cursor:pointer;justify-content:center;align-items:center}.navbar .setting{display:flex;justify-content:center;align-items:center;gap:.5rem}.navbar .setting .name_rating{display:flex;flex-direction:column;justify-content:center;gap:.25rem;align-self:stretch}.navbar .setting .name_rating .name{font-weight:600}.navbar .setting .name_rating .rating{font-size:.875rem;font-weight:500;color:#ffffffbd}.navbar .navbar__action{display:flex;padding:var(--navbar-action-padding);justify-content:center;align-items:center;border-radius:3.125rem;color:var(--nav-text-color);font-family:var(--nav-text-font);font-size:var(--navbar-links-font-size);letter-spacing:-.025rem;text-transform:capitalize;transition:background .3s;white-space:nowrap}.navbar .navbar__action:hover{color:#dadada}.navbar .navbar__action--signup{padding:var(--navbar-signup-padding)}@media screen and (max-width:1530px)and (max-height:713px){.navbar{--navbar-scale: .9}}@media screen and (max-width:1370px)and (max-height:650px){.navbar{--navbar-scale: .8}}@media screen and (max-width:860px){.logo{display:none}.full_logo{display:block;height:2rem}.navbar .navbar__hamburger{display:flex}.navbar .navbar__action--login,.navbar .navbar__action--signup,.navbar .setting{display:none}.navbar .navbar__links{display:none;width:100%;flex-direction:column}.navbar .navbar__links .navbar__link{padding:.75rem 1rem;font-size:1.25rem}}@media screen and (max-width:450px){.navbar{--navbar-padding: calc(1.875rem * var(--navbar-scale)) calc(2.375rem * var(--navbar-scale)) calc(1.25rem * var(--navbar-scale)) calc(2.375rem * var(--navbar-scale))}}.mobile-sidebar{position:fixed;top:5%;right:1rem;width:260px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000040;border-radius:16px;padding:1rem .75rem;z-index:1000;color:#fff;display:flex;flex-direction:column;gap:.75rem;transition:opacity .3s ease,transform .3s ease;opacity:0;pointer-events:none}.mobile-sidebar.open{opacity:1;pointer-events:auto}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem 1rem}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;opacity:.8}.name_rating{display:flex;flex-direction:column;justify-content:space-between;gap:.25rem}.name_rating .name{font-weight:600}.name_rating .rating{font-size:.875rem;font-weight:500}.close-icon{font-size:1.25rem;cursor:pointer;opacity:.8;transition:.2s}.close-icon:hover{opacity:1}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:10px;transition:background .2s;cursor:pointer;font-size:.95rem}.sidebar-item:hover{background:#ffffff1a}hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.25rem 0}.logout{color:#ff6b6b}.footer{--footer-color:#fff;--footer-scale-by: 1;--footer-padding: calc(3.125rem * var(--footer-scale-by));--footer-web-text-font-size: calc(2rem * var(--footer-scale-by));--footer-contactus-text-font-size: calc(2rem * var(--footer-scale-by));--footer-email-font-size: calc(1.5rem * var(--footer-scale-by))}.footer{display:flex;padding:var(--footer-padding);flex-direction:column;justify-content:center;align-items:center;gap:3rem;align-self:stretch;color:var(--footer-color);line-height:normal!important;background:#0d0d10}.footer .top__section{display:flex;justify-content:flex-end;align-items:center;align-self:stretch}.footer .top__section .web__text{font-size:var(--footer-web-text-font-size);width:70%;text-align:end}.footer .bottom__section{display:flex;justify-content:space-between;align-items:flex-end;align-self:stretch}.footer .bottom__section img{height:4rem}.footer .bottom__section .contactus{display:flex;flex-direction:column;align-items:flex-end}.footer .bottom__section .contactus_text{font-size:var(--footer-contactus-text-font-size)}.footer .bottom__section .email{font-size:var(--footer-email-font-size)}@media screen and (max-width:950px){.footer{--footer-scale-by: .8}}@media screen and (max-width:770px){.footer{--footer-scale-by: .7}.footer .top__section{justify-content:flex-start}.footer .top__section .web__text{text-align:start}.footer .bottom__section{flex-direction:column;align-items:flex-start;gap:1rem}.footer .contactus{align-items:flex-start!important;gap:.25rem}}@media screen and (max-width:550px){.footer{--footer-scale-by: .7}.footer .web__text{width:100%!important}.footer img{height:2rem!important}}.challenge-section{--challenge-section-font-color:var(--white);--challenge-section-margin:2rem 3rem;--challenge-section-gap:calc(4rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-scaleby: 1;--challenge-section-header-font-size:calc(3rem * var(--challenge-section-controls-scaleby));--challenge-section-header-img-size:calc(2rem * var(--challenge-section-controls-scaleby));--challenge-section-img-size:calc(35rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-gap: calc(5rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-title-font-size: calc(1.625rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-languages-gap: calc(1rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-languages-language-padding: calc(.25rem * var(--challenge-section-controls-scaleby)) calc(.5rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-languages-language-gap:calc(10px * var(--challenge-section-controls-scaleby));--challenge-section-controls-languages-img-size: calc(1.75rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-languages-font-size: calc(1.125rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-padding: calc(1.25rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-gap: calc(2.5rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-border-radius: calc(15px * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-img-size: calc(4.375rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-about-gap: calc(10px * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-title-font-size: calc(2.5rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-title-min-width: calc(7.5rem * var(--challenge-section-controls-scaleby));--challenge-section-controls-tcontroltab-userrating-font-size: calc(1.375rem * var(--challenge-section-controls-scaleby));--challenge-section-submit-button:calc(1.75rem * var(--challenge-section-controls-scaleby))}.challenge-section{display:flex;margin:var(--challenge-section-margin);flex-direction:column;justify-content:center;align-items:center;gap:var(--challenge-section-gap);align-self:stretch}.challenge-section header{display:flex;justify-content:center;align-items:center;gap:1rem}.challenge-section header .title{color:var(--challenge-section-font-color);font-family:"ARP 240";font-size:var(--challenge-section-header-font-size);text-transform:capitalize}.challenge-section header img{width:var(--challenge-section-header-img-size);height:var(--challenge-section-header-img-size)}.challenge-section .challenge-sec2{display:flex;justify-content:space-between;align-items:center;gap:3rem}.challenge-section .challenge-sec2 .challenge-icon{border-radius:20px}.challenge-section .challenge-sec2 .challenge-icon img{width:var(--challenge-section-img-size);height:auto}.challenge-section .challenge-sec2 .controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--challenge-section-controls-gap)}.challenge-section .challenge-sec2 .controls .time_lang__controls{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch}.challenge-section .challenge-sec2 .controls .time_lang__controls .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.challenge-section .challenge-sec2 .controls .time_lang__controls .top .title{color:var(--challenge-section-font-color);font-family:GoogleSansBold;font-size:var(--challenge-section-controls-title-font-size);text-transform:capitalize;letter-spacing:.6px}.challenge-section .challenge-sec2 .controls .time_lang__controls .languages{display:flex;align-items:center;align-content:center;gap:var(--challenge-section-controls-languages-gap);align-self:stretch;flex-wrap:wrap}.challenge-section .challenge-sec2 .controls .time_lang__controls .languages .language{display:flex;padding:var(--challenge-section-controls-languages-language-padding);justify-content:center;align-items:center;gap:var(--challenge-section-controls-languages-language-gap);border-radius:5px}.challenge-section .challenge-sec2 .controls .time_lang__controls .languages .language img{width:var(--challenge-section-controls-languages-img-size);height:var(--challenge-section-controls-languages-img-size)}.challenge-section .challenge-sec2 .controls .time_lang__controls .languages .language .name{color:var(--challenge-section-font-color);font-family:GoogleSansBold;font-size:var(--challenge-section-controls-languages-font-size);text-transform:uppercase}.challenge-section .challenge-sec2 .controls .time_lang__controls .times{display:flex;align-items:center;justify-content:space-between;align-self:stretch}.challenge-section .challenge-sec2 .controls .time_lang__controls .times .tcontroltab{display:flex;padding:var(--challenge-section-controls-tcontroltab-padding);flex-direction:column;align-items:center;gap:var(--challenge-section-controls-tcontroltab-gap);border-radius:var(--challenge-section-controls-tcontroltab-border-radius)}.challenge-section .challenge-sec2 .controls .time_lang__controls .times .tcontroltab img{width:var(--challenge-section-controls-tcontroltab-img-size);height:var(--challenge-section-controls-tcontroltab-img-size)}.challenge-section .challenge-sec2 .controls .time_lang__controls .times .tcontroltab .tcontroltab__about{display:flex;flex-direction:column;align-items:center;gap:var(--challenge-section-controls-tcontroltab-about-gap);align-self:stretch}.challenge-section .challenge-sec2 .controls .time_lang__controls .times .tcontroltab .tcontroltab__about .tcontroltab__title{color:var(--challenge-section-font-color);font-family:GoogleSansBold;font-size:var(--challenge-section-controls-tcontroltab-title-font-size);min-width:var(--challenge-section-controls-tcontroltab-title-min-width);text-align:center}.challenge-section .challenge-sec2 .controls .time_lang__controls .times .tcontroltab .tcontroltab__about .userrating{color:var(--challenge-section-font-color);text-align:center;font-family:GoogleSansRegular;font-size:var(--challenge-section-controls-tcontroltab-userrating-font-size)}.challenge-section .challenge-sec2 .controls .time_lang__controls .selected{background:#0e0e0e9f}.challenge-section .challenge-sec2 .controls .controls_login{display:flex;flex-direction:column;align-items:center;gap:20px}.challenge-section .challenge-sec2 .controls .controls_login .controls_login__text{color:var(--white);font-family:GoogleSansBold;font-size:2.125rem;text-transform:capitalize;text-align:center}.challenge-section .challenge-sec2 .controls .controls_login img{width:10rem;height:auto}.challenge-section .challenge-sec2 .controls .controls_login__tab{padding:1.25rem 3.125rem;border-radius:3rem;color:var(--white);font-family:GoogleSansRegular;font-size:1.5rem;letter-spacing:-.48px;text-transform:capitalize}.challenge-section .challenge_buttons{align-self:stretch}.challenge-section .challenge__bts{display:flex;justify-content:center;align-items:center;gap:1rem;align-self:stretch}.challenge-section .challenge__bts .find_challenge{display:flex;padding:1rem 2rem;justify-content:center;align-items:center;gap:10px;border-radius:20px;align-self:stretch;flex:1 0 0;color:var(--challenge-section-font-color);font-size:var(--challenge-section-submit-button);font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;text-align:center}.challenge-section .challenge__bts .find_challenge_container{position:relative;display:flex;align-self:stretch;flex:1 0 0}.challenge-section .challenge__bts .cancel-button{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s ease}.challenge-section .challenge__bts .cancel-button:hover{background-color:#8b0000}@media(max-width:1415px){.challenge-section{--challenge-section-controls-scaleby: .9}}@media(max-width:1300px){.challenge-section{--challenge-section-controls-scaleby: .8}}@media(max-width:1200px){.challenge-section{--challenge-section-controls-scaleby: 1;margin:0!important}.challenge-section .challenge-sec2{flex-direction:column}}@media(max-width:800px){.challenge-section{--challenge-section-controls-scaleby: .85}}@media(max-width:720px){.challenge-section{--challenge-section-controls-scaleby: .8}}@media(max-width:576px){.challenge-section{--challenge-section-controls-scaleby: .6}.challenge-section .challenge_buttons{flex-direction:column}}@media(max-width:450px){.challenge-section{--challenge-section-controls-scaleby: .6}}@media(max-width:400px){.challenge-section{--challenge-section-controls-scaleby: .55}}.challenge-room{--challenge-room-dark-color:#141318;--challenge-room-light-color:#fff;--challenge-room-width: 100%;--challenge-room-height: 100vh;--challenge-room-margin-top: 1rem;--challenge-room-top: 6rem;--challenge-room-gap: .5rem;--panel-overflow-x: hidden;--scaleleft: .9;--scaleright: .9;--players-details-padding-x: calc(1.25rem * var(--scaleleft));--players-details-gap: calc(1rem * var(--scaleleft));--player-gap: calc(.625rem * var(--scaleleft));--playername-font-size: calc(1.25rem * var(--scaleleft));--playerrating-font-size: calc(.875rem * var(--scaleleft));--problem-about-padding: calc(1.75rem * var(--scaleleft)) calc(1.5rem * var(--scaleleft));--problem-about-gap: calc(1rem * var(--scaleleft));--problem-about-border-radius: calc(0rem * var(--scaleleft)) calc(1.25rem * var(--scaleleft)) calc(1.25rem * var(--scaleleft)) calc(0rem * var(--scaleleft));--problem-title-font-size: calc(2.25rem * var(--scaleleft));--problem-level-padding: calc(.375rem * var(--scaleleft)) calc(.375rem * var(--scaleleft));--problem-level-font-size: calc(1.25rem * var(--scaleleft));--problem-level-border-radius: calc(.25rem * var(--scaleleft));--problem-desc-font-size: calc(1.625rem * var(--scaleleft));--problem-info-padding: calc(1.5rem * var(--scaleleft)) calc(1.125rem * var(--scaleleft));--problem-info-gap: calc(3.25rem * var(--scaleleft));--problem-info-border-radius: calc(.375rem * var(--scaleleft));--problem-description-text-font-size: calc(1.25rem * var(--scaleleft));--problem-in-out-gap: calc(1.5rem * var(--scaleleft));--problem-in-out-text-font-size: calc(1.25rem * var(--scaleleft));--problem-example-gap: calc(1.5rem * var(--scaleleft));--problem-example-text-font-size: calc(1.25rem * var(--scaleleft));--problem-example-detail-gap: calc(.375rem * var(--scaleleft));--challenge-room-right-gap: calc(.5rem * var(--scaleright));--challenge-controls-padding-x: calc(1.25rem * var(--scaleright));--challenge-controls-gap: calc(1rem * var(--scaleright));--challenge-controls-left-gap: calc(.625rem * var(--scaleright));--challenge-time-font-size: calc(1.25rem * var(--scaleright));--challenge-controls-right-gap: calc(1.25rem * var(--scaleright));--challenge-control-button-padding: calc(.375rem * var(--scaleright)) calc(.625rem * var(--scaleright));--challenge-control-button-gap: calc(.625rem * var(--scaleright));--challenge-control-border-radius: calc(.25rem * var(--scaleright));--challenge-control-text-font-size: calc(1.125rem * var(--scaleright));--challenge-leave-bg: #FF0101;--challenge-draw-chat-bg: #222;--challenge-control-icon-size: calc(1.25rem * var(--scaleright));--code-editor-controls-padding: calc(.5rem * var(--scaleright)) calc(3rem * var(--scaleright)) calc(.5rem * var(--scaleright)) calc(2rem * var(--scaleright));--code-editor-border-radius: calc(1.25rem * var(--scaleright)) calc(1.25rem * var(--scaleright)) 0 0;--code-editor-controls-left-gap: calc(.5rem * var(--scaleright));--code-editor-controls-right-gap: calc(1.5rem * var(--scaleright));--editor-run-gap: calc(.75rem * var(--scaleright));--editor-text-font-size: calc(1.15rem * var(--scaleright));--editor-icon-size: calc(1.5rem * var(--scaleright));--main-editor-border: 1px solid var(--glass, rgba(255, 255, 255, .17));--main-editor-bg: var(--glassfil, rgba(255, 255, 255, .1));--main-editor-shadow: 0px 4px 4px rgba(0, 0, 0, .25), 0px -4px 4px rgba(0, 0, 0, .25);--test-cases-section-margin-bottom: calc(2rem * var(--scaleright));--test-cases-border-radius: 0 0 calc(1.25rem * var(--scaleright)) calc(1.25rem * var(--scaleright));--test-cases-controls-padding-x: calc(3rem * var(--scaleright));--test-cases-controls-gap: calc(1.5rem * var(--scaleright));--test-case-control-padding: calc(.625rem * var(--scaleright)) calc(.5rem * var(--scaleright));--test-case-control-gap: calc(.5rem * var(--scaleright));--test-case-control-icon-size: calc(1.25rem * var(--scaleright));--test-case-control-text-font-size: calc(1.15rem * var(--scaleright));--test-cases-padding: calc(1.25rem * var(--scaleright)) calc(1.9375rem * var(--scaleright));--test-cases-gap: calc(.625rem * var(--scaleright));--test-case-padding: calc(.625rem * var(--scaleright)) calc(1rem * var(--scaleright));--test-case-gap: calc(.5rem * var(--scaleright));--test-case-border-radius: calc(1rem * var(--scaleright));--test-case-text-font-size: calc(1.25rem * var(--scaleright));--test-case-bg-selected: #171717;--test-case-bg-wrong: #ff4444;--test-case-bg-right: #74ff52}.challenge-room{display:flex;width:var(--challenge-room-width);height:var(--challenge-room-height);position:relative;-webkit-user-select:none;user-select:none;gap:var(--challenge-room-gap);line-height:normal!important}.challenge-room .panel{display:flex;align-items:center;justify-content:center;overflow-x:var(--panel-overflow-x)}.challenge-room .challenge-room__left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--challenge-room-gap);margin-top:6rem}.challenge-room .challenge-room__left .players__details{display:flex;padding:0rem var(--players-details-padding-x);justify-content:space-between;align-items:center;align-self:stretch;gap:var(--players-details-gap)}.challenge-room .challenge-room__left .players__details .player{display:flex;align-items:center;gap:var(--player-gap)}.challenge-room .challenge-room__left .players__details .player .playername{color:var(--challenge-room-light-color);font-size:var(--playername-font-size);line-height:normal;display:flex;flex-direction:column}.challenge-room .challenge-room__left .players__details .player .playerrating{color:var(--challenge-room-light-color);font-size:var(--playerrating-font-size);opacity:.8}.challenge-room .challenge-room__left .players__details .player .right{align-items:flex-end;text-align:end}.challenge-room .problem__about{display:flex;padding:var(--problem-about-padding);flex-direction:column;align-items:flex-start;gap:var(--problem-about-gap);align-self:stretch;background:#e5f4ff}.challenge-room .problem__about .problem__title__level{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;gap:2rem}.challenge-room .problem__about .problem__title__level .problem__title{color:var(--challenge-room-dark-color);font-size:var(--problem-title-font-size);line-height:1}.challenge-room .problem__about .problem_desc_text{color:var(--challenge-room-dark-color);font-size:var(--problem-desc-font-size);line-height:1}.challenge-room .problem__about .problem_info{display:flex;padding:var(--problem-info-padding);flex-direction:column;align-items:flex-start;gap:var(--problem-info-gap);align-self:stretch;border-radius:var(--problem-info-border-radius);background:var(--challenge-room-dark-color)}.challenge-room .problem__about .problem_info .problem_description{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch}.challenge-room .problem__about .problem_info .problem_description .problem_description_text{color:var(--challenge-room-light-color);font-size:var(--problem-description-text-font-size);line-height:normal}.challenge-room .problem__about .problem_info .problem_in_out{display:flex;flex-direction:column;align-items:flex-start;gap:var(--problem-in-out-gap);align-self:stretch}.challenge-room .problem__about .problem_info .problem_in_out .problem_in,.challenge-room .problem__about .problem_info .problem_in_out .problem_out{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;align-self:stretch}.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_in_top,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_out_top,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_in_top,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_out_top{display:flex;align-items:center;gap:.375rem}.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_in_top .input_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_in_top .output_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_out_top .input_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_out_top .output_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_in_top .input_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_in_top .output_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_out_top .input_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_out_top .output_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_in_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_in .problem_out_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_in_text,.challenge-room .problem__about .problem_info .problem_in_out .problem_out .problem_out_text{color:var(--challenge-room-light-color);font-size:var(--problem-in-out-text-font-size);line-height:1}.challenge-room .problem__about .problem_info .problem_example{display:flex;flex-direction:column;align-items:flex-start;gap:var(--problem-example-gap);align-self:stretch;color:var(--challenge-room-light-color);font-size:var(--problem-example-text-font-size)}.challenge-room .problem__about .problem_info .problem_example .problem_example_details{display:flex;flex-direction:column;align-items:flex-start;gap:var(--problem-example-detail-gap);align-self:stretch}.challenge-room .problem__about .problem_info .topics{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.challenge-room .problem__about .problem_info .topics .topic{padding:.25rem 1rem;background:#292929;border-radius:.25rem}.challenge-room .challenge-room__right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--challenge-room-right-gap);flex-grow:1;margin-top:6rem}.challenge-room .challenge-room__right .challenge_controls{display:flex;padding:0 var(--challenge-controls-padding-x);justify-content:space-between;align-items:center;align-self:stretch;gap:var(--challenge-controls-gap)}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__left{display:flex;justify-content:center;align-items:center;gap:var(--challenge-controls-left-gap)}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__left .time{color:var(--challenge-room-light-color);font-size:var(--challenge-time-font-size);line-height:1}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__right{display:flex;align-items:center;gap:var(--challenge-controls-right-gap)}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__right .challenge_controls__actions{display:flex;padding:var(--challenge-control-button-padding);justify-content:center;align-items:center;gap:var(--challenge-control-button-gap);border-radius:var(--challenge-control-border-radius);background:var(--challenge-draw-chat-bg);position:relative}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__right .challenge_controls__actions .control_text{color:var(--challenge-room-light-color);font-size:var(--challenge-control-text-font-size);line-height:1}.challenge-room .challenge-room__right .challenge_controls .challenge_controls__right .leave{background:var(--challenge-leave-bg)}.challenge-room .challenge-room__right .challenge_controls img{width:var(--challenge-control-icon-size);height:var(--challenge-control-icon-size)}.challenge-room .challenge-room__right .code_editor{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.challenge-room .challenge-room__right .code_editor .code_editor__controls{display:flex;padding:var(--code-editor-controls-padding);justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--code-editor-border-radius);z-index:5}.challenge-room .challenge-room__right .code_editor .code_editor__controls img{width:var(--editor-icon-size);height:var(--editor-icon-size)}.challenge-room .challenge-room__right .code_editor .code_editor__controls .code_editor__controls_left{display:flex;justify-content:center;align-items:center;gap:var(--code-editor-controls-left-gap)}.challenge-room .challenge-room__right .code_editor .code_editor__controls .code_editor__controls_left .editor_text{font-size:var(--editor-text-font-size)}.challenge-room .challenge-room__right .code_editor .code_editor__controls .code_editor__controls_right{display:flex;align-items:center;gap:var(--code-editor-controls-right-gap)}.challenge-room .challenge-room__right .code_editor .code_editor__controls .code_editor__controls_right .editor_run{display:flex;align-items:center;gap:var(--editor-run-gap)}.challenge-room .challenge-room__right .code_editor .code_editor__controls .code_editor__controls_right .editor_run .run_text{font-size:var(--editor-text-font-size)}.challenge-room .challenge-room__right .code_editor .main_editor{align-self:stretch;border:var(--main-editor-border);background:var(--main-editor-bg);box-shadow:var(--main-editor-shadow)}.challenge-room .challenge-room__right .test_cases__section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:var(--test-cases-section-margin-bottom);border-radius:var(--test-cases-border-radius)}.challenge-room .challenge-room__right .test_cases__section .test_cases__controls{display:flex;padding:0 var(--test-cases-controls-padding-x);align-items:center;gap:var(--test-cases-controls-gap);align-self:stretch}.challenge-room .challenge-room__right .test_cases__section .test_cases__controls .test_case_control{display:flex;padding:var(--test-case-control-padding);justify-content:center;align-items:center;gap:var(--test-case-control-gap)}.challenge-room .challenge-room__right .test_cases__section .test_cases__controls .test_case_control img{width:var(--test-case-control-icon-size);height:var(--test-case-control-icon-size)}.challenge-room .challenge-room__right .test_cases__section .test_cases__controls .test_case_control .control_text{font-size:var(--test-case-control-text-font-size)}.challenge-room .challenge-room__right .test_cases__section .test_cases{display:flex;padding:var(--test-cases-padding);flex-direction:column;align-items:flex-start;gap:var(--test-cases-gap);align-self:stretch}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case{display:flex;padding:var(--test-case-padding);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--test-case-gap);align-self:stretch;border-radius:var(--test-case-border-radius)}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case.skeleton_card{pointer-events:none}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case.skeleton_card .skeleton_loader{background-color:#2a2a2a;background-image:linear-gradient(90deg,#2a2a2a,#3f3f3f,#2a2a2a 80px);background-size:200px 100%;background-repeat:no-repeat;display:inline-block;position:relative;animation-name:shimmer;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;border-radius:4px}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case.skeleton_card .skeleton_title{width:30%;height:1.2rem;margin-bottom:.5rem}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case.skeleton_card .skeleton_body{width:80%;height:1rem;margin-bottom:.25rem}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case.skeleton_card .skeleton_body:last-child{width:60%}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case .test_case_text{font-size:var(--test-case-text-font-size);max-width:70%;word-wrap:break-word;white-space:pre-wrap}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case .test_case_results{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case .test_case_results .result_box{padding:.5rem;border-radius:.25rem;background-color:#171717}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case .test_case_results .result_box.white{color:#fff}.challenge-room .challenge-room__right .test_cases__section .test_cases .test_case .test_case_results .result_box .result_label{color:#9ca3af;margin-right:.5rem}.challenge-room .challenge-room__right .test_cases__section .selected{background:var(--test-case-bg-selected)}.challenge-room .challenge-room__right .test_cases__section .wrong{background:var(--test-case-bg-wrong)}.challenge-room .challenge-room__right .test_cases__section .right{background:var(--test-case-bg-right)}.challenge-room .divider{width:.25rem;background-color:#333;cursor:ew-resize;position:relative;border-radius:20px;margin-top:6rem}@media(max-width:840px){.challenge-room{flex-direction:column;height:auto;top:4rem;gap:1rem}.challenge-room .divider{width:100%;height:.25rem;cursor:ns-resize}.challenge-room .challenge-room__right,.challenge-room .divider{margin:0}.challenge-room .challenge-room__left{margin-top:2rem}}.timer__modal{padding:1rem;background:#2e2e2e;border-radius:1rem;text-align:center;position:absolute;top:2rem;right:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal__icon{display:flex}.modal__icon img{width:2rem!important;height:2rem!important}.timer__inputs{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.timer__input{display:flex;align-items:center;gap:.25rem}.timer__input input{font-size:1rem;text-align:center;border-radius:.5rem;border:none;background-color:#1a1a1a;color:#fff;width:2rem;height:2rem}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.timer__label{margin-top:.25rem;font-size:.875rem;color:#ccc}.modal__actions{display:flex;justify-content:center;gap:1rem}.modal__actions .action_bt{padding:.5rem 1rem;background:#ffb937;border:none;border-radius:.5rem;color:#292929;font-weight:700;cursor:pointer}.custom-dropdown{position:relative;font-family:Google Sans,sans-serif}.dropdown-selected{background-color:#2a2a2a;color:#fff;padding:4px 12px;border-radius:8px;border:1px solid #444;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:8px}.dropdown-selected img{width:20px;height:20px}.arrow{margin-left:auto;font-size:12px}.dropdown-options{position:absolute;top:105%;left:0;width:100%;background-color:#1e1e1e;border:1px solid #444;border-radius:8px;z-index:100;box-shadow:0 4px 10px #0006;overflow:hidden;z-index:5}.dropdown-option{display:flex;align-items:center;padding:8px 12px;color:#fff;cursor:pointer;gap:8px}.dropdown-option:hover,.dropdown-option.selected{background-color:#333}.dropdown-option img{width:18px;height:18px}.problem__level{display:flex;justify-content:center;align-items:center;gap:.125rem;color:var(--challenge-room-light-color);font-size:var(--problem-level-font-size);line-height:1;border-radius:var(--problem-level-border-radius);background:var(--challenge-room-dark-color)}.circle{width:10px;height:10px;border-radius:50%;margin-right:4px}.green{background-color:#00c853}.orange{background-color:#ff9800}.red{background-color:#f44336}@media screen and (max-width:1024px){.challenge-room{--scaleleft: .9;--scaleright: .9}}@media screen and (max-width:768px){.challenge-room{--scaleleft: .8;--scaleright: .8}}@media screen and (max-width:480px){.challenge-room{--scaleleft: .7;--scaleright: .7}}.result_popup{--scaleby: .8;--result_popup-bg: rgba(0, 0, 0, .5);--popup-padding: calc(5rem * var(--scaleby)) calc(6.25rem * var(--scaleby));--popup-gap: calc(2rem * var(--scaleby));--popup-border-radius: calc(1.25rem * var(--scaleby));--popup_status-gap: calc(1rem * var(--scaleby));--popup_status-img-size: calc(9.375rem * var(--scaleby));--popup_text-font-size: calc(3rem * var(--scaleby));--popup_text_below-font-size: calc(1.5rem * var(--scaleby));--popup_msg-font-size: calc(2.375rem * var(--scaleby));--back-padding: calc(1.25rem * var(--scaleby)) calc(3rem * var(--scaleby));--back-border-radius: calc(3.125rem * var(--scaleby));--back-bg: #1D1D1D;--back-font-size: calc(1.5rem * var(--scaleby));--code_section-font-size:calc(1.75rem * var(--scaleby))}.result_popup{width:100%;height:100vh;background:var(--result_popup-bg);display:flex;justify-content:center;align-items:center;position:fixed;bottom:0rem;z-index:5}.result_popup .popup{display:flex;padding:var(--popup-padding);flex-direction:column;justify-content:center;align-items:center;gap:var(--popup-gap);border-radius:var(--popup-border-radius);margin:0 1rem}.result_popup .popup .popup_status{display:flex;flex-direction:column;align-items:center;gap:var(--popup_status-gap)}.result_popup .popup .popup_status img{width:var(--popup_status-img-size);height:var(--popup_status-img-size)}.result_popup .popup .popup_status .popup_text{font-size:var(--popup_text-font-size);text-align:center}.result_popup .popup .popup_status .popup_text_below{font-size:var(--popup_text_below-font-size);text-align:center}.result_popup .popup .popup_msg{font-size:var(--popup_msg-font-size);text-align:center}.result_popup .popup .back{display:flex;padding:var(--back-padding);justify-content:center;align-items:center;border-radius:var(--back-border-radius);background:var(--back-bg);font-size:var(--back-font-size)}.result_popup .popup .code_area{align-self:stretch}.result_popup .popup .code_area input{display:flex;padding:.25rem 1rem;flex:1 0 0;align-self:stretch}.result_popup .popup .codesection{display:flex;padding:.75rem 1.25rem;justify-content:center;align-items:center;gap:.625rem;align-self:stretch;flex:1 0 0;border-radius:.5rem;background:#2b2b2b;font-size:var(--code_section-font-size)}.result_popup .popup .joinnow{display:flex;padding:.5rem 1.25rem;justify-content:center;align-items:center;gap:.625rem;border-radius:.5rem;background:#2b2b2b;font-size:var(--code_section-font-size)}.result_popup .popup .option{display:flex;padding:var(--back-padding);justify-content:center;align-items:center;min-width:4rem;border:1.5px solid rgba(255,255,255,.25);background:#464646;-webkit-backdrop-filter:blur(9.6000003815px);backdrop-filter:blur(9.6000003815px);font-size:var(--back-font-size)}.result_popup .popup .selected{background:#ffd000;color:#1d1d1d}.result_popup .popup .create{border-radius:var(--back-border-radius) 0 0 var(--back-border-radius)}.result_popup .popup .join{border-radius:0 var(--back-border-radius) var(--back-border-radius) 0}@media screen and (max-width:1024px){.result_popup{--scaleby: .8}}@media screen and (max-width:768px){.result_popup{--scaleby: .7}}@media screen and (max-width:480px){.result_popup{--scaleby: .6}}.profile_page{margin-top:6rem;padding:0 3rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.875rem}.profile_page .profile-r-s1{display:flex;align-items:flex-start;gap:1.875rem;align-self:stretch}.profile_page .profile-r-s1-c-s1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.875rem}.profile_page .profile-r-s1-c-s2{display:flex;flex-direction:column;align-items:flex-start;gap:1.625rem;flex:1 1 0;min-width:0}@media(max-width:1000px){.profile-r-s1{flex-direction:column}.profile-r-s1 .profile-r-s1-c-s1{align-self:stretch}.profile-r-s1 .profile-r-s1-c-s2{width:100%}}@media(max-width:576px){.profile_page{padding:0 2rem 4rem}}@media(max-width:450px){.profile_page{padding:0 1rem 2rem}}.profile_card{display:flex;padding:1.375rem;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch;border-radius:1.375rem;background:#232323}.profile_card .image-loader{width:24rem;height:10rem}.profile_card .profile_image{display:flex;max-width:26rem;height:auto;justify-content:flex-end;align-items:center;align-self:stretch;border-radius:1rem;overflow:hidden;position:relative}.profile_card .profile_image img{width:100%;height:auto}.profile_card .profile_image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(29,29,29,.6),transparent);z-index:1;pointer-events:none;z-index:3}.profile_card .profile_image .userrating{position:absolute;bottom:1rem;right:1rem;z-index:4}.profile_card .profile_image .userrating .rating{font-size:1.5rem}.profile_card .profile_image .userrating .role{font-size:1rem}.profile_card .profile_details{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;align-self:stretch;position:relative}.profile_card .profile_details .name .detail_value{font-size:2rem!important}.profile_card .profile_details .detail{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:.5rem}.profile_card .profile_details .detail .detail_label{font-size:1.125rem}.profile_card .profile_details .detail .detail_value{font-size:1.25rem}@media(max-width:1000px){.profile_card{align-self:stretch}.profile_card .profile_image{max-width:100%}}.user_extras{display:flex;gap:.625rem;align-self:stretch;flex-wrap:wrap}.user-section{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;align-self:stretch;flex:1 0 0}.user-section header{display:flex;padding:1.5rem 2.1875rem;justify-content:center;align-items:center;gap:.625rem;align-self:stretch;border-radius:1.25rem;background:#232323;font-size:1.5rem}.user-section .section_tile__row{display:flex;align-items:flex-start;gap:.625rem;align-self:stretch;flex-wrap:wrap}.user-section .section_tile__row .section_tile{display:flex;padding:1.25rem;flex-direction:column;align-items:flex-start;gap:.375rem;flex:1 0 0;align-self:stretch;border-radius:1.25rem;background:#232323}.user-section .section_tile__row .section_tile .section_tile__label{font-size:1.25rem;white-space:nowrap}.user-section .section_tile__row .section_tile .section_tile__label img{width:1.5rem;height:1.5rem}.user-section .section_tile__row .section_tile .section_tile__value{font-size:1.25rem;white-space:nowrap}.user-section .section_tile__row .section_tile .section_tile__value img{width:1.625rem;height:1.625rem}.edit-btn,.save-btn{background:none;border:none;cursor:pointer;font-size:1rem;display:flex}.global-save-btn{display:flex;position:absolute;bottom:1rem;right:1rem;font-size:.875rem;padding:.375rem;border-radius:.25rem;background-color:#fff}.edit-input{flex:1;min-width:0;padding:.3rem .5rem;border-radius:.3rem;border:none;background-color:transparent;border-bottom:1px solid #fff;color:#fff;font-size:1rem;width:100%}.user-streak{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;align-self:stretch}.user-streak .streak_tile__row{display:flex;align-items:flex-start;gap:1.5rem;align-self:stretch}.user-streak .streak_tile__row .streak_tile{display:flex;padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1.5rem;flex:1 0 0;align-self:stretch;justify-content:space-between;border-radius:1.25rem;background:#232323}.user-streak .streak_tile__row .streak_tile .big__label{font-size:2.25rem}.user-streak .streak_tile__row .streak_tile .small__label{font-size:1.5rem;color:#fffc}.user-streak .streak_tile__row .streak_tile .streak_tile__value{font-size:1.25rem}.wrapper_user_activities{display:flex;padding:1.9375rem 2.5625rem;flex-direction:column;align-items:flex-start;gap:.625rem;align-self:stretch;border-radius:1.375rem;background:#232323}.grid-container__wrapper{width:100%;overflow-x:auto}.grid-container{display:block;min-width:max-content}.contribution-grid{display:flex;flex-wrap:nowrap;min-width:max-content}.user_activities{display:flex;flex-direction:column;align-items:flex-start;gap:2.25rem;align-self:stretch}.user_activities .username{font-size:1.5rem}.user_activities .grid-container{display:flex;align-items:center;gap:.625rem;align-self:stretch;flex-direction:column}.user_activities .grid-container .month-labels{display:flex}.user_activities .grid-container .month-labels .month{width:14px;text-align:center;font-size:.75rem;color:#aaa;margin-right:4px;flex-shrink:0}.user_activities .grid-container .contribution-grid{display:flex}.user_activities .grid-container .contribution-grid .week{display:flex;flex-direction:column;margin-right:4px;flex-shrink:0}.user_activities .grid-container .contribution-grid .week .cell{width:12px;height:12px;border-radius:2px;margin-bottom:3px;flex-shrink:0}.user_activities .grid-container .contribution-grid .week .level-0{background-color:#505050}.user_activities .grid-container .contribution-grid .week .level-1{background-color:#9be9a8}.user_activities .grid-container .contribution-grid .week .level-2{background-color:#40c463}.user_activities .grid-container .contribution-grid .week .level-3{background-color:#30a14e}.user_activities .grid-container .contribution-grid .week .level-4{background-color:#216e39}.matches{--scaleby: 1;--matches-height: calc(21rem * var(--scaleby));--matches-padding: calc(1.6875rem * var(--scaleby)) calc(2.1875rem * var(--scaleby));--matches-gap: calc(1.5rem * var(--scaleby));--matches-border-radius: calc(1.375rem * var(--scaleby));--matches-header-font-size: calc(2rem * var(--scaleby));--all-matches-gap: calc(.9375rem * var(--scaleby));--match-padding: calc(.3125rem * var(--scaleby)) 0rem;--match-details-padding: calc(1rem * var(--scaleby)) calc(1.5rem * var(--scaleby));--match-details-gap: calc(1.5rem * var(--scaleby));--match-details-border-radius: calc(1rem * var(--scaleby));--match-user-font-size: calc(1.125rem * var(--scaleby));--match-control-font-size: calc(1.125rem * var(--scaleby));--match-lang-font-size: calc(1.125rem * var(--scaleby));--match-time-font-size: calc(1.125rem * var(--scaleby));--match-date-font-size: calc(1.125rem * var(--scaleby));--match-vs-font-size: calc(.875rem * var(--scaleby));--match-image-width: calc(1.75rem * var(--scaleby));--match-time-width: calc(2.5rem * var(--scaleby))}.matches{display:flex;padding:var(--matches-padding);flex-direction:column;align-items:flex-start;gap:var(--matches-gap);align-self:stretch;flex:1 0 0;border-radius:var(--matches-border-radius);background:#232323}.matches header .header_text{font-size:var(--matches-header-font-size)}.matches .all_matches{display:flex;flex-direction:column;align-items:flex-start;gap:var(--all-matches-gap);align-self:stretch;min-height:var(--matches-height)}.matches .all_matches .match{display:flex;padding:var(--match-padding);align-items:center;gap:.625rem;align-self:stretch}.matches .all_matches .match .match_details{display:flex;padding:var(--match-details-padding);justify-content:space-between;align-items:center;flex:1 0 0;gap:1rem;border-radius:var(--match-details-border-radius);background:#454545}.matches .all_matches .match .match_details .match__users,.matches .all_matches .match .match_details .match__controls{display:flex;align-items:center;gap:var(--match-details-gap)}.matches .all_matches .match .match_details .match__user,.matches .all_matches .match .match_details .lang,.matches .all_matches .match .match_details .time,.matches .all_matches .match .match_details .date{font-size:var(--match-user-font-size)}.matches .all_matches .match .match_details .vs{font-size:var(--match-vs-font-size)}.matches .all_matches .match .match_details .vs,.matches .all_matches .match .match_details .match__user{align-self:stretch;text-align:center}.matches .all_matches .match .match_details img{width:var(--match-image-width)}.matches .all_matches .match .time{width:var(--match-time-width)}.page-info{font-size:1rem}@media screen and (max-width:1200px){.match__users{flex-direction:column;align-items:flex-start!important;gap:.25rem!important}}@media screen and (max-width:800px){.match__users,.match__controls{gap:.25rem!important}}@media screen and (max-width:650px){.match__users{flex-direction:column;align-items:flex-start!important}}@media screen and (max-width:500px){.matches{--scaleby:.85;--matches-padding: calc(1.6875rem * var(--scaleby)) calc(1.5rem * var(--scaleby))}.pagination-controls{justify-content:center}}.user_blogs{--scale-by: 1;--user_blogs-padding: calc(1.625rem * var(--scale-by)) calc(2.125rem * var(--scale-by)) calc(1.625rem * var(--scale-by)) calc(2.125rem * var(--scale-by));--user_blogs-gap: calc(2.375rem * var(--scale-by));--user_blogs-border-radius: calc(1.375rem * var(--scale-by));--user_blogs-bg: #232323;--user_blogs-header_font_size: calc(2rem * var(--scale-by));--search_blogs-padding: calc(.5rem * var(--scale-by)) calc(1rem * var(--scale-by));--search_blogs-font-size: calc(1rem * var(--scale-by));--search_blogs-border-radius: calc(10px * var(--scale-by));--blogs-gap: calc(2.375rem * var(--scale-by));--blog-padding-bottom: calc(1.25rem * var(--scale-by));--blog-gap: calc(1.5rem * var(--scale-by));--blog-border: 1px solid rgba(255, 255, 255, .7);--blog_content-gap: calc(.5rem * var(--scale-by));--blog_content-padding-right: calc(8rem * var(--scale-by));--blog_header-font-size: calc(1.75rem * var(--scale-by));--blog_text-font-size: calc(1rem * var(--scale-by));--blog_text-letter-spacing: calc(.75px * var(--scale-by));--blog_interaction-gap: calc(1rem * var(--scale-by));--blog_time-font-size: calc(1rem * var(--scale-by));--blog_activity-gap: calc(.5rem * var(--scale-by));--blog_activity-img-size: calc(1.5rem * var(--scale-by))}.user_blogs{display:flex;padding:var(--user_blogs-padding);flex-direction:column;align-items:flex-start;gap:var(--user_blogs-gap);align-self:stretch;border-radius:var(--user_blogs-border-radius);background:var(--user_blogs-bg)}.user_blogs header{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.user_blogs header .header_text{font-size:var(--user_blogs-header_font_size)}.user_blogs .search_blogs{display:flex;padding:var(--search_blogs-padding);flex:1 0 0;align-self:stretch;font-size:var(--search_blogs-font-size);border-radius:var(--search_blogs-border-radius)}.user_blogs .search_blogs::placeholder{font-family:GoogleSansRegular;color:#fff;font-size:var(--search_blogs-font-size)}.user_blogs .blogs{display:flex;flex-direction:column;align-items:flex-start;gap:var(--blogs-gap);align-self:stretch}.user_blogs .blogs .blog{display:flex;padding-bottom:var(--blog-padding-bottom);flex-direction:column;align-items:flex-start;gap:var(--blog-gap);align-self:stretch;border-bottom:var(--blog-border)}.user_blogs .blogs .blog .blog_content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--blog_content-gap);align-self:stretch;padding:0 var(--blog_content-padding-right) 0 0}.user_blogs .blogs .blog .blog_content .blog_header{font-size:var(--blog_header-font-size)}.user_blogs .blogs .blog .blog_content .blog_content{font-size:var(--blog_text-font-size);letter-spacing:var(--blog_text-letter-spacing)}.user_blogs .blogs .blog .blog_interaction{display:flex;align-items:center;gap:var(--blog_interaction-gap)}.user_blogs .blogs .blog .blog_interaction .time{font-size:var(--blog_time-font-size)}.user_blogs .blogs .blog .blog_interaction .activity{display:flex;align-items:center;gap:var(--blog_activity-gap);font-size:var(--blog_time-font-size);white-space:nowrap}.user_blogs .blogs .blog .blog_interaction .activity img{width:var(--blog_activity-img-size);height:var(--blog_activity-img-size)}@media screen and (max-width:650px){.user_blogs{--scale-by:.8;--blog_content-padding-right: calc(1rem * var(--scale-by))}}@media screen and (max-width:450px){.user_blogs{--scale-by:.7}}.questions-container{--scaleby: 1;--container-height: calc(21rem * var(--scaleby));--container-padding: calc(1.6875rem * var(--scaleby)) calc(2.1875rem * var(--scaleby));--container-gap: calc(1.5rem * var(--scaleby));--container-border-radius: calc(1.375rem * var(--scaleby));--header-font-size: calc(2rem * var(--scaleby));--all-questions-gap: calc(.9375rem * var(--scaleby));--question-padding: calc(.3125rem * var(--scaleby)) 0rem;--question-details-padding: calc(.5rem * var(--scaleby)) calc(1.5rem * var(--scaleby));--question-details-gap: calc(1.5rem * var(--scaleby));--question-details-border-radius: calc(.5rem * var(--scaleby));--question-title-font-size: calc(1.125rem * var(--scaleby));--question-meta-font-size: calc(1.125rem * var(--scaleby));--question-lang-font-size: calc(1.125rem * var(--scaleby));--question-image-width: calc(1.75rem * var(--scaleby))}.questions-container{display:flex;padding:var(--container-padding);flex-direction:column;align-items:flex-start;gap:var(--container-gap);align-self:stretch;flex:1 0 0;border-radius:var(--container-border-radius);background:#232323}.questions-container header .header-text{font-size:var(--header-font-size)}.questions-container .all-questions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--all-questions-gap);align-self:stretch;min-height:var(--container-height)}.questions-container .all-questions .question-card{display:flex;align-items:center;gap:.625rem;align-self:stretch}.questions-container .all-questions .question-card .bg{background:#454545}.questions-container .all-questions .question-card .question-details{display:flex;padding:var(--question-details-padding);justify-content:flex-start;align-items:center;flex:1 0 0;gap:var(--question-details-gap);position:relative;border-radius:var(--question-details-border-radius)}.questions-container .all-questions .question-card .question-details .question-info{flex:1 0 0}.questions-container .all-questions .question-card .question-details .question-info,.questions-container .all-questions .question-card .question-details .question-meta{display:flex;align-items:center;gap:var(--question-details-gap)}.questions-container .all-questions .question-card .question-details .question-title,.questions-container .all-questions .question-card .question-details .lang{font-size:var(--question-title-font-size)}.questions-container .all-questions .question-card .question-details img{width:var(--question-image-width)}.pagination-controls{display:flex;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch}.pagination-btn{background-color:#444;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.pagination-btn:hover:not(.disabled){background-color:#666}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:500px){.questions-container{--scaleby: .85;--container-padding: calc(1.6875rem * var(--scaleby)) calc(1.5rem * var(--scaleby))}.pagination-controls{justify-content:center}}.write__blog{--font-color: #fff;--font-google-family: "GoogleSansRegular";--scale-by: 1;--write__blog-padding-top: calc(8rem * var(--scale-by));--write__blog-padding-right: calc(10rem * var(--scale-by));--write__blog-padding-bottom: calc(5rem * var(--scale-by));--write__blog-padding-left: calc(10rem * var(--scale-by));--write__blog-gap: calc(2.5rem * var(--scale-by));--blog__header-gap: calc(.8125rem * var(--scale-by));--blog__content-padding: calc(0rem * var(--scale-by)) calc(2.5rem * var(--scale-by));--blog__content-gap: calc(3rem * var(--scale-by));--section-gap: calc(1rem * var(--scale-by));--blog__builder-gap: calc(.625rem * var(--scale-by));--blog__builder__option-padding: calc(.375rem * var(--scale-by)) calc(.625rem * var(--scale-by));--blog__builder__option-border-radius: calc(.25rem * var(--scale-by));--blog__builder__option-size:calc(2.5rem * var(--scale-by));--blog__date-font-size: calc(1.25rem * var(--scale-by));--blog__main__header-font-size: calc(3.5rem * var(--scale-by));--section__header-font-size: calc(1.875rem * var(--scale-by));--content__input-font-size: calc(1.375rem * var(--scale-by));--blog__builder__option-font-size: calc(1rem * var(--scale-by));--blog__builder__header-font-size: calc(1.375rem * var(--scale-by));--author-name-font-size:calc(1.5rem * var(--scale-by));--blog-read-time-font-size:calc(1rem * var(--scale-by));--blog-author-gap:calc(.75rem * var(--scale-by));--blog-details-gap:calc(.5rem * var(--scale-by));--blog_interaction-gap: calc(1rem * var(--scale-by));--blog_time-font-size: calc(1rem * var(--scale-by));--blog_activity-gap: calc(.5rem * var(--scale-by));--blog_activity-img-size: calc(1.5rem * var(--scale-by))}.write__blog__wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.write__blog{padding-top:8rem;width:1000px;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;color:var(--font-color);font-family:var(--font-google-family);padding-left:.25rem;padding-right:.25rem;padding-bottom:var(--write__blog-padding-bottom);flex-direction:column;gap:var(--write__blog-gap);align-self:stretch;position:relative}.blog__header{display:flex;flex-direction:column;align-items:center;gap:var(--blog__header-gap);align-self:stretch;margin:0 1rem}.blog__header .blog__date{font-size:1.25rem}.blog__header .blog__main__header{font-size:var(--blog__main__header-font-size);text-align:center;align-self:stretch}.blog__main__header:empty:before,.section__header:empty:before,.content__input:empty:before,.bullet__input:empty:before{content:attr(data-placeholder);color:gray;pointer-events:none}.blog__actions{display:flex;align-self:stretch;justify-content:space-between;align-items:center;padding:var(--blog__content-padding);gap:1rem}.blog_interaction{display:flex;align-items:center;gap:var(--blog_interaction-gap);position:relative}.blog_interaction .activity{display:flex;align-items:center;gap:var(--blog_activity-gap);font-size:var(--blog_time-font-size);white-space:nowrap}.blog_interaction .activity img{width:var(--blog_activity-img-size);height:var(--blog_activity-img-size)}.ping-animation{position:absolute;top:-30px;right:0;transform:translate(-50%);color:#fff;font-weight:700;font-size:1.5rem;pointer-events:none}.actions{display:flex;gap:.5rem;z-index:10}.save__draft,.publish__blog{padding:.25rem .5rem;border-radius:.25rem}.blog__author{display:flex;align-items:center;justify-content:center;gap:var(--blog-author-gap)}.blog__author .blog__details{display:flex;align-items:flex-end;gap:var(--blog-details-gap);flex-wrap:wrap}.blog__author .author__name{font-size:var(--author-name-font-size);line-height:1}.blog__author .blog__read__time{margin-bottom:.05rem;font-size:var(--blog-read-time-font-size)}.blog__content{display:flex;padding:var(--blog__content-padding);flex-direction:column;align-items:flex-start;gap:var(--blog__content-gap);align-self:stretch}.blog__content .section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--section-gap);align-self:stretch}.blog__content .section .content{display:flex;align-self:stretch}.blog__content .section .content .bullet__point,.blog__content .section .content .bullet__input{display:flex;align-self:stretch;flex:1 0 0}.blog__content .section .section__header{font-size:var(--section__header-font-size);font-weight:600;flex:1 0 0;word-break:break-word;word-wrap:break-word}.blog__content .section .content__input{font-size:var(--content__input-font-size);align-self:stretch;flex:1 0 0;word-break:break-word;word-wrap:break-word;line-height:normal!important}.blog__content .section .content__input:empty:before{content:attr(data-placeholder);color:#aaa}.blog__content .section .action{display:flex;align-items:center;gap:.25rem;flex-direction:column}.blog__content .section .action .action__label{font-size:.75rem}.blog__content .section .action img{width:1.5rem}.blog__builder{display:flex;justify-content:center;align-items:flex-start;gap:var(--blog__builder-gap)}.blog__builder .blog__builder__options{display:flex;justify-content:flex-start;align-items:center;gap:var(--blog__builder-gap);flex-wrap:wrap}.blog__builder .plus{width:var(--blog__builder__option-size);height:var(--blog__builder__option-size)}.blog__builder .blog__builder__option{padding:var(--blog__builder__option-padding);justify-content:center;align-items:center;border-radius:var(--blog__builder__option-border-radius);font-size:var(--blog__builder__option-font-size);white-space:nowrap;background-size:cover}.blog__builder .header{font-size:var(--blog__builder__header-font-size)}.section__header__wrapper,.content__wrapper,.bullet__wrapper{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;align-self:stretch;flex:1 0 0}.section__header__wrapper .delete__icon,.content__wrapper .delete__icon,.bullet__wrapper .delete__icon{cursor:pointer}.placeholder-text{color:#999;font-style:italic}.image__wrapper{position:relative;border-radius:4px;display:flex;flex:1 0 0;justify-content:space-between;gap:1rem}.content__image{display:flex;flex:1 0 0}.content__actions{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:.5rem}.image__wrapper img{display:block;margin-bottom:.5rem}.image__caption{padding:.5rem;border:1px solid #eee;border-radius:4px;min-height:1.5rem}.image__caption:empty:before{content:attr(data-placeholder);color:#999}.code-editor-wrapper{display:flex;align-self:stretch;flex:1 0 0;gap:1rem;font-family:Fira Code,monospace;margin:1rem 0;overflow:hidden;position:relative}.code-editor-wrapper:after{content:"";display:flex;gap:6px;padding:.5rem;position:absolute;top:.3rem;left:.6rem}.code-editor{display:flex;align-self:stretch;flex:1 0 0;flex-direction:column;background-color:#1e1e1e;border-radius:8px;font-family:Fira Code,monospace;box-shadow:0 0 0 1px #2a2a2a,0 4px 10px #0000004d;overflow:hidden;position:relative}.code-toolbar{background:#2d2d2d;color:#ccc;padding:.4rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;overflow-x:auto}.code-toolbar select{background:#2d2d2d;color:#ccc;border:1px solid #444;font-size:.85rem;padding:.3rem .6rem;border-radius:4px}.code-toolbar select option{text-transform:capitalize}.tiptap-code-block{background:#1e1e1e;color:#f8f8f2;font-family:Menlo,Monaco,Consolas,monospace;padding:1rem;border-radius:4px;overflow-x:auto;font-size:14px;line-height:1.5}.tiptap-code-block pre{margin:0;padding:1rem;overflow-x:auto;font-size:.9rem;line-height:1.5;background:transparent;color:#ccc}.tiptap-code-block code{display:block;padding:0;background:transparent}.code-editor{width:100%;min-height:200px;max-height:500px;overflow:hidden}@media(min-width:768px){.code-editor{height:300px}}@media(max-width:767px){.code-editor{width:250px}}.readonly-label{background:#2d2d2d;color:#ccc;border:1px solid #444;font-size:.85rem;padding:.3rem .6rem;border-radius:4px;text-transform:capitalize}@media(max-width:1100px){.write__blog{width:800px}}@media(max-width:850px){.write__blog{width:600px}}@media(max-width:550px){.write__blog{--scale-by: .8;align-items:center}.write__blog .profile-circle{scale:.8}}@media(max-width:450px){.write__blog{--scale-by: .7}.write__blog .blog__date{font-size:.75rem}}.explore__blogs{--scale-by: 1;--explore-blogs-gap: calc(2.8125rem * var(--scale-by));--explore-blogs-header-font-size: calc(4rem * var(--scale-by));--blogs-gap: calc(4.875rem * var(--scale-by));--blog-gap: calc(1.25rem * var(--scale-by));--blog-content-gap: calc(.5rem * var(--scale-by));--blog-header-font-size: calc(2rem * var(--scale-by));--blog-content-font-size: calc(1.25rem * var(--scale-by));--search_blogs-padding: calc(.5rem * var(--scale-by)) calc(1rem * var(--scale-by));--search_blogs-font-size: calc(1.5rem * var(--scale-by));--search_blogs-border-radius: calc(10px * var(--scale-by));--author-gap: calc(.75rem * var(--scale-by));--authorname-font-size: calc(1.5rem * var(--scale-by));--blog-interaction-gap: calc(.5rem * var(--scale-by));--time-font-size: calc(1.25rem * var(--scale-by));--activity-gap: calc(.375rem * var(--scale-by));--activity-font-size: calc(1.25rem * var(--scale-by));--activity-icon-width: calc(1.25rem * var(--scale-by));--activity-icon-height: calc(1.25rem * var(--scale-by))}.explore__blogs{display:flex;padding:8rem 5rem 3.125rem;flex-direction:column;align-items:flex-start;gap:var(--explore-blogs-gap);align-self:stretch}.explore__blogs header{font-size:var(--explore-blogs-header-font-size)}.explore__blogs .search_blogs{display:flex;padding:var(--search_blogs-padding);flex:1 0 0;align-self:stretch;font-size:var(--search_blogs-font-size);border-radius:var(--search_blogs-border-radius)}.explore__blogs .search_blogs::placeholder{font-family:GoogleSansRegular;color:#fff;font-size:var(--search_blogs-font-size)}.explore__blogs .blogs{display:flex;flex-direction:column;align-items:flex-start;gap:var(--blogs-gap);align-self:stretch;width:70%}.explore__blogs .blogs .blog{display:flex;flex-direction:column;align-items:flex-start;gap:var(--blog-gap)}.explore__blogs .blogs .blog .blog_content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--blog-content-gap)}.explore__blogs .blogs .blog .blog_content .blog_header{font-size:var(--blog-header-font-size)}.explore__blogs .blogs .blog .blog_content .blog_content{font-size:var(--blog-content-font-size)}.explore__blogs .blogs .blog .author{display:flex;align-items:center;justify-content:center;gap:var(--author-gap)}.explore__blogs .blogs .blog .author .authorname{font-size:var(--authorname-font-size)}.explore__blogs .blogs .blog .blog_interaction{display:flex;align-items:center;gap:var(--blog-interaction-gap)}.explore__blogs .blogs .blog .blog_interaction .time{font-size:var(--time-font-size)}.explore__blogs .blogs .blog .blog_interaction .activity{display:flex;align-items:center;gap:var(--activity-gap);font-size:var(--activity-font-size);white-space:nowrap}.explore__blogs .blogs .blog .blog_interaction .activity img{width:var(--activity-icon-width);height:var(--activity-icon-height)}.skeleton-box{background:linear-gradient(90deg,#333 25%,#444 37%,#333 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:4px}.skeleton .author{display:flex;align-items:center;gap:10px}.skeleton .blog_interaction{display:flex;gap:15px;margin-top:10px}@media(max-width:1000px){.explore__blogs{--scale-by: .8}}@media(max-width:800px){.explore__blogs{--scale-by: .7;padding:8rem 3rem 3.125rem}}@media(max-width:600px){.explore__blogs{--scale-by: .6}.explore__blogs .blogs{width:100%}.profile-circle{scale:.8}}@media(max-width:450px){.explore__blogs{--scale-by: .6;padding:8rem 2rem 3.125rem}.explore__blogs .blogs{width:100%}}.question__list{--scale-by: 1;--question__title-font-size: calc(var(--scale-by) * 1.375rem);--question__desc-font-size: calc(var(--scale-by) * 1rem);--question__meta-font-size: calc(var(--scale-by) * .875rem);--question__header-font-size: calc(var(--scale-by) * 3.75rem);--question__filter-btn-font-size: calc(var(--scale-by) * .875rem);--question__list-padding: calc(var(--scale-by) * 8rem) calc(var(--scale-by) * 4rem);--question__card-padding: calc(var(--scale-by) * 1.25rem);--question__actions-padding-top: calc(var(--scale-by) * 1rem);--question__filter-btn-padding: calc(var(--scale-by) * .4rem) calc(var(--scale-by) * 1rem);--question__list-gap: calc(var(--scale-by) * 1.5rem);--question__card-gap: calc(var(--scale-by) * .5625rem);--question__card-grid-gap: calc(var(--scale-by) * 1.25rem);--question__filter-gap: calc(var(--scale-by) * 1rem);--question__card-min-width: calc(var(--scale-by) * 280px);--question__ping-img-size: calc(var(--scale-by) * 1rem);--dark-color: #fff;--filter-btn-bg: rgba(255, 255, 255, .1);--filter-btn-active-bg: var(--dark-color);--filter-btn-active-color: #000}.question__list{display:flex;padding:var(--question__list-padding);flex-direction:column;align-items:flex-start;gap:var(--question__list-gap)}.question__list .difficulty__filters{display:flex;gap:var(--question__filter-gap);margin:.75rem 0 0rem}.question__list .filter-btn{padding:var(--question__filter-btn-padding);font-size:var(--question__filter-btn-font-size);border:none;border-radius:.5rem;background-color:var(--filter-btn-bg);color:var(--dark-color);cursor:pointer;opacity:.8;transition:all .2s ease;white-space:nowrap;align-self:stretch}.question__list .filter-btn.active{background-color:var(--filter-btn-active-bg);color:var(--filter-btn-active-color);font-weight:700;opacity:1}.question__list .filter-btn:hover{opacity:1}.question__list .question__header{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;max-width:100%}.question__list .question__header .header_text{font-size:var(--question__header-font-size);color:var(--dark-color)}.question__list .question__header .filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:100%}.question__list .question__header .filters .difficulty__filters{display:flex;gap:var(--question__filter-gap);margin:.75rem 0 0rem;flex-wrap:wrap}.question__list .question__header .filters .tag__filters{display:flex;gap:.5rem;overflow-x:auto;white-space:nowrap;padding-bottom:.5rem;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.question__list .question__header .filters .tag__filters::-webkit-scrollbar{height:6px}.question__list .question__header .filters .tag__filters::-webkit-scrollbar-track{background:transparent}.question__list .question__header .filters .tag__filters::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.question__list .question__header .filters .tag__filters .filter-btn{flex-shrink:0;white-space:nowrap}.question__list .question__header .filters .tag__filters-wrapper{display:flex;flex-direction:column;gap:.5rem}.question__list .question__header .filters .tag__filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem}.question__list .question__header .filters .tag__filters.wrap{flex-wrap:wrap;overflow-x:unset}.question__list .question__header .filters .toggle-container{align-self:flex-end}.question__list .questions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--question__list-gap);flex:1 0 0;align-self:stretch}.question__list .all__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--question__card-grid-gap);width:100%}.question__list .question{display:flex;flex-direction:column;padding:var(--question__card-padding);border-radius:1.25rem;justify-content:space-between;align-items:flex-start;gap:var(--question__card-gap);box-sizing:border-box;height:100%}.question__list .question .question__title{color:var(--dark-color);font-size:var(--question__title-font-size);line-height:normal}.question__list .question .question__desc{color:var(--dark-color);opacity:.7;font-size:var(--question__desc-font-size);width:100%;line-height:normal}.question__list .question .question__actions{display:flex;justify-content:space-between;width:100%;padding-top:var(--question__actions-padding-top)}.question__list .question .question__actions .question__solves{color:var(--dark-color);font-size:var(--question__meta-font-size);opacity:.7}.question__list .question .question__actions .question__pings{display:flex;align-items:center;gap:.25rem}.question__list .question .question__actions .question__pings img{width:var(--question__ping-img-size);height:var(--question__ping-img-size)}.question__list .question .question__actions .question__pings span{color:var(--dark-color);font-size:var(--question__meta-font-size);opacity:.7}@media(max-width:1024px){.question__list .question{flex:1 1 calc(50% - var(--question__card-grid-gap))}}@media(max-width:600px){.question__list .question{flex:1 1 100%}}@media(max-width:500px){.question__list{--scale-by:.9;--question__list-padding: calc(var(--scale-by) * 8rem) calc(var(--scale-by) * 1rem)}}.question_screen__container{background:linear-gradient(271deg,#0000008a 30.62%,#000 87.07%),url(/assets/bg/moon.jpeg) #141414 50%/cover no-repeat;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;z-index:1;color:#fff;overflow-y:auto}.question_screen__container .question_screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 5rem 5rem 3rem;align-self:stretch}.question_screen__container .question_screen header{font-size:3rem;font-weight:700;margin-bottom:2rem;color:#fff}.question_screen__container .question_screen .question_form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;gap:3rem}.question_screen__container .question_screen .question_form .input_row{display:flex;gap:.5rem;align-self:stretch}.question_screen__container .question_screen .question_form .input_col{display:flex;gap:.5rem;align-self:stretch;flex-direction:column}.question_screen__container .question_screen .question_form .input__label,.question_screen__container .question_screen .question_form .input__sublabel{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#ddd;display:flex;align-self:stretch;justify-content:space-between;align-items:center}.question_screen__container .question_screen .question_form .input__sublabel{font-size:1rem;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.question_screen__container .question_screen .question_form .input__field{display:flex;flex-direction:column;gap:.5rem;align-self:stretch;flex:1 0 0}.question_screen__container .question_screen .question_form .input__field .input__box,.question_screen__container .question_screen .question_form .input__field .input__textarea{border:none;border-radius:8px;padding:.9rem 1rem;color:#fff;font-size:1rem;background:#ffffff14;outline:none;resize:vertical;transition:all .3s ease}.question_screen__container .question_screen .question_form .input__field .input__box:focus,.question_screen__container .question_screen .question_form .input__field .input__textarea:focus{background:#ffffff26}.question_screen__container .question_screen .question_form .input__field .input__box::placeholder,.question_screen__container .question_screen .question_form .input__field .input__textarea::placeholder{font-family:GoogleSansRegular;color:#ffffffaf;font-size:var(--auth-input-font-size)}.question_screen__container .question_screen .question_form .input__field .input__textarea{min-height:100px}.question_screen__container .question_screen .question_form .input__tabs{display:flex;gap:.3rem}.question_screen__container .question_screen .question_form .input__tabs .tab__btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:28px;height:28px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:.2s ease}.question_screen__container .question_screen .question_form .input__tabs .tab__btn.active{background:#fff;color:#000}.question_screen__container .question_screen .question_form .section__block{display:flex;flex-direction:column;gap:1rem;align-self:stretch}.question_screen__container .question_screen .question_form .section__block .section__header{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#ddd}.question_screen__container .question_screen .question_form .add-btn{padding:.5rem 0;border-radius:.5rem;border:none}.question_screen__container .question_screen .question_form .multi_input{display:flex;flex-direction:column;align-self:stretch;gap:1rem}.question_screen__container .question_screen .question_form .multi_output__group{display:flex;flex-direction:column;gap:.5rem}.question_screen__container .question_screen .question_form .difficulty__btn{align-self:stretch;flex:1 0 0;padding:.5rem 0;border-radius:.5rem}.question_screen__container .question_screen .question_form .active{background-color:#fff;color:#000}.question_screen__container::-webkit-scrollbar{width:8px}.question_screen__container::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px}.question_screen__container::-webkit-scrollbar-thumb:hover{background:#ffffff59}.contest__list{--scaleby: 1;--gap-xs: calc(.25rem * var(--scaleby));--gap-sm: calc(.375rem * var(--scaleby));--gap-md: calc(.5rem * var(--scaleby));--gap-lg: calc(1rem * var(--scaleby));--gap-xl: calc(2rem * var(--scaleby));--card-min-width: calc(320px * var(--scaleby));--card-pad-y: calc(1.5rem * var(--scaleby));--card-pad-x: calc(1.25rem * var(--scaleby));--card-radius: calc(.75rem * var(--scaleby));--card-border-width: calc(4px * var(--scaleby));--fs-xs: calc(.675rem * var(--scaleby));--fs-sm: calc(.75rem * var(--scaleby));--fs-md: calc(.875rem * var(--scaleby));--fs-xl: calc(1.75rem * var(--scaleby));--share-icon-pad: calc(.5rem * var(--scaleby));--tag-pad-y: calc(.175rem * var(--scaleby));--tag-pad-x: calc(.3rem * var(--scaleby));--tag-radius: calc(3px * var(--scaleby));--avatar-size: calc(32px * var(--scaleby));--avatar-border: calc(2px * var(--scaleby));--avatar-overlap: calc(-15px * var(--scaleby));--btn-pad-y: calc(.5rem * var(--scaleby));--btn-pad-x: calc(1rem * var(--scaleby));--btn-radius: calc(5px * var(--scaleby));display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));gap:var(--gap-lg);width:100%}.event_box{background:#fff;border-radius:var(--card-radius);padding:var(--card-pad-y) var(--card-pad-x);display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-xl);box-shadow:0 0 0 var(--card-border-width) #141418;box-sizing:border-box}.eb_l1{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-xl)}.eb_l1 .event_details{display:flex;flex-direction:column;gap:var(--gap-sm)}.eb_l1 .event_details .title{font-size:var(--fs-xl);color:#1c1c1c;font-weight:400;line-height:1.2}.eb_l1 .event_details .tags{display:flex;gap:var(--gap-md);flex-wrap:wrap}.eb_l1 .event_details .tags .tag{font-size:var(--fs-sm);color:#000}.eb_l1 .share{background:#ffd568;padding:var(--share-icon-pad);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eb_l2{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-md)}.eb_l2 .event_meta{display:flex;flex-direction:column;gap:.6rem}.eb_l2 .event_meta .meta_title{font-size:var(--fs-sm);color:#1c1c1c}.eb_l2 .event_meta .meta_tags{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.eb_l2 .event_meta .meta_tags .meta_tag{padding:var(--tag-pad-x);background-color:#181818f4;border:rgba(0,0,0,.3294117647) 2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:.3rem}.eb_l2 .event_meta .meta_tags .meta_tag img{height:1rem}.eb_l2 .participants{display:flex;align-items:center;gap:var(--gap-md)}.eb_l2 .participants .participants__profiles{display:flex}.eb_l2 .participants .participants__profiles img{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;border:var(--avatar-border) solid #fff;margin-left:var(--avatar-overlap);object-fit:cover;object-position:center}.eb_l2 .participants .participants__profiles img:first-child{margin-left:0}.eb_l2 .participants .participants__count{font-size:var(--fs-md);color:#333}.eb_l3{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:var(--gap-xs)}.eb_l3 .event__timing{display:flex;gap:var(--gap-xs)}.eb_l3 .event__timing .date,.eb_l3 .event__timing .time{background:#2e2e2e;color:#fff;padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--fs-sm);border-radius:var(--btn-radius);white-space:nowrap}.eb_l3 .register__bt{background:#ffbc00;padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--btn-radius);color:#fff;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap}@media(max-width:500px){.contest__list{--scaleby: .9;grid-template-columns:1fr}}.create_contest__page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1;color:#fff;padding:8rem 0}.create_contest__page .create_contest{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;align-self:stretch}.create_contest__page .create_contest header{font-family:"ARP 150";font-size:2.5rem}@media(max-width:1024px){.create_contest header{font-size:2rem!important}}@media(max-width:500px){.create_contest header{font-size:1.5rem!important}}.contest_home__container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1;color:#fff;padding:8rem 0;position:relative}.contest_home__container .contest_home{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;align-self:stretch;padding:0 1rem 0 3rem;position:relative}.contest_home__container .contest_home .contest_general{display:flex;flex-direction:column;gap:1rem}.contest_home__container .contest_home .contest_general .contest_general__l1{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.contest_home__container .contest_home .contest_general .contest_general__l1 .contest_general__title{font-size:3rem}.contest_home__container .contest_home .contest_general .contest_general__l1 .contest_general__tags{display:flex;gap:1rem;flex-wrap:wrap}.contest_home__container .contest_home .contest_general .contest_general__l1 .contest_general__tags .contest_general__tag{padding:.5rem 1.5rem;background:#fff;color:#171717;border-radius:5rem;white-space:nowrap}.contest_home__container .contest_home .contest_general .contest_general__l2{font-size:1.5rem}.contest_home__container .contest_home .contest_action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem}.contest_home__container .contest_home .contest_action .contest_action__l1{display:flex;gap:1rem;justify-content:center;align-items:center}.contest_home__container .contest_home .contest_action .contest_action__l1 .contest_action__button{padding:1rem 2rem;background:#fff;color:#171717;border-radius:.5rem;font-size:1.5rem}.contest_home__container .contest_home .contest_action .contest_action__l1 .participants_count{display:flex;justify-content:center;align-items:center;gap:.75rem}.contest_home__container .contest_home .contest_action .contest_action__l1 .participants_count .profiles{display:flex;justify-content:center;align-items:center}.contest_home__container .contest_home .contest_action .contest_action__l1 .participants_count .profiles img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;margin-left:-1.5rem}.contest_home__container .contest_home .contest_action .contest_action__l1 .participants_count .profiles img:first-child{margin-left:0}.contest_home__container .contest_home .contest_action .contest_action__l2{font-size:1.25rem}.contest_home__container .contest_home .contest_languages{display:flex;flex-direction:column;gap:1rem}.contest_home__container .contest_home .contest_languages .contest_languages__l1{font-size:2rem}.contest_home__container .contest_home .contest_languages .contest_languages__l2{display:flex;gap:.5rem;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.contest_home__container .contest_home .contest_languages .contest_languages__l2 .contest_language{padding:.25rem .75rem;border-radius:.375rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem}.contest_home__container .contest_home .contest_languages .contest_languages__l2 .contest_language img{width:1.5rem}.contest_home__container .contest_home .contest_details{display:flex;gap:3rem;align-self:stretch;margin:0 0 0 1rem}.contest_home__container .contest_home .contest_details .contest_details__l{display:flex;flex-direction:column;gap:1rem;width:50%}.contest_home__container .contest_home .contest_details .contest_details__l .contest_details__header{font-size:2rem}.contest_home__container .contest_home .contest_details .contest_details__l .contest_details__desc{line-height:normal;display:flex;flex-direction:column;gap:.375rem}.contest_home__container .contest_home .contest_host__details{display:flex;justify-content:center;align-items:center;gap:1rem}.contest_home__container .contest_home .contest_host__details img{width:3rem;border-radius:.5rem}.contest_home__container .contest_home .contest_host__details .contest_host__details__name{font-size:1.25rem}.contest_home__container .contest_home__dropdown{position:absolute;width:100%;height:100%;top:-50%}.skeleton{background:#2c2c2c;position:relative;overflow:hidden;border-radius:4px}.skeleton:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:650px){.contest_details{flex-direction:column}.contest_details .contest_details__l{width:100%!important}}@media(max-width:550px){.contest_home{padding:0 1.5rem!important}}:root{--white: #ffffff;--black: #000000;--light-grey: #dadada;--neon-blue:#00E5FF;--yellow:#FB0;--font-kanit: "Kanit", "Inter";--nav-text-color: var(--white);--nav-text-font: var(--font-kanit);--nav-text-hover-color:var(--light-grey)}.layout-container{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.profile-circle{min-width:2.5rem;min-height:2.5rem;border-radius:50%;background-color:#d4ecfa;color:var(--black);display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;text-transform:uppercase;font-family:var(--font-kanit)}.skeleton-box{background:linear-gradient(90deg,#333 25%,#444 37%,#333 63%);background-size:400% 100%;animation:shimmer 5s ease infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}