.icon-item{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s}.icon-item:hover .pointer{opacity:1;transform:translate(0)}.icon-item:hover .icon-item-icon{color:var(--text-primary);background:var(--card-gradient-hover)}:where(:root[data-theme=dark]) .icon-item:hover .icon-item-icon{background:linear-gradient(90deg,rgba(86,88,105,.6),rgba(86,88,105,.7),rgba(86,88,105,.8))}.icon-item-icon{line-height:0px;font-size:24px;border-radius:8px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--text-default);border:1px solid var(--gray-100);background:var(--card-gradient-hover);transition:background .2s ease;box-sizing:border-box;flex-shrink:0}:where(:root[data-theme=dark]) .icon-item-icon{background:linear-gradient(90deg,rgba(86,88,105,.5),rgba(86,88,105,.6),rgba(86,88,105,.7))}.icon-item-right{padding-left:16px}.icon-item-title{display:flex;color:var(--text-primary);font-weight:400;align-items:center;transition:color .15s}.pointer{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.icon-item-tag{display:inline-block;font-size:12px;line-height:16px;background-color:var(--gray-100);color:var(--gray-700);margin-left:8px;font-weight:700;border-radius:8px;padding:2px 6px;transform:translateY(-2px)}.icon-item-tag.icon-item-tag-green{background-color:var(--green-100);color:var(--green-700)}.icon-item-desc{color:var(--text-secondary);white-space:normal;overflow:hidden;text-overflow:ellipsis}