.ui-tags{display:grid;gap:14px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;padding-top:5px}.tag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px 7px 12px;border-radius:999px;background:var(--active);color:var(--text);font-size:13px}.ui-tags .tag .remove-button{width:28px;height:28px;flex:0 0 28px;background:transparent;color:var(--danger);font-size:20px}
.tag-manager-list{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:0;background:var(--white)}
.tag-manager-list__item{display:grid;grid-template-columns:50px minmax(0,1fr) 40px;align-items:center;gap:12px;width:100%;min-width:0;min-height:62px;padding:10px 12px 10px 14px;border-bottom:1px solid var(--border);background:var(--white)}
.tag-manager-list__item:last-child{border-bottom:0}
.tag-manager-list__swatch{display:block;width:50px;height:30px;border:1px solid rgba(17,17,17,.12);border-radius:0;background:var(--tag-manager-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.tag-manager-list__name{min-width:0;font-size:16px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.tag-manager-list__delete{justify-self:end}
@media(max-width:360px){.tag-manager-list__item{grid-template-columns:44px minmax(0,1fr) 36px;gap:9px;padding-left:12px;padding-right:8px}.tag-manager-list__swatch{width:44px;height:28px}.tag-manager-list__delete{width:36px}}