@layer atoms{.picture{position:relative;aspect-ratio:var(--aspect-ratio, var(--picture-width)/var(--picture-height));overflow:hidden;background:rgba(var(--color-primary-rgb),.2)}.picture--loaded,.picture--is-gif{background:none!important}.picture--loaded:before,.picture--is-gif:before{opacity:0}.picture__skeleton{position:absolute;inset:0;background:linear-gradient(100deg,var(--color-beige-300) 25%,var(--color-beige-200) 38%,var(--color-beige-300) 51%);background-size:200% 100%;animation:submenu-media-shimmer 1.2s linear infinite}.picture--loaded .picture__skeleton{opacity:0;pointer-events:none}.picture--is-gif{object-fit:contain}.picture--blurpreload:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--picture-url);background-size:cover;filter:blur(10px);overflow:hidden}.picture--blurpreload img{opacity:0;transition:opacity .4s ease-in}.picture--blurpreload.picture--loaded img{opacity:1}.picture--cover .picture__img{object-fit:cover;width:100%;height:100%}.picture--background{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1}.picture--background:before{background-position:center;background-size:cover}.picture--background img{object-fit:cover;height:100%;width:100%}.picture__img{position:relative}.picture.tracked{overflow:hidden}.picture.tracked:hover{cursor:none}.picture--rounded img{--border-radius: .25rem;border-radius:var(--border-radius)}.picture--parallax{overflow:hidden}.picture--parallax.picture--rounded{--border-radius: .25rem;border-radius:var(--border-radius)}.picture--parallax-crop{aspect-ratio:calc(var(--picture-width) / (var(--picture-height) - var(--picture-height) * var(--picture-parallax-offset)))}.picture--parallax-zoom img{transform-origin:50% 0;transform:scale(calc(1 + var(--picture-parallax-offset)))}.picture--parallax-zoom.picture--parallax-reverse img{transform-origin:50% 100%;transform:scale(calc(1 + var(--picture-parallax-offset-abs)))}.picture--contain img{width:100%;height:100%;object-fit:contain}.picture img{width:100%;height:auto}}