@layer m3-components{.m3-thumb{--_h:var(--md-sys-size-avatar);--_ar:1 / 1;--_r:var(--md-sys-shape-corner-small);--m3-icon-size:calc(var(--_h) * .5);box-sizing:border-box;height:var(--_h);aspect-ratio:var(--_ar);border-radius:var(--_r);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);-webkit-user-select:none;user-select:none;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.m3-thumb[data-ratio="16:9"]{--_ar:16 / 9}.m3-thumb[data-ratio="4:3"]{--_ar:4 / 3}.m3-thumb[data-size=s]{--_h:24px}.m3-thumb[data-size=l]{--_h:var(--md-sys-size-avatar-l);--_r:var(--md-sys-shape-corner-medium)}.m3-thumb[data-size=fill]{--_r:var(--m3-ir,var(--md-sys-shape-corner-medium));--m3-icon-size:var(--md-sys-size-avatar);width:100%;height:auto;display:grid}.m3-card__media>.m3-thumb[data-size=fill]{--_r:0px}.m3-thumb[data-size=s]{--m3-icon-size:16px}.m3-thumb__img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity var(--md-sys-motion-t-fx-small);position:absolute;inset:0}.m3-thumb[data-loaded] .m3-thumb__img{opacity:1}.m3-thumb__badge{max-width:calc(100% - 2 * var(--md-sys-space-1));padding:1px var(--md-sys-space-1);border-radius:var(--md-sys-shape-corner-extra-small);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--md-sys-color-inverse-surface) 85%,transparent);color:var(--md-sys-color-inverse-on-surface);font:500 11px/16px var(--md-ref-typeface-plain);letter-spacing:.3px;font-variant-numeric:tabular-nums;position:absolute;inset-block-end:var(--md-sys-space-1);inset-inline-end:var(--md-sys-space-1);overflow:hidden}@media (forced-colors:active){.m3-thumb{border:1px solid canvastext}}}