.hero-carousel{position:relative;background-color:var(--color-background);color:var(--color-foreground);--hero-carousel-overlay: .7;--hero-carousel-height: 800px;--hero-carousel-thumb-size: 120px;--hero-carousel-blur: 12px}.hero-carousel--border-top:before,.hero-carousel--border-bottom:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--color-border);z-index:2}.hero-carousel--border-top:before{top:0}.hero-carousel--border-bottom:after{bottom:0}.hero-carousel__inner{display:flex;flex-direction:column;gap:var(--spacer-5);padding-top:var(--spacer-8);padding-bottom:var(--spacer-8)}.hero-carousel__header{display:flex;align-items:center;gap:var(--spacer-1)}.hero-carousel__heading{flex:1 1 auto;min-width:0;margin:0}.hero-carousel__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;min-width:0;background:none;border:none;color:var(--color-foreground);cursor:pointer;transition:color var(--default-duration, .2s) ease}.hero-carousel__arrow:hover{background:none;color:var(--color-text-secondary)}.hero-carousel__arrow--prev{margin-left:auto}.hero-carousel__arrow--next svg{transform:scaleX(-1)}.hero-carousel__arrow.swiper-button-disabled{opacity:.2;cursor:default}.hero-carousel__stage{position:relative;height:var(--hero-carousel-height);color:var(--color-foreground)}.hero-carousel__swiper{height:100%}.hero-carousel__slide{position:relative;overflow:hidden;height:100%}.hero-carousel__media{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.hero-carousel__image{display:block;width:100%;height:100%;object-fit:contain}.hero-carousel--fit-fill .hero-carousel__image{object-fit:cover;object-position:var(--hero-carousel-focal, 50% 50%)}.hero-carousel__image--placeholder{background-color:var(--color-border)}.hero-carousel__scrim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / var(--hero-carousel-overlay));pointer-events:none}.hero-carousel__caption{position:absolute;right:0;bottom:calc(var(--hero-carousel-thumb-size) + var(--spacer-5) + var(--spacer-2));left:0;display:flex;align-items:center;gap:var(--spacer-3);z-index:2}.hero-carousel__stage--solo .hero-carousel__caption{bottom:var(--spacer-5)}.hero-carousel__caption-group{display:flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--spacer-2)}.hero-carousel__counter,.hero-carousel__credit{flex-shrink:0;margin:0}.hero-carousel__title{margin:0;font-style:italic;color:var(--hero-carousel-title-color, var(--color-foreground))}.hero-carousel__thumbs-viewport{position:absolute;right:0;bottom:var(--spacer-5);left:0;z-index:3;padding-left:max(var(--page-margin, 80px),calc((100% - var(--page-width, 1440px)) / 2 + var(--page-margin, 80px)));padding-right:max(var(--page-margin, 80px),calc((100% - var(--page-width, 1440px)) / 2 + var(--page-margin, 80px)));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-carousel__thumbs-viewport::-webkit-scrollbar{display:none}.hero-carousel__thumbs{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--spacer-1);width:max-content;min-width:100%;margin:0;padding:0;list-style:none}.hero-carousel__thumbs-item{display:block;flex-shrink:0}.hero-carousel__thumb{display:block;position:relative;overflow:hidden;width:var(--hero-carousel-thumb-size);height:var(--hero-carousel-thumb-size);min-width:0;max-width:none;padding:0;background:none;border:1px solid var(--color-border);cursor:pointer}.hero-carousel__thumb-media{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.65;transition:opacity .2s ease}.hero-carousel__thumb.is-active .hero-carousel__thumb-media,.hero-carousel__thumb:hover .hero-carousel__thumb-media{opacity:1}.hero-carousel__thumb:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.hero-carousel__thumb-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-carousel-focal, 50% 50%)}.hero-carousel__thumb-image--placeholder{background-color:var(--color-border)}@media(prefers-reduced-motion:reduce){.hero-carousel__thumb-media{transition:none}}@media screen and (max-width:990px){.hero-carousel{--hero-carousel-thumb-size: 96px}.hero-carousel__inner{padding-top:var(--spacer-6);padding-bottom:var(--spacer-6)}.hero-carousel__stage{height:min(var(--hero-carousel-height),560px)}}@media screen and (max-width:769px){.hero-carousel{--hero-carousel-thumb-size: 80px}.hero-carousel__inner{gap:var(--spacer-4);padding-top:var(--spacer-5);padding-bottom:var(--spacer-5)}.hero-carousel__stage{height:min(var(--hero-carousel-height),420px)}.hero-carousel__caption{align-items:flex-start;flex-direction:column;gap:var(--spacer-1)}.hero-carousel__caption-group{flex:0 0 auto;width:100%}}@media screen and (max-width:450px){.hero-carousel__thumbs-viewport{bottom:var(--spacer-3)}.hero-carousel__caption{bottom:calc(var(--hero-carousel-thumb-size) + var(--spacer-3) + var(--spacer-2))}}.hero-carousel__inner--blurred{filter:blur(var(--hero-carousel-blur));user-select:none;-webkit-user-select:none;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hero-carousel.css.map */