.vividify-collection-banner.vv-t10-banner{--vv-t10-stage: #f4f3ef;--vv-t10-pad: 24px}.vividify-collection-banner.vv-t10-banner .vv-t10-media{position:relative;min-width:0;overflow:hidden}.vividify-collection-banner.vv-t10-banner .vv-t10-img{position:absolute;display:block;margin:auto;min-height:0;aspect-ratio:auto}.vividify-collection-banner.vv-t10-banner .vv-t10-media--packshot,.vividify-collection-banner.vv-t10-banner .vv-t10-media--portrait{background:var(--vv-t10-stage)}.vividify-collection-banner.vv-t10-banner .vv-t10-img--contain{inset:var(--vv-t10-pad);width:calc(100% - 2 * var(--vv-t10-pad));height:calc(100% - 2 * var(--vv-t10-pad));max-width:none;max-height:calc(360px - 2 * var(--vv-t10-pad));object-fit:contain;object-position:center;background:transparent}.vividify-collection-banner.vv-t10-banner .vv-t10-media--wide:before{content:"";display:block;padding-top:calc(100% / 2.4)}.vividify-collection-banner.vv-t10-banner .vv-t10-img--cover{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}@media(min-width:900px){.vividify-collection-banner.vv-t10-banner--packshot,.vividify-collection-banner.vv-t10-banner--portrait{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.vividify-collection-banner.vv-t10-banner--wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vividify-collection-banner.vv-t10-banner .vv-t10-media--packshot,.vividify-collection-banner.vv-t10-banner .vv-t10-media--portrait{min-height:360px}.vividify-collection-banner.vv-t10-banner .vividify-collection-banner__text{padding:32px 48px 32px 32px;min-height:0;justify-content:center}.vividify-collection-banner.vv-t10-banner.vividify-collection-banner--no-image .vividify-collection-banner__text{padding:40px 32px}}@media(max-width:899px){.vividify-collection-banner.vv-t10-banner .vv-t10-media{order:-1;width:100%}.vividify-collection-banner.vv-t10-banner .vv-t10-media--packshot,.vividify-collection-banner.vv-t10-banner .vv-t10-media--portrait{height:clamp(180px,52vw,240px)}.vividify-collection-banner.vv-t10-banner .vv-t10-img--contain{max-height:calc(240px - 2 * var(--vv-t10-pad))}.vividify-collection-banner.vv-t10-banner .vividify-collection-banner__text{padding:20px 16px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/vv-fix10.css.map */