@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.sapp-entrance-test{position:relative;margin:24px auto;background-color:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.02);max-width:calc(100% - 48px)}@media (min-width:1280px){.sapp-entrance-test{max-width:calc(100% - 160px)}}@media (min-width:1536px){.sapp-entrance-test{max-width:1186px}}.sapp-entrance--container{padding:40px 80px}.sapp-entrance__flex{display:flex;justify-content:space-between;gap:24px}.lms-entrance-test{position:relative}.lms-entrance__flex{display:flex;justify-content:space-between;flex-direction:column;gap:24px}@media (min-width:640px){.lms-entrance__flex{gap:32px}}@media (min-width:1024px){.lms-entrance__flex{flex-direction:row;gap:24px}}.sapp-entrance-test .truncate-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.sapp-entrance-test .ant-tooltip-inner{color:#050505!important}.base-button{justify-content:center;outline:none;box-sizing:border-box;height:-moz-fit-content;height:fit-content;box-shadow:none;text-align:center;font-weight:500;cursor:pointer;border-radius:8px;font-family:Roboto,sans-serif}.base-button,.btn-wrapper{display:flex;align-items:center}.btn-wrapper{gap:10px}.btn-md,.btn-sm{font-size:14px;line-height:22px;padding:8px 16px}@media (min-width:768px){.btn-md{font-size:16px;line-height:24px;padding:12px 24px}}.btn-lg{font-size:18px;line-height:27px;padding:16px 32px}@media (min-width:768px){.btn-lg{font-size:16px;line-height:24px;padding:12px 24px}}.btn-full{display:block;width:100%}.btn-underline{text-decoration:underline}.btn-rounded-full{border-radius:100%}.btn-primary-v2{color:#fff;background-color:#29353c;border:none}.btn-primary-v2:hover{background-color:#404041!important;color:#fff!important}.btn-primary-v2:disabled{background-color:#f6f6f6!important;cursor:not-allowed;color:#6b7280!important}.btn-secondary-v2{color:#404041;background-color:transparent;border:1px solid #404041;box-sizing:border-box}.btn-secondary-v2:hover{background-color:#f6f6f6!important;color:#404041!important;border-color:#404041!important}.btn-secondary-v2:disabled{color:#6b7280!important;cursor:not-allowed;background-color:#f6f6f6!important;border-color:#e5e7eb!important}.btn-secondary-v2-large{padding:15px 31px}.btn-secondary-v2-medium{padding:11px 23px}.btn-secondary-v2-small{padding:7px 15px}.btn-text-v2{padding:0!important;background-color:transparent!important;border:none!important;color:#1f2937}.btn-text-v2:hover{color:#ffb700!important}.btn-text-v2:disabled{color:#b6b6b7!important;cursor:not-allowed}.btn-icon-v2{padding:7px;border:1px solid #d1d5db;color:#1c274c}.btn-icon-v2:hover{color:#fff;background-color:#ffb700!important;border-color:#ffb700!important}.btn-icon-v2:disabled{color:#6b7280!important;cursor:not-allowed;background-color:#f6f6f6!important;border-color:#e5e7eb!important}.base-collapse .ant-collapse-item{border-radius:12px!important;border:none!important;background:#fff;margin-bottom:16px}.base-collapse .ant-collapse-item .ant-collapse-header{padding:16px;font-size:16px;line-height:24px;font-weight:500;color:#1f2937}.base-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding-top:0}.sapp-entrance-test .col-chart-container{width:768px;overflow-x:scroll;height:480px;margin-top:24px}@media (min-width:768px){.sapp-entrance-test .col-chart-container{width:100%;overflow:visible;height:auto}}.sapp-entrance-test .col-chart{display:flex;position:relative;justify-content:space-evenly;align-items:flex-end;min-height:360px;font-size:12px}@media (min-width:1024px){.sapp-entrance-test .col-chart{font-size:16px}}.sapp-entrance-test .vertical-lines{position:absolute;z-index:0;right:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;border-right:1px solid #dcdddd;width:100%;min-height:100%}.sapp-entrance-test .vertical-line{position:absolute;width:1px;height:100%;background-color:#dcdddd}.sapp-entrance-test .vertical-line-number{position:absolute;bottom:-18px;display:flex;align-items:center;height:32px;font-weight:500;font-size:14px;color:#050505}.sapp-entrance-test .vertical-line-bold{position:absolute;left:0;bottom:-10px;width:1px;height:10px;background-color:#050505}.sapp-entrance-test .bars{position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column-reverse;gap:20px;width:100%;padding:20px 0;border-bottom:1px solid #dcdddd}.sapp-entrance-test .bar{position:relative;left:-1px;width:100%;height:50px;cursor:pointer}.sapp-entrance-test .bar-container{position:relative;right:0;top:0;bottom:0;height:100%;z-index:1}.sapp-entrance-test .bar-title{left:20px;text-align:end;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:400}.sapp-entrance-test .bar-over-sixty-text,.sapp-entrance-test .bar-title{z-index:1;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:14px}.sapp-entrance-test .bar-over-sixty-text{right:20px;text-align:center;font-weight:500}.sapp-entrance-test .bar-tooltip{padding:14px 12px;z-index:10}.sapp-entrance-test .bar-tooltip *{color:#050505}.sapp-entrance-test .bar-tooltip__no-result{position:relative}.sapp-entrance-test .tooltip-header{font-size:14px;font-weight:700;line-height:16.9px;margin-bottom:-14px}.sapp-entrance-test .tooltip-content{display:flex;font-size:14px}.sapp-entrance-test .tooltip-content ul{margin-bottom:0;padding-left:22px}.sapp-entrance-test .tooltip-content p{margin-bottom:0}.sapp-entrance-test .tooltip-fanpage,.sapp-entrance-test .tooltip-hotline{color:#ffb800;margin:1px 0}.sapp-entrance-test .tooltip-fanpage:hover{text-decoration:underline;cursor:pointer}.sapp-entrance-test .ant-checkbox-checked .ant-checkbox-inner,.sapp-entrance-test .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important}.sapp-entrance-test .ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected>.ant-table-cell{background-color:#fffaf0!important}.sapp-entrance-test .ant-spin .ant-spin-dot-holder{color:var(--bs-primary)!important}.sapp-entrance-test .ant-pagination .ant-pagination-options-quick-jumper input:hover{border-color:var(--bs-primary)!important}.sapp-entrance-test .ant-pagination .ant-pagination-options-quick-jumper input:focus{border-color:var(--bs-primary)!important;box-shadow:none!important}.sapp-entrance-test .ant-pagination .ant-pagination-item,.sapp-entrance-test .ant-select,.sapp-entrance-test .ant-select:not(.ant-select-customize-input) .ant-select-selector:hover,.sapp-entrance-test .ant-table-wrapper .ant-table,.sapp-entrance-test .sapp-table .ant-checkbox-checked .ant-checkbox-inner,.sapp-entrance-test .sapp-table .ant-checkbox-checked:after,.sapp-entrance-test .sapp-table .ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:var(--bs-primary)!important}.sapp-entrance-test .ant-pagination-jump-next.ant-pagination-jump-next-custom-icon:hover .anticon,.sapp-entrance-test .ant-pagination-jump-prev.ant-pagination-jump-prev-custom-icon:hover .anticon{color:var(--bs-primary)!important}.sapp-entrance-test .sapp-table.ant-table-wrapper .ant-table-thead>tr>th{color:rgba(0,0,0,.85);font-weight:500;background-color:#f9f9f9;font-size:14px}.sapp-entrance-test .sapp-table.ant-table-wrapper .ant-table-tbody>tr>td{color:#050505;font-weight:400}.sapp-entrance-test .text-success{color:#397839}.sapp-entrance-test .text-failed{color:#b90e0a}.sapp-entrance-test .sapp-editor p{margin:0}.sapp-entrance-test .header{display:flex;justify-content:space-between}.sapp-entrance-test .header-title{display:flex;align-items:center;gap:25px;width:100%}@media (min-width:1280px){.sapp-entrance-test .header-title{width:50%}}.sapp-entrance-test .header-overall{font-size:18px;font-weight:600;margin-bottom:4px}@media (min-width:1280px){.sapp-entrance-test .header-overall{font-size:20px;width:35%}}.sapp-entrance-test .header-score-ratio{font-weight:700;color:#ffb800;font-size:56px}@media (min-width:1280px){.sapp-entrance-test .header-score-ratio{font-size:64px}}.sapp-entrance-test .header-remarks{display:flex;font-size:16px;line-height:24px;margin-top:5px}.sapp-entrance-test .header-remarks ul{margin-bottom:0;margin-top:0;margin-block-end:0;padding-inline-start:0}.sapp-entrance-test .header-remarks li:last-child .remarks-content p:last-child{margin:0}.sapp-entrance-test .remarks-container{font-weight:400;display:flex;gap:5px;font-size:16px}.sapp-entrance-test li[class=remarks-item-title]{list-style:none;position:relative;padding-left:1em}.sapp-entrance-test li[class=remarks-item-title]:before{content:"•";position:absolute;font-size:1.1em;left:0;top:0;color:#000}.sapp-entrance-test li[class=remarks-item-title]:not(:last-child){margin-bottom:10px}.sapp-entrance-test .header-utilities{position:fixed;z-index:10;display:flex;align-items:center;left:0;bottom:0;width:100%;padding:8px 24px;background-color:#fff;box-shadow:0 -2px 7px 0 rgba(0,0,0,.102);justify-content:space-between;gap:16px}@media (min-width:1280px){.sapp-entrance-test .header-utilities{position:relative;box-shadow:none;justify-content:flex-end;width:65%;gap:0;padding-right:0}}.sapp-entrance-test .utilities-container{display:flex;gap:16px;flex-grow:1;justify-content:flex-end}.sapp-entrance-test .utilities-publish{display:flex}.sapp-entrance-test .utilities-quit{font-weight:500;cursor:pointer;text-decoration:underline;margin:0}@media (min-width:1280px){.sapp-entrance-test .utilities-quit{display:none}}.sapp-entrance-test .utilities-url-copy{display:flex;justify-content:flex-end;width:50%}@media (min-width:1280px){.sapp-entrance-test .utilities-url-copy{width:100%}}.sapp-entrance-test .utilities-url{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:50px;border:1px solid #e1e3ea;background-color:#f9f9f9}.sapp-entrance-test .tooltip__title{padding:.15rem 0;font-size:.95rem}.sapp-entrance-test .tooltip__title-text{color:#050505;padding:0}.sapp-entrance-test .tooltip__copy-text{color:#050505;padding:0;margin-left:10px}.sapp-entrance-test .tooltip__copy-text:active{background-color:#dcdddd;border-radius:4px;padding:4px}.sapp-entrance-test .badge{border:1px solid;padding:0 8px;line-height:24px;font-size:16px;border-radius:0;font-weight:400}.sapp-entrance-test .badge__beginner{border-color:#4fa0eb;color:#4fa0eb;background-color:rgba(79,160,235,.1)}.sapp-entrance-test .badge__intermediate{border-color:#05a857;color:#05a857;background-color:rgba(5,168,87,.102)}.sapp-entrance-test .badge__upper-intermediate{border-color:#ffb800;color:#ffb800;background-color:rgba(255,184,0,.102)}.entrance-test__body{margin-bottom:24px;margin-top:60px}.sapp-entrance-test .footer{width:100%;padding:0;margin-top:20px}@media (min-width:768px){.sapp-entrance-test .footer{margin-top:40px}}.sapp-entrance-test .footer-container{border:2px solid #ffb800;padding:32px}.sapp-entrance-test .footer-published,.sapp-entrance-test .footer-unpublished{font-size:16px;font-weight:400}.sapp-entrance-test .footer-unpublished{line-height:24px}.sapp-entrance-test .footer-unpublished .fanpage,.sapp-entrance-test .footer-unpublished .hotline{color:#ffb800}.sapp-entrance-test .footer-published .support,.sapp-entrance-test .footer-published .support-center{color:#3964ea}.sapp-entrance-test .footer-icons{display:flex;gap:24px;margin-top:25px}.overall{height:auto;display:flex;flex-direction:column}.overall .overall__container{position:relative;background:#fff;border-radius:12px;box-shadow:0 4px 20px 0 rgba(41,41,41,.051);padding:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (min-width:640px){.overall .overall__container{padding:32px 32px 8px;border-radius:16px}}.overall .overall__container .overall__bg--icon{position:absolute;bottom:-22px;width:100%;z-index:0;left:unset;right:0;display:flex;justify-content:flex-end}@media (min-width:1024px){.overall .overall__container .overall__bg--icon{right:0;left:0;display:unset}}@media (min-width:640px){.overall .overall__container .overall__bg--icon{bottom:0}}.overall .overall__title{font-size:18px;line-height:27px;font-weight:600;margin-bottom:16px}@media (min-width:640px){.overall .overall__title{font-size:24px;line-height:32px;font-weight:700}}.overall .overall__score--ratio{font-weight:700;color:#ffb700;margin-bottom:16px;font-size:48px;line-height:64px}@media (min-width:640px){.overall .overall__score--ratio{font-size:64px;line-height:150%}}.overall .overall__remarks{display:flex;font-size:14px;line-height:22px;margin-top:12px;max-height:260px;overflow-y:auto}.overall .overall__remarks ul{margin-bottom:0;margin-top:0;margin-block-end:0;padding-inline-start:0}.overall .overall__remarks ul li{list-style:none;width:auto;min-width:350px;max-width:361px;margin-bottom:4px}.overall .overall__remarks ul li:last-child{margin-bottom:0}@media (max-width:1280px){.overall .overall__remarks ul li{min-width:320px}}@media (max-width:1023px){.overall .overall__remarks ul li{max-width:unset}}@media (max-width:992px){.overall .overall__remarks ul li{min-width:240px}}.overall .overall__remarks li:last-child .overall__remarks--content p:last-child{margin:0}.overall .overall__utilities{margin:24px 0 0}@media (min-width:640px){.overall .overall__utilities{margin:32px 0}}.overall .overall__badge{padding:2px 8px;line-height:22px;font-size:14px;border-radius:4px;font-weight:400;display:inline}.overall .overall__badge.overall__badge--beginner{color:#2af;background-color:#e9f6ff}.overall .overall__badge.overall__badge--intermediate{color:#e68200;background-color:#fcf3e5}.overall .overall__badge.overall__badge--upper-intermediate{color:#10b367;background-color:#e7fcf2}.topic-area__chart{flex:1}.topic-area__chart .topic-area__chart--title{font-size:18px;line-height:27px;font-weight:600;margin-bottom:16px}@media (min-width:640px){.topic-area__chart .topic-area__chart--title{font-size:24px;line-height:32px;font-weight:700}}.topic-area__chart .topic-area__chart--container{box-shadow:0 4px 20px 0 rgba(41,41,41,.051);background:#fff;border-radius:12px;overflow:hidden}@media (min-width:640px){.topic-area__chart .topic-area__chart--container{border-radius:16px}}.topic-area__chart .topic-area__chart--container .topic-area__chart--column{padding:32px;height:450px;overflow:auto}.topic-area__chart .topic-area__chart--container .topic-area__chart--column .col-chart{min-width:575px}@media (min-width:640px){.topic-area__chart .topic-area__chart--container .topic-area__chart--column .col-chart{min-width:unset}.topic-area__chart .topic-area__chart--container .topic-area__chart--column{overflow:hidden;height:560px;padding:32px}}.topic-area__cmt{margin-top:32px}.topic-area__cmt .topic-area__cmt--title{font-size:24px;line-height:32px;font-weight:700;margin-bottom:16px}.topic-area__cmt .topic-area__table-wrapper{position:relative}.topic-area__cmt .topic-area__scroll-indicator{position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(270deg,#fff 38.41%,hsla(0,0%,100%,0));pointer-events:none;z-index:10;border-top-right-radius:12px;border-bottom-right-radius:12px;transition:opacity .2s ease-in-out}.topic-area__cmt .topic-area__cmt--table .ant-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px 0 rgba(41,41,41,.051)}@media (min-width:640px){.topic-area__cmt .topic-area__cmt--table .ant-table{border-radius:16px}}.topic-area__cmt .topic-area__cmt--table .ant-table .ant-table-content{padding:32px}.topic-area__cmt .topic-area__cmt--table .ant-table .ant-table-content .ant-table-thead .ant-table-cell{background-color:#fff;color:#9ca3af;font-size:16px;line-height:24px;font-weight:500}.topic-area__cmt .topic-area__cmt--table .ant-table .ant-table-content .ant-table-thead .ant-table-cell:before{display:none}.topic-area__cmt .topic-area__cmt--table .ant-table .ant-table-content .ant-table-tbody .ant-table-cell{color:#1f2937}.topic-area__cmt--mobile .topic-area__cmt--mobile-content{display:flex;flex-direction:column;gap:12px}.topic-area__cmt--mobile .topic-area__cmt--mobile-content .topic-area__cmt--mobile-content-label{font-size:14px;line-height:22px;font-weight:500;color:#9ca3af}.topic-area__cmt--mobile .topic-area__cmt--mobile-content .topic-area__cmt--mobile-content-score{display:flex;align-items:center;gap:12px}.lms-entrance-test .col-chart-container{width:768px;overflow-x:scroll;height:480px;margin-top:24px}@media (min-width:768px){.lms-entrance-test .col-chart-container{width:100%;overflow:visible;height:auto}}.lms-entrance-test .col-chart{display:flex;position:relative;justify-content:space-evenly;align-items:flex-end;min-height:360px;font-size:12px;height:90%;min-width:340px}@media (min-width:1024px){.lms-entrance-test .col-chart{font-size:16px}}.lms-entrance-test .vertical-lines{position:absolute;z-index:0;right:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;border-right:1px solid #e5e7eb;width:100%;min-height:100%}.lms-entrance-test .vertical-line{position:absolute;width:1px;height:100%;background-color:#e5e7eb}.lms-entrance-test .vertical-line-number{position:absolute;bottom:-18px;display:flex;align-items:center;height:32px;font-weight:500;font-size:14px;line-height:22px;color:#9ca3af}.lms-entrance-test .vertical-line-bold{position:absolute;left:0;bottom:-10px;width:1px;height:10px;background-color:#9ca3af}.lms-entrance-test .bars{position:relative;display:flex;align-items:flex-start;flex-direction:column-reverse;gap:18px;width:100%;padding:20px 0;border-bottom:1px solid #dcdddd;overflow:hidden;height:100%}.lms-entrance-test .bar{width:100%;cursor:pointer;max-height:48px}.lms-entrance-test .bar-container{height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center}.lms-entrance-test .bar-title{z-index:1;text-align:left;font-weight:400;font-size:14px;line-height:22px;width:100%;display:block;margin-left:12px}.lms-entrance-test .bar-over-sixty-text{z-index:1;position:absolute;top:50%;right:20px;transform:translateY(-50%);text-align:center;white-space:nowrap;font-weight:500;font-size:14px}.lms-entrance-test .bar-tooltip{padding:14px 12px;z-index:10}.lms-entrance-test .bar-tooltip *{color:#050505}.lms-entrance-test .bar-tooltip__no-result{position:relative}.lms-entrance-test .tooltip-header{font-size:14px;font-weight:700;line-height:16.9px;margin-bottom:-14px}.lms-entrance-test .tooltip-content{display:flex;font-size:14px}.lms-entrance-test .tooltip-content ul{margin-bottom:0;padding-left:22px}.lms-entrance-test .tooltip-content p{margin-bottom:0}.lms-entrance-test .tooltip-fanpage,.lms-entrance-test .tooltip-hotline{color:#ffb800;margin:1px 0}.lms-entrance-test .tooltip-fanpage:hover{text-decoration:underline;cursor:pointer}.lms-entrance-test .ant-checkbox-checked .ant-checkbox-inner,.lms-entrance-test .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important}.lms-entrance-test .ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected>.ant-table-cell{background-color:#fffaf0!important}.lms-entrance-test .ant-spin .ant-spin-dot-holder{color:var(--bs-primary)!important}.lms-entrance-test .ant-pagination .ant-pagination-options-quick-jumper input:hover{border-color:var(--bs-primary)!important}.lms-entrance-test .ant-pagination .ant-pagination-options-quick-jumper input:focus{border-color:var(--bs-primary)!important;box-shadow:none!important}.lms-entrance-test .ant-pagination .ant-pagination-item,.lms-entrance-test .ant-select,.lms-entrance-test .ant-select:not(.ant-select-customize-input) .ant-select-selector:hover,.lms-entrance-test .ant-table-wrapper .ant-table,.lms-entrance-test .sapp-table .ant-checkbox-checked .ant-checkbox-inner,.lms-entrance-test .sapp-table .ant-checkbox-checked:after,.lms-entrance-test .sapp-table .ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:var(--bs-primary)!important}.lms-entrance-test .ant-pagination-jump-next.ant-pagination-jump-next-custom-icon:hover .anticon,.lms-entrance-test .ant-pagination-jump-prev.ant-pagination-jump-prev-custom-icon:hover .anticon{color:var(--bs-primary)!important}.lms-entrance-test .sapp-table.ant-table-wrapper .ant-table-thead>tr>th{color:rgba(0,0,0,.85);font-weight:500;background-color:#f9f9f9;font-size:14px}.lms-entrance-test .sapp-table.ant-table-wrapper .ant-table-tbody>tr>td{color:#050505;font-weight:400}.lms-entrance-test .text-success{color:#10b367}.lms-entrance-test .text-failed{color:#f80903}.lms-entrance-test .sapp-editor p{margin:0}.sapp-entrance-test,.sapp-entrance-test *{font-family:Roboto,sans-serif!important}