.chapter-card .title-box{align-items:center;border-radius:56px;border-style:solid;border-width:2px;cursor:pointer;display:grid;gap:16px;grid-template-columns:max-content 1fr max-content;padding:16px 24px;transition:.5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (max-width:576px){.chapter-card .title-box{padding:16px}}.chapter-card .title-box:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(0,113,188,.2);--tw-shadow:var(--tw-shadow-colored)}.chapter-card .title-box .arrow-box{align-items:center;display:grid;height:32px;justify-content:center}@media (max-width:576px){.chapter-card .title-box .arrow-box{height:24px}}.chapter-card .title-box .arrow-box .uicon{height:100%!important;transform-origin:center;transition:.5s ease;fill:#0071bc}.chapter-card .title-box .chapter-title{font-family:yekan-bold;font-family:yekan-regular;font-size:17px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:576px){.chapter-card .title-box .chapter-title{font-family:yekan-bold;font-size:15px;line-height:22px}}.chapter-card .title-box .chapter-title span{font-family:yekan-bold}.chapter-card .title-box .label{font-family:yekan-regular;font-size:15px;line-height:22px}@media (max-width:576px){.chapter-card .title-box .label{font-family:yekan-regular;font-size:13px;line-height:20px}}.chapter-card .title-box .label.public{--tw-text-opacity:1;color:rgb(0 113 188/var(--tw-text-opacity,1))}.chapter-card .title-box .label.private{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.chapter-card .lessons-grid{border-color:#0071bc80;border-right-width:3px;display:grid;gap:16px;margin:0 24px;opacity:0;overflow:hidden;padding:8px 24px;transition:.5s ease}@media (max-width:576px){.chapter-card .lessons-grid{margin:0 16px;padding:8px 16px 8px 0}}.chapter-card .lessons-grid .lesson-card{align-items:center;cursor:pointer;display:grid;gap:16px;grid-template-columns:max-content 1fr max-content;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:576px){.chapter-card .lessons-grid .lesson-card{gap:12px;grid-template-columns:max-content 1fr;row-gap:4px}}.chapter-card .lessons-grid .lesson-card .number-box{border-radius:50%;border-width:2px;height:40px;line-height:36px;text-align:center;width:40px;--tw-border-opacity:1;border-color:rgb(8 197 184/var(--tw-border-opacity,1));font-family:yekan-medium}.chapter-card .lessons-grid .lesson-card .number-box.passed{border-width:4px;--tw-border-opacity:1;border-color:rgb(8 197 184/var(--tw-border-opacity,1))}@media (max-width:576px){.chapter-card .lessons-grid .lesson-card .number-box{font-size:15px;height:32px;line-height:30px;width:32px}}.chapter-card .lessons-grid .lesson-card .lesson-title{font-family:yekan-medium;font-size:15px;line-height:22px;overflow:hidden;text-overflow:ellipsis;transition:.3s ease;white-space:nowrap;--tw-text-opacity:1;color:rgb(31 42 55/var(--tw-text-opacity,1))}@media (max-width:576px){.chapter-card .lessons-grid .lesson-card .lesson-title{font-family:yekan-medium;font-size:13px;line-height:20px}}.chapter-card .lessons-grid .lesson-card .lesson-title.active{--tw-text-opacity:1;color:rgb(8 197 184/var(--tw-text-opacity,1))}.chapter-card .lessons-grid .lesson-card .lesson-title.active .uicon{vertical-align:middle!important;marker-start:8px;display:inline-block!important;height:1.2rem!important;fill:#08c5b8}.chapter-card .lessons-grid .lesson-card .duration-box{align-items:center;display:flex;gap:16px}@media (max-width:576px){.chapter-card .lessons-grid .lesson-card .duration-box{gap:8px;grid-column:1/-1;justify-self:end}}.chapter-card .lessons-grid .lesson-card .duration-box .duration{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.chapter-card .lessons-grid .lesson-card .duration-box .uicon{height:20px!important;fill:#4b5563}@media (max-width:576px){.chapter-card .lessons-grid .lesson-card .duration-box .uicon{height:16px!important}}.chapter-card .lessons-grid .lesson-card:hover .lesson-title{--tw-text-opacity:1;color:rgb(8 197 184/var(--tw-text-opacity,1))}.chapter-card.open .title-box{--tw-border-opacity:1;border-color:rgb(0 113 188/var(--tw-border-opacity,1))}.chapter-card.open .title-box .arrow-box .uicon{transform:rotate(180deg)}.chapter-card.open .lessons-grid{margin:16px 24px;opacity:1;padding:16px 32px}@media (max-width:576px){.chapter-card.open .lessons-grid{margin:16px;padding:8px 16px 8px 0}}