/* 表格标题部分 */
.genome-information {
    background: linear-gradient(25deg, #a38759, #9e8049, #b89e72, rgb(203, 204, 209));
    height: 50px;
    width: 800px;
    line-height: 50px;
    text-align: center;
    margin: 20px auto 0;
    border-top-right-radius: 16.0px;
    border-top-left-radius: 16.0px;
    border-bottom-right-radius: 16.0px;
    border-bottom-left-radius: 16.0px;
}

.genome-information .genome-information-title {
    font-size: 38px;
    color: #ADBBC3;
    font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
}

.fixed-table-toolbar .columns-right {
    margin-left: 5px;
}

/* HTML: <div class="loader"></div> */
/* 遮罩层样式 */
.loader-wrapper {
    position: fixed; /* 使用fixed定位 */
    top: 0;
    left: 0;
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
    background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */
    backdrop-filter: blur(4px);
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    z-index: 1000; /* 确保遮罩层在最上层 */
    visibility: hidden; /* 默认不显示 */
    opacity: 0; /* 默认透明度为0 */
    transition: visibility 0s, opacity 0.5s linear; /* 过渡效果 */
}


.loader {
    width: fit-content;
    font-size: 40px;
    font-family: system-ui, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #0000;
    -webkit-text-stroke: 1px #000;
    background: radial-gradient(0.71em at 50% 1em,#000 99%,#0000 101%) calc(50% - 1em) 1em / 2em 200% repeat-x text, radial-gradient(0.71em at 50% -0.5em,#0000 99%,#000 101%) 50% 1.5em / 2em 200% repeat-x text;
    animation: l10-0 0.8s linear infinite alternate, l10-1 4s linear infinite;
}
.loader:before {
    content: "SCVAR-Loading";
}
@keyframes l10-0 {
    to {
        background-position-x: 50%, calc(50% + 1em)
    }
}
@keyframes l10-1 {
    to {
        background-position-y: -0.5em, 0
    }
}