/* /Components/Viewer/PatternViewerShell.razor.rz.scp.css */
.pattern-viewer-chart-pages-scroll[b-opwqz7xwro] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.8) rgba(226, 232, 240, 0.9);
}

.pattern-viewer-chart-pages-scroll[b-opwqz7xwro]::-webkit-scrollbar {
    width: 12px;
}

.pattern-viewer-chart-pages-scroll[b-opwqz7xwro]::-webkit-scrollbar-track {
    background: rgba(226, 232, 240, 0.9);
    border-radius: 9999px;
}

.pattern-viewer-chart-pages-scroll[b-opwqz7xwro]::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.8);
    border: 2px solid rgba(226, 232, 240, 0.9);
    border-radius: 9999px;
}

.pattern-viewer-chart-pages-scroll[b-opwqz7xwro]::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.9);
}
/* /Components/Viewer/ViewerGridLinesPanel.razor.rz.scp.css */
.grid-lines-columns[b-jiaakg22tg],
.grid-lines-row[b-jiaakg22tg] {
    display: grid;
    grid-template-columns: 24px minmax(115px, 1fr) minmax(64px, 1fr) 44px 52px;
    column-gap: 8px;
    align-items: center;
}

.grid-lines-columns[b-jiaakg22tg] {
    min-height: 28px;
    padding-inline: 13px;
}

.grid-lines-thickness-heading[b-jiaakg22tg] { grid-column: 3 / 5; }
.grid-lines-color-heading[b-jiaakg22tg] { width: 40px; justify-self: end; text-align: center; }
.grid-lines-row[b-jiaakg22tg] { min-height: 40px; }
.grid-lines-name[b-jiaakg22tg] { min-width: 0; overflow-wrap: anywhere; }
.grid-lines-row input[type="range"][b-jiaakg22tg] { min-width: 0; height: 40px; }
.grid-lines-row input[data-coloris-grid][b-jiaakg22tg] {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    padding: 0;
    justify-self: end;
}
.grid-lines-gap[b-jiaakg22tg] { padding-left: 32px; }

@media (max-width: 560px) {
    .grid-lines-columns[b-jiaakg22tg],
    .grid-lines-row[b-jiaakg22tg] {
        grid-template-columns: 22px minmax(0, 1.4fr) minmax(24px, 1fr) 38px 52px;
        column-gap: 5px;
    }
}