body{margin:0}:root{--primary-color: #1da57a;--layout-width: 1200px;--layout-margin: 16px}.title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000!important}.basic-layout{min-height:100vh!important}.basic-layout .header{padding-inline:var(--layout-margin);padding-left:var(--layout-margin);padding-right:var(--layout-margin)}.basic-layout .content{margin-left:auto;margin-right:auto;width:100%;max-width:var(--layout-width);padding-left:var(--layout-margin);padding-right:var(--layout-margin)}.basic-layout .footer{text-align:center}.login-layout{min-height:100vh}.login-layout .title{font-size:20px}.login-layout .header{padding:0px var(--layout-margin)}.login-layout .content{display:flex;justify-content:center;flex-direction:column;align-items:center}.header{background:#fff!important}@media (prefers-color-scheme: dark){.title{color:#fff!important}.header{background:#141414!important}}.navbar{align-content:center;margin-left:auto;margin-right:auto;max-width:calc(var(--layout-width) - 2 * var(--layout-margin))}.navbar .title{font-size:18px;padding-right:20px}.navbar .search-button{margin:8px}@media (max-width: 576px){.navbar .title{font-size:14px;padding-right:8px}.navbar .search-button{margin:4px}}.navbar .col-menu{margin-left:auto;margin-right:auto}.navbar .col-menu .menu{height:64px;border:0;background-color:transparent}.card-title{white-space:normal}.review-body{width:100%}.comment p{margin:0!important;overflow-wrap:break-word}.comment code{white-space:normal}.courses-radio-group{padding:0}.total-point{font-weight:700}.review-course-spinning{text-align:center}.search-input{margin-bottom:var(--layout-margin)}.statistic{margin:var(--layout-margin)}.statistic .search-input{margin-top:calc(var(--layout-margin) * 1)}.statistic .slogan-title{margin-top:calc(var(--layout-margin) * 4);margin-bottom:calc(var(--layout-margin) * 4);text-align:center}.statistic .info-row{text-align:center;margin:calc(var(--layout-margin) * 4)}.sync-select{width:100%}.filter-card .ant-card-body{padding:8px}.markdown-preview img{max-width:100%}.review-item .ant-list-item-action{margin-top:10px}@media (max-width: 576px){.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item{padding-left:8px!important;padding-right:8px!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{left:8px!important;right:8px!important}}.ant-list-item{padding-left:4px!important;padding-right:4px!important}