.challenge-header-container{background-position:50%;background-repeat:no-repeat;background-size:cover;line-height:normal;min-height:400px;padding:0 20px;position:relative}.challenge-header-container:before{background:linear-gradient(0deg,var(--gradient-color) 0,rgba(56,74,78,0) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.challenge-header-container nav{margin:0 auto;padding:15px 0}.challenge-header-container nav .sub-tabs{padding:0 0 15px}.challenge-header-content{align-items:flex-start;color:#f2f2d9;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;position:relative}.challenge-header-content>a{margin:30px 0 40px}.challenge-header-content p{margin:0}.challenge-header-title,.challenge-header-title>div{align-items:center;display:flex;flex-direction:row;gap:30px;margin-bottom:20px}.challenge-header-title h1,.challenge-header-title>div{margin:0}.challenge-header-title p{color:#0fd3a3;font-family:var(--font-display-bold),sans-serif;font-size:2.8125rem}.challenge-header-content>p{font-size:1.25rem;font-style:italic;font-weight:300;margin-bottom:35px}.challenge-header-content-buttons{display:flex;flex-direction:row;gap:20px;margin-bottom:30px}.challenge-header-content-buttons p{background-color:#1e2425;border-radius:100px;padding:8px 22px}.challenge-wrapper .progress-pagecms a.btn{left:0;position:absolute;top:1px}.challenge-wrapper .header-pagecms .entry{padding:70px 15px 15px}.challenge-deadline{background:#1a202d;border-radius:26px;color:#f8f8f8;display:inline-block;font-size:.9em;margin-top:20px;padding:5px 13px}.challenge-wrapper nav.challenge-nav{background:#223133;display:block}.challenge-wrapper nav.challenge-nav ul{align-items:center;display:flex;justify-content:center;list-style-type:none;margin-bottom:0;margin-left:0;padding:0}.challenge-wrapper nav.challenge-nav ul li a{color:#fff;display:block;font-size:.9em;padding:1em 2em}.challenge-wrapper nav.challenge-nav ul li a i{margin-right:7px}.challenge-wrapper nav.challenge-nav ul li a.active,.challenge-wrapper nav.challenge-nav ul li a:hover{color:#3abe96}.challenge-submissions-wrapper{padding-top:2em}.challenge-submissions-wrapper #sortByFilter{margin-bottom:2em;margin-right:0}.challenge-submissions-wrapper h2{color:#f1f1d5;font-size:1.8em}.challenge-single h1{font-size:2em}.challenge-single .meta{color:#f1f1d5;font-size:.85em;text-align:center}.challenge-single .meta img{border-radius:35px;margin:0 5px;width:35px}.challenge-single .meta a{color:#f1f1d5;font-weight:500}.challenge-single .submission_image_wrapper{cursor:pointer;display:block;height:auto;margin:0 auto 35px;position:relative;width:auto}.challenge-single .submission_image_wrapper img.submission_image{max-height:100vh}.challenge-single .submission_image_wrapper.full img.submission_image{max-height:none}.challenge-single .submission_image_wrapper.full{max-width:100%}.challenge-single .submission_image_wrapper a{background:rgba(0,0,0,.2);border-radius:10px;bottom:25px;color:#fff;display:block;left:calc(50% - 20px);line-height:40px;opacity:0;position:absolute;text-align:center;visibility:hidden;width:40px}.challenge-single .submission_image_wrapper:hover a{opacity:1;visibility:visible}.challenge-single .submission-data{color:#f0f0d2;display:flex;justify-content:space-between}.challenge-single .submission-data>div.counters>div:first-child{color:#34b383}.challenge-single .submission-data>div.counters>div:first-child i{color:#f0f0d2}.challenge-single .submission-data>div.counters>div{margin:0 20px}.challenge-single .submission-data .report-issue a{color:#ae4247;font-size:.9em}.challenge-single .submission-wip{align-items:center;background:#18202f;border-radius:15px;justify-content:space-between;margin-top:4em;padding:1em 2em}.challenge-single .submission-wip a{text-transform:uppercase}.challenge-single .submission-wip h3{font-size:1.2em;line-height:1em;margin:0;text-transform:uppercase}.challenge-single .arrows{position:relative}.challenge-single .arrows a{color:hsla(0,0%,100%,.5);display:block;font-size:32px;height:50px;line-height:50px;position:fixed;text-align:center;width:50px;z-index:4444}.challenge-single .arrows a:hover{color:#fff}.challenge-single .arrows a.close{right:0;top:0}.challenge-single .arrows a.prev{float:left;top:calc(50% - 25px)}.challenge-single .arrows a.next{float:right;right:0;top:calc(50% - 25px)}.challenge-participate .subtitle{margin-bottom:2em;margin-top:0}.challenge-participate .submission-placeholder>div{align-items:center;background:#2b3436;border-radius:8px;color:#3abe96;cursor:pointer;display:flex;font-size:.9em;font-weight:500;height:calc(100% - 25px);justify-content:center;margin-bottom:15px;min-height:15em;position:relative}.challenge-participate .submission-placeholder>div .icon-plus{align-items:center;background:#2b3436;border:8px solid #384a4e;border-radius:2em;bottom:-10px;color:#00b387;display:flex;font-size:1.8em;height:60px;justify-content:center;position:absolute;right:-10px;transition:all .3s ease;width:60px}.challenge-participate .submission-placeholder:hover>div .icon-plus{background:#3abe96;color:#fff}.challenge-participate>hr{border-top:2px solid #4d585b;margin:1em 0}.challenge-participate .submission-form{opacity:.3;pointer-events:none;transition:opacity 1s ease}.challenge-participate .submission-form.active{opacity:1;pointer-events:all}.challenge-participate .submission-form h2{margin-bottom:2em;margin-top:0}.challenge-participate form label,.challenge-participate form legend{color:#f1f1d5;font-family:var(--font-display-bold),sans-serif;font-size:1.1em;letter-spacing:-.01em}.challenge-participate form input[type=text]{max-width:100%;width:100%}.challenge-participate form .form-group{margin-bottom:2em}.challenge-participate form .notice{color:#f1f1d5;font-size:.9em;font-style:italic}.challenge-participate form .notice.normal{font-style:normal}.challenge-participate form .image-dropzone{background:#333f42;border-radius:20px;height:15em;margin-top:1em;padding:.6em;position:relative;width:100%}.challenge-participate form .image-dropzone .inner{align-items:center;border:1px dashed #8c9395;border-radius:15px;color:#8c9395;display:flex;flex-direction:column;font-size:.8em;font-style:italic;height:100%;justify-content:center}.challenge-participate form .image-dropzone .inner i{display:block;font-size:3em;margin-bottom:10px}.challenge-participate form .image-dropzone .empty,.challenge-participate form .image-dropzone .preview{align-items:center;display:flex;flex-direction:column;justify-content:center}.challenge-participate form .image-dropzone .preview img{margin-bottom:10px;max-height:150px;max-width:15em}.challenge-participate form .image-dropzone .custom-file,.challenge-participate form .image-dropzone input[type=file]{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.challenge-participate .note-editor.note-frame{background:#2b3436;border:none;border-radius:10px;padding:10px}.challenge-constraints-notice{background:#222b3c;border-radius:10px;color:#f1f1d5;margin-left:10px;padding:1.5em}.challenge-participate .challenge-constraints-notice>h1,.challenge-participate .challenge-constraints-notice>h2,.challenge-participate .challenge-constraints-notice>h3,.challenge-participate .challenge-constraints-notice>h4,.challenge-participate .challenge-constraints-notice>h5,.challenge-participate .challenge-constraints-notice>h6{font-size:1.1em;margin-top:0}.challenge-participate .challenge_submission_block .btn-sm{padding:6px 12px}.challenge-participation-description>p>img{display:block;margin:auto}.container h3.mt-6{margin-top:3em}.challenge-wrapper .submission-nav nav{display:flex;justify-content:center;width:100%}.challenge-wrapper .main-tabs{display:none}@media screen and (max-width:1215px){.challenge-header-container .container_child{padding:15px 0;width:100%}.challenge-header-content .container_child .sub-tabs{-webkit-mask-image:linear-gradient(89deg,#000 80%,transparent);mask-image:linear-gradient(89deg,#000 80%,transparent);overflow-x:auto;white-space:nowrap;width:100%}.challenge-header-content-buttons{align-items:flex-start;flex-direction:column;row-gap:10px;width:100%}.challenge-header-content-buttons a{width:100%}.challenge-header-title{flex-direction:column}.challenge-header-title p,.lesson-header-dropdown button i{font-size:2rem}.challenge-header-content>p{font-size:.875rem}}@media screen and (max-width:768px){.challenge-wrapper nav.challenge-nav{display:none}.challenge-wrapper .main-tabs{display:block}}@media screen and (max-width:767px){.challenge-header-breadcrumb>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.challenge-header-content-buttons{margin-bottom:10px}}