.lesson-puzzle-pieces{background-color:#fff;box-shadow:0 -8px 24px 0 rgba(0,0,0,.15);display:flex;max-width:100vw;overflow:hidden;width:100%}@media screen and (min-width:960px){.lesson-puzzle-pieces{max-width:580px;width:auto}}.lesson-puzzle-pieces .pieces-content{align-items:center;display:flex;flex-grow:1;flex-shrink:0;padding:8px 12px}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content{padding:16px 24px}}.lesson-puzzle-pieces .pieces-content .pieces-image{margin-right:12px;position:relative}.lesson-puzzle-pieces .pieces-content .pieces-image img.pieces-img{clip-path:url(#myClip);height:40px;-o-object-fit:none;object-fit:none;-o-object-position:center;object-position:center;vertical-align:middle;width:40px}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content .pieces-image img.pieces-img{height:55px;width:55px}}.lesson-puzzle-pieces .pieces-content .pieces-image img.pieces-medal{bottom:-4px;height:30px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;right:-4px;width:30px}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content .pieces-image img.pieces-medal{height:40px;width:40px}}.lesson-puzzle-pieces .pieces-content .pieces-data .remaining-title{color:#606060;font-size:13px;font-weight:700;letter-spacing:2.4px;line-height:1.5;text-align:left}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content .pieces-data .remaining-title{font-size:20px}}.lesson-puzzle-pieces .pieces-content .pieces-data .remaining-text{color:#606060;font-size:12px;font-weight:400;line-height:1.5;margin-bottom:8px;text-align:left}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content .pieces-data .remaining-text{font-size:14px}}.lesson-puzzle-pieces .pieces-content .pieces-data .percentage{display:flex}.lesson-puzzle-pieces .pieces-content .pieces-data .percentage .remaining-bar{background:#ececec;border-radius:6px;height:12px;width:100%}.lesson-puzzle-pieces .pieces-content .pieces-data .percentage .remaining-progress{background-color:#beb7ff;border-radius:6px;height:100%;width:var(--completed)}.lesson-puzzle-pieces .pieces-content .pieces-data .percentage .remaining-number{color:#606060;font-size:9px;margin-left:8px;white-space:nowrap}@media screen and (min-width:960px){.lesson-puzzle-pieces .pieces-content .pieces-data .percentage .remaining-number{font-size:12px}}.lesson-puzzle-pieces .view-puzzle{align-items:center;background-color:var(--v-accent-base);color:#fff;cursor:pointer;display:flex;flex-grow:0;flex-shrink:1;font-size:13px;line-height:1.5;padding:6px;text-align:center}@media screen and (min-width:960px){.lesson-puzzle-pieces .view-puzzle{font-size:16px;padding:12px}}.v-application a{-webkit-text-decoration:none;text-decoration:none}.theme--light.v-application,.theme--light.v-btn.grey,.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus),.theme--light.v-input input,.theme--light.v-input textarea,.theme--light.v-radio .v-label{color:var(--v-black-base)}.error--text,.error--text *{color:var(--v-error-base)!important}.theme--light .v-date-picker-title__date div,.theme--light .v-date-picker-title__year{color:#fff}.theme--light .v-date-picker-table .v-btn__content{font-weight:400}.v-image__placeholder{z-index:0}.theme--light.v-input .v-input__slot{min-height:60px}.v-overlay--active .v-overlay__scrim{background-color:#242323!important;border-color:#242323!important;opacity:.9!important}.theme--light.v-radio .v-label{opacity:1}.theme--light.v-radio.v-item--active .v-label{font-weight:700!important}.pg-text--spaced,.pg-title--uppercase{letter-spacing:.3em}.pg-title--uppercase{color:var(--v-black-base);font-size:30px;font-weight:600;text-transform:uppercase}.pg-text--underlined:after{background:var(--v-primary-base);border-radius:10px;bottom:0;content:"";height:.3em;left:50%;position:absolute;transform:translate(-50%,-50%);width:100%;z-index:-1}.pg-image--cover>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pg-image--contain>img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media screen and (min-width:960px){.lesson-video-card{padding:0}.lesson-video-card .v-list-item{padding-right:0}.lesson-video-card .v-list-item .v-list-item__action{margin-bottom:0;margin-top:0}}.heightAuto{height:auto}.heightAll{height:100%}