.yoycol-affiliate-lessons{position:relative;width:100%;max-width:1200px}@media only screen and (max-width:1280px){.yoycol-affiliate-lessons{padding:0 8px}}.yoycol-affiliate-lessons__title{margin-top:68px;margin-bottom:64px;font-size:48px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#000;text-align:center}@media only screen and (max-width:1280px){.yoycol-affiliate-lessons__title{font-size:42px}}@media only screen and (max-width:678px){.yoycol-affiliate-lessons__title{font-size:40px}}.yoycol-affiliate-lessons .lessons-wrapper{display:flex;gap:33px}@media only screen and (max-width:1280px){.yoycol-affiliate-lessons .lessons-wrapper{flex-direction:column}}.yoycol-affiliate-lessons .lessons-outline{flex:0 0 386px}@media only screen and (max-width:1280px){.yoycol-affiliate-lessons .lessons-outline{flex:1}}.yoycol-affiliate-lessons .lessons-outline .chapter-groups{position:sticky;top:80px;padding:32px 0;height:auto;max-height:80vh;overflow-y:auto;background-color:#fff;box-shadow:1px 1px 5px 1px #dcdedf;border-radius:10px}.yoycol-affiliate-lessons .lessons-outline .chapter-item{position:relative;display:flex;align-items:baseline;padding:0 32px}.yoycol-affiliate-lessons .lessons-outline .chapter-item.active{position:relative;background-color:#f8f8f8}.yoycol-affiliate-lessons .lessons-outline .chapter-item.active:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background-color:#fd7801;border-radius:10px}.yoycol-affiliate-lessons .lessons-outline .chapter-item.checked .chapter-selection{color:#39b65e}.yoycol-affiliate-lessons .lessons-outline .chapter-item.checked .chapter-selection:before{z-index:-1}.yoycol-affiliate-lessons .lessons-outline .chapter-item.checked .chapter-name{text-decoration:line-through}.yoycol-affiliate-lessons .lessons-outline .chapter-selection{position:relative;display:inline-block;margin-right:10px;font-size:12px;color:transparent;cursor:pointer}.yoycol-affiliate-lessons .lessons-outline .chapter-selection:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #999}.yoycol-affiliate-lessons .lessons-outline .chapter-name{cursor:pointer}.yoycol-affiliate-lessons .lessons-outline .chapter-1 .chapter-name{margin:4px 0;font-size:16px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#333;line-height:26px}.yoycol-affiliate-lessons .lessons-outline .chapter-2 .chapter-name{margin:4px 0;font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#333}.yoycol-affiliate-lessons .lessons-outline .chapter-2 .chapter-name.text-tab{margin-left:22px}.yoycol-affiliate-lessons .lessons-outline .chapter-3 .chapter-name{font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#666}.yoycol-affiliate-lessons .lessons-outline .chapter-3 .chapter-name.text-tab{margin-left:22px}.yoycol-affiliate-lessons .lessons-content{flex:1}.yoycol-affiliate-lessons .lessons-content .main-section__title{margin-bottom:12px;font-size:28px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#333}.yoycol-affiliate-lessons .lessons-content .sub-section__title{margin:16px 0 10px;font-size:20px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#333}.yoycol-affiliate-lessons .lessons-content .sub-section .sub-section .sub-section__title{margin:10px 0;font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#333;line-height:26px;font-weight:600}.yoycol-affiliate-lessons .lessons-content .lesson-text{margin:10px 0;font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#333;line-height:26px}.yoycol-affiliate-lessons .lessons-content .lesson-text.lesson-text--bold{font-weight:600}.yoycol-affiliate-lessons .lessons-content .lesson-complete-it{margin:24px 0;width:112px;height:32px;font-size:14px;background-color:#fd7801;border-radius:5px}.yoycol-affiliate-lessons .lessons-content .lesson-splice{margin-bottom:24px;width:100%;height:1px;border:0;border-top:1px solid #ccc}.yoycol-affiliate-lessons .lessons-content .lesson-code{padding:16px 24px;width:100%;background-color:#fff;box-shadow:1px 1px 5px 1px #dcdedf;border-radius:6px;font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#333;line-height:14px}.yoycol-affiliate-lessons .lesson-completed{display:flex;align-items:center;width:100%;margin:30px 0;padding:24px 54px;background-color:#f6ffed;border-radius:10px;border:1px solid #b7eb8f}.yoycol-affiliate-lessons .lesson-completed__left img{height:37px;margin-right:41px}.yoycol-affiliate-lessons .lesson-completed .lesson-completed-type{font-size:16px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;color:#39b65e}.yoycol-affiliate-lessons .lesson-completed__time{margin-right:26px;font-size:12px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#39b65e}.yoycol-affiliate-lessons .lesson-completed__undo{font-size:12px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#0461e9;cursor:pointer}.yoycol-affiliate-lessons .img-box{position:relative;width:100%;height:100%;background-color:#fff;box-shadow:1px 1px 5px 1px #dcdedf;border-radius:10px}.yoycol-affiliate-lessons .img-box .image{position:absolute;left:50%}.yoycol-affiliate-lessons .img-box .text{position:absolute;top:50%;left:50%;width:24%;font-size:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;color:#333;line-height:14px;transform:translate(-50%,-50%)}@media only screen and (max-width:678px){.yoycol-affiliate-lessons .img-box .text{width:34%;font-size:12px;transform:translate(-50%,-50%) scale(.7)}}.yoycol-affiliate-lessons .img-box2{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:10px;background-color:#fff;box-shadow:1px 1px 5px 1px #dcdedf}.yoycol-affiliate-lessons .link{color:#0461e9}.yoycol-affiliate-lessons .link:hover{color:#5699ff}