.section-main-blog{background-color:var(--color-background, #ffffff);color:var(--color-foreground, #111111);--seg-accent: var(--color-foreground, #1a1a1a);--seg-on-accent: var(--color-background, #ffffff);--seg-border: var(--color-border, #e5e5e5);--seg-radius: var(--radius-buttons, 2rem);--seg-bg: var(--color-background, #ffffff)}.section-main-blog__inner{padding-inline-start:var(--section-pl-mobile, var(--section-px-mobile, 16px));padding-inline-end:var(--section-pr-mobile, var(--section-px-mobile, 16px))}@media(min-width:750px){.section-main-blog__inner{padding-inline-start:var(--section-pl-desktop, var(--section-px-desktop, 24px));padding-inline-end:var(--section-pr-desktop, var(--section-px-desktop, 24px))}}.section-main-blog__inner--page-width{max-inline-size:var(--page-width, 1200px);margin-inline:auto}.section-main-blog__inner--full{max-inline-size:none;padding-inline:0}.section-main-blog__inner--custom{max-inline-size:var(--blog-section-width, var(--page-width, 1200px));margin-inline:auto}.section-main-blog__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:48px;margin-block-end:var(--blog-gap-m, 16px);border-block-end:.5px solid var(--color-border, #e5e5e5)}@media(min-width:750px){.section-main-blog__toolbar{min-block-size:56px;margin-block-end:var(--blog-gap, 24px)}}.section-main-blog__toolbar-start{display:flex;align-items:center;gap:.75rem;min-inline-size:0}.section-main-blog__count{margin:0;font-size:.875rem;color:var(--color-text-secondary, #666666)}.section-main-blog__controls{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto}.section-main-blog__search{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;padding:0;cursor:pointer;color:var(--color-foreground, #1a1a1a);background-color:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-buttons, 2rem);transition:background-color .15s ease,color .15s ease}.section-main-blog__search:hover{color:var(--color-background, #ffffff);background-color:var(--color-foreground, #1a1a1a)}.section-main-blog__search:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}.section-main-blog__sort{display:inline-flex;align-items:center;gap:.35rem}.section-main-blog__sort-icon{display:inline-flex;color:var(--color-text-secondary, #666666)}.section-main-blog__sort-select{font:inherit;font-size:.875rem;min-block-size:35px;padding-block:5px;padding-inline:4px;cursor:pointer;color:var(--color-foreground, #1a1a1a);background-color:transparent;border:0}.section-main-blog__sort-select:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}.section-main-blog__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__tags{margin-block-end:var(--blog-gap, 24px)}}.section-main-blog__tag{display:inline-flex;align-items:center;padding-block:6px;padding-inline:14px;font-size:.8125rem;text-decoration:none;color:var(--color-foreground, #1a1a1a);background-color:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-buttons, 2rem);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.section-main-blog__tag:hover{border-color:var(--color-foreground, #1a1a1a)}.section-main-blog__tag.is-active{color:var(--color-background, #ffffff);background-color:var(--color-foreground, #1a1a1a);border-color:var(--color-foreground, #1a1a1a)}.section-main-blog__tag:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}.section-main-blog__featured{margin-block-end:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__featured{margin-block-end:var(--blog-gap, 24px)}}@media(min-width:990px){.section-main-blog__featured .article-card--standard{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(24px,4vw,56px)}.section-main-blog__featured .article-card--standard .article-card__title{font-size:clamp(1.5rem,2.4vw,2.25rem)}}.section-main-blog__grid--grid{display:grid;grid-template-columns:repeat(var(--blog-cols-m, 1),minmax(0,1fr));gap:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__grid--grid{grid-template-columns:repeat(var(--blog-cols, 3),minmax(0,1fr));gap:var(--blog-gap, 24px)}}.section-main-blog__grid--masonry{column-count:var(--blog-cols-m, 1);column-gap:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__grid--masonry{column-count:var(--blog-cols, 3);column-gap:var(--blog-gap, 24px)}}.section-main-blog__grid--masonry>.article-card{break-inside:avoid;margin-block-end:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__grid--masonry>.article-card{margin-block-end:var(--blog-gap, 24px)}}.section-main-blog__grid[data-view=list]{display:block;column-count:initial}.section-main-blog__grid[data-view=list]>.article-card{break-inside:auto;margin-block-end:var(--blog-gap-m, 16px)}@media(min-width:750px){.section-main-blog__grid[data-view=list]>.article-card{margin-block-end:var(--blog-gap, 24px)}}.section-main-blog__grid[data-view=list] .article-card--standard{display:grid;grid-template-columns:minmax(0,38%) 1fr;align-items:start;gap:clamp(14px,3vw,28px)}@media(min-width:750px){.section-main-blog__grid[data-view=list] .article-card--standard{grid-template-columns:minmax(0,var(--blog-list-img, 260px)) 1fr}}.section-main-blog__grid[data-view=list] .article-card--overlay,.section-main-blog__grid[data-view=list] .article-card--minimal{max-inline-size:none}.section-main-blog__years .shared-accordion__question{flex:0 0 auto}.section-main-blog__year-count{flex:0 0 auto;margin-inline-start:.5rem;margin-inline-end:auto;font-size:.8125rem;font-weight:400;color:var(--color-text-secondary, #666666)}.section-main-blog__years .shared-accordion__panel>.section-main-blog__grid{padding-block:.5rem var(--blog-gap, 24px)}.section-main-blog__years .shared-accordion__item.is-open>.shared-accordion__panel{max-block-size:none}.section-main-blog__empty{margin:0;padding-block:3rem;text-align:center;color:var(--color-text-secondary, #666666)}.section-main-blog__empty-text{margin:0 0 1rem}.section-main-blog__empty-clear{display:inline-flex;align-items:center;padding-block:8px;padding-inline:18px;text-decoration:none;color:var(--color-foreground, #1a1a1a);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-buttons, 2rem);transition:background-color .15s ease,color .15s ease}.section-main-blog__empty-clear:hover{color:var(--color-background, #ffffff);background-color:var(--color-foreground, #1a1a1a)}.section-main-blog__empty-clear:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}.section-main-blog__load-more{display:flex;justify-content:center;margin-block-start:var(--blog-gap, 24px)}.section-main-blog__load-more[data-loading=true] .section-main-blog__load-more-btn{opacity:.6;pointer-events:none}.section-main-blog__load-more-btn{font:inherit;cursor:pointer;padding-block:12px;padding-inline:28px;color:var(--color-foreground, #1a1a1a);background-color:transparent;border:1px solid var(--color-foreground, #1a1a1a);border-radius:var(--radius-buttons, 2rem);transition:background-color .15s ease,color .15s ease}.section-main-blog__load-more-btn:hover{color:var(--color-background, #ffffff);background-color:var(--color-foreground, #1a1a1a)}.section-main-blog__load-more-btn:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}.section-main-blog .pagination{margin-block-start:var(--blog-gap, 24px)}.section-main-blog .pagination__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem}.section-main-blog .pagination__link{display:inline-flex;align-items:center;justify-content:center;min-inline-size:38px;min-block-size:38px;padding-inline:8px;text-decoration:none;color:var(--color-foreground, #1a1a1a);border:1px solid transparent;border-radius:var(--radius-buttons, 2rem)}.section-main-blog .pagination__link:hover{border-color:var(--color-border, #e5e5e5)}.section-main-blog .pagination__link--current{color:var(--color-background, #ffffff);background-color:var(--color-foreground, #1a1a1a)}.section-main-blog .pagination__link--gap{border:0}.section-main-blog .pagination__link:focus-visible{outline:2px solid var(--color-focus, currentColor);outline-offset:2px}@media(prefers-reduced-motion:reduce){.section-main-blog__search,.section-main-blog__tag,.section-main-blog__empty-clear,.section-main-blog__load-more-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-main-blog.css.map */