@layer components{.media-placeholder{--media-placeholder-display:block;--media-placeholder-height:max(var(--media-placeholder-icon-size),100%);--media-placeholder-width:max(var(--media-placeholder-icon-size),100%);--media-placeholder-background-color:var(--color-primary-o-10);--media-placeholder-opacity:1;--media-placeholder-border-radius:var(--border-radius-default);--media-placeholder-icon-size:calc(var(--font-size-normal)*4);--media-placeholder-icon-background-color:var(--color-font);--media-placeholder-icon-opacity:1;background-color:var(--media-placeholder-background-color);border-radius:var(--media-placeholder-border-radius);display:var(--media-placeholder-display);height:var(--media-placeholder-height);opacity:var(--media-placeholder-opacity);position:relative;width:var(--media-placeholder-width)}:is(.topbar__logo-link,.footer__logo) .media-placeholder{height:var(--media-placeholder-icon-size);width:var(--media-placeholder-icon-size)}.media-placeholder:after{background-color:var(--media-placeholder-icon-background-color);content:"";display:block;height:var(--media-placeholder-icon-size);left:50%;-webkit-mask-image:var(--icon-image-circle-filled);mask-image:var(--icon-image-circle-filled);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:var(--media-placeholder-icon-opacity);position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--media-placeholder-icon-size)}.media-placeholder[media-type=video]:after{-webkit-mask-image:var(--icon-videocam-circle-filled);mask-image:var(--icon-videocam-circle-filled)}.media-placeholder[media-type=audio]:after{-webkit-mask-image:var(--icon-audiotrack-circle-filled);mask-image:var(--icon-audiotrack-circle-filled)}.card-collection__item .media-placeholder{border-radius:var(--border-radius-default) var(--border-radius-default) 0 0}}