.framed-artwork{--framed-artwork-ratio: 1;--framed-artwork-art-left: 0%;--framed-artwork-art-top: 0%;--framed-artwork-art-width: 100%;--framed-artwork-art-height: 100%;--framed-artwork-custom-colour: transparent;position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:var(--framed-artwork-ratio);overflow:hidden;background:rgb(var(--color-background))}.framed-artwork--fallback{aspect-ratio:auto}.framed-artwork__frame,.framed-artwork__frame-tint,.framed-artwork__art{position:absolute;display:block}.framed-artwork__frame{top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain}.framed-artwork__frame-tint{top:0;right:0;bottom:0;left:0;z-index:2;background:var(--framed-artwork-custom-colour);mix-blend-mode:multiply;pointer-events:none}.framed-artwork__frame-tint[hidden]{display:none}.framed-artwork__art{left:calc(var(--framed-artwork-art-left) - .5px);top:calc(var(--framed-artwork-art-top) - .5px);z-index:3;width:calc(var(--framed-artwork-art-width) + 1px);height:calc(var(--framed-artwork-art-height) + 1px);object-fit:fill}.media .framed-artwork .framed-artwork__frame{width:100%;height:100%;object-fit:contain}.media .framed-artwork .framed-artwork__art{width:calc(var(--framed-artwork-art-width) + 1px);height:calc(var(--framed-artwork-art-height) + 1px);object-fit:fill}.framed-artwork__fallback-image{display:block;width:100%;height:auto}.framed-artwork--card{height:100%}.framed-artwork--card .framed-artwork__frame,.framed-artwork--card .framed-artwork__art{transition:transform var(--duration-long) ease}.media--hover-effect:hover .framed-artwork--card .framed-artwork__frame,.media--hover-effect:hover .framed-artwork--card .framed-artwork__art{transform:scale(1.03)}.framed-artwork--product{background:transparent}.cart-item__image.framed-artwork{width:calc(10rem / var(--font-body-scale));min-width:calc(10rem / var(--font-body-scale));max-width:calc(10rem / var(--font-body-scale));height:auto;flex:0 0 auto}.cart-notification-product__image .framed-artwork{width:7rem;min-width:7rem;max-width:7rem;flex:0 0 auto}.predictive-search__image.framed-artwork{width:5rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-framed-artwork.css.map */