.gr-preview{display:block;max-width:100%;max-height:20rem;border-radius:.5rem;box-shadow:0 1px 6px rgba(16,24,40,.12)}

.gr-chip{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.2rem .35rem .2rem .6rem;
  border:1px solid #eef1f5;border-radius:999px;background:#fafbfd;font-size:.8125rem;color:#334155}
.gr-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}
.gr-chip-del{border:0;background:none;padding:0 .2rem;color:#adb5bd;font-size:1rem;line-height:1;cursor:pointer}
.gr-chip-del:hover{color:#e03131}


.gr-list{display:flex;flex-direction:column;gap:.5rem}
.gr-row img{flex:none;width:5rem;height:4rem;object-fit:contain;border-radius:.375rem;background:#f7f8fa}
.gr-row-main{flex:1 1 auto;min-width:0}
.gr-row-name{font-size:.8125rem;color:#2b3441;overflow-wrap:anywhere}

@media (max-width:575.98px){
  .gr-chip-name{max-width:9rem}
}