#main-content.course-preview>div>div{position:relative}#main-content.course-preview>div>div>main{padding:0!important;border-style:none!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:transparent!important}#detail-course{display:flex;flex-direction:column}@media(min-width:768px){#detail-course{flex-direction:row}}#detail-course{gap:1.25rem}#detail-course>.left-pane{width:100%}@media(min-width:768px){#detail-course>.left-pane{width:30%}}#detail-course>.left-pane{display:flex;flex-direction:column;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);border-radius:.375rem;padding:1.25rem .75rem}#detail-course>.left-pane>.photo{width:100%;border-radius:.375rem;position:relative}#detail-course>.left-pane>.photo.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}#detail-course>.left-pane>.photo>img{width:100%;border-radius:.375rem}#detail-course>.left-pane>.photo>.batch{position:absolute;top:0;right:0;bottom:0;left:0;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;margin:.75rem;padding:.375rem;border-radius:.75rem;font-size:.75rem;line-height:1rem}#detail-course>.left-pane>.photo>.batch.pulse{display:none}#detail-course>.left-pane>.title{display:flex}@media(min-width:768px){#detail-course>.left-pane>.title{display:none}}#detail-course>.left-pane>.title{flex-direction:column;font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.left-pane>.info.pulse{display:none}#detail-course>.left-pane>.info>div>span:hover>button>*{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1))!important}#detail-course>.left-pane>.info>div:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}#detail-course>.left-pane>.info>div:first-child>span{margin:0;display:flex;align-items:center;justify-content:center}#detail-course>.left-pane>.info>div:first-child>span>button{display:flex;flex-direction:column;gap:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));padding:0!important}#detail-course>.left-pane>.info>div:first-child>span>button>*{line-height:1}#detail-course>.left-pane>.info>div:first-child>span>button>svg{font-size:1rem;line-height:1.5rem}#detail-course>.left-pane>.info>div:first-child>span>button>span:nth-child(2){font-size:.875rem;line-height:1.25rem}#detail-course>.left-pane>.info>div:first-child>span>button>span:nth-child(3){font-size:.75rem;line-height:1rem}#detail-course>.left-pane>.info>div:nth-child(2){display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:.75rem;padding-bottom:.75rem}#detail-course>.left-pane>.info>div:nth-child(2)>span{margin:0;width:100%}#detail-course>.left-pane>.info>div:nth-child(2)>span>a{display:flex;align-items:center;gap:.25rem;height:100%;border-width:1px;--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}#detail-course>.left-pane>.info>div:nth-child(2)>span>a:hover{--tw-text-opacity: 1;color:rgb(48 97 175 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(48 97 175 / var(--tw-border-opacity, 1))}#detail-course>.left-pane>.info>div:nth-child(2)>span>a:focus{--tw-text-opacity: 1;color:rgb(40 81 146 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(40 81 146 / var(--tw-border-opacity, 1))}#detail-course>.left-pane>.info>div:nth-child(2)>span>a:active{--tw-text-opacity: 1;color:rgb(40 81 146 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(40 81 146 / var(--tw-border-opacity, 1))}#detail-course>.left-pane>.info>div:nth-child(2)>span>a{padding:3px 5px 2px}#detail-course>.left-pane>.info>div:nth-child(2)>span>a>svg{font-size:.75rem;line-height:1rem}#detail-course>.left-pane>.info>div:nth-child(2)>span>a>span{font-size:.75rem;line-height:1rem}#detail-course>.left-pane>.info>div:nth-child(2)>span>button{display:flex;align-items:center;justify-content:space-between;gap:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));height:100%;width:100%;padding-left:.5rem;padding-right:.5rem;padding-bottom:5px;padding-top:6px}#detail-course>.left-pane>.info>div:nth-child(2)>span>button>svg{font-size:.75rem;line-height:1rem}#detail-course>.left-pane>.info>div:nth-child(2)>span>button>span{font-size:.875rem;line-height:1.25rem}#detail-course>.left-pane>.info>div:last-child{padding-bottom:.75rem}#detail-course>.left-pane>.info>div:last-child>span{margin:0;display:flex;align-items:center;justify-content:center}#detail-course>.left-pane>.info>div:last-child>span>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));padding:0!important}#detail-course>.left-pane>.info>div:last-child>span>button>*{line-height:1}#detail-course>.left-pane>.info>div:last-child>span>button>img{height:2.5rem;width:auto}#detail-course>.left-pane>.info>div:last-child>span>button>span:nth-child(2){font-size:.875rem;line-height:1.25rem}#detail-course>.left-pane>.info>div:last-child>span>button>span:nth-child(3){font-size:.75rem;line-height:1rem}#detail-course>.left-pane>button{width:100%;display:block}#detail-course>.left-pane>button.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#detail-course>.content{width:100%}@media(min-width:768px){#detail-course>.content{width:70%}}#detail-course>.content{display:flex;flex-direction:column;gap:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);border-radius:.375rem;padding:1.25rem}#detail-course>.content.pulse>.title{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));width:50%;height:32px}#detail-course>.content.pulse>.desc>.title{display:none}#detail-course>.content.pulse>.desc>.text{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));width:100%;height:96.04px}#detail-course>.content.pulse>.tag>.title{display:none}#detail-course>.content.pulse>.tag>span{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;width:8.333333%;height:28.98px}#detail-course>.content.pulse>.tag>span>a,#detail-course>.content.pulse>.tag>span button{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1 !important;color:rgb(226 232 240 / var(--tw-text-opacity, 1))!important}#detail-course>.content.pulse>.activities>.title{display:none}@keyframes pulse{50%{opacity:.5}}#detail-course>.content.pulse>.activities>span{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;width:8.333333%;height:28.98px}#detail-course>.content.pulse>.activities>span>a,#detail-course>.content.pulse>.activities>span button{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1 !important;color:rgb(226 232 240 / var(--tw-text-opacity, 1))!important}#detail-course>.content.pulse>.content{display:none}#detail-course>.content>.title{display:none}@media(min-width:768px){#detail-course>.content>.title{display:flex}}#detail-course>.content>.title{flex-direction:column;font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.desc{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}#detail-course>.content>.desc>.title{display:flex}@media(min-width:768px){#detail-course>.content>.desc>.title{display:none}}#detail-course>.content>.desc>.title{flex-direction:column;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.desc>.text{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}#detail-course>.content>.activities{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}#detail-course>.content>.activities>.title{display:flex;flex-direction:column;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.activities>.content{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,minmax(0,1fr));row-gap:.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}#detail-course>.content>.activities>.content.pulse{display:none}#detail-course>.content>.activities>.content>button{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:0!important;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.tag{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}#detail-course>.content>.tag>.title{display:flex;flex-direction:column;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.tag>.content{display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem}#detail-course>.content>.tag>.content>span{margin:0}#detail-course>.content>.tag>.content>span>a{display:flex;align-items:center;gap:.25rem;height:100%;border-width:1px;--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}#detail-course>.content>.tag>.content>span>a:hover{--tw-text-opacity: 1;color:rgb(48 97 175 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(48 97 175 / var(--tw-border-opacity, 1))}#detail-course>.content>.tag>.content>span>a:focus{--tw-text-opacity: 1;color:rgb(40 81 146 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(40 81 146 / var(--tw-border-opacity, 1))}#detail-course>.content>.tag>.content>span>a:active{--tw-text-opacity: 1;color:rgb(40 81 146 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;border-color:rgb(40 81 146 / var(--tw-border-opacity, 1))}#detail-course>.content>.tag>.content>span>a{padding:3px 5px 2px}#detail-course>.content>.tag>.content>span>a>svg{font-size:.875rem;line-height:1.25rem}#detail-course>.content>.tag>.content>span>a>span{font-size:.875rem;line-height:1.25rem}#detail-course>.content>.tag>.content>span>button{display:flex;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));height:100%;padding-left:.5rem;padding-right:.5rem;padding-bottom:5px;padding-top:6px}#detail-course>.content>.tag>.content>span>button>svg{font-size:.875rem;line-height:1.25rem}#detail-course>.content>.tag>.content>span>button>span{font-size:.875rem;line-height:1.25rem}#detail-course>.content>.content{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}#detail-course>.content>.content>.title{display:flex;flex-direction:column;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.content>.content{width:100%;display:flex;flex-direction:column;gap:.75rem}#detail-course>.content>.content>.content>.accordion>.item{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-radius:.375rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#detail-course>.content>.content>.content>.accordion>.item>.trigger{display:flex;flex-direction:row;gap:.75rem;padding:.75rem;font-size:1.25rem;line-height:1.75rem;cursor:pointer}#detail-course>.content>.content>.content>.accordion>.item>.trigger.accordion-show>.chevron>.fa-chevron-down{display:block}#detail-course>.content>.content>.content>.accordion>.item>.trigger.accordion-show>.chevron>.fa-chevron-right{display:none}#detail-course>.content>.content>.content>.accordion>.item>.trigger>.text-desc{display:flex;flex-direction:column;width:100%}#detail-course>.content>.content>.content>.accordion>.item>.trigger>.text-desc>.text{padding:0;font-weight:700;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));text-align:left;font-size:1.25rem;line-height:1.75rem;width:100%;display:flex;justify-content:flex-start;align-items:center}#detail-course>.content>.content>.content>.accordion>.item>.trigger>.text-desc>.desc{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));text-align:left;font-size:.875rem;line-height:1.25rem;width:100%;display:flex;justify-content:flex-start;align-items:center}#detail-course>.content>.content>.content>.accordion>.item>.trigger>.percentage{display:flex;justify-content:center;align-items:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));font-weight:400}#detail-course>.content>.content>.content>.accordion>.item>.trigger>.chevron{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));display:flex;justify-content:center;align-items:center}#detail-course>.content>.content>.content>.accordion>.item>.content{display:flex;flex-direction:column;justify-content:center;align-items:center}#detail-course>.content>.content>.content>.accordion>.item>.content.accordion-show{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}#detail-course>.content>.content>.content>.accordion>.item>.content>.item{width:100%;padding:.375rem .75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}#detail-course>.content>.content>.content>.accordion>.item>.content>.item:hover{background-color:#f1f5f980}#detail-course>.content>.content>.content>.accordion>.item>.content>.item{border-radius:0}#detail-course>.content>.content>.content>.accordion>.item>.content>.item.lock{opacity:.5}#detail-course>.content>.content>.content>.accordion>.item>.content>.item.lock>.header>.check{opacity:.5}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header>.icon{height:20px;aspect-ratio:1 / 1}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header>.title{text-align:left;width:100%;font-size:1.125rem;line-height:1.75rem;line-height:22.5px;padding:0;background-color:transparent;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header>.check{cursor:pointer;height:20px;aspect-ratio:1 / 1}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header>.spinner{height:20px;aspect-ratio:1 / 1;border-width:4px;border-color:#9ca3afbf;--tw-border-opacity: 1;border-bottom-color:rgb(107 114 128 / var(--tw-border-opacity, 1));border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.header>.spinner{animation:spin 1s linear infinite}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.content{width:100%;padding-left:calc(20px + .75rem);--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}#detail-course>.content>.content>.content>.accordion>.item>.content>.item>.content>*{display:flex;flex-direction:column;gap:.375rem}#detail-course>#detail-course-password>div>div>.popup-content>input{width:100%}#detail-course>#detail-course-password>div>div>.popup-footer{display:flex;flex-direction:row;flex-wrap:unset}