.ooag-page-width{max-width:1400px;margin:0 auto;padding-left:1.6rem;padding-right:1.6rem}.ooag-carousel{position:relative;width:100%;overflow:hidden;--ooag-gap: 16px}.ooag-carousel-track{display:flex;gap:var(--ooag-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:8px 0}.ooag-carousel-track::-webkit-scrollbar{display:none}.ooag-carousel-track{scrollbar-width:none}.ooag-card{flex:0 0 calc((100% - (2 * var(--ooag-gap))) / 3);scroll-snap-align:start;box-sizing:border-box}@media (max-width: 1024px){.ooag-card{flex:0 0 calc((100% - var(--ooag-gap)) / 2)}}@media (max-width: 768px){.ooag-carousel{--ooag-gap: 12px}.ooag-btn{width:36px;height:36px}.ooag-prev{left:6px}.ooag-next{right:6px}}.ooag-card-inner{display:grid;gap:8px;padding:0;border:2px solid rgba(128,128,128,.16);border-radius:5px;background:#fff;box-shadow:0 2px 8px #8080801c;transition:border-color .2s ease;overflow:hidden}.ooag-card-inner:hover{box-shadow:0 4px 16px #8080801c;border-color:}.ooag-article-link,.ooag-article-link:link,.ooag-article-link:visited{display:block;color:inherit;text-decoration:none}.ooag-article-image{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border:0;background:#f6f6f6;color:transparent}.ooag-no-image{display:flex;align-items:center;justify-content:center;color:#777!important;font-size:.9rem}.ooag-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ooag-btn{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:40px;height:40px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.ooag-btn:hover{background:#f5f5f5}.ooag-btn:active{transform:translateY(-50%) scale(.98)}.ooag-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.ooag-prev{left:8px}.ooag-next{right:8px}@media (prefers-reduced-motion: reduce){.ooag-carousel-track{scroll-behavior:auto}}.ooag--compact .ooag-carousel-track{justify-content:center;overflow-x:hidden}.ooag--compact .ooag-nav{display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ooag-article-carousel.css.map */