.selectable-card-grid{grid-template-columns:repeat(var(--selectable-card-columns,3), 1fr);gap:.75em;display:grid}body.mobile .selectable-card-grid{grid-template-columns:1fr}.selectable-card{text-align:left;border:1px solid var(--main-border-color);background:var(--accented-background-color);cursor:pointer;border-radius:8px;align-items:center;gap:.75em;width:100%;padding:.75em;display:flex}.selectable-card:hover{border-color:var(--main-text-color)}.selectable-card.selected{border-color:var(--main-text-color);background:var(--active-item-background-color);color:var(--active-item-text-color)}.selectable-card-bxicon{flex-shrink:0;font-size:1.5em;line-height:1}.selectable-card-text{flex-direction:column;min-width:0;display:flex}.selectable-card-name{font-weight:700}.selectable-card-description{color:var(--muted-text-color);font-size:.85em}.selectable-card.selected .selectable-card-description{color:inherit;opacity:.8}.masked-icon{width:var(--masked-icon-size,1.5em);height:var(--masked-icon-size,1.5em);-webkit-mask:var(--masked-icon-url) center / contain no-repeat;-webkit-mask:var(--masked-icon-url) center / contain no-repeat;mask:var(--masked-icon-url) center / contain no-repeat;background-color:currentColor;flex-shrink:0;display:inline-block}
