.ref-carousel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.ref-carousel .nav{width:44px;border:none;background:transparent;color:#fff;cursor:pointer;font-size:72px;display:grid;transition:transform .18s ease;transform:translateZ(0) scale(1);transform-origin:center;will-change:transform}.ref-carousel .nav:hover{transform:translateZ(0) scale(1.2)}.ref-carousel .viewport{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.ref-carousel .item{scroll-snap-align:start}.ref-carousel .viewport::-webkit-scrollbar{display:none}.ref-carousel .track{list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (4 * var(--grid-gap))) / 5);gap:var(--grid-gap)}.ref-carousel .card{background:#fff;width:100%;height:100%;min-height:220px;display:grid;place-items:center;border-radius:var(--border-radius)}.ref-carousel .hoverImg img{transition:transform .18s ease;transform:scale(1)}.ref-carousel .hoverImg:focus img,.ref-carousel .hoverImg:focus-visible img,.ref-carousel .hoverImg:active img{transform:scale(1)}.ref-carousel img{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;padding:10px}@media (max-width: 1800px){.ref-carousel .track{grid-auto-columns:calc((100% - (3 * var(--grid-gap))) / 4)}}@media (max-width: 1470px){.ref-carousel .track{grid-auto-columns:calc((100% - (2 * var(--grid-gap))) / 3)}}@media (max-width: 1070px){.ref-carousel .track{grid-auto-columns:calc((100% - (var(--grid-gap))) / 2)}}@media (max-width: 820px){.ref-carousel{grid-template-columns:1fr;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:36px;padding-right:36px;box-sizing:border-box}.ref-carousel .nav{display:none}}@media (max-width: 550px){.ref-carousel .track{grid-auto-columns:100%}.ref-carousel{grid-template-columns:1fr;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:36px;padding-right:36px;box-sizing:border-box}}