.image-carousel-section{position:relative;overflow:visible}.title-wrapper-with-link,.image-carousel__heading{width:100%;display:block}.image-carousel__section-link{display:block;width:100%}.image-carousel-wrapper{position:relative;overflow:visible;max-width:1200px;margin:0 auto}.image-carousel{overflow:hidden;position:relative;width:100%;box-sizing:border-box}.image-carousel--with-nav{margin:0;padding:0 70px}@media screen and (min-width: 990px){.image-carousel--with-nav{padding:0 80px}.image-carousel-wrapper{max-width:1400px}}.image-carousel__track{display:flex;transition:transform .3s ease;gap:1rem;width:100%;box-sizing:border-box;padding:0}.image-carousel__slide{flex:0 0 auto;box-sizing:border-box}.image-carousel__item{height:100%;display:flex;flex-direction:column;background:rgba(var(--color-base-background-1),1);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:1px solid rgba(var(--color-foreground),.08)}.image-carousel__media{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:3/4}.image-carousel__image{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .3s ease}.image-carousel__item:hover .image-carousel__image{transform:scale(1.05)}.image-carousel__content{padding:1rem;text-align:center;flex-grow:1;min-height:80px;display:flex;flex-direction:column;justify-content:center}.image-carousel__title{margin:0 0 .5rem;font-weight:600;font-size:1.6rem;line-height:1.3}.image-carousel__description{margin:0;opacity:.8;font-size:.9rem;line-height:1.4}.image-carousel__link{text-decoration:none;color:inherit;display:block;height:100%;width:100%;transition:transform .3s ease;position:relative;z-index:1!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;pointer-events:auto!important;user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;touch-action:auto!important}.image-carousel__link:hover{text-decoration:none;transform:translateY(-4px)}.image-carousel__link:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:8px}.image-carousel__link:active{transform:translateY(-2px) scale(.98)}.image-carousel__link .image-carousel__item{height:100%;display:flex;flex-direction:column;background:rgba(var(--color-base-background-1),1);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:1px solid rgba(var(--color-foreground),.08)}.image-carousel__link:hover .image-carousel__item{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.image-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.image-carousel__nav:hover{background:#fff;box-shadow:0 6px 20px #00000040;transform:translateY(-50%) scale(1.1)}.image-carousel__nav:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%) scale(.9)}.image-carousel__nav--prev{left:10px;z-index:2}.image-carousel__nav--next{right:10px;z-index:2}.page-width-none .image-carousel__nav--prev{left:15px!important}.page-width-none .image-carousel__nav--next{right:15px!important}@media screen and (min-width: 990px){.image-carousel__nav--prev{left:15px}.image-carousel__nav--next{right:15px}}.page-width-none .image-carousel__nav{position:absolute!important;z-index:2!important;display:flex!important;opacity:1!important;visibility:visible!important}.page-width-none .image-carousel-wrapper{position:relative;overflow:visible}.page-width-none .image-carousel--with-nav{padding:0 80px;margin:0;position:relative}@media screen and (max-width: 749px){.page-width-none .image-carousel--with-nav{margin:0 60px}.page-width-none .image-carousel__nav--prev{left:15px}.page-width-none .image-carousel__nav--next{right:15px}}.image-carousel__nav--prev .svg-wrapper{transform:rotate(90deg)}.image-carousel__nav--next .svg-wrapper{transform:rotate(-90deg)}.image-carousel__nav svg{width:18px;height:18px;fill:currentColor}.svg-wrapper{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 750px){.image-carousel__slide{width:calc(100% / var(--columns-tablet, 2))}.image-carousel__track{gap:1.5rem}}@media screen and (min-width: 990px){.image-carousel__slide{width:calc((100% - (1.2rem * 3)) / 4);flex:0 0 calc((100% - (1.2rem * 3)) / 4)}.image-carousel__track{gap:1.2rem;width:100%;box-sizing:border-box}}.page-width-none{max-width:none;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0;position:relative;overflow-x:hidden}.page-width-none .image-carousel-wrapper{padding:0 2rem;width:100%;max-width:none}@media screen and (max-width: 749px){.image-carousel-section{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}.image-carousel-wrapper{padding:0!important;width:100%!important;max-width:100%!important}.image-carousel--with-nav{margin:0!important}.image-carousel__track{gap:1rem;padding:0 1rem}.image-carousel__item{border-radius:8px}.image-carousel__content{padding:.75rem;min-height:70px}.image-carousel__title{font-size:.9rem;margin:0 0 .25rem}.image-carousel__description{font-size:.8rem}.page-width-none .image-carousel--with-nav{width:100vw!important;max-width:100vw!important;left:50%;transform:translate(-50%);margin:0!important}.title-wrapper-with-link{padding:0!important;margin:0 0 1.5rem!important;max-width:100%!important;box-sizing:border-box!important;width:100vw!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important}.image-carousel__heading{font-size:1.75rem!important;line-height:1.4!important;margin:0!important;padding:0 1rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important;text-align:left!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.image-carousel__section-link{padding:.5rem 1rem!important;margin:0!important;border-radius:8px!important;display:block!important;width:100%!important;box-sizing:border-box!important}}.page-width-none .image-carousel--with-nav{margin:0 80px}.image-carousel__nav .svg-wrapper{width:1.2rem;height:1.2rem;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.image-carousel__nav .icon{width:100%;height:100%}.image-carousel__nav:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:rgba(var(--color-base-background-1),.5);transform:translateY(-50%) scale(.9)}.image-carousel-wrapper{position:relative}.image-carousel__nav:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (prefers-reduced-motion: no-preference){.image-carousel__slide{animation:slideIn .5s ease-out forwards}.image-carousel__slide:nth-child(2){animation-delay:.1s}.image-carousel__slide:nth-child(3){animation-delay:.2s}.image-carousel__slide:nth-child(4){animation-delay:.3s}.image-carousel__slide:nth-child(5){animation-delay:.4s}.image-carousel__slide:nth-child(6){animation-delay:.5s}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.carousel-indicators{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem}.carousel-indicators__dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-foreground),.3);transition:all .3s ease;cursor:pointer;border:none;padding:0}.carousel-indicators__dot.active{background:rgb(var(--color-foreground));transform:scale(1.2)}.carousel-indicators__dot:hover{background:rgba(var(--color-foreground),.6)}@media (prefers-color-scheme: dark){.image-carousel__nav{background:#000c;border-color:#ffffff1a}.image-carousel__nav:hover{background:#000000e6}.image-carousel__nav:disabled{background:#0000004d}}.image-carousel__track.is-dragging{cursor:grabbing!important;cursor:-webkit-grabbing!important}.image-carousel__track.is-dragging .image-carousel__link{pointer-events:auto!important;touch-action:auto!important}.image-carousel__track.is-dragging *{pointer-events:none!important}.image-carousel__track.no-transition{transition:none}@media screen and (max-width: 749px){.image-carousel__nav{display:none!important}.image-carousel--with-nav,.page-width-none .image-carousel--with-nav{margin:0!important}}@media screen and (max-width: 480px){.image-carousel__track{padding:0 .5rem;gap:.75rem}.image-carousel__content{padding:.5rem;min-height:60px}.image-carousel__title{font-size:.85rem;line-height:1.2}.image-carousel__description{font-size:.75rem;line-height:1.3}.image-carousel__item{border-radius:6px;box-shadow:0 1px 8px #0000000f}.title-wrapper-with-link{padding:0!important;width:100%!important}.image-carousel__heading{font-size:1.5rem!important;line-height:1.3!important;padding:0 .75rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.image-carousel__section-link{padding:.5rem .75rem!important;width:100%!important;box-sizing:border-box!important}}.image-carousel__track *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-carousel__track img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.image-carousel__track button,.image-carousel__track a,.image-carousel__track .image-carousel__link{pointer-events:auto;user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}.page-width-none .image-carousel-section{position:relative;overflow:visible!important}.page-width-none .image-carousel--with-nav{width:100vw!important;max-width:100vw!important;left:50%;transform:translate(-50%);padding:0 80px;margin:0;position:relative;overflow:visible!important}.page-width-none .image-carousel__nav{position:absolute!important;z-index:2!important;display:flex!important;opacity:1!important;visibility:visible!important;top:50%;transform:translateY(-50%)}@media screen and (max-width: 749px){.page-width-none .image-carousel--with-nav{width:100vw!important;max-width:100vw!important;left:50%;transform:translate(-50%);margin:0}.page-width-none .image-carousel__nav--prev{left:10px!important}.page-width-none .image-carousel__nav--next{right:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-image-carousel.css.map */