blog-listing-carousel{display:block;position:relative;outline:none}.blog-listing__arrows{display:none}@media(max-width:767px){:is(.section-blog-listing,.article-section) .blog-discovery__grid{grid-template-columns:repeat(var(--listing-columns-mobile, 1),minmax(0,1fr))}:is(.section-blog-listing,.article-section) .blog-discovery.swipe-on-mobile .blog-discovery__grid{grid-template-columns:none;grid-auto-columns:calc((100% - 16px * var(--listing-columns-mobile, 1)) / (var(--listing-columns-mobile, 1) + var(--listing-mobile-peek, .18)))}}@media(min-width:1068px){:is(.section-blog-listing,.article-section){container-type:inline-size;--listing-page-width: 1440px;--listing-page-gutter: 50px}:is(.section-blog-listing,.article-section) .blog-discovery__grid{grid-template-columns:repeat(var(--listing-columns-desktop, 3),minmax(0,1fr))}:is(.section-blog-listing,.article-section) blog-listing-carousel:not([data-desktop-swipe=false]) .blog-discovery__grid{--listing-gap: 28px;--listing-bleed: max( var(--listing-page-gutter), calc( (100cqw - var(--listing-page-width)) / 2 + var(--listing-page-gutter) ) );grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--listing-gap) * var(--listing-columns-desktop, 3)) / (var(--listing-columns-desktop, 3) + var(--listing-desktop-peek, .18)));column-gap:var(--listing-gap);width:100cqw;margin-inline:calc(-1 * var(--listing-bleed));padding-inline:var(--listing-bleed);scroll-padding-inline:var(--listing-bleed);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;padding-block:4px;cursor:grab;-webkit-user-select:none;user-select:none}blog-listing-carousel .blog-discovery__grid::-webkit-scrollbar{display:none}blog-listing-carousel .blog-discovery__grid>article{scroll-snap-align:start;scroll-snap-stop:always}:is(.section-blog-listing,.article-section) blog-listing-carousel[data-dragging] .blog-discovery__grid{scroll-snap-type:none;cursor:grabbing}blog-listing-carousel[data-ready] .blog-listing__arrows{display:block}.blog-listing__arrows{position:absolute;inset-inline:0;top:4px;z-index:2;padding-block-start:calc((100% - 28px * var(--listing-columns-desktop, 3)) / (var(--listing-columns-desktop, 3) + var(--listing-desktop-peek, .18)) / 1.5);pointer-events:none}.blog-listing__arrow{display:grid;place-items:center;position:absolute;top:50%;z-index:2;width:48px;height:48px;margin:-24px 0 0;padding:0;border:0;border-radius:50%;background:var( --listing-arrow-background, var(--solid-button-background, var(--color-accent)) );color:var( --listing-arrow-color, var(--solid-button-label, var(--bg-body)) );cursor:pointer;pointer-events:auto;transform:scale(0);transition:transform .2s ease}.blog-listing__arrow--previous{inset-inline-start:12px}.blog-listing__arrow--next{inset-inline-end:12px}.blog-listing__arrow--previous svg,.blog-listing__carousel:dir(rtl) .blog-listing__arrow--next svg{transform:rotate(180deg)}.blog-listing__carousel:dir(rtl) .blog-listing__arrow--previous svg{transform:none}.blog-listing__arrow:disabled{opacity:.3;pointer-events:none;cursor:default}blog-listing-carousel:hover .blog-listing__arrow,blog-listing-carousel:focus-within .blog-listing__arrow{transform:scale(1)}blog-listing-carousel:focus-visible{outline:2px solid var(--discovery-links, var(--color-accent));outline-offset:2px}}@media(min-width:1068px)and (hover:none){.blog-listing__arrow{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.blog-listing__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/blog-listing.css.map */