html,
body {
    margin: 0;
}

a {
    text-decoration: none;
}

.w-full {
    width: 100%;
}

.report-root {
    padding: 12px;
    min-height: 100vh;
}

.sort-button {
    width: 130px;
}

.report-root .ant-table-cell {
    padding: 6px 8px !important;
}

.rank-table {
    margin-top: 12px;
}

.warning-text {
    margin: 0;
    font-family: inherit;
    white-space: pre-wrap;
}

.css-source {
    counter-reset: line;
    padding-left: 24px;
}

.css-source pre {
    position: relative;
    margin: 0;
    min-height: 20px;
    line-height: 20px;
    padding-left: 0.5em;
    border-left: 1px solid rgba(128, 128, 128, 0.3);
}

.css-source pre::before {
    content: counter(line);
    counter-increment: line;
    position: absolute;
    top: 0;
    left: -2.5em;
    width: 2.5em;
    padding-right: 0.5em;
    text-align: right;
    opacity: 0.5;
}

/* 用半透明色, 深浅色主题下都能看 */
.css-source pre.highlight,
.css-source pre.highlight::before {
    background-color: rgba(255, 77, 79, 0.18);
}

/* antd 的 Modal footer 默认右对齐, 这里放的是 Alert, 要左对齐 */
.code-modal .ant-modal-footer {
    text-align: start;
}