@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.loader-icon{transform-origin:50%;animation:2s ease-in-out infinite spin;position:absolute;top:50%;left:50%}.component-info-tab{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:32px;width:100%;height:100%;padding:32px;display:flex}.component-info-tab .info-logo{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.component-info-tab .info-logo .info-logo-text{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:2px;min-width:0;display:flex}.component-info-tab .info-logo .info-logo-text .info-name-input{color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;border-radius:10px;outline:none;width:50%;min-width:200px;padding:4px 10px;font-size:1.3rem;font-weight:600;transition:background-color .2s ease-in-out}.component-info-tab .info-logo .info-logo-text .info-name-input:hover,.component-info-tab .info-logo .info-logo-text .info-name-input:focus{background-color:var(--background)}.component-info-tab .info-logo .info-logo-text .info-logo-type{color:var(--text-secondary);text-transform:capitalize;padding-left:10px;font-size:.85rem}.component-info-tab .info-details{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex}.component-info-tab .info-details .info-row{border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.component-info-tab .info-details .info-row:last-child{border-bottom:none}.component-info-tab .info-details .info-row .info-label{color:var(--text-secondary);flex-shrink:0}.component-info-tab .info-details .info-row .info-value{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-info-tab .info-details .info-row .info-value.mono{font-family:JetBrains Mono,serif;font-size:.85rem}.component-info-tab .info-details .info-row .info-package{flex-direction:column;justify-content:flex-end;align-items:flex-end;min-width:0;display:flex}.component-info-tab .info-details .info-row .info-package .info-package-version{color:var(--text-secondary);font-size:.8rem}
