/* Общие токены оформления и базовые правила для сайта и админки. */
:root {
    --Background: #0f0f0f;
    --Fon: #0d1218;
    --ColorNone: #d7fe7b;
    --ColorCursor: #95b940;
    --Width: 7px;
    --Border: 2px;
    --Radius: 0px;

    --bg: #0e0e0e;
    --bg-soft: #080808;
    --panel: #0a0a0a;
    --panel-2: #111111;
    --border: #303030;
    --border-hi: #3d3d3d;
    --text: #eef0f4;
    --muted: #8f9aa3;
    --accent: #d7fe7b;
    --accent-ink: #0e1505;
    --accent-soft: rgba(215, 254, 123, .10);
    --accent-line: rgba(215, 254, 123, .30);
    --green: #4ade80;
    --red: #f87171;
    --yellow: #fbbf24;
    --blue: #60a5fa;
    --violet: #c084fc;
    --radius: 5px;
}

.element::-webkit-scrollbar{
    background-color: var(--Background);
    width: 0;
}
::-webkit-scrollbar{
    width: var(--Width);
    height: 7px;
    background-color: var(--Background);
}
::-webkit-scrollbar-thumb{
    background-color: var(--ColorNone);
    border-radius: var(--Radius);
    min-height: 30px;
    width: var(--Width);
    border: var(--Border) solid var(--Background);
}
.gallery-container::-webkit-scrollbar {
    display: none;
}
.screenshots-container::-webkit-scrollbar {
    display: none;
}
.reviews-container::-webkit-scrollbar{
    background-color: var(--Background);
    width: 0;
}
.reviews-container::-webkit-scrollbar{
    width: var(--Width);
    height: 7px;
    background-color: var(--Background);
}
.reviews-container::-webkit-scrollbar-thumb{
    background-color: var(--ColorNone);
    border-radius: var(--Radius);
    min-height: 30px;
    width: var(--Width);
    border: 1px solid var(--Background);
}