.page-error{width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--base-1);color:var(--text-primary)}.page-error img{width:350px}.page-error h1{font-size:2rem;margin:1rem 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--curiobites-base-1:#fff;--curiobites-base-2:#f6f8fa;--curiobites-base-3:#ebedf0;--curiobites-base-4:#c9d1d9;--curiobites-base-5:#9fa5ab;--curiobites-primary:#ff6900;--curiobites-text-primary:#24292f;--curiobites-text-secondary:#656d76;--curiobites-icon:#21262d;--curiobites-border:1px solid rgba(0,0,0,.1);--curiobites-border-color:var(--curiobites-base-4);background-color:var(--curiobites-base-1)}:root:has(.dark-theme){--curiobites-base-1:#171717;--curiobites-base-2:#161b22;--curiobites-base-3:#21262d;--curiobites-base-4:#373e47;--curiobites-base-5:#444a52;--curiobites-primary:#ff6900;--curiobites-text-primary:#c9d1d9;--curiobites-text-secondary:#7d8590;--curiobites-icon:#ebedf0;--curiobites-border:1px solid #21262d;--curiobites-border-color:var(--curiobites-base-4);background-color:var(--curiobites-base-1)}.w-100{width:100%}.tip{font-size:.9em;opacity:.8}.curiobites{font-size:.95rem}.text-secondary{color:var(--curiobites-text-secondary)}.course-enroll,.course-preview{display:grid;grid-template-columns:400px auto;height:100svh;width:100vw;transition:.3s}.course-enroll .delete,.course-preview .delete{position:absolute;top:16px;right:24px;transform:scale(1.5);z-index:99}.course-enroll .loading-bar,.course-preview .loading-bar{width:0;height:3px;background-color:#00a397;position:absolute}.course-enroll .loading-bar.is-loading,.course-preview .loading-bar.is-loading{animation:is-loading .3s forwards}@keyframes is-loading{to{width:100%}}.course-enroll p[data-f-id=pbf],.course-preview p[data-f-id=pbf]{display:none}.course-enroll.hide-panel,.course-preview.hide-panel{grid-template-columns:0 auto}.course-enroll.hide-panel .content-panel,.course-preview.hide-panel .content-panel{left:-400px;opacity:0}.question-view{width:75vw;max-width:800px}.question-view .tip{opacity:.8}.question-view .question-label{text-transform:uppercase;font-size:.9em;letter-spacing:1px;opacity:.9;border-bottom:1px solid #d0d7de;padding-bottom:10px;margin-bottom:10px}.question-view .answer-box .answer{cursor:pointer;display:flex;padding:15px;border:1px solid #d0d7de;background-color:#fff;margin-bottom:10px;border-radius:5px}.question-view .answer-box .answer:hover{border-color:#0084ff}.question-view .answer-box .answer.selected{background-color:#d8ebfd;border-color:#0084ff}.question-view .answer-box .answer.is-true{background-color:#e5fffd;border-color:#00a397}.question-view .answer-box .answer.is-false{background-color:#fff1ef;border-color:#f30}.question-view .answer-box .option-index{padding-right:15px;border-right:1px solid #d0d7de}.question-view .answer-box .option-value{margin:0 10px}.question-view .answer-box .answer-mood{align-items:center}.question-view .answer-box .mood-icon{width:24px}.course-enroll-footer{height:60px;width:100%;display:grid;grid-template-columns:2fr 1fr 2fr;border-top:1px solid #d0d7de;align-items:center}.course-enroll-footer .next,.course-enroll-footer .previous{cursor:pointer;display:flex;align-items:center;padding:16px 24px;width:100%;height:100%;transition:.1s;font-size:.9em}.course-enroll-footer .next:hover,.course-enroll-footer .previous:hover{background-color:#00a397;color:#fff}.course-enroll-footer .next.disable,.course-enroll-footer .previous.disable{pointer-events:none;opacity:.5}.course-enroll-footer .next p,.course-enroll-footer .previous p{font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:auto}.course-enroll-footer .next{justify-content:flex-end}.course-enroll-footer .previous{justify-content:flex-start}.course-enroll-footer img{height:30px;border-radius:20px;object-fit:cover}.course-enroll-footer .user-enroll{display:flex;align-items:center}.course-enroll-content-panel{height:100svh;width:100%;position:relative;left:0;opacity:1;transition:.2s;border-right:1px solid #d0d7de}.course-enroll-content-panel .active{border-right:4px solid;border-right-color:var(--primary)!important;background-color:#fff6f0!important}.course-enroll-content-panel .header{display:flex;border-bottom:1px solid #d0d7de;padding:16px;align-items:center;height:60px;background-color:var(--curiobites-base-1)}.course-enroll-content-panel .header img{width:40px}.course-enroll-content-panel .header svg{width:40px;height:40px;fill:var(--curiobites-primary)}.course-enroll-content-panel .body{height:calc(100% - 120px);overflow:auto;background-color:#fafafd}.course-enroll-content-panel .content{cursor:pointer;margin:0}.course-enroll-content-panel .content .tab-1{padding-left:30px!important}.course-enroll-content-panel .content .content-header{padding:16px;display:grid;grid-template-columns:auto 30px;border-bottom:1px solid #d0d7de}.course-enroll-content-panel .content .content-header p{margin-bottom:0}.course-enroll-content-panel .content .content-header.complete{background-color:#e5f9f8!important}.course-enroll-content-panel .content .expand{cursor:pointer;text-align:right;font-size:.8em}.course-enroll-content-panel .content .item{padding:16px;border-bottom:1px solid;border-color:rgba(0,0,0,.063);display:grid;grid-template-columns:24px auto;align-items:center;justify-items:center;background-color:#fff}.course-enroll-content-panel .content .item.complete{background-color:#e5f9f8!important}.course-enroll-content-panel .content .item p{justify-self:start}.course-enroll-content-panel .content .item:hover{background-color:#f9f9f9}.course-enroll-content-panel .footer{height:60px;display:flex;padding:16px;border-top:1px solid #d0d7de;align-items:center}.course-enroll-content-panel .footer img{height:30px;border-radius:20px;object-fit:cover}.course-enroll-content-panel .footer .user-enroll{display:flex;align-items:center}.course-enroll-main-panel{position:relative;background-color:#fafafd;overflow:hidden;height:100svh}.course-enroll-main-panel .colapse-button{cursor:pointer;position:absolute;top:10px;left:0;width:35px;height:35px;border-radius:0 5px 5px 0;border:1px solid #d0d7de;border-left:none;display:flex;justify-content:center;align-items:center;background-color:#fff}.course-enroll-main-panel .colapse-button:hover{background-color:#f6f8fa}.course-enroll-main-panel .brand-header-panel{width:75%;max-width:1024px;min-width:600px;height:100px;margin:10px auto auto;display:flex;justify-content:center;background-color:none}.course-enroll-main-panel .brand-header-panel .image-banner{width:100%;border-radius:10px;object-fit:cover}.course-enroll-main-panel .brand-header-panel .image-logo{width:300px;height:80px;object-fit:contain}.course-enroll-main-panel .body{display:block;height:100%;max-height:calc(100% - 60px);min-height:calc(100% - 60px);overflow:auto}.course-enroll-main-panel .body .lesson-view,.course-enroll-main-panel .body .module-view,.course-enroll-main-panel .body .question-view,.course-enroll-main-panel .body .quiz-view,.course-enroll-main-panel .body .task-view{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fafafd}.course-enroll-main-panel .body .end-course .content-body,.course-enroll-main-panel .body .module-view .content-body,.course-enroll-main-panel .body .quiz-view .content-body,.course-enroll-main-panel .body .task-view .content-body{max-width:800px;min-width:600px;border-radius:10px;padding:24px;min-height:calc(100vh - 200px);height:auto;display:flex;flex-direction:column;margin-bottom:50px}.course-enroll-main-panel .body .end-course .content-body .quiz-image,.course-enroll-main-panel .body .module-view .content-body .quiz-image,.course-enroll-main-panel .body .quiz-view .content-body .quiz-image,.course-enroll-main-panel .body .task-view .content-body .quiz-image{height:400px}.course-enroll-main-panel .body .end-course .content-body .title,.course-enroll-main-panel .body .module-view .content-body .title,.course-enroll-main-panel .body .quiz-view .content-body .title,.course-enroll-main-panel .body .task-view .content-body .title{font-size:1.5em;font-weight:800}.course-enroll-main-panel .body .end-course .content-body .module-title,.course-enroll-main-panel .body .end-course .content-body .quiz-title,.course-enroll-main-panel .body .end-course .content-body .task-title,.course-enroll-main-panel .body .module-view .content-body .module-title,.course-enroll-main-panel .body .module-view .content-body .quiz-title,.course-enroll-main-panel .body .module-view .content-body .task-title,.course-enroll-main-panel .body .quiz-view .content-body .module-title,.course-enroll-main-panel .body .quiz-view .content-body .quiz-title,.course-enroll-main-panel .body .quiz-view .content-body .task-title,.course-enroll-main-panel .body .task-view .content-body .module-title,.course-enroll-main-panel .body .task-view .content-body .quiz-title,.course-enroll-main-panel .body .task-view .content-body .task-title{text-align:center}.course-enroll-main-panel .body .end-course .content-body{max-width:800px;min-width:600px;border-radius:10px;padding:24px;height:calc(100vh - 200px);margin-bottom:50px;background-color:transparent}.course-enroll-main-panel .body .end-course .content-body,.course-enroll-main-panel .body .end-course .content-body .endcourse{display:flex;flex-direction:column;justify-content:center;align-items:center}.course-enroll-main-panel .body .lesson-view,.course-enroll-main-panel .body .question-view{display:block;width:75%;max-width:1024px;min-width:600px;overflow:auto;background-color:#fff;padding:24px;margin:24px auto auto}.course-enroll-main-panel .body .lesson-view .content-head,.course-enroll-main-panel .body .question-view .content-head{height:50px;border-bottom:1px solid #d0d7de;font-weight:700;font-size:1.2em}.course-enroll-main-panel .body .lesson-view .content-body,.course-enroll-main-panel .body .question-view .content-body{margin:auto auto 30px}.course-enroll-main-panel .body .lesson-view .lesson-attachment{padding:1.5em 0;border-top:1px dashed rgba(0,0,0,.1)}.course-enroll-main-panel .body .lesson-view .lesson-attachment h3{font-size:1.1em;font-weight:700;margin-bottom:.5em}.course-enroll-main-panel .body .end-course{display:flex;justify-content:center;align-items:center}.public-course-card{border-radius:10px;border:1px solid #d0d7de;overflow:hidden;cursor:pointer;transition:all .3s}.public-course-card:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-color:transparent}.public-course-card:hover .card-head{transition:.3s;filter:brightness(.7)}.public-course-card .card-head{height:180px}.public-course-card .card-head img{height:100%;width:100%;object-fit:cover}.public-course-card .card-body{height:65px;padding:10px;font-weight:500;border-bottom:1px solid #d0d7de}.public-course-card .card-foot{padding:10px;height:65px;display:block}.public-course-card .card-foot .author{display:flex;align-items:center}.public-course-card .card-foot .author img{object-fit:cover;height:24px;width:24px;border-radius:100%}.public-course-card .card-foot .extra{display:flex;justify-content:space-between}.course-detail-modal{position:fixed;top:0;right:0;z-index:99;width:100vw;height:100vh}.course-detail-modal .overlay{width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1}.course-detail-modal .modal-box{position:absolute;top:0;right:0;width:1100px;min-width:750px;background-color:#fff;height:100vh;overflow:auto;z-index:2}.course-detail-modal .modal-box .head{position:-webkit-sticky;position:sticky;top:0;height:150px;z-index:5}.course-detail-modal .modal-box .head .delete{position:absolute;right:24px;top:24px;transform:scale(1.2)}.course-detail-modal .modal-box .head .title{position:absolute;bottom:15px;left:30px;margin:0;font-weight:800;font-size:2em;color:#fff}.course-detail-modal .modal-box .head .img-overlay,.course-detail-modal .modal-box .head img{width:100%;height:150px;object-fit:cover}.course-detail-modal .modal-box .head .img-overlay{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7)}.course-detail-modal .modal-box .body{display:grid;grid-template-columns:700px auto;grid-gap:30px;gap:30px}.course-detail-modal .modal-box .body .discussion .comment-panel{width:100%}.course-detail-modal .modal-box .body .discussion .avatar img{height:30px;width:30px;object-fit:cover;border-radius:50px}.course-detail-modal .modal-box .body .review .review-item{display:grid;grid-template-columns:1.2fr 2fr}.course-detail-modal .modal-box .body .review .review-item .ant-rate{transform:scale(.7);transform-origin:left}.course-detail-modal .modal-box .body .review .review-item .user{display:flex}.course-detail-modal .modal-box .body .review .review-item .user img{height:30px;border-radius:20px;object-fit:cover}.course-detail-modal .modal-box .body .review .review-item .user .tip{font-size:.9em;opacity:.7}.course-detail-modal .modal-box .body .left-side{padding:30px}.course-detail-modal .modal-box .body .left-side .tabs{display:flex;justify-content:flex-start;gap:30px}.course-detail-modal .modal-box .body .left-side .tabs .tab{cursor:pointer}.course-detail-modal .modal-box .body .right-side{position:relative;padding:30px}.course-detail-modal .modal-box .body .right-side .sticky-holder{position:-webkit-sticky;position:sticky;top:90px;z-index:10}.course-detail-modal .modal-box .body .box-summary{border-radius:10px;overflow:hidden;border:1px solid var(--curiobites-border-color)}.course-detail-modal .modal-box .body .box-summary img{height:180px;width:100%;object-fit:cover}.course-detail-modal .modal-box .body .summary-info{padding:12px}.course-detail-modal .modal-box .body .summary-info .price{font-size:1.3em;font-weight:700}.course-detail-modal .modal-box .body .summary-info .button{width:100%}.course-detail-modal .modal-box .body .summary-info .extra{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;text-align:center}.course-detail-modal .modal-box .body .summary-info .extra div{display:block}.course-detail-modal .modal-box .body .summary-info .extra .tip{opacity:.7;font-weight:500}.course-detail-modal .modal-box .module-list .ant-collapse-content-box{padding:0}.course-detail-modal .modal-box .module-list .content-item{display:grid;grid-template-columns:30px auto;align-items:center;padding:12px 0;margin-left:30px}.course-detail-modal .modal-box .module-list .content-item i{justify-self:center}.course-detail-modal .modal-box .module-list .content-item:not(:first-child){border-top:1px solid #d0d7de}.course-detail-modal .modal-box .author-box{display:grid;grid-template-columns:30px auto 90px;grid-gap:10px;gap:10px}.course-detail-modal .modal-box .author-box .avatar{border-radius:50%;object-fit:cover}.course-detail-modal .modal-box .author-box .author-name{font-weight:500;font-size:1em}.course-detail-modal .modal-box .author-box .author-contact{margin-top:5px;display:flex;align-items:center;color:#57606a}.course-detail-modal .modal-box .author-box .author-contact span{cursor:pointer}.course-detail-modal .modal-box .author-box .author-contact span:hover{color:#00a397}.course-detail-modal .modal-box .discussion .comment-panel{border-bottom-style:solid;border-bottom:1px dashed var(--curiobites-border-color);padding-bottom:16px;margin-bottom:16px}.course-detail-modal .modal-box .discussion-comment-item{display:grid;grid-template-columns:40px auto;align-items:center;grid-gap:5px;gap:5px}.course-detail-modal .modal-box .discussion-comment-item .time{font-size:.9em;opacity:.6}.course-detail-modal .modal-box .discussion-comment-item .avatar{width:35px;height:35px;object-fit:cover}.course-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.course-list .ant-rate{scale:.75;transform-origin:bottom left}.course-list .ant-rate div{color:inherit}.course-list .ant-rate .ant-rate-star{-webkit-margin-end:3px!important;margin-inline-end:3px!important}.course-list-loading{width:100%;height:300px;display:flex;justify-content:center;align-items:center}.curiobites-dark .course-list,.curiobites-dark .title{color:#f6f8fa}.curiobites-dark .course-list .public-course-card{border:1px solid #333;background-color:#1f1f1f}.curiobites-dark .course-list .public-course-card .card-body{border-bottom:1px solid #333}.curiobites-dark .course-list .course-detail-modal .modal-box{background-color:#1f1f1f}.curiobites-dark .course-list .course-detail-modal .modal-box .head .title{color:#f6f8fa}.curiobites-dark .course-list .course-detail-modal .modal-box .head .img-overlay{background-color:rgba(0,0,0,.7)}.curiobites-dark .course-list .course-detail-modal .modal-box .body .discussion .comment-panel{width:100%}.curiobites-dark .course-list .course-detail-modal .modal-box .body .discussion .avatar img{height:30px;width:30px;object-fit:cover;border-radius:50px}.curiobites-dark .course-list .course-detail-modal .modal-box .module-list .ant-collapse-content-box{padding:0}.curiobites-dark .course-list .course-detail-modal .modal-box .module-list .content-item{display:grid;grid-template-columns:30px auto;align-items:center;padding:12px 0;margin-left:30px}.curiobites-dark .course-list .course-detail-modal .modal-box .module-list .content-item i{justify-self:center}.curiobites-dark .course-list .course-detail-modal .modal-box .module-list .content-item:not(:first-child){border-top:1px solid #333}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .sticky-holder{position:-webkit-sticky;position:sticky;top:90px;z-index:10}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .box-summary{border:1px solid #333;background-color:#333}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .summary-info{font-size:.9em}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .summary-info .price{display:none;font-size:1.2em;font-weight:700}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .author-box .author-contact{color:#57606a}.curiobites-dark .course-list .course-detail-modal .modal-box .right-side .author-box .author-contact span:hover{color:#00a397}.curiobites-dark .course-list .course-detail-modal .modal-box .discussion .comment-panel{border-color:#333}.curiobites-dark .course-enroll{background-color:#171717}.curiobites-dark .course-enroll .content-panel{border-color:#333}.curiobites-dark .course-enroll .content-panel .body,.curiobites-dark .course-enroll .content-panel .footer{color:#d0d7de;background-color:#171717}.curiobites-dark .course-enroll .content-panel .body,.curiobites-dark .course-enroll .content-panel .footer,.curiobites-dark .course-enroll .content-panel .header{border-color:#333}.curiobites-dark .course-enroll .content-panel .content-header{border-color:#333;color:#d0d7de}.curiobites-dark .course-enroll .content-panel .content-header.complete{background-color:#003930!important}.curiobites-dark .course-enroll .content-panel .content-item-group .item{color:#d0d7de;background-color:#1f1f1f}.curiobites-dark .course-enroll .content-panel .content-item-group .item.complete{background-color:#003930!important}.curiobites-dark .course-enroll .content-panel .active{border-right:4px solid;border-right-color:#ff6900!important;background-color:#333!important}.curiobites-dark .course-enroll .course-enroll-main-panel{background-color:#171717}.curiobites-dark .course-enroll .course-enroll-main-panel .colapse-button{background-color:#333;color:#d0d7de;border-color:#333}.curiobites-dark .course-enroll .course-enroll-main-panel .course-enroll-footer{color:#f6f8fa;border-color:#333}.curiobites-dark .course-enroll .course-enroll-main-panel .lesson-view,.curiobites-dark .course-enroll .course-enroll-main-panel .module-view,.curiobites-dark .course-enroll .course-enroll-main-panel .question-view,.curiobites-dark .course-enroll .course-enroll-main-panel .quiz-view,.curiobites-dark .course-enroll .course-enroll-main-panel .task-view{background-color:#1f1f1f;color:#d0d7de}.curiobites-dark .course-enroll .course-enroll-main-panel .lesson-view .content-head,.curiobites-dark .course-enroll .course-enroll-main-panel .lesson-view .question-label,.curiobites-dark .course-enroll .course-enroll-main-panel .module-view .content-head,.curiobites-dark .course-enroll .course-enroll-main-panel .module-view .question-label,.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .content-head,.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .question-label,.curiobites-dark .course-enroll .course-enroll-main-panel .quiz-view .content-head,.curiobites-dark .course-enroll .course-enroll-main-panel .quiz-view .question-label,.curiobites-dark .course-enroll .course-enroll-main-panel .task-view .content-head,.curiobites-dark .course-enroll .course-enroll-main-panel .task-view .question-label{border-color:#333}.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .option-item .answer{background-color:#333;border-color:#333}.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .option-item .answer.selected{background-color:#1f476d;border-color:#0084ff}.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .option-item .answer.is-false{background-color:#45120b;border-color:#f30}.curiobites-dark .course-enroll .course-enroll-main-panel .question-view .option-item .answer.is-true{background-color:#064742;border-color:#00a397}.curiobites-dark{--curiobites-base-1:#171717;--curiobites-base-2:#161b22;--curiobites-base-3:#21262d;--curiobites-base-4:#373e47;--curiobites-base-5:#444a52;--curiobites-primary:#ff6900;--curiobites-text-primary:#c9d1d9;--curiobites-text-secondary:#7d8590;--curiobites-icon:#ebedf0;--curiobites-border:1px solid #21262d;--curiobites-border-color:var(--curiobites-base-4);background-color:var(--curiobites-base-1)}.button:hover{filter:brightness(.9)}.button.is-primary{background-color:#ff6900!important;border:none;color:#fff}.button.is-danger{border:none}.button.is-danger,.button.is-outlined.is-danger:hover{background-color:#f76979!important;color:#fff}.button.is-secondary{background-color:#00a397!important;color:#fff;font-weight:500;border:none}.button.is-secondary:hover{color:#fff}.button.is-outlined.is-primary{color:#ff6900!important;border-color:#ff6900!important;background-color:#fafafd!important}.button.is-outlined{border:1px solid #d0d7de;background-color:#fafafd!important}.button.is-outlined.is-secondary{color:#00a397!important;border:1px solid #00a397!important;background-color:#fafafd!important}.button.is-outlined.is-secondary:hover{background-color:#00a397!important;color:#fff!important;filter:brightness(1)}button.is-danger{background-color:#f76979!important;color:#fff!important}@media (max-width:1560px){.course-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.course-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.course-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.course-list{grid-template-columns:repeat(1,1fr)}}.course-detail-modal.tablet .modal-box{height:calc(100dvh - 50px);overflow:auto}.course-detail-modal.tablet .modal-box .head,.course-detail-modal.tablet .modal-box .head img{height:100px;overflow:hidden}.course-detail-modal.tablet .modal-box .head .title{font-size:1.75em}.course-detail-modal.tablet .modal-box .body{height:calc(100dvh - 150px);display:grid;grid-template-areas:"left" "right";grid-template-columns:1fr}.course-detail-modal.tablet .modal-box .body .left-side{grid-area:left;padding:15px 30px}.course-detail-modal.tablet .modal-box .body .right-side{grid-area:right;margin-bottom:80px}.course-detail-modal.tablet .button-start-course-box{position:fixed;width:100%;bottom:0;left:0;z-index:20;padding:10px 16px;height:50px;background-color:#171717}.course-detail-modal.tablet .summary-info{padding:10px 0!important}.course-detail-modal.tablet .summary-info .price{font-size:1.3em;font-weight:700}.course-detail-modal.tablet .summary-info .extra{display:flex!important;align-items:center;justify-items:center;text-align:center;gap:16px;font-size:.9em}.course-detail-modal.tablet .summary-info .extra div{display:block}.course-detail-modal.tablet .summary-info .extra .tip{opacity:.7;font-weight:500}.tablet .course-enroll{grid-template-columns:1fr}.tablet .course-enroll .course-enroll-content-panel{position:fixed;left:0;top:0;z-index:2;width:400px}.tablet .course-enroll .colapse-button{left:400px;transition:.2s}.tablet .course-enroll.hide-panel .colapse-button{transform:translateX(-400px)}.tablet .course-enroll.hide-panel .course-enroll-content-panel{transform:translateX(-400px);opacity:1}