:root{--carousel-heading-color: #fff;--carousel-subheading-color: #fff;--carousel-btn-bg: #fff;--carousel-btn-text: #000;--carousel-arrow-bg: rgba(255, 255, 255, .85);--carousel-arrow-icon: #333;--carousel-bullet-color: rgba(255, 255, 255, .6);--carousel-bullet-active: #fff}.hero-carousel-section{margin:0;padding:0}.hero-carousel{position:relative;width:100%;background:#000}.hero-carousel__a11y{position:absolute;top:-9999px;left:-9999px;z-index:100}.hero-carousel__a11y--bottom{top:auto;bottom:-9999px}.hero-carousel__skip{position:absolute;background:#fff;color:#000;padding:8px 16px;border:2px solid #000;border-radius:4px;font-size:14px;cursor:pointer;z-index:100}.hero-carousel__skip:focus{top:10px;left:10px;position:relative}.hero-carousel__viewport{position:relative;width:100%;overflow:hidden}.hero-carousel__track{position:relative;width:100%}.hero-carousel__slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .65s ease-in-out,visibility .65s ease-in-out;z-index:1;pointer-events:none}.hero-carousel__slide.is-active{position:relative;opacity:1;visibility:visible;z-index:2;pointer-events:auto}.hero-carousel__link{display:block;position:relative;text-decoration:none;color:inherit}.hero-carousel__image{display:block;width:100%;height:auto;object-fit:cover}.hero-carousel__content{position:absolute;z-index:5;padding:20px 40px;text-align:center;pointer-events:none}.hero-carousel__content>*{pointer-events:auto}.hero-carousel__content--center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-carousel__content--right{top:50%;right:40px;left:auto;transform:translateY(-50%);text-align:right}.hero-carousel__content--left{top:50%;left:40px;right:auto;transform:translateY(-50%);text-align:left}.hero-carousel__content--bottom-center{bottom:60px;left:50%;transform:translate(-50%)}.hero-carousel__content--bottom-right{bottom:60px;right:40px;left:auto;text-align:right}.hero-carousel__content--bottom-left{bottom:60px;left:40px;right:auto;text-align:left}.hero-carousel__heading{font-size:42px;font-weight:700;margin:0 0 10px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.35);color:var(--carousel-heading-color)}.hero-carousel__subheading{font-size:20px;font-weight:400;margin:0 0 20px;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.35);color:var(--carousel-subheading-color)}.hero-carousel__button{display:inline-block;padding:12px 36px;background:var(--carousel-btn-bg);color:var(--carousel-btn-text);font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:opacity .25s;cursor:pointer}.hero-carousel__link:hover .hero-carousel__button{opacity:.85}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--carousel-arrow-bg);color:var(--carousel-arrow-icon);border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;cursor:pointer;padding:0;transition:background .25s,transform .25s,box-shadow .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-carousel__arrow:hover{background:#fff;box-shadow:0 4px 16px #0000004d;transform:translateY(-50%) scale(1.08)}.hero-carousel__arrow:focus-visible{outline:3px solid #005fcc;outline-offset:2px}.hero-carousel__arrow svg{display:block;width:12px;height:22px;flex-shrink:0}.hero-carousel__arrow--right{right:16px}.hero-carousel__arrow--left{left:16px}.hero-carousel__bullets{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px}.hero-carousel__bullet{width:12px;height:12px;border-radius:50%;border:2px solid var(--carousel-bullet-color);background:transparent;cursor:pointer;padding:0;transition:background .3s,border-color .3s,transform .3s}.hero-carousel__bullet:hover{background:var(--carousel-bullet-color);transform:scale(1.15)}.hero-carousel__bullet.is-active{background:var(--carousel-bullet-active);border-color:var(--carousel-bullet-active);transform:scale(1.2)}.hero-carousel__bullet:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.hero-carousel__placeholder,.hero-carousel__empty{display:flex;align-items:center;justify-content:center;background:#f0f0f0;aspect-ratio:2200 / 700;padding:40px}.hero-carousel__placeholder-svg{width:60%;max-width:400px;opacity:.3}@media screen and (min-width:750px){.hero-carousel__image{aspect-ratio:2200 / 700}.hero-carousel__arrow{width:52px;height:52px}.hero-carousel__arrow--right{right:24px}.hero-carousel__arrow--left{left:24px}.hero-carousel__bullets{bottom:24px;gap:12px}.hero-carousel__bullet{width:14px;height:14px}}@media screen and (max-width:749px){.hero-carousel__arrow{display:none}.hero-carousel{position:relative;width:100%;background:#000;z-index:1}.hero-carousel__image,.hero-carousel__placeholder,.hero-carousel__empty{aspect-ratio:720 / 813}.hero-carousel__arrow{width:36px;height:36px}.hero-carousel__arrow svg{width:10px;height:18px}.hero-carousel__arrow--right{right:8px}.hero-carousel__arrow--left{left:8px}.hero-carousel__bullets{bottom:10px;gap:8px}.hero-carousel__bullet{width:10px;height:10px}.hero-carousel__heading{font-size:26px}.hero-carousel__subheading{font-size:15px}.hero-carousel__content{padding:14px 16px}.hero-carousel__content--right{right:16px}.hero-carousel__content--left{left:16px}.hero-carousel__content--bottom-center,.hero-carousel__content--bottom-right,.hero-carousel__content--bottom-left{bottom:36px}.hero-carousel__content--bottom-right{right:16px}.hero-carousel__content--bottom-left{left:16px}.hero-carousel__button{padding:9px 22px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hero-carousel.css.map */