1 .cdx-thumbnail{display:inline-flex
}.cdx-thumbnail__placeholder
,.cdx-thumbnail__image
{background-position:center
;background-repeat:no-repeat
;background-size:cover
;flex-shrink:0;box-sizing:border-box
;min-width:40px;min-height:40px;width:2.5rem;height:2.5rem;border:1px solid var
(--border-color-subtle
, #c8ccd1);border-radius:2px}.cdx-thumbnail__image
{background-color:var
(--background-color-base-fixed
, #fff);display:inline-block
}.cdx-thumbnail__image-enter-active
{transition-property:opacity
;transition-duration:.1s}.cdx-thumbnail__image-enter-from
{opacity:0}.cdx-thumbnail__placeholder
{background-color:var
(--background-color-interactive-subtle
, #f8f9fa);display:inline-flex
;align-items:center
;justify-content:center
}.cdx-thumbnail__placeholder__icon
{min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;display:inline-block
;vertical-align:text-bottom
}@supports not
(((-webkit-mask-image: none
) or
(mask-image: none
))){.cdx-thumbnail__placeholder__icon
{background-position:center
;background-repeat:no-repeat
;background-size:max
(1.25rem,20px)}}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-thumbnail__placeholder__icon
{-webkit-mask-size:max
(1.25rem,20px);mask-size:max
(1.25rem,20px);-webkit-mask-repeat:no-repeat
;mask-repeat:no-repeat
;-webkit-mask-position:center
;mask-position:center
}}@supports not
(((-webkit-mask-image: none
) or
(mask-image: none
))){.cdx-thumbnail__placeholder__icon
{background-image:url
('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');filter:invert
(var
(--filter-invert-icon
, 0));opacity:var
(--opacity-icon-base
, .87)}.cdx-button:not
(.cdx-button--weight-quiet
):disabled
.cdx-thumbnail__placeholder__icon
,.cdx-button--weight-primary
.cdx-button--action-progressive
.cdx-thumbnail__placeholder__icon
,.cdx-button--weight-primary
.cdx-button--action-destructive
.cdx-thumbnail__placeholder__icon
{filter:invert
(var
(--filter-invert-primary-button-icon
, 1))}}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-thumbnail__placeholder__icon
{-webkit-mask-image:url
('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');mask-image:url
('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/></svg>');background-color:var
(--color-placeholder
, #72777d)}}.cdx-thumbnail__placeholder__icon--vue
.cdx-icon
{color:var
(--color-placeholder
, #72777d)}