.small-course-container{display:flex;justify-content:space-between;background:var(--dashboard-color-dark-light);border-radius:var(--dashboard-border-radius);overflow:hidden;outline:none;box-shadow:var(--element-box-shadow);border:var(--element-border)}.small-course-container:hover{cursor:pointer}.small-course-container:hover .thumbnail-container .course-preview-cover-image{transform:scale(1.05)}.small-course-container:hover .thumbnail-container .overlay .overlay-content{transform:translateY(0)}.small-course-container.no-click{cursor:default;pointer-events:none}.small-course-container .thumbnail-container{width:auto;position:relative;padding-right:50%;padding-bottom:150%;display:flex;justify-content:center;align-items:center;flex:1}.small-course-container .thumbnail-container .course-preview-cover-image{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform 300ms;transform:scale(1)}.small-course-container .thumbnail-container .course-preview-cover-image-small{position:absolute;top:0;left:0;width:100%;height:100%;display:none;object-fit:cover;transition:transform 300ms;transform:scale(1)}.small-course-container .thumbnail-container .overlay{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:absolute;bottom:0;left:0;height:100%;min-width:100%;padding:10px;box-sizing:border-box;background:linear-gradient(0deg, rgb(30, 30, 30) 5%, rgba(30, 30, 30, 0) 75%);text-align:center}.small-course-container .thumbnail-container .overlay .overlay-content{width:100%;transform:translateY(95px);transition:transform 300ms}.small-course-container .thumbnail-container .overlay .overlay-content.double-cta{transform:translateY(95px)}.small-course-container .thumbnail-container .overlay .game-container{display:flex;justify-content:center}.small-course-container .thumbnail-container .overlay .game{display:flex;align-items:center;justify-content:center;padding:5px 9px;color:var(--dashboard-text-color-secondary);border-radius:var(--dashboard-border-radius);white-space:nowrap}.small-course-container .thumbnail-container .overlay .game picture,.small-course-container .thumbnail-container .overlay .game img{width:20px;height:20px;margin-right:10px}.small-course-container .thumbnail-container .overlay .game span{color:var(--dashboard-text-color-secondary);font-weight:bold;font-size:14px}.small-course-container .thumbnail-container .overlay h3{text-transform:uppercase;font-weight:bold;font-size:20px;word-break:break-word;font-family:Oswald;text-shadow:1px 1px 2px #000}.small-course-container .thumbnail-container .overlay .rating-container{margin:2px 0}.small-course-container .thumbnail-container .overlay .rating-container .course-preview-cta-button-icon{color:#000;font-size:15px;width:15px;height:15px}.small-course-container .thumbnail-container .overlay .rating-container .course-preview-cta-button-icon.info{color:#fff}.small-course-container .thumbnail-container .overlay .course-type{font-size:14px;font-weight:bold;text-transform:uppercase}.small-course-container .thumbnail-container .overlay .course-type.general{color:var(--dashboard-text-color-highlight)}.small-course-container .thumbnail-container .overlay .course-type.hero{color:var(--dashboard-text-color-accent)}.small-course-container .thumbnail-container .progress-container{position:absolute;bottom:0;left:0;width:100%}.small-course-container .thumbnail-container .progress-container .progress{position:absolute;bottom:0;left:0;width:100%;height:6px}.small-course-container .thumbnail-container .progress-container .progress::after{position:absolute;bottom:0;left:0;content:"";height:100%;width:100%;background:rgba(0,0,0,0) linear-gradient(270deg, rgba(23, 24, 25, 0) 0%, rgba(23, 24, 25, 0.6666666667) 70%) 0% 0% no-repeat padding-box}.small-course-container .thumbnail-container .progress-container .progress::before{position:absolute;bottom:0;left:0;content:"";height:100%;width:var(--progress-width);background:var(--dashboard-color-green);z-index:2;transition:width 300ms}.small-course-container .thumbnail-container .progress-container .progress-percentage-container{display:flex;align-items:center;position:absolute;bottom:6px;left:0;width:100%;height:43px;padding:0 10px;box-sizing:border-box;background:rgba(0,0,0,0) linear-gradient(270deg, rgba(23, 24, 25, 0) 0%, rgba(23, 24, 25, 0.6666666667) 70%) 0% 0% no-repeat padding-box}.small-course-container .thumbnail-container .progress-container .progress-percentage-container span{display:block;width:100%;font-family:Oswald;text-transform:uppercase;color:var(--dashboard-text-color-primary)}.small-course-container .content-recap{width:100%;height:71px;position:absolute;bottom:0;left:0;box-sizing:border-box;display:flex;min-height:50px;justify-content:space-between;padding:10px 20px;z-index:2;background:var(--dashboard-color-dark-mid)}.small-course-container .content-recap::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;max-height:100%;background:url(../png/bg_new.png);border-radius:10px;opacity:.15}.small-course-container .content-recap .content-type{font-family:Oswald}.small-course-container .content-recap .content-type .title{color:var(--dashboard-text-color-secondary);text-transform:uppercase;font-size:14px}.small-course-container .content-recap .content-type .value{font-size:20px;color:var(--dashboard-text-color-secondary)}.small-course-container .expected-release-date-container{display:flex;justify-content:center;flex-direction:column;text-align:center;width:100%}.small-course-container .expected-release-date-container p{font-family:"Oswald";color:var(--dashboard-text-color-secondary);font-size:16px}.small-course-container .content-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding:10px;box-sizing:border-box}.small-course-container .content-container.coming-soon{justify-content:center}.small-course-container .content-container.coming-soon h3{font-family:Oswald;text-transform:uppercase;color:var(--dashboard-text-color-secondary)}.small-course-container .content-container .inner{width:100%;display:flex;flex-direction:column}.small-course-container .content-container .inner>div{margin-bottom:15px}.small-course-container .content-container .contents-heading{width:100%;margin-bottom:10px;text-align:left;font-size:15px;font-weight:bold;color:var(--dashboard-text-color-secondary)}.small-course-container .content-container .labels-container{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.small-course-container .content-container .label{display:flex;align-items:center;font-size:15px}.small-course-container .content-container .label:not(:last-of-type){margin-bottom:8px}.small-course-container .content-container .label .course-preview-cta-button-icon{color:var(--dashboard-text-color-highlight);font-size:25px;width:25px;height:25px;margin-right:4px}.small-course-container .content-container .label span{color:var(--dashboard-text-color-primary)}.small-course-container .content-container .objective{width:100%;display:flex;align-items:center;font-size:15px;color:var(--dashboard-text-color-primary)}.small-course-container .content-container .objective:not(:last-of-type){margin-bottom:8px}.small-course-container .content-container .objective .course-preview-cta-button-icon{color:var(--dashboard-text-color-accent);font-size:25px;width:25px;height:25px;margin-right:4px}.small-course-container .content-container .heading{text-align:left;width:100%;margin-bottom:6px;font-size:16px;font-family:Oswald;color:#add8e6;text-transform:uppercase;color:var(--dashboard-text-color-highlight)}.small-course-container .content-container .limit{font-size:13px;color:var(--dashboard-text-color-highlight)}.small-course-container .cta{width:100%;margin-top:10px;height:35px;background:var(--dashboard-color-dark-lighter);display:flex;align-items:center;justify-content:center;font-size:15px;font-family:Oswald;font-weight:bold;border-radius:var(--dashboard-border-radius-button);color:var(--dashboard-text-color-primary);transition:box-shadow 150ms}.small-course-container .cta:hover{cursor:pointer;box-shadow:0 0 2px 1px inset #656666}.small-course-container .cta.main{background:var(--dashboard-text-color-accent);color:var(--dashboard-text-color-primary-contrast)}.small-course-container .cta.main .course-preview-cta-button-icon{color:var(--dashboard-text-color-primary-contrast)}.small-course-container .cta .course-preview-cta-button-icon{width:20px;height:20px;margin-right:5px;color:var(--dashboard-text-color-primary)}@media(max-width: 800px){.small-course-container .thumbnail-container{padding-bottom:30%}.small-course-container .thumbnail-container .course-preview-cover-image{display:none}.small-course-container .thumbnail-container .course-preview-cover-image-small{display:block}.small-course-container .thumbnail-container .overlay{background:linear-gradient(90deg, rgba(30, 30, 30, 0.8) 40%, rgba(30, 30, 30, 0) 100%);justify-content:center}.small-course-container .thumbnail-container .overlay .overlay-content{display:flex;flex-direction:column;align-items:flex-start;transform:translateY(0)}.small-course-container .thumbnail-container .overlay .cta{display:none}.small-course-container .thumbnail-container .overlay .game{padding:2px 9px 2px 0}.small-course-container .thumbnail-container .overlay h3{font-size:16px}}