.responsive-image-wrapper{display:block;position:relative;overflow:hidden;width:100%}.responsive-image{display:block;width:100%;height:auto;max-width:100%;object-fit:cover;object-position:center}.responsive-image[width][height]{aspect-ratio:attr(width) / attr(height)}.responsive-image[loading=lazy]{background:#f3f3f3}.responsive-image{opacity:0;transition:opacity .3s ease-in-out}.responsive-image.lazy-loaded,.responsive-image[loading=eager]{opacity:1}.responsive-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;background-color:#f3f3f3;color:#999}.responsive-image-placeholder svg{width:60px;height:60px;fill:currentColor;opacity:.3}.responsive-image-wrapper:before{content:"";display:block;padding-bottom:calc(var(--aspect-ratio, 1) * 100%)}.responsive-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-image-wrapper--square:before{padding-bottom:100%}.responsive-image-wrapper--portrait:before{padding-bottom:133.33%}.responsive-image-wrapper--landscape:before{padding-bottom:66.67%}.responsive-image-wrapper--widescreen:before{padding-bottom:56.25%}.responsive-image-wrapper--ultrawide:before{padding-bottom:42.86%}.responsive-image--loading{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.responsive-image[fetchpriority=high]{opacity:1}.responsive-image--error{background-color:#fee;border:2px dashed #fcc}@media screen and (max-width: 749px){.responsive-image-wrapper--mobile-square:before{padding-bottom:100%}}@media screen and (min-width: 750px){.responsive-image-wrapper--tablet-landscape:before{padding-bottom:66.67%}}@media screen and (min-width: 990px){.responsive-image-wrapper--desktop-widescreen:before{padding-bottom:56.25%}}@media print{.responsive-image-wrapper:before{display:none}.responsive-image{position:static;opacity:1}}@media (prefers-reduced-motion: reduce){.responsive-image{transition:none;animation:none}.responsive-image--loading{animation:none;background:#f0f0f0}}@media (prefers-color-scheme: dark){.responsive-image-placeholder{background-color:#2a2a2a;color:#666}.responsive-image--loading{background:linear-gradient(90deg,#2a2a2a,#3a3a3a 20%,#2a2a2a 40% 100%)}}@supports (container-type: inline-size){.responsive-image-container{container-type:inline-size}@container (max-width: 400px){.responsive-image-wrapper:before{padding-bottom:100%}}}@supports (background-image: url(data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=)){.responsive-image-wrapper:after{content:""}}.responsive-image-wrapper:focus-visible{outline:2px solid currentColor;outline-offset:2px}.responsive-image-wrapper img{max-width:100%;height:auto}.responsive-image{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.responsive-image--critical{content-visibility:auto;contain-intrinsic-size:500px 500px}.responsive-image--lazy{content-visibility:auto}
/*# sourceMappingURL=/cdn/shop/t/14/assets/responsive-image.css.map */