:root {
    --gray-100: oklch(98.5% 0.002 247.839);
    --gray-200: oklch(92.8% 0.006 264.531);
    --gray-300: oklch(87.2% 0.01 258.338);
    --gray-400: oklch(70.7% 0.022 261.325);
    --gray-500: oklch(55.1% 0.027 264.364);
    --gray-600: oklch(44.6% 0.03 256.802);
    --gray-700: oklch(37.3% 0.034 259.733);
    --gray-800: oklch(27.8% 0.033 256.848);
    --gray-900: oklch(21% 0.034 264.665);
    --gray-950: oklch(13% 0.028 261.692);

    --slate-100: oklch(96.8% 0.007 247.896);
    --slate-200: oklch(92.9% 0.013 255.508);
    --slate-300: oklch(86.9% 0.022 252.894);
    --slate-400: oklch(70.4% 0.04 256.788);
    --slate-500: oklch(55.4% 0.046 257.417);
    --slate-600: oklch(44.6% 0.043 257.281);
    --slate-700: oklch(37.2% 0.044 257.287);
    --slate-800: oklch(27.9% 0.041 260.031);
    --slate-900: oklch(20.8% 0.042 265.755);
    --slate-950: oklch(12.9% 0.042 264.695);
    --base-back-ground-color: oklch(96.7% 0.001 286.375);
}

body .bst-echo .bst-echo-main .bst-echo-header:has(.bst-echo-header-info) {
    padding: 1.5em 1.5em 0 1.5em;
    background-color: var(--base-back-ground-color);
}

body .bst-echo .bst-echo-main .bst-echo-header:has(.bst-echo-header-action) {
    /* padding: 0.5em 1.5em; */
    padding: 0em 2em;
    background-color: var(--base-back-ground-color);
}

body .bst-echo .bst-echo-main .bst-echo-body {
    padding: 0 1.5em;
    /* background-color: oklch(92.8% 0.006 264.531); */
}

body .bst-echo {
    background: var(--base-back-ground-color);
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info .bst-echo-header-title {
    font-weight: bold;
    position: relative;
    background-color: #fff;
    padding: 0.25em 0.5em 0.25em 2em;
    /* border-left: solid 2em var(
    --gray-950); */
    /* color: #fff; */
    /* font-weight: normal; */
    border-bottom: 2px solid var(--slate-200);
    /* border-bottom: 2px solid var(--slate-200); */
}

/* .bst-echo-header-title:before {
    content: url(../img/article_person_40dp_FFFFFF_FILL0_wght400_GRAD0_opsz40.svg);
    position: absolute;
    padding: 0em;
    color: white;
    font-weight: 900;
    left: -1.7em;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
 */
body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view :is(th) {
    background-color: var(--slate-950);
}

.bst-view .bst-view-head .bst-view-head-cell .bst-view-head-caption {
    color: #fff;
}

.bst-field {
    padding: .8em;
}

td.bst-view-button.bst-view-button_shave3.bst-view-guide {
    padding: .5em;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view :is(td) {
    /* background-color: #eee; */
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info .bst-echo-header-description {
    padding: .5em 1em 0;
    background-color: var(--base-back-ground-color);
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action .bst-echo-header-filter .bst-echo-header-filter-cases {
    background-color: transparent;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action .bst-echo-header-filter .bst-echo-header-filter-cases select {
    background-color: #f5f7f8;
    border-radius: 4px;
    border: 1px solid #dae1e8;
    padding-left: 8px;
    margin-left: 2px;
    margin-top: -2px;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action .bst-echo-header-filter .bst-echo-header-filter-cases select:hover {
    background-color: #e0e4e9;
}

body .bst-echo .bst-echo-main main.bst-echo-body {
    background-color: var(--base-back-ground-color);
    /* padding: 1em 1em; */
    /* margin: 0 1.5em; */
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view :is(td) {
    /* background-color: #fff; */
    /* border-right: 1px dashed silver; */
    background-color: transparent;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main {
    background-color: var(--base-back-ground-color);
}

body .bst-injector .bst-field .bst-field-value span.bst-guide+div>img {
    display: none !important;
}

body .bst-injector .bst-field .bst-field-value span.bst-guide+div>span {
    font-size: 12px;
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view tr.bst-view-row:nth-child(even)>td {
    background-color: var(--slate-100);
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view :is(td)>div {
    border-right: 1px dashed var(--slate-300);
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-action {
    background-color: #FAFAFA;
}

body .bst-echo .bst-echo-main.bst-echo-main-list {
    background-color: var(--base-back-ground-color);
}

.bst-echo-header-filter {
    background-color: var(--base-back-ground-color);
}

body .bst-echo .bst-echo-main .bst-echo-body .bst-echo-body-main .bst-view tr.bst-view-row:nth-child(odd)>td {
    background-color: #fff;
}

table.bst-view {
    border-right: 1px solid var(--slate-300);
    border-left: 1px solid var(--slate-300);
}

.bst-view :is(td,th):before {
    border-top: 1px solid var(--main-shadow-color);
    content: '';
    display: block;
    height: 0px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.bst-view thead tr:first-of-type :is(td,th):after {
    border-top: 1px solid var(--slate-300) !important;
    content:
    '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info .bst-echo-header-title::before {
    /* content: ""; */
    border-left: solid 2em var(    --gray-950);
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info::before {
    content: "";
    content: "";
    border-left: solid 2em var(--slate-950);
    border-bottom: solid 2px var(--slate-950);
    /* width: 2em; */
    display: block;
    height: 3em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

body .bst-echo .bst-echo-main .bst-echo-header .bst-echo-header-info {
    position: relative;
}