section.blog-index-main #placeholder{display:grid;margin-bottom:1rem;grid-template-columns:1fr;row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap))}@media (max-width:575.98px){section.blog-index-main #placeholder{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:576px) and (max-width:767.98px){section.blog-index-main #placeholder{--sm-column-gap:0.75;--sm-row-gap:0.75}}@media (min-width:768px) and (max-width:991.98px){section.blog-index-main #placeholder{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:992px) and (max-width:1199.98px){section.blog-index-main #placeholder{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:1200px){section.blog-index-main #placeholder{--sm-column-gap:1.5;--sm-row-gap:1.5}}section.blog-index-main #placeholder #articles{grid-row:1;grid-column:1;--sm-item-bg-color:var(--sm-theme-choose-difficulty-item-bg-color);align-self:stretch;display:flex;flex-direction:column;align-items:center;--sm-padding-x:0;padding:0 calc(var(--sm-std-gutter) * var(--sm-padding-x));--sm-padding-x:0!important}@media (max-width:575.98px){section.blog-index-main #placeholder #articles{--sm-max-width-grid-template-columns:1fr;--sm-article-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:576px) and (max-width:767.98px){section.blog-index-main #placeholder #articles{--sm-max-width-grid-template-columns:1fr;--sm-article-description-lines:2;--sm-title-font-size:1.2rem}}@media (min-width:768px) and (max-width:991.98px){section.blog-index-main #placeholder #articles{--sm-max-width-grid-template-columns:1fr;--sm-article-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:992px) and (max-width:1199.98px){section.blog-index-main #placeholder #articles{--sm-max-width-grid-template-columns:1fr;--sm-article-description-lines:2;--sm-title-font-size:1.4rem}}@media (min-width:1200px){section.blog-index-main #placeholder #articles{--sm-max-width-grid-template-columns:repeat(2, minmax(0, 1fr));--sm-article-description-lines:3;--sm-title-font-size:1.4rem}}@media (min-width:576px) and (max-width:991.98px){section.blog-index-main #placeholder #articles{--sm-padding-x:1.5}}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper{display:grid;-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));grid-template-columns:var(--sm-max-width-grid-template-columns);grid-template-rows:var(--sm-max-width-grid-template-rows)}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .choose-difficulty-item{background-color:var(--sm-item-bg-color);border-radius:var(--bs-border-radius);padding:calc(var(--sm-std-gutter) * .5) calc(var(--sm-std-gutter) * 1);position:relative;transition:transform .3s}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .choose-difficulty-item:hover{transform:translateY(-.25rem);box-shadow:var(--sm-theme-default-card-hover-shadow)}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .choose-difficulty-item a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--bs-border-radius)}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item{padding:calc(var(--sm-std-gutter) * .75) calc(var(--sm-std-gutter) * .75)}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item .cover{overflow:hidden;border-radius:var(--bs-border-radius)}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item .cover img{width:100%;aspect-ratio:3/1}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item .title{text-align:left;font-size:var(--sm-title-font-size);color:var(--sm-theme-blog-article-title-color);font-weight:600}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:var(--sm-article-description-lines);-webkit-line-clamp:var(--sm-article-description-lines);-webkit-box-orient:vertical}section.blog-index-main #placeholder #articles .choose-difficulty-wrapper .article.choose-difficulty-item .article-link a{font-weight:600}section.blog-index-main #placeholder #pagination{grid-row:2;grid-column:1;display:flex;justify-content:center;align-items:center;font-size:var(--sm-base-font-size)}@media (max-width:575.98px){section.blog-index-main #placeholder #pagination{--sm-base-font-size:1rem}}@media (min-width:576px) and (max-width:767.98px){section.blog-index-main #placeholder #pagination{--sm-base-font-size:1.2rem}}@media (min-width:768px){section.blog-index-main #placeholder #pagination{--sm-base-font-size:1.4rem}}section.blog-index-main #placeholder #pagination .btn{--bs-btn-border-radius:50%;--bs-btn-padding-y:0;--bs-btn-padding-x:0}section.blog-index-main #placeholder #pagination .btn.prev svg{position:relative;right:1px}section.blog-index-main #placeholder #pagination .btn.next{margin-left:calc(var(--sm-std-gutter) * .5)}section.blog-index-main #placeholder #pagination .btn.next svg{position:relative;left:1px}section.blog-index-main #placeholder #pagination .btn svg{width:calc(1.25 * var(--sm-base-font-size));height:calc(1.25 * var(--sm-base-font-size))}section.blog-index-main #placeholder #pagination .page{margin-left:calc(var(--sm-std-gutter) * .5)}section.blog-index-main #placeholder #pagination .page.current{font-weight:600}section.blog-index-main #placeholder #pagination .ellipsis{margin-left:calc(var(--sm-std-gutter) * .5)}section.blog-article-main{--sm-padding-x:0;padding:0 calc(var(--sm-std-gutter) * var(--sm-padding-x));max-width:50rem;margin:0 auto}@media (min-width:576px) and (max-width:991.98px){section.blog-article-main{--sm-padding-x:1.5}}@media (max-width:575.98px){section.blog-article-main{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:576px) and (max-width:767.98px){section.blog-article-main{--sm-column-gap:0.75;--sm-row-gap:0.75}}@media (min-width:768px) and (max-width:991.98px){section.blog-article-main{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:992px) and (max-width:1199.98px){section.blog-article-main{--sm-column-gap:1.5;--sm-row-gap:1.5}}@media (min-width:1200px){section.blog-article-main{--sm-column-gap:1.5;--sm-row-gap:1.5}}section.blog-article-main h1,section.blog-article-main h2{text-align:left!important}section.blog-article-main .cover{overflow:hidden;border-radius:var(--bs-border-radius)}section.blog-article-main .cover img{width:100%;aspect-ratio:3/1}section.blog-article-main .examples{display:grid;-moz-column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));column-gap:calc(var(--sm-std-gutter) * var(--sm-column-gap));row-gap:calc(var(--sm-std-gutter) * var(--sm-row-gap));grid-template-columns:var(--sm-grid-template-columns);grid-template-rows:var(--sm-grid-template-rows)}@media (max-width:575.98px){section.blog-article-main .examples{--sm-grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767.98px){section.blog-article-main .examples{--sm-grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991.98px){section.blog-article-main .examples{--sm-grid-template-columns:1fr}}@media (min-width:992px) and (max-width:1199.98px){section.blog-article-main .examples{--sm-grid-template-columns:1fr}}@media (min-width:1200px){section.blog-article-main .examples{--sm-grid-template-columns:repeat(2, minmax(0, 1fr))}}section.blog-article-main .examples .example{display:flex;flex-direction:row;justify-content:center}section.blog-article-main .examples .example .wrapper{flex-basis:var(--sm-board-width)}section.blog-article-main .examples .example .wrapper .title{width:100%;font-weight:600}section.blog-article-main .examples .example .wrapper img{aspect-ratio:1/1;width:100%;max-width:var(--sm-board-width)}body section.blog-article-main .examples img.light{display:block}body section.blog-article-main .examples img.dark{display:none}body[data-bs-theme=dark] section.blog-article-main .examples img.light{display:none}body[data-bs-theme=dark] section.blog-article-main .examples img.dark{display:block}#sprite{display:none}