[v-cloak]{display:none!important}html{--color-great:#1c8437;--color-ok:#f5d01f;--color-poor:#da4422}#challenges{max-width:1600px;margin:0 auto;align-self:start}.top-section .inner-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.top-section .section-text{flex-basis:50%;padding-right:61px}.top-section .section-text h1{font-weight:700;margin-top:0;margin-bottom:14px}.section{width:100%;padding-left:calc(7% / 2 + 20px)!important;padding-right:calc(6% / 2 + 20px)!important}.full-width .inner-section{padding:28px 80px!important;padding-bottom:35px!important}h1{font-size:33px!important}.top-section .section-text h3{margin-top:0;line-height:33px;font-size:16px}.top-section .section-text h3 a{display:inline-block;margin-top:27px;text-decoration:underline;font-size:16px}.top-section .section-metrics{flex-basis:50%}.section-metrics h4{font-size:20px;line-height:24px;font-weight:600;color:var(--primary-color)}.metric-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--primary-color);font-weight:500}.metric-total{margin-bottom:24px;margin-top:24px}.metric-total progress[value]{flex-grow:1;margin-right:20px;height:8px;-webkit-appearance:none;appearance:none;border:none;color:var(--color-tertiary)}.metric-total progress[value]::-webkit-progress-bar{border-radius:3px}.metric-total progress[value]::-webkit-progress-value{background-color:var(--color-tertiary);border-radius:3px}.metric-total progress[value]::-moz-progress-bar{background-color:var(--color-tertiary);border-radius:3px}.metric-total progress.great[value]::-webkit-progress-bar{background-color:#dfffe7}.metric-total progress.great[value]::-webkit-progress-value{background-color:var(--color-great)}.metric-total progress.great[value]::-moz-progress-bar{background-color:var(--color-great)}.metric-total progress.ok[value]::-webkit-progress-bar{background-color:#fdf4ca}.metric-total progress.ok[value]::-webkit-progress-value{background-color:var(--color-ok)}.metric-total progress.ok[value]::-moz-progress-bar{background-color:var(--color-ok)}.metric-total progress.poor[value]::-webkit-progress-bar{background-color:#fad1c8}.metric-total progress.poor[value]::-webkit-progress-value{background-color:var(--color-poor)}.metric-total progress.poor[value]::-moz-progress-bar{background-color:var(--color-poor)}.metric-group-title{text-transform:uppercase;font-size:12px;letter-spacing:.86px;color:#959ea7}.metric-group:not(.metric-final) .metric-group-title:before{content:'';height:6px;width:6px;border-radius:50%;margin-right:8px;display:inline-block}.metric-group.easy .metric-group-title:before{background-color:#734129}.metric-group.medium .metric-group-title:before{background-color:#c8c8c8}.metric-group.hard .metric-group-title:before{background-color:#ffcb50}.metric-group-rating{font-size:12px;opacity:.75;letter-spacing:.17px}.metric-final{border-top:solid 1px rgb(44 61 79 / .15);margin-top:20px;padding-top:20px;margin-bottom:0}.metric-final .metric-group-title{color:var(--primary-color)}.metric-final .metric-group-title span{letter-spacing:.3px;margin-left:6px;color:#848484}@media (max-width:640px){.top-section .inner-section{flex-direction:column}.top-section .section-text{width:100%;padding-right:0;padding-bottom:20px}.top-section .section-metrics{width:100%}}.challenges-group-wrap{margin-bottom:40px}.challenge-group-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.challenge-group-header h4{font-size:24px;font-weight:600;letter-spacing:0;color:var(--primary-color)}.challenge-group-header .group-count{color:rgb(44 61 79 / .5)}.toggle-group{cursor:pointer;margin-left:10px;margin-bottom:2px}.challenge-group-header progress[value]{height:6px;-webkit-appearance:none;appearance:none;border:none;color:var(--color-great);width:25%;flex-grow:0}.challenge-group-header progress[value]::-webkit-progress-bar{background-color:#dfffe7;border-radius:3px}.challenge-group-header progress[value]::-webkit-progress-value{background-color:var(--color-great);border-radius:3px}.challenge-group-header progress[value]::-moz-progress-bar{background-color:var(--color-great);border-radius:3px}.challenge-group-list{padding-left:0;margin-top:20px;margin-bottom:0;list-style:none}.challenge-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:500;padding:16px 5px;border-bottom:solid 1px rgb(44 61 79 / .15)}.challenge-item .item-left{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start;align-items:center}.challenge-item .item-right{display:flex;flex-direction:row;flex-basis:310px;justify-content:flex-end}.challenge-item:last-child{border-bottom:0;padding-bottom:0}.challenge-status{flex-basis:61px;flex-shrink:0;flex-grow:0;height:42px;border-radius:8px;border-width:2px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-right:15px;color:#fff;font-size:13px}.challenge-status span{position:relative;margin-left:0}.challenge-status small{font-size:8px;margin-left:1px}.challenge-status.locked{border-color:hsl(210 13% 42% / .3)}.challenge-status.incomplete{border-color:hsl(198 86% 45% / .2);background:#f7fcff;color:#afd5d6;font-size:12px}.challenge-status img{width:61px;height:42px;border-radius:8px}.challenge-status.complete,.challenge-status.great{border-color:#13ad5b;background-color:#47bb65;position:relative}.challenge-status.complete:after{content:'';background-image:url(https://coderbytestaticimages.s3.amazonaws.com/interview-kits/check.png);position:absolute;width:24px;height:18px;background-repeat:no-repeat;background-position:center center;background-size:contain}.challenge-status.good{border-color:var(--color-ok);background-color:var(--color-ok)}.challenge-status.poor{border-color:#cc5b46;background-color:#d86349}.challenge-title{flex-basis:50%;flex-grow:0;flex-shrink:0;padding-right:20px;font-weight:600}.challenge-type{flex-grow:1;padding-right:5px}.challenge-type-text{display:flex;align-items:center}.challenge-type img{margin-right:8px}.challenge-difficulty{flex-grow:0;flex-shrink:0;font-size:14px;padding-right:20px}.difficulty-bars{display:inline-flex;justify-content:space-between;align-items:stretch;margin-right:8px;width:13px;height:10px}.difficulty-bar{width:3px;height:100%;background-color:hsl(211 28% 24% / .3)}.difficulty-bars.Easy .difficulty-bar:nth-child(1),.difficulty-bars.Medium .difficulty-bar:nth-child(1),.difficulty-bars.Hard .difficulty-bar:nth-child(1),.difficulty-bars.Medium .difficulty-bar:nth-child(2),.difficulty-bars.Hard .difficulty-bar:nth-child(2),.difficulty-bars.Hard .difficulty-bar:nth-child(3){background-color:var(--primary-color)}.challenge-solutions{flex-grow:0;flex-shrink:0;font-size:14px;padding-right:20px}.challenge-discussion{flex-grow:0;flex-shrink:0;font-size:14px}.challenge-discussion img{margin-right:5px}.faded-text{color:hsl(211 28% 24% / .3)}.faded-text img{filter:grayscale(100%)}@media (max-width:870px){.challenge-item{flex-wrap:wrap}.challenge-item .item-left,.challenge-item .item-right{width:100%;flex-basis:100%}.challenge-type-text{justify-content:flex-end}.challenge-item .item-right{justify-content:space-between;margin-top:10px;padding-left:5px}}@media (max-width:800px){.inner-section,.full-width .inner-section{padding:20px}.challenge-group-header h4{font-size:18px;line-height:1.2;display:inline-flex;flex-direction:row-reverse;align-items:center}.challenge-group-header .toggle-group,.challenge-group-header .group-count{margin-left:0;margin-right:10px}.challenge-group-header progress[value]{width:50px;margin-left:10px}}