.photo-carousel-section{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.photo-carousel__heading{margin:0 0 2rem;text-align:center}.photo-carousel{display:flex;flex-direction:column;gap:1.5rem}.photo-carousel__main{flex:1 1 auto;min-width:0}.photo-carousel__main-frame{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--photo-carousel-radius, 4px);background:rgba(var(--color-foreground),.04)}.photo-carousel__main-item{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.photo-carousel__main-item.is-active{display:block}.photo-carousel__img,.photo-carousel__placeholder,.photo-carousel__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.photo-carousel__caption{display:none;margin:.8rem 0 0;text-align:center;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.photo-carousel__caption.is-active{display:block}.photo-carousel__thumbs{display:flex;gap:.8rem;flex-shrink:0}.photo-carousel__thumb{padding:0;border:2px solid transparent;border-radius:var(--photo-carousel-radius, 4px);overflow:hidden;cursor:pointer;background:none;flex-shrink:0;transition:border-color .15s ease,opacity .15s ease;opacity:.65;line-height:0}.photo-carousel__thumb:hover{opacity:1}.photo-carousel__thumb.is-active{border-color:rgb(var(--color-foreground));opacity:1}.photo-carousel__thumb-img,.photo-carousel__thumb .placeholder-svg{width:100%;height:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.photo-carousel__thumbs{flex-direction:row;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.photo-carousel__thumb{width:64px}@media screen and (min-width:750px){.photo-carousel{flex-direction:row;align-items:flex-start;justify-content:center}.photo-carousel__main{flex:0 0 auto;position:sticky;top:2rem}.photo-carousel__main-frame{width:auto;height:min(60vh,520px);max-width:100%}.photo-carousel__thumbs{flex:0 0 190px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:.6rem;max-height:min(60vh,520px);overflow-y:auto;overflow-x:visible;padding-bottom:0;padding-right:.4rem}.photo-carousel__thumb{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dag-component-photo-carousel.css.map */