.brx-hero2__slides{display:grid;overflow:hidden}.brx-hero2__slide{grid-area:1 / 1;width:100%;will-change:transform,opacity}.brx-hero2__slide[hidden]{display:block!important;visibility:hidden;opacity:0;pointer-events:none}.brx-hero2__slide.is-active{z-index:2;visibility:visible;opacity:1;pointer-events:auto}.brx-hero2__slide.brx-motion-out-next,.brx-hero2__slide.brx-motion-out-prev{z-index:1;display:block!important;visibility:visible!important;pointer-events:none}.brx-hero2__slide.brx-motion-in-next,.brx-hero2__slide.brx-motion-in-prev{z-index:3;visibility:visible!important}.brx-hero2__slide.brx-motion-in-next{animation:brxHeroSlideInNext .72s cubic-bezier(.22,1,.36,1) both}.brx-hero2__slide.brx-motion-out-next{animation:brxHeroSlideOutNext .72s cubic-bezier(.22,1,.36,1) both}.brx-hero2__slide.brx-motion-in-prev{animation:brxHeroSlideInPrev .72s cubic-bezier(.22,1,.36,1) both}.brx-hero2__slide.brx-motion-out-prev{animation:brxHeroSlideOutPrev .72s cubic-bezier(.22,1,.36,1) both}.brx-hero2__slide.brx-motion-in-next .brx-hero2__content,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__content{animation:brxHeroContentIn .72s cubic-bezier(.22,1,.36,1) both}.brx-hero2__slide.brx-motion-in-next .brx-hero2__image,.brx-hero2__slide.brx-motion-in-next .brx-hero2__video,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__image,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__video{animation:brxHeroMediaIn .9s cubic-bezier(.22,1,.36,1) both}.brx-hero2 .brx-hero2__nav{position:relative;inset:auto;z-index:6;display:flex;width:100%;min-height:48px;align-items:center;justify-content:flex-start;gap:8px;padding-inline:max(var(--brx-page-edge),calc((100% - var(--brx-page-width)) / 2));border-top:1px solid #2a2a28;border-bottom:1px solid #2a2a28;background:#111;color:#fff;box-shadow:0 6px 18px #1111110f}.brx-hero2 .brx-hero2__arrow{position:relative;display:block;width:30px;height:30px;flex:0 0 30px;padding:0;border:1px solid #363632;border-radius:6px;background:#1b1b19;color:#fff;font-size:0;line-height:0;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.brx-hero2 .brx-hero2__arrow:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:currentColor;transform:translate(-50%,-50%);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:12px 12px;mask-repeat:no-repeat;mask-position:center;mask-size:12px 12px}.brx-hero2 .brx-hero2__arrow[data-brx-hero2-prev]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7.75 2.25 4 6l3.75 3.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M7.75 2.25 4 6l3.75 3.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.brx-hero2 .brx-hero2__arrow[data-brx-hero2-next]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.25 2.25 8 6l-3.75 3.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.25 2.25 8 6l-3.75 3.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.brx-hero2 .brx-hero2__arrow:hover,.brx-hero2 .brx-hero2__arrow:focus-visible{border-color:#fff;background:#fff;color:#111;transform:translateY(-1px)}.brx-hero2 .brx-hero2__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.brx-hero2 .brx-hero2__dots{display:flex;min-height:30px;align-items:center;gap:6px;padding-inline:2px}.brx-hero2 .brx-hero2__dot{position:relative;width:28px;height:3px;overflow:hidden;border-radius:999px;background:#ffffff3d;transition:width .18s ease,background .18s ease}.brx-hero2 .brx-hero2__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;transform:scaleX(var(--brx-hero2-progress, 0));transform-origin:left center}.brx-hero2 .brx-hero2__dot:hover,.brx-hero2 .brx-hero2__dot:focus-visible{background:#ffffff75}.brx-hero2 .brx-hero2__dot:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.brx-hero2 .brx-hero2__dot.is-active{width:48px;background:#ffffff3d}@keyframes brxHeroSlideInNext{0%{opacity:0;transform:translate3d(3%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes brxHeroSlideOutNext{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-3%,0,0)}}@keyframes brxHeroSlideInPrev{0%{opacity:0;transform:translate3d(-3%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes brxHeroSlideOutPrev{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(3%,0,0)}}@keyframes brxHeroContentIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}@keyframes brxHeroMediaIn{0%{transform:scale(1.025)}to{transform:scale(1)}}@media screen and (max-width:749px){.brx-hero2 .brx-hero2__overlay-content{padding-bottom:36px}.brx-hero2 .brx-hero2__nav{min-height:44px;gap:6px;padding-inline:var(--brx-page-edge)}.brx-hero2 .brx-hero2__arrow{width:28px;height:28px;flex-basis:28px}.brx-hero2 .brx-hero2__arrow:before{width:11px;height:11px;-webkit-mask-size:11px 11px;mask-size:11px 11px}.brx-hero2 .brx-hero2__dots{min-height:28px;gap:5px}.brx-hero2 .brx-hero2__dot{width:22px}.brx-hero2 .brx-hero2__dot.is-active{width:36px}}@media(prefers-reduced-motion:reduce){.brx-hero2__slide.brx-motion-in-next,.brx-hero2__slide.brx-motion-out-next,.brx-hero2__slide.brx-motion-in-prev,.brx-hero2__slide.brx-motion-out-prev,.brx-hero2__slide.brx-motion-in-next .brx-hero2__content,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__content,.brx-hero2__slide.brx-motion-in-next .brx-hero2__image,.brx-hero2__slide.brx-motion-in-next .brx-hero2__video,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__image,.brx-hero2__slide.brx-motion-in-prev .brx-hero2__video{animation:none!important}.brx-hero2 .brx-hero2__arrow,.brx-hero2 .brx-hero2__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brx-hero-slider-motion.css.map */