.hero-carousel{position:relative;width:auto;margin:24px 32px;border-radius:10px;overflow:hidden;min-height:0;--hc-nav-offset: 12px;--hc-nav-size: 4rem;--hc-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5 12.5H19M19 12.5L12 5.5M19 12.5L12 19.5' stroke='%231D1D1D' stroke-width='2' stroke-miterlimit='3.8637' stroke-linecap='square'/%3E%3C/svg%3E")}.hero-carousel .media{display:block;text-decoration:none;color:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;aspect-ratio:auto;position:relative}.hero-carousel .media__overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.hero-carousel .media__overlay-link:focus-visible{outline:2px solid #0a7cff;outline-offset:2px}.hero-carousel .content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.5rem;text-align:center;padding:1rem}.hero-carousel .headline,.hero-carousel .subtext{margin:0}.hero-carousel .nav{position:absolute;top:50%;transform:translateY(-50%);border:0;width:var(--hc-nav-size);height:var(--hc-nav-size);border-radius:.4rem;background-color:#fff;box-shadow:0 8px 16px 4px #1d1d1d1a;display:grid;place-content:center;cursor:pointer;z-index:2;padding:0}.hero-carousel .nav:after{content:"";width:2.4rem;height:2.4rem;display:block;background-image:var(--hc-nav-icon);background-position:center;background-repeat:no-repeat}.hero-carousel .nav--prev:after{transform:rotate(180deg)}.hero-carousel .nav--prev{left:var(--hc-nav-offset)}.hero-carousel .nav--next{right:var(--hc-nav-offset)}.hero-carousel .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center}.hero-carousel .dot{width:10px;height:10px;border-radius:999px;border:0;background:#ffffff80;cursor:pointer}.hero-carousel .dot[aria-selected=true]{background:#fff}.hero-carousel .nav>span[aria-hidden=true]{display:none}.hero-carousel .viewport{position:relative;overflow:hidden;width:100%}.hero-carousel .track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;transition:transform .4s ease}.hero-carousel .slide{position:relative}.hero-carousel .media{display:block;text-decoration:none;color:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;aspect-ratio:var(--hc-current-ar, var(--ar-desktop, 3 / 1));position:relative}.hero-carousel .image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.hero-carousel picture{display:block}@media screen and (max-width: 749px){.hero-carousel{margin:0;border-radius:0}.hero-carousel .media{aspect-ratio:var(--hc-current-ar, var(--ar-mobile, var(--ar-desktop, 3 / 1)));height:auto}.hero-carousel .image{aspect-ratio:auto;height:auto}.hero-carousel .media,.hero-carousel .viewport,.hero-carousel .track,.hero-carousel .slide{min-height:0}.hero-carousel .content{padding:.75rem}.hero-carousel .nav{display:none}}@media screen and (min-width: 750px){.hero-carousel .media{height:auto}.hero-carousel picture,.hero-carousel .image{height:auto;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/hero-carousel.css.map */
