/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./public/static/css/web/textbox.css ***!
  \*****************************************************************************************************************/
.article-page .grid-container {
    grid-template-columns: repeat(var(--cell-column-number), var(--column-width));
    grid-template-rows: repeat(2, minmax(var(--column-width), auto));
}
.article-page .retro-grid {
    background-size: calc(100% / var(--cell-column-number)) var(--column-width);
}
.article-page .grid-item.grid-column-all {
    grid-column: 2 / calc(var(--cell-column-number) - 2);
   
}
.grid-cell-height-1 {
    grid-template-rows: repeat(1, minmax(var(--column-width), auto));
}

.article-page .content-box {
    background: #fff;
    padding: 32px 0;
}
.target-ele {
    min-height: calc(var(--column-width) * var(--min-cell-number)  - 2px); 
    background: #fff;
}
.static-container {
    display: grid;
    grid-template-columns: repeat(var(--cell-column-number), var(--column-width));
    grid-template-rows: repeat(2, minmax(var(--column-width), auto));
    grid-column: 2 / var(--cell-column-number);
}
.rich-container {
    display: grid;
    grid-template-columns: repeat(var(--cell-column-number), var(--column-width));
    grid-template-rows: repeat(3, minmax(var(--column-width), auto));
    grid-column: 2 / var(--cell-column-number);
}
.rich-container .grid-row-3 {
    grid-row: 3;
}
.grid-row-2 {
    grid-row: span 2;
}
@media (max-width: 828px) {
    .article-page .grid-item.grid-column-all {
        grid-column: 2 / 5;
    }
    .rich-container {
        grid-column: 1 / var(--cell-column-number);
    }
}