@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-thumbnail{background:var(--amset-surface-2);border:var(--amset-border-width) solid var(--amset-border);border-radius:var(--amset-radius);width:4rem;display:block;position:relative;overflow:hidden}.amset-thumbnail--rounded{border-radius:50%}.amset-thumbnail--1-1{aspect-ratio:1}.amset-thumbnail--4-3{aspect-ratio:4/3}.amset-thumbnail--3-4{aspect-ratio:3/4}.amset-thumbnail--16-9{aspect-ratio:16/9}.amset-thumbnail__photo{width:100%;height:100%;display:block}.amset-thumbnail--cover .amset-thumbnail__photo{object-fit:cover}.amset-thumbnail--contain .amset-thumbnail__photo{object-fit:contain}.amset-thumbnail__fallback{width:100%;height:100%;color:var(--amset-ink-3);font-family:var(--amset-font);font-size:var(--amset-text-sm);font-weight:var(--amset-weight-bold);place-items:center;display:grid}.amset-thumbnail__loading{border-radius:0;position:absolute;inset:0}.amset-thumbnail[data-error] .amset-thumbnail__fallback{color:var(--amset-error)}.amset-thumbnail__caption{padding:var(--amset-space-1) var(--amset-space-2);background:color-mix(in oklab, var(--amset-surface) 88%, transparent);color:var(--amset-ink);font-size:var(--amset-text-xs);text-overflow:ellipsis;white-space:nowrap;position:absolute;inset-block-end:0;inset-inline:0;overflow:hidden}.amset-thumbnail__press{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.amset-thumbnail__press:hover:not(:disabled){background:color-mix(in oklab, var(--amset-ink) var(--amset-mix-soft-hover), transparent)}.amset-thumbnail__press:focus-visible{outline:var(--amset-ring-width) solid var(--amset-focus);outline-offset:-3px}@media (pointer:coarse){.amset-thumbnail:has(.amset-thumbnail__press){min-width:var(--amset-target-touch);min-height:var(--amset-target-touch)}}.amset-thumbnail__fallback svg{width:40%;height:40%}}