.item-thumbnail{margin:0;min-width:0;color:inherit}
.item-thumbnail-media{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid #344356;border-radius:12px;background:radial-gradient(circle at 50% 38%,#263747,#101a25 74%)}
.item-thumbnail img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.item-thumbnail[data-thumbnail-state="pending"] img{opacity:0}
.item-thumbnail img[hidden],.item-thumbnail-fallback[hidden]{display:none}
.item-thumbnail-fallback{padding:.6rem;text-align:center;font-size:.8rem;line-height:1.35;color:#cbd4df}
.item-thumbnail figcaption{font-size:.75rem;line-height:1.4;color:#bdc9d7;margin-top:.45rem;overflow-wrap:anywhere}
.item-thumbnail-tint{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}
.item-thumbnail-tint>span{display:inline-block;width:.8rem;height:.8rem;border:1px solid #cbd4df;border-radius:3px}
.item-thumbnail--card{max-width:260px}
.shop-card>.item-thumbnail--card{max-width:none}
.item-thumbnail--compact{width:80px;flex:0 0 80px}
.item-thumbnail--compact .item-thumbnail-media{border-radius:8px}
.item-thumbnail--compact figcaption{font-size:.75rem}
.item-picture-row{display:flex;align-items:flex-start;gap:1rem;margin:.75rem 0;min-width:0}
.item-picture-row>div{min-width:0;overflow-wrap:anywhere}
.item-picture-row p{margin:.25rem 0}
.item-picture-choice{display:flex;align-items:center;gap:.75rem;margin:.6rem 0}
.item-picture-choice>input{flex:0 0 auto}
.item-picture-choice>.item-thumbnail{width:64px;flex-basis:64px}
.item-picture-list{list-style:none;padding:0;margin:0}
@media(max-width:480px){.item-thumbnail--compact{width:64px;flex-basis:64px}.item-picture-row{gap:.65rem}}