.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}}@media screen and (min-width:768px)and (max-width:1024px){.dashboard-content-card{border-radius:12px;margin:12px 0;min-height:calc(100vh - var(--pg-navbar-height) - 120px);position:relative;z-index:6}.dashboard-video-thumbnail{border-radius:12px;margin:12px;min-height:300px}.play-icon-v2{max-height:100px;max-width:100px}.lesson-video-card{padding:16px}.lesson-video-card .v-list-item{padding:12px 16px}.lesson-video-card .v-list-item-avatar{height:48px;width:48px}.lesson-video-card .v-list-item-content{padding-left:16px}}.mobile-optimized .dashboard-content-card{border-radius:12px;margin:8px 0;position:relative;z-index:6}.mobile-optimized .dashboard-video-thumbnail{border-radius:8px;margin:8px;min-height:200px}.mobile-optimized .play-icon-v2{max-height:80px;max-width:80px}.mobile-optimized .lesson-video-card{padding:12px}.mobile-optimized .lesson-video-card .v-list-item{padding:8px 12px}.mobile-optimized .lesson-video-card .v-list-item-avatar{height:40px;width:40px}.mobile-optimized .lesson-video-card .v-list-item-content{padding-left:12px}@media(max-width:480px){.dashboard-content-card{border-radius:8px;margin:4px 0;min-height:calc(100vh - var(--pg-navbar-height) - 80px)}.dashboard-video-thumbnail{border-radius:6px;margin:4px;min-height:180px}.play-icon-v2{max-height:70px;max-width:70px}.lesson-video-card{padding:8px}.lesson-video-card .v-list-item{padding:6px 8px}.lesson-video-card .v-list-item-avatar{height:36px;width:36px}.lesson-video-card .v-list-item-content{padding-left:8px}}@media(max-width:360px){.dashboard-content-card{border-radius:6px;margin:2px 0;min-height:calc(100vh - var(--pg-navbar-height) - 60px)}.dashboard-video-thumbnail{border-radius:4px;margin:2px;min-height:160px}.play-icon-v2{max-height:60px;max-width:60px}.lesson-video-card{padding:6px}.lesson-video-card .v-list-item{padding:4px 6px}.lesson-video-card .v-list-item-avatar{height:32px;width:32px}.lesson-video-card .v-list-item-content{padding-left:6px}}@media(max-width:768px){.mobile-optimized .clickable,.mobile-optimized .v-btn{min-height:44px;min-width:44px}}