.immersive-pdp .cfa-campaign-gallery{height:auto;min-height:0;aspect-ratio:auto;padding-top:var(--house-header-height, 0px);background:#fff}.immersive-pdp .cfa-campaign-gallery .immersive-frames[data-count]{position:relative;inset:auto;height:auto;aspect-ratio:calc(var(--campaign-ratio) * 2);gap:1px;padding:0}.immersive-pdp[data-setting=studio] .cfa-campaign-gallery .immersive-frames[data-count] .immersive-photo img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;padding:0;transform:none;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}.immersive-pdp .cfa-campaign-gallery .immersive-hero-caption{position:relative;inset:auto;width:auto;padding:24px 32px;background:#fff}.cfa-campaign-gallery .immersive-hero-caption>div{display:none}.cfa-campaign-gallery .immersive-thumbnails{position:relative;inset:auto;padding:18px 20px 0}.immersive-pdp .cfa-campaign-gallery>.immersive-arrow{top:calc(var(--house-header-height, 0px) + 25vw / var(--campaign-ratio));background:#ffffffdb}.immersive-pdp[data-category=tote] .cfa-campaign-gallery .immersive-frames[data-count]{display:flex;aspect-ratio:var(--frame-ratio, calc(var(--campaign-ratio) * 2))}.immersive-pdp[data-category=tote] .cfa-campaign-gallery .immersive-photo{flex:var(--photo-ratio, 1) 1 0%}.immersive-pdp[data-category=tote] .cfa-campaign-gallery .immersive-frames[data-count] .immersive-photo img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;padding:0;transform:none;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}@media(max-width:767px){.immersive-pdp .cfa-campaign-gallery .immersive-frames[data-count]{aspect-ratio:var(--campaign-ratio);gap:0}.cfa-campaign-gallery .immersive-frames[data-count="2"] .immersive-photo:nth-child(2){display:none}.immersive-pdp .cfa-campaign-gallery .immersive-hero-caption{padding:20px}.immersive-pdp[data-category=tote] .cfa-campaign-gallery .immersive-frames[data-count]{aspect-ratio:var(--single-ratio, var(--campaign-ratio))}.immersive-pdp[data-category=tote] .cfa-campaign-gallery>.immersive-arrow{top:calc(var(--house-header-height, 0px) + 50vw / var(--single-ratio, var(--campaign-ratio)))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cfa-campaign.css.map */