@layer components{.result{--result-bg:var(--color-surface);--result-border:var(--color-border);--result-text:var(--color-text);--result-text-muted:var(--color-text);--result-accent:var(--color-primary);display:flex;flex-direction:column;align-items:center;padding:var(--space-l);background:var(--result-bg);border:1px solid var(--result-border);border-radius:var(--radius-m);transition:all .2s ease-in-out;cursor:pointer;gap:var(--space-s);text-align:center;&:hover{border-color:var(--result-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}& .result__icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--result-text);& svg{width:100%;height:100%;object-fit:contain}}& .result__info{display:flex;flex-direction:column;gap:2px}& .result__name{font-size:var(--size-step-0);font-weight:500;color:var(--result-text);word-break:break-all}& .result__set{font-size:.875rem;opacity:.7;color:var(--result-text)}}}