.popup-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(50,50,50,.8);z-index:999;justify-content:center;align-items:center;cursor:auto;color:#333;font-size:16px;line-height:normal}.popup{display:grid;position:relative;align-items:center;min-height:260px;width:600px;max-width:calc(100vw - 60px);max-height:calc(100vh - 140px);z-index:1000;background-color:#fff;padding:20px}.popup-img{display:none}.popup-img img{width:100%;max-width:100%}.popup-close{position:absolute;right:0;top:4px;width:24px;height:24px;line-height:24px;text-align:center;cursor:pointer;padding:6px}.popup-close img{width:70%}@media screen and (min-width:980px){.popup-w-img{display:grid;grid-template-columns:40% 60%;min-height:300px;align-items:center;justify-items:center}.popup{width:900px}.popup-img{display:grid;align-items:center;justify-items:center}}.login-box-wat-icon{display:flex;justify-content:center}.login-box-wat-icon svg{display:block;height:60px;width:150px}.wat-btn{background-color:#276ef1;color:#fff;display:inline-block;font-size:16px;line-height:1.4;padding:10px 30px;border-radius:3px;cursor:pointer;-webkit-appearance:none;outline:none;border:none;font-family:inherit}.wat-btn-secondary{background-color:#fff;border:1px solid #276ef1;box-sizing:border-box;box-shadow:none;color:#276ef1}.wat-btn-destructive{background-color:#d4473a;border:1px solid #d4473a;box-sizing:border-box;box-shadow:none}.wat-btn:active,.wat-btn:focus{-webkit-appearance:none}.wat-btn:disabled{cursor:not-allowed}.wat-btn-success{background-color:#276ef1}.wat-btn-destructive-success,.wat-btn-failure{background-color:#d4473a}.wat-btn-narrower,.wat-btn-smaller{padding:10px 20px}.wat-btn-smaller{font-size:14px}.wat-btn-arrow{padding:10px 25px 10px 30px}.wat-btn-smaller.wat-btn-arrow{padding:10px 15px 10px 20px}.wat-btn-arrow:after{background-image:url(/images/right_arrow.svg);display:inline-block;height:14px;width:17px;background-size:17px 17px;content:"";margin-left:10px}.wat-btn-smaller.wat-btn-arrow:after{height:11px;width:14px;background-size:14px 12px;margin-left:6px}.wat-btn-center{display:block;margin-left:auto;margin-right:auto}.wat-btn-full{width:100%}.login-page-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:360px;width:400px;max-width:calc(100vw - 60px);max-height:calc(100vh - 140px);z-index:1000;background-color:#fff;padding:80px 60px 40px;border-radius:8px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}@media screen and (max-width:500px){.login-page-box{padding:80px 20px 40px}}.login-page-wat-icon-wrapper{position:absolute;top:20px;left:calc(50% - 75px)}.login-page-header{line-height:40px;font-size:24px;font-weight:600;text-align:center}.login-auth-btn{display:flex;background-color:#fff;border:1px solid #276ef1;color:#276ef1;border-radius:4px;line-height:26px;padding:8px 16px;margin-top:10px;grid-gap:10px;gap:10px;cursor:pointer}.login-auth-btn img{display:block;width:26px;height:26px}.login-page-divider{position:relative;height:1px;background-color:#ddd;margin:20px 0}.login-page-divider:after{content:"OR";position:absolute;width:40px;line-height:20px;font-size:14px;top:-10px;left:calc(50% - 20px);text-align:center;background-color:#fff;color:#999}.login-page-input-row{display:flex;grid-gap:10px;gap:10px}.login-page-input{margin-top:10px;width:100%}.login-page-input input{box-sizing:border-box;padding:8px;margin:0;line-height:26px;font-size:16px;width:100%;border-radius:4px;color:#333;border:1px solid #999;font-family:"Nunito Sans",sans-serif}.login-page-input input:-ms-input-placeholder{color:#bbb}.login-page-input input::placeholder{color:#bbb}.login-page-input-err{height:18px;font-size:14px;color:#ff5252}.login-page-input .wat-btn{box-sizing:border-box;width:100%}.login-page-graphic{display:flex;justify-content:center;height:140px}.login-page-graphic img{display:block;max-height:140px;max-width:140px}.login-page-graphic-desc{font-weight:600;line-height:24px;margin-top:10px;text-align:center}.login-page-loading-graphic{display:flex;justify-content:center;font-size:80px;color:#ccc}.login-page-action-btn{width:100%;margin:10px 0}.login-page-meta-text{font-size:14px;line-height:24px;margin-top:6px;text-align:center}.login-page-meta-text-row{display:flex;justify-content:space-between}.login-page-meta-text-left{text-align:left}.login-page-meta-text-right{text-align:right}.login-page-meta-text span{color:#276ef1;cursor:pointer}.login-popup-wrapper .popup{background-color:transparent;padding:0;width:auto;max-width:calc(100vw - 20px)}.login-popup-footer{text-align:center;color:#fff}.login-popup-footer a{color:#fff;text-decoration:none;line-height:50px}.login-popup-footer span:not(:last-child):after{content:" ";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#fff;margin:2px 5px}.header-wrapper{--header-height:80px;--header-logo-width:200px;height:var(--header-height);background-color:#000;color:#fff}.header-small{--header-height:60px;--header-logo-width:150px}.header-white{--header-bg:#fff;--header-color:#000;background-color:#fff;color:#000;border-bottom:1px solid #e5e5e5}.header-black{--header-bg:#000;--header-color:#fff;background-color:#000;color:#fff}.header-fixed{position:fixed;top:0;width:100%;z-index:8;box-shadow:0 2px 5px 2px rgba(0,0,0,.15)}.header-full-width .section{max-width:none}.header-placeholder{display:grid;width:100%;height:80px}.header-placeholder-small{height:60px}.header{margin:0;width:100%;display:grid;grid-template-columns:40px auto 40px}.logo-wrapper{text-align:center}.header-logo{margin:0 auto;cursor:pointer}.header-logo,.header-logo svg{width:var(--header-logo-width);height:var(--header-height)}.header-logo svg{display:block}.header-logo img{height:100%}.header-navbar{font-size:14px;display:none}.header-navs{display:flex;justify-content:flex-end}.header-nav{float:right;margin:20px 0 20px 30px;line-height:40px;vertical-align:middle;position:relative}.header-small .header-nav{margin:10px 0 10px 30px}.header-small .header-nav.login-box{margin:15px 0 15px 30px}.header-nav-profile{height:50px;margin:20px 0 10px 30px}.header-small .header-nav-profile{margin:10px 0 10px 30px}.header-nav a{cursor:pointer;color:inherit;text-decoration:inherit}.header-nav a:hover{color:#276ef1}.header-programs-dropdown{display:none}.header-nav-item-programs{display:inline;cursor:pointer}.header-dropdown-icon{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--header-color);margin-bottom:2px;margin-left:2px}.header-nav-item-programs:hover .header-dropdown-icon{border-top:4px solid #276ef1}.header-nav-item-programs:focus+.header-programs-dropdown{display:block}.header-nav-programs:focus-within .header-programs-dropdown{display:block}.header-nav-programs:hover .header-programs-dropdown,.header-programs-dropdown:hover{display:block}.login-box{margin:25px 0 25px 20px;background-color:#276ef1;width:50px;height:30px;line-height:30px;text-align:center;border-radius:4px;color:#fff;cursor:pointer}.login-user-icon{height:40px;width:40px;border-radius:50%;overflow:hidden;cursor:pointer;box-sizing:border-box}.login-user-icon:focus{outline:none;border:2px solid #276ef1;height:44px;width:44px;margin:-2px}.login-loading-box{height:40px;width:40px;border-radius:50%;overflow:hidden}#profile-options-dropdown{display:none;position:relative;z-index:8}.header-nav-profile:hover #profile-options-dropdown{display:block}.header-nav-profile:focus-within #profile-options-dropdown{display:block}#profile-options-dropdown:hover{display:block}#ide-options-dropdown,#program-options-dropdown{position:relative;z-index:8}.ide-options-list,.profile-options-list,.program-options-list{position:absolute;background-color:#f6f8fa;color:#555;border-radius:2px;font-size:16px;line-height:44px;overflow:hidden;box-shadow:1px 2px 2px rgba(0,0,0,.1),-1px -1px 2px rgba(0,0,0,.08)}.profile-options-list{right:0;top:10px}.ide-options-list{min-width:170px;right:-70px}.program-options-list{left:-20px;top:0;min-width:310px}.companies-options-list{left:-20px;top:0;min-width:230px}.ide-options-list a,.profile-options-list a,.program-options-list a{color:#555;text-decoration:none}.ide-options-list a:focus .ide-options,.profile-options-list a:focus .profile-options,.program-options-list a:focus .program-options{background-color:#eee;color:#276ef1}.ide-options:focus,.profile-options:focus{background-color:#eee;color:#276ef1;outline:none}.ide-options-list a:focus,.profile-options-list a:focus,.program-options-list a:focus{outline:none}.ide-options,.profile-options,.program-options{padding:0 20px;cursor:pointer}.ide-options-list a:not(:last-child),.profile-options-list a:not(:last-child),.program-options-list a:not(:last-child){display:block;border-bottom:1px solid #e8e8e8}.ide-options:hover,.profile-options:hover,.program-options:hover{background-color:#eee;color:#276ef1}.right-triangle{display:block;position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #f6f8fa;z-index:9}.profile-right-triangle{top:2px;right:12px}.program-right-triangle{top:-8px;left:22px}.login-user-icon img{width:100%;height:100%}.only-big-screen{display:none}.header-box{float:left;display:block;font-size:28px;line-height:var(--header-height);width:40px;height:var(--header-height);text-align:center}.header-box.hamburger{margin-left:-10px;width:50px;cursor:pointer}@media screen and (min-width:1020px){.header{grid-template-columns:var(--header-logo-width) auto}.header-box{display:none}.header-navbar{display:block}.logo-wrapper{float:left;width:var(--header-logo-width)}}.header-black .header-nav a:hover{color:#669cff}.header-black .header-nav-item-programs:hover .header-dropdown-icon{border-top:4px solid #669cff}.header-black .ide-options-list,.header-black .profile-options-list,.header-black .program-options-list{background-color:#151515;color:#eee;box-shadow:1px 2px 2px hsla(0,0%,100%,.1),-1px -1px 2px hsla(0,0%,100%,.08)}.header-black .ide-options-list a,.header-black .profile-options-list a,.header-black .program-options-list a{color:#eee;text-decoration:none}.header-black .ide-options-list a:focus .ide-options,.header-black .ide-options:hover,.header-black .profile-options-list a:focus .profile-options,.header-black .profile-options:focus,.header-black .profile-options:hover,.header-black .program-options-list a:focus .program-options,.header-black .program-options:hover{background-color:#222;color:#669cff}.header-black .ide-options-list a:not(:last-child),.header-black .profile-options-list a:not(:last-child),.header-black .program-options-list a:not(:last-child){border-bottom:1px solid #282828}.header-black .right-triangle{border-bottom:8px solid #111}.menu-tray-wrapper{position:fixed;display:grid;width:100%;height:100%;background-color:rgba(50,50,50,.9);color:#333;z-index:10;overflow-y:auto}.menu-tray{width:70%;max-width:360px;height:100%;float:left;background-color:#fff}.menu-tray-content{width:100%;height:100%}.menu-tray a{color:inherit;text-decoration:none}.tray-close{position:absolute;width:40px;height:40px;right:20px;top:20px}.tray-close img{width:100%;height:100%}.menu-tray-header{height:80px;background-color:#000;position:relative}.menu-tray-logo{height:80px}.menu-tray-logo svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;margin:0 auto}.menu-items{text-align:left;line-height:30px;margin-bottom:60px}.menu-item{line-height:50px;display:grid;grid-template-columns:50px auto}.menu-item-icon{height:50px;width:50px;text-align:center}.menu-item-text{margin-left:10px;font-size:16px}.menu-item-logo img{width:100%}.menu-item-profile{height:60px;display:grid;grid-template-columns:70px auto;padding:10px 0;border-bottom:1px solid #ccc}.menu-item-login{height:40px;padding:10px 0}.menu-item-login-button{height:40px;line-height:40px;margin:0 10px;color:#fff;background-color:#276ef1;border-radius:4px;text-align:center}.menu-tray-dp{height:60px;width:60px;margin-left:10px;border-radius:50%;overflow:hidden}.menu-tray-dp img{height:100%;width:100%}.menu-item-profile-text{margin-left:10px;line-height:60px;font-size:18px;overflow:hidden;text-overflow:ellipsis}.menu-login-user-icon{width:80px;height:80px;margin:0 auto;border-radius:50%;overflow:hidden}.menu-login-user-icon img{width:100%;height:100%}.ps-banner{background-color:#000;width:100%;color:#fff}.ps-banner-display{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ps-banner-intro-main{height:84px;font-size:64px;font-weight:700;margin-block:0;margin-top:-30px}.ps-banner-intro-sub{margin-top:5px;font-weight:700;font-size:36px}@media screen and (max-width:1080px){.ps-banner-display{align-items:center}.ps-banner-intro-main{height:auto;text-align:center;font-size:40px}.ps-banner-intro-sub{text-align:center;font-size:25px}}@media screen and (max-width:980px){.ps-banner-intro-main{margin-top:20px}}.practice-page-list-box{display:grid;grid-template-columns:50px auto 50px;text-decoration:none;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:20px;font-size:22px;color:#333;line-height:50px;height:50px}.practice-page-list-box:nth-child(2n+2){border-right:1px solid #ddd}@media screen and (max-width:850px){.practice-page-list-box:nth-child(odd){border-right:1px solid #ddd}}.practice-page-list-box:hover{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);transition-duration:1.2s}.practice-page-box-image{width:50px;height:50px;border-radius:50%;border:1px solid #ddd}.practice-page-list-box-name{margin-left:10px;margin-right:10px;font-size:22px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}@media screen and (max-width:700px){.practice-page-list-box-name{font-size:20px}}.practice-page-list-progress-box-circle{position:relative;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#406cbf 0deg,#406cbf .04deg,#b1bfd8 .07deg,#b1bfd8 1turn);width:50px;height:50px}.practice-page-list-progress-box-perc{position:absolute;left:5px;top:5px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;font-weight:600;font-size:13px;color:#406cbf;background-color:#fff}.practice-page-loader-content{display:flex;justify-content:center;align-items:center}.practice-page-loader{display:inline-block;position:relative;width:80px;height:80px}.practice-page-loader div{display:inline-block;position:absolute;left:8px;width:16px;background:#f1f1f1;animation:practice-page-loader 1.2s cubic-bezier(0,.5,.5,1) infinite}.practice-page-loader div:first-child{left:8px;animation-delay:-.24s}.practice-page-loader div:nth-child(2){left:32px;animation-delay:-.12s}.practice-page-loader div:nth-child(3){left:56px;animation-delay:0}@keyframes practice-page-loader{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}.practice-page-boxes{display:grid;grid-template-columns:50% 50%}@media screen and (max-width:850px){.practice-page-boxes{grid-template-columns:100%}}.practice-page-nav{display:flex;justify-content:space-around;width:100%;border-bottom:1px solid #ddd;height:50px;line-height:50px}.practice-page-nav-tab{text-decoration:none;font-size:22px;color:#333;font-weight:600;padding:8px;display:flex;justify-content:center;align-items:center;flex-grow:1}.practice-page-nav-tab-active{border-bottom:2px solid #276ef1;color:#276ef1}@media screen and (max-width:460px){.practice-page-nav-tab{font-size:19px}}.practice-page-links{text-decoration:none;color:#fff}.practice-page-top-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(425px,1fr));grid-gap:10px;gap:10px;margin:20px 0;line-height:80px;text-align:center;font-size:24px;font-weight:600}.practice-page-beginner-problems{background:linear-gradient(180deg,#119b8e,rgba(20,155,143,.7))}.practice-page-beginner-problems,.practice-page-dsa-problems{width:100%;height:80px;box-shadow:0 0 4px rgba(0,0,0,.1);border-radius:4px}.practice-page-dsa-problems{background:linear-gradient(180deg,#d3923d,rgba(230,163,77,.8))}@media screen and (max-width:470px){.practice-page-top-selection{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));font-size:20px;line-height:60px}.practice-page-beginner-problems,.practice-page-dsa-problems{height:60px}}.contest-user-meta-box{width:100%;height:500px;background-color:#fff;margin-top:10px;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden}.contest-user-meta-middle{height:30px;width:100%;background-color:#406cbf}.contest-user-meta-middle svg{width:100%;height:30px}.contest-user-meta-bottom{background-color:#406cbf;color:#fff;padding-bottom:20px}.contest-user-meta-list{width:250px;margin:0 auto;padding:10px 0}.ps-list-summary-meta-box-title{width:100%;height:50px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;margin-top:-10px;margin-bottom:10px;color:#555}.contest-user-meta-row{display:grid;grid-template-columns:150px 100px;padding-top:20px;height:30px;line-height:30px;font-size:16px;font-weight:600}.contest-user-meta-label{display:grid;grid-template-columns:30px auto;grid-gap:10px}.contest-user-meta-label-icon,.contest-user-meta-label-icon img,.contest-user-meta-label-icon svg{width:30px;height:30px}.contest-user-meta-value{text-align:center}.contest-user-meta-score-box{padding:20px;position:relative;height:200px}.contest-user-meta-score-arc-box{position:absolute;width:220px;height:220px;left:calc(50% - 110px);z-index:1}.contest-user-meta-score-arc{display:flex;align-items:center;margin:auto;position:relative;box-sizing:border-box;background:#fff;background-clip:padding-box;border:10px solid transparent;border-radius:50%;height:220px}.contest-user-meta-score-arc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-10px;border-radius:inherit;background:linear-gradient(90deg,#f45252,#f67e33,#f5cb1d,#0c8bef,#20d183);background:conic-gradient(#f5cb1d 30deg,#0c8bef 30deg 80deg,#20d183 80deg 180deg,#f45252 180deg 280deg,#f67e33 280deg 330deg,#f5cb1d 330deg 1turn);clip-path:polygon(100% 0,100% 75%,0 75%,0 0)}.contest-user-meta-score-pointer-box{position:relative;width:180px;height:180px;margin:10px;transform:rotate(-120deg)}.contest-user-meta-score-pointer{position:absolute;width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:75px solid #555;left:calc(50% - 75px);z-index:1;clip-path:polygon(100% 0,0 0,50% 100%)}.contest-user-meta-score-ring-box{position:absolute;width:230px;height:230px;margin:-15px;transform:rotate(-120deg)}.contest-user-meta-score-ring{position:absolute;width:20px;height:20px;left:calc(50% - 10px);z-index:1;background-color:#0c8af0;border-radius:50%}.contest-user-meta-score-ring:after{content:"";display:block;width:8px;height:8px;margin:6px;background-color:#fff;border-radius:50%}.contest-user-meta-score-circle{margin:20px auto;width:160px;height:160px;box-shadow:0 0 4px 0 rgba(0,0,0,.05),0 4px 4px 0 rgba(0,0,0,.02),0 -4px 4px 0 rgba(0,0,0,.02),4px 0 4px 0 rgba(0,0,0,.02),-4px 0 4px 0 rgba(0,0,0,.02);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#406cbf;background-color:#fff;font-weight:600;position:absolute;left:calc(50% - 80px);top:30px;z-index:2}.contest-user-meta-score-text{position:absolute;height:30px;line-height:30px;top:145px;width:calc(100% - 40px);text-align:center;z-index:2;font-size:14px;font-weight:600;color:#555}.contest-user-meta-rank-wrapper{width:100%;height:40px;display:flex;flex-direction:row;justify-content:center}.contest-user-meta-trophy-icon{width:40px;height:40px}.contest-user-meta-trophy-icon svg{padding:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.contest-user-meta-rank-box{display:flex;flex-direction:column;text-align:center;margin-left:10px}.contest-user-meta-rank-label{line-height:18px;color:#777;font-size:16px}.contest-user-meta-rank-value{line-height:22px;font-size:16px;color:#333}.ps-streak-box{width:100%;height:226px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1);border-radius:4px;display:flex;justify-content:space-evenly}.ps-empty-streak-box{align-items:center;color:#aaa}.ps-streak-box-left-content{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.ps-doughnut{transform:rotate(-180deg);border-radius:50%;height:132px;width:132px;display:flex;justify-content:center;align-items:center;background-color:#e6e6e6}.ps-fire-icon{transform:rotate(180deg)}.ps-time{text-align:center;font-size:18px;font-weight:700;color:#555}.ps-time-remaining{font-size:14px;font-weight:600;color:#555}.ps-streak-box-right-content{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.ps-streak-right-content{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:600;color:#555}.ps-streak-margin{margin:10px 0}.ps-current-streak{font-size:24px;color:#333;font-weight:800}.ps-best-streak{font-size:18px;font-weight:800}.ps-current-streak-days{font-size:14px}.ps-best-streak-days{font-size:12px}.ps-points{font-size:18px;font-weight:800}.prog-history-box{height:280px;padding:15px;border-radius:4px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1)}.prog-history-box-title{height:30px;font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.prog-history-box-title,.prog-history-empty{display:flex;justify-content:center;align-items:center}.prog-history-empty{height:280px;color:#aaa}@media screen and (max-width:980px){.prog-history-box{padding:15px}}.practice-page-progress-graph{margin-top:20px;margin-bottom:20px}.practice-page-content{width:100%;display:grid;grid-template-columns:auto 320px;grid-gap:20px;gap:20px}.practice-page-side-bar{margin-top:-200px}@media screen and (max-width:1250px){.practice-page-content{display:block}.practice-page-side-bar{margin-top:20px}}.ps-practice-page .section{max-width:1400px}