@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";#root{min-height:100vh}.disclaimer-box{font-size:12px;line-height:1.5;border-radius:4px;text-align:center;padding:8px 15px;margin-bottom:20px}.disclaimer-box p{margin:0}:root{font-family:Inter,sans-serif;line-height:1.6;font-weight:400;--color-background-button-active: #007bff;--color-text-button-active: white}.disclaimer-box{font-size:12px;line-height:1;border-radius:4px;text-align:center}.disclaimer-box p{padding:5px!important;margin:0!important}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.library-detail h1,.library-detail h3,.library-detail h4,.library-detail h5,.library-detail h6{border-bottom:2px solid;padding-bottom:8px;margin-bottom:15px}.library-detail h1{font-size:2.5em;padding-bottom:15px}.library-detail h5{margin-top:0}a{font-weight:500;text-decoration:none;transition:color .3s ease}.analyze-link{padding:8px 16px;text-decoration:none;border-radius:4px;transition:background-color .3s ease;font-size:14px}button{border-radius:8px;border:1px solid;padding:.8em 1.8em;font-size:1.1em;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .25s}.version-selector label{margin-right:10px;font-size:14px}.version-selector select,.theme-switcher select{padding:6px 10px;border-radius:4px;font-size:14px;cursor:pointer}.library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0}.library-card{border-radius:6px;padding:18px;text-align:left;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014}.library-card h2{margin-top:0;margin-bottom:8px;font-size:20px}.library-card-footer{margin-top:auto;padding-top:15px}.library-card-footer h4{margin-top:0;margin-bottom:8px;font-size:15px}.telemetry-tags,.semconv-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.telemetry-tags{margin-bottom:10px}.telemetry-tag,.semconv-tag,.target-tag{display:inline-block;padding:6px 10px;border-radius:4px;font-size:12px;border:none;color:#fff}.target-tags{padding-bottom:10px}.search-filter-container{border-radius:6px;padding:10px;margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 1024px){.search-filter-container{grid-template-columns:repeat(4,1fr)}}.filter-section{margin-top:0;padding-right:10px;padding-left:10px;text-align:center}.filter-section:last-child{border-right:none}.filter-section h4{margin-top:0;margin-bottom:8px;font-size:15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.search-input-container{display:flex;align-items:center;gap:10px;justify-content:center}.search-input-container input{flex-grow:0;width:80%;max-width:200px;padding:8px 12px;border-radius:4px;font-size:14px}.search-input-container input:focus{outline:none}.filter-button{background-color:transparent;padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.library-detail{padding:20px;margin:0 auto;border-radius:6px;box-shadow:0 4px 12px #0003}.telemetry-content{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px}.telemetry-section{flex:1;min-width:350px;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014}.telemetry-section li{margin-bottom:0!important;padding-bottom:10px}.metric-description{margin-top:8px;font-style:italic}.attribute-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85em;padding:4px 0}.target-versions-container{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px}.target-version-section{flex:1;min-width:250px;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014}.theme-default #root{background-color:#fff;color:#333}.theme-default .disclaimer-box{background-color:#e7f3fe;border:1px solid #b8daff;color:#004085}.theme-default .disclaimer-box a{color:#007bff}.theme-default .disclaimer-box a:hover{color:#0056b3}.theme-default h1{color:#212529}.theme-default .analyze-link{background-color:#007bff;color:#fff}.theme-default .analyze-link:hover{background-color:#0056b3}.theme-default .version-selector label{color:#333}.theme-default .version-selector select,.theme-default .theme-switcher select{background-color:#f8f9fa;border:1px solid #ced4da;color:#333}.theme-default .version-selector select:focus,.theme-default .theme-switcher select:focus{border-color:#007bff}.theme-default .library-card{background-color:#fff;border:1px solid #e0e0e0;color:#333}.theme-default .library-card a{color:#007bff}.theme-default .library-card a:hover{color:#0056b3}.theme-default .library-card h2{color:#212529}.theme-default .divider{border-top:1px solid #e9ecef}.theme-default .library-card-footer h4{color:#6c757d}.theme-default .telemetry-tag.spans{background-color:#007bff}.theme-default .telemetry-tag.metrics{background-color:#28a745}.theme-default .target-tag.javaagent svg{color:#b8860b}.theme-default .target-tag.library svg{color:#fd7e14}.theme-default .semconv-tag{background-color:#e9ecef;color:#495057;border:1px solid #dee2e6}.theme-default .search-filter-container{background-color:#fff;border:1px solid #e0e0e0}.theme-default .filter-section:not(:last-child){border-right:1px solid #e0e0e0}.theme-default .filter-section h4{color:#333}.theme-default .search-input-container input{background-color:#fff;border:1px solid #ced4da;color:#333}.theme-default .search-input-container input::placeholder{color:#6c757d}.theme-default .search-input-container input:focus{border-color:#007bff}.theme-default .filter-button{border:1px solid #dee2e6;color:#495057}.theme-default .filter-button.spans{color:#007bff;border-color:#007bff}.theme-default .filter-button.metrics{color:#28a745;border-color:#28a745}.theme-default .filter-button.javaagent{color:#b8860b;border-color:#b8860b}.theme-default .filter-button.library{color:#fd7e14;border-color:#fd7e14}.theme-default .filter-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.theme-default .filter-button.spans.active{background-color:#007bff;color:#fff}.theme-default .filter-button.metrics.active{background-color:#28a745;color:#fff}.theme-default .filter-button.javaagent.active{background-color:#ffc107;color:#fff}.theme-default .filter-button.library.active{background-color:#fd7e14;color:#fff}.theme-default .filter-button:hover:not(.active){background-color:#e9ecef;border-color:#c6c8ca}.theme-default .truncated-description-content{color:#333}.theme-default .toggle-button{color:#007bff}.theme-default .toggle-button:hover{color:#0056b3}.theme-default .library-detail{background-color:#fff;color:#333;box-shadow:0 4px 12px #0000001a}.theme-default .back-button{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.theme-default .back-button:hover{background-color:#e0e0e0;border-color:#bbb}.theme-default .version-selector select{background-color:#f8f9fa;border:1px solid #ced4da;color:#333}.theme-default .version-selector select:focus{border-color:#007bff}.theme-default h1,.theme-default h3,.theme-default h4,.theme-default h5,.theme-default h6{color:#212529;border-bottom-color:#444}.theme-default p{color:#333;padding:15px 0;border-radius:6px}.theme-default li{color:#333}.theme-default a{color:#007bff}.theme-default a:hover{color:#0056b3}.theme-default .links-section,.theme-default .configurations-section,.theme-default .target-versions-main-section,.theme-default .telemetry-main-section{border:1px solid #e0e0e0;background-color:#f8f8f8}.theme-default table{border:1px solid #444444}.theme-default th{background-color:gray;font-weight:700;color:#fff}.theme-default td{border:1px solid #e0e0e0}.theme-default tr:nth-child(2n){background-color:silver}.theme-default tr:hover{background-color:#a0a0a0}.theme-default .semconv-key{background-color:#f8f9fa;border:1px solid #e0e0e0;color:#333}.theme-default .telemetry-tabs button{background-color:#f0f0f0;color:#333;border-color:#e0e0e0}.theme-default .telemetry-tabs button:hover{background-color:#e0e0e0}.theme-default .telemetry-tabs button.active{background-color:#fff;color:#007bff;border-color:#e0e0e0;border-bottom-color:#fff}.theme-default .telemetry-section{background-color:#fff;border:1px solid #e0e0e0}.theme-default .telemetry-section li{border-bottom:1px dashed #e9ecef}.theme-default .metric-name,.theme-default .span-kind{color:#007bff}.theme-default .metric-details{color:#555}.theme-default .metric-description{color:#6c757d}.theme-default .attributes-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-left-color:#007bff}.theme-default .attributes-section h6{color:#333}.theme-default .attribute-item{color:#555;border-bottom:1px dashed #7a8087!important}.theme-default .target-version-section{background-color:#fff;border:1px solid #e0e0e0}.theme-default .target-version-section li{border-bottom:1px dashed #e9ecef}.theme-default .telemetry-diff{border-top:1px solid #e0e0e0}.theme-default .diff-controls button{background-color:#f0f0f0;color:#333;border-color:#e0e0e0}.theme-default .diff-controls button:hover{background-color:#e0e0e0}.theme-default .diff-controls button:disabled{background-color:#e9ecef;color:#aaa;border-color:#e0e0e0}.theme-default .diff-section{background-color:#fff;border:1px solid #e0e0e0}.theme-default .diff-section h4{color:#333}.theme-default .diff-line{border-bottom:1px dashed #e9ecef}.theme-default .diff-added{background-color:#0080000d;color:#22863a}.theme-default .diff-removed{background-color:#ff00000d;color:#cb2431}.theme-default .diff-line-header{color:#333}.theme-default .diff-attribute-item{color:#555}.theme-default .diff-attribute-item.diff-added{background-color:#0080000d;color:#22863a}.theme-default .diff-attribute-item.diff-removed{background-color:#ff00000d;color:#cb2431}.theme-grafana #root{background-color:#1f2127!important;color:#e0e0e0}.theme-grafana .disclaimer-box{background-color:#3a3d46;border:1px solid #5c5f66;color:#c7c7c7}.theme-grafana .disclaimer-box a{color:#629e51}.theme-grafana .disclaimer-box a:hover{color:#8cd26a}.theme-grafana h1{color:#e0e0e0}.theme-grafana .analyze-link{background-color:#629e51;color:#fff}.theme-grafana .analyze-link:hover{background-color:#4a7a3e}.theme-grafana .version-selector label{color:#c7c7c7}.theme-grafana .version-selector select,.theme-grafana .theme-switcher select{background-color:#3a3d46;border:1px solid #5c5f66;color:#e0e0e0}.theme-grafana .version-selector select:focus,.theme-grafana .theme-switcher select:focus{border-color:#629e51}.theme-grafana .library-card{background-color:#2c2e34;border:1px solid #3a3d46;color:#e0e0e0;box-shadow:0 4px 12px #0003}.theme-grafana .library-card a{color:#629e51}.theme-grafana .library-card a:hover{color:#8cd26a}.theme-grafana .library-card h2{color:#e0e0e0}.theme-grafana .divider{border-top:1px solid #3a3d46}.theme-grafana .library-card-footer h4{color:#c7c7c7}.theme-grafana .telemetry-tag.spans{background-color:#346a9b}.theme-grafana .telemetry-tag.metrics{background-color:#4a8a4a}.theme-grafana .target-tag.javaagent svg{color:#f1c40f}.theme-grafana .target-tag.library svg{color:#e67e22}.theme-grafana .semconv-tag{background-color:#3a3d46;color:#c7c7c7}.theme-grafana .search-filter-container{background-color:#2c2e34;border:1px solid #3a3d46}.theme-grafana .filter-section{border-right:1px solid #3a3d46}.theme-grafana .filter-section h4{color:#e0e0e0}.theme-grafana .search-input-container input{background-color:#3a3d46;border:1px solid #5c5f66;color:#e0e0e0}.theme-grafana .search-input-container input::placeholder{color:#a0a0a0}.theme-grafana .search-input-container input:focus{border-color:#629e51}.theme-grafana .filter-button{background-color:#3a3d46;border:1px solid #5c5f66;color:#c7c7c7}.theme-grafana .filter-button.active{background-color:#629e51;border-color:#629e51;color:#fff}.theme-grafana .filter-button:hover:not(.active){background-color:#4a4d56;border-color:#6c707a}.theme-grafana .truncated-description-content{color:#c7c7c7}.theme-grafana .toggle-button{color:#629e51}.theme-grafana .toggle-button:hover{color:#8cd26a}.theme-grafana .library-detail{background-color:#2c2e34;color:#e0e0e0;box-shadow:0 4px 12px #0000004d}.theme-grafana .back-button{background-color:#3a3d46;color:#e0e0e0;border:1px solid #5c5f66}.theme-grafana .back-button:hover{background-color:#4a4d56;border-color:#6c707a}.theme-grafana .version-selector select{background-color:#3a3d46;border:1px solid #5c5f66;color:#e0e0e0}.theme-grafana .version-selector select:focus{border-color:#629e51}.theme-grafana h1,.theme-grafana h3{color:#e0e0e0;border-bottom:1px solid #3a3d46}.theme-grafana h4{color:#e0e0e0}.theme-grafana h5{color:#e0e0e0;border-bottom:1px solid #3a3d46}.theme-grafana h6{color:#e0e0e0}.theme-grafana p,.theme-grafana li{color:#c7c7c7}.theme-grafana a{color:#629e51}.theme-grafana a:hover{color:#8cd26a}.theme-grafana .links-section,.theme-grafana .configurations-section,.theme-grafana .target-versions-main-section,.theme-grafana .telemetry-main-section{border:1px solid #3a3d46;background-color:#25272c}.theme-grafana table{border:1px solid #4a4d56}.theme-grafana th,.theme-grafana td{border:1px solid #3a3d46}.theme-grafana th{background-color:#3a3d46;font-weight:600}.theme-grafana tr:nth-child(2n){background-color:#2f313a}.theme-grafana .semconv-key{background-color:#3a3d46;border:1px solid #5c5f66;color:#c7c7c7}.theme-grafana .telemetry-tabs button{background-color:#3a3d46;color:#c7c7c7;border-color:#5c5f66}.theme-grafana .telemetry-tabs button:hover{background-color:#4a4d56}.theme-grafana .telemetry-tabs button.active{background-color:#2c2e34;color:#629e51;border-color:#5c5f66;border-bottom-color:#2c2e34}.theme-grafana .telemetry-section{background-color:#2c2e34;border:1px solid #3a3d46}.theme-grafana .metric-name,.theme-grafana .span-kind{color:#629e51}.theme-grafana .metric-details{color:#c7c7c7}.theme-grafana .metric-description{color:#a0a0a0}.theme-grafana .attributes-section{background-color:#3a3d46;border:1px solid #5c5f66;border-left-color:#629e51}.theme-grafana .attributes-section h6{color:#e0e0e0}.theme-grafana .attribute-item{color:#c7c7c7;border-bottom:1px dashed #afb4c6}.theme-grafana .target-version-section{background-color:#2c2e34;border:1px solid #3a3d46}.theme-grafana .target-version-section li{border-bottom:1px dashed #3a3d46}.theme-grafana .telemetry-item.common{background-color:#2c2e34}.theme-grafana .telemetry-diff{border-top:1px solid #3a3d46}.theme-grafana .diff-controls button{background-color:#3a3d46;color:#c7c7c7;border-color:#5c5f66}.theme-grafana .diff-controls button:hover{background-color:#4a4d56}.theme-grafana .diff-controls button:disabled{background-color:#3a3d46;color:#777;border-color:#5c5f66}.theme-grafana .diff-section{background-color:#2c2e34;border:1px solid #3a3d46}.theme-grafana .diff-section h4{color:#e0e0e0}.theme-grafana .diff-line{border-bottom:1px dashed #3a3d46}.theme-grafana .diff-added{background-color:#629e5133;color:#8cd26a}.theme-grafana .diff-removed{background-color:#e0525233;color:#d26a6a}.theme-grafana .diff-line-header{color:#e0e0e0}.theme-grafana .diff-attribute-item{color:#c7c7c7}.theme-grafana .diff-attribute-item.diff-added{background-color:#629e5133;color:#8cd26a}.theme-grafana .diff-attribute-item.diff-removed{background-color:#e0525233;color:#d26a6a}.theme-grafana .instrumentation-input{background-color:#2c2e34;border:1px solid #3a3d46}.theme-grafana .instrumentation-input textarea{background-color:#3a3d46;border:1px solid #5c5f66;color:#e0e0e0}.theme-grafana .instrumentation-input textarea::placeholder{color:#a0a0a0}.theme-grafana .instrumentation-input button{background-color:#629e51;color:#fff}.theme-grafana .instrumentation-input button:hover{background-color:#4a7a3e}.theme-grafana .analysis-results{border-top:1px solid #3a3d46}.theme-grafana .combined-telemetry-display h5{color:#e0e0e0}.theme-grafana .combined-telemetry-display li{background-color:#2c2e34;border:1px solid #3a3d46;color:#e0e0e0}.theme-grafana .telemetry-source-label{color:#c7c7c7}:root{font-family:Inter,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;width:100%}.main-content-wrapper{max-width:1200px;margin:0 auto;padding:10px}.App{text-align:center;padding:20px}.truncated-description-container{margin-bottom:10px}.truncated-description-content{margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.5}.toggle-button{background:none;border:none;cursor:pointer;padding:0;margin-top:5px;font-size:13px;text-decoration:underline}.navigation-bar{display:flex;flex-direction:column;align-items:stretch;background-color:var(--color-background-navbar);padding:0;border-radius:8px;margin-bottom:20px;gap:12px;width:100%;box-sizing:border-box}@media (max-width: 768px){.navigation-bar{padding:0 12px}}.lg-only{display:none}.nav-links{display:flex;flex-direction:column;gap:8px;order:1}.nav-links a{color:var(--color-text-navbar);text-decoration:none;padding:12px 16px;border-radius:6px;font-weight:600;background-color:var(--color-background-button);transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;min-height:44px}.nav-links a svg{font-size:1.2em}@media (max-width: 768px){.nav-links a svg{margin:0 8px}}.nav-links a:hover{background-color:var(--color-background-button-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.nav-links a.active-nav-link{background-color:var(--color-background-button-active);color:var(--color-text-button-active);box-shadow:0 2px 4px #0003}.nav-links a.active-nav-link:hover{background-color:var(--color-background-button-active);transform:translateY(-1px)}.nav-controls{display:flex;flex-direction:column;gap:12px;order:2}@media (max-width: 768px){.nav-controls{padding:0 12px}}.theme-switcher{display:flex;flex-direction:row;gap:12px}.version-selector,.theme-selector,.theme-switcher,.github-link{align-items:center;justify-content:space-between;background-color:var(--color-background-input);border-radius:6px;border:1px solid var(--color-border-input)}.version-selector label,.theme-selector label,.theme-switcher label,.github-link{color:var(--color-text-navbar);font-size:14px;font-weight:500;margin:0;text-decoration:none;transition:all .3s ease}.github-link:hover{background-color:var(--color-background-button-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.nav-links a[href*=github].active-nav-link{background-color:var(--color-background-button)!important;color:var(--color-text-navbar)!important;box-shadow:none!important}.nav-links a[href*=github].active-nav-link:hover{background-color:var(--color-background-button-hover)!important;transform:translateY(-1px)}.nav-links a[href*=github]{background-color:var(--color-background-button)!important;color:var(--color-text-navbar)!important}.nav-links a[href*=github]:hover{background-color:var(--color-background-button-hover)!important}.version-selector select,.theme-selector select,.theme-switcher select{padding:6px 8px;border-radius:4px;border:1px solid var(--color-border-input);background-color:var(--color-background-input);color:var(--color-text-input);font-size:14px;cursor:pointer;min-width:80px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;background-color:var(--color-background-button);border-radius:6px;cursor:pointer;transition:background-color .3s ease;order:0}.nav-links-mobile{display:flex;gap:8px;align-items:center}.nav-links{display:none}.nav-links-mobile a{color:var(--color-text-navbar);text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600;background-color:var(--color-background-button);transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;min-height:36px}.nav-links-mobile a:hover{background-color:var(--color-background-button-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.nav-links-mobile a.active-nav-link{background-color:var(--color-background-button-active);color:var(--color-text-button-active);box-shadow:0 2px 4px #0003}.nav-links-mobile a.active-nav-link:hover{background-color:var(--color-background-button-active);transform:translateY(-1px)}.mobile-controls{display:flex;align-items:center;gap:8px}.github-link-mobile{color:var(--color-text-navbar)!important;text-decoration:none;padding:8px;border-radius:6px;background-color:var(--color-background-button)!important;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:36px;min-width:36px}.github-link-mobile:hover{background-color:var(--color-background-button-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.github-link-mobile.active-nav-link{background-color:var(--color-background-button)!important;color:var(--color-text-navbar)!important;box-shadow:none!important}.github-link-mobile.active-nav-link:hover{background-color:var(--color-background-button-hover)!important;transform:translateY(-1px)}.github-link-mobile svg{font-size:1.2em;color:var(--color-text-navbar)}.mobile-menu-toggle:hover{background-color:var(--color-background-button-hover)}.mobile-menu-toggle .menu-text{color:var(--color-text-navbar);font-weight:600;font-size:16px}.mobile-menu-toggle .menu-icon{color:var(--color-text-navbar);font-size:1.2em;transition:transform .3s ease}.mobile-menu-toggle .menu-icon.rotated{transform:rotate(90deg)}.mobile-menu-content{display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1}.mobile-menu-content.collapsed{max-height:0;opacity:0;overflow:hidden}@media (min-width: 768px){.mobile-menu-content.collapsed{max-height:none;opacity:1;overflow:visible}}@media (min-width: 768px){.navigation-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:16px}.mobile-menu-toggle{display:none}.mobile-menu-content{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex:1;opacity:1!important;max-height:none!important;overflow:visible!important}.nav-links{display:flex}.nav-links-mobile,.mobile-controls{display:none}.nav-links,.nav-links-mobile{flex-direction:row;gap:8px;order:0;flex:1}.nav-links a{padding:8px 12px;font-size:14px;min-height:auto}.lg-only{display:flex}.nav-controls{flex-direction:row;gap:16px;order:1;justify-content:flex-end;align-items:center}.version-selector,.theme-selector,.github-link{padding:6px 10px}}@media (max-width: 767px){.nav-links-mobile{display:flex}.nav-links{display:none}.mobile-controls{display:flex}.nav-links a[href*=github]{display:none}}@media (min-width: 1024px){.navigation-bar{padding:0;gap:24px}.nav-links a{padding:10px 16px;font-size:15px}.nav-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.nav-links a.active-nav-link:hover{transform:translateY(-2px)}.version-selector,.theme-selector,.theme-switcher,.github-link{padding:8px 12px}.version-selector select,.theme-selector select,.theme-switcher select{padding:8px 12px;font-size:14px}}@media (min-width: 1280px){.navigation-bar{padding:0}.nav-links a{padding:12px 20px;font-size:16px}}#root{width:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.version-selector{display:flex;align-items:center}.version-selector label{margin-right:10px}.version-selector select{padding:6px 10px;border-radius:4px;font-size:14px;cursor:pointer}.version-selector select:focus{outline:none}h1{font-size:2.5em;margin-bottom:25px;padding-bottom:15px;font-weight:600}h3{font-size:1.6em;margin-top:35px;margin-bottom:15px;padding-bottom:8px;font-weight:600}h4{font-size:1.3em;margin-top:25px;margin-bottom:10px;font-weight:600}h5{font-size:1.1em;margin-top:0;margin-bottom:15px;padding-bottom:10px;font-weight:600}h6{font-size:1em;margin-top:15px;margin-bottom:10px;font-weight:600}p{margin-bottom:15px;line-height:1.7}ul{list-style:none;padding:0;margin:0}li{margin-bottom:8px}a{text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline}.links-section,.configurations-section,.target-versions-main-section,.telemetry-main-section{border-radius:6px;padding:20px;margin-top:20px}table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:5px;overflow:hidden;border:1px solid}@media (max-width: 768px){table{display:block;border:none!important;margin-top:15px}table thead{display:none}table tbody{display:block;border:none!important}table tr{display:block;margin-bottom:12px;border:none!important;border-radius:0;padding:0;background-color:transparent;box-shadow:none}table td,table th{display:block;border:none!important;padding:8px 0;text-align:left;line-height:1.5}table td:not(:last-child){border-bottom:none!important;padding-bottom:12px;margin-bottom:8px}table td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:4px;color:var(--color-text-secondary, #666);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}}th,td{border:1px solid;padding:12px;text-align:left}.semconv-key{display:flex;align-items:center;margin-bottom:20px;font-size:.9em;padding:10px;border-radius:5px}.semconv-check{font-weight:700;margin-right:8px;font-size:1.2em}.telemetry-tabs{display:flex;margin-bottom:25px}.telemetry-tabs button{border:1px solid;border-bottom:none;padding:10px 18px;cursor:pointer;font-size:.95em;border-radius:5px 5px 0 0;margin-right:5px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.telemetry-tabs button.active{font-weight:600}.telemetry-content{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px;overflow-x:auto;word-wrap:break-word;word-break:break-word}.telemetry-section{flex:1;min-width:350px;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow-x:auto;word-wrap:break-word;word-break:break-word}.telemetry-section ul{list-style:none;padding:0;margin:0}.telemetry-section li{margin-bottom:15px;padding-bottom:10px}.telemetry-section li:last-child{margin-bottom:0;padding-bottom:0}.metric-header,.span-header{display:flex;align-items:center;margin-bottom:8px}.metric-name,.span-kind{font-weight:700;font-size:1.05em;margin-right:10px}.metric-details{font-size:.9em;line-height:1.6}.metric-description{margin-top:8px;font-style:italic;max-width:100%;box-sizing:border-box;overflow-x:auto;word-wrap:break-word;word-break:break-word}.attributes-section{margin-top:20px;padding:15px 20px;border-left:3px solid;border-radius:4px}.attributes-section h6{margin-top:0;margin-bottom:12px}.attribute-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85em;padding:4px 0;overflow-x:auto;word-wrap:break-word;word-break:break-word}@media (max-width: 768px){h1{font-size:1.8em;margin-bottom:20px;padding-bottom:12px}h3{font-size:1.3em;margin-top:25px;margin-bottom:12px;padding-bottom:6px}h4{font-size:1.1em;margin-top:20px;margin-bottom:8px}h5{font-size:1em;margin-bottom:12px;padding-bottom:8px}h6{font-size:.9em;margin-top:12px;margin-bottom:8px}p{font-size:.9em;line-height:1.6;margin-bottom:12px}li{font-size:.9em;margin-bottom:6px}table td,table th{padding:6px 0;font-size:.85em;line-height:1.4}table td:before{font-size:.8em;margin-bottom:3px}.links-section,.configurations-section,.target-versions-main-section,.telemetry-main-section{padding:15px;margin-top:15px}.telemetry-content{flex-direction:column;gap:15px}.telemetry-section{min-width:auto;width:100%;padding:15px}.telemetry-tabs{margin-bottom:20px}.telemetry-tabs button{padding:8px 12px;font-size:.85em}.metric-name,.span-kind{font-size:.95em}.metric-details{font-size:.85em}.attributes-section{margin-top:15px;padding:10px 15px}.attribute-item{font-size:.8em;padding:3px 0}.target-versions-container{flex-direction:column;gap:15px}.target-version-section{min-width:auto;width:100%;padding:15px}.target-version-section h4{padding:8px 0;margin:8px 0}.semconv-key{font-size:.8em;padding:8px;margin-bottom:15px}.semconv-check{font-size:1.1em}.attribute-item{flex-direction:column;align-items:flex-start;gap:3px}.attribute-item .semconv-check{order:-1;margin-right:6px;margin-bottom:2px}.attribute-item>div:first-child{display:flex;align-items:center;width:100%}.telemetry-section,.target-version-section,.links-section,.configurations-section,.target-versions-main-section,.telemetry-main-section{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.metric-details,.metric-description,.attribute-item,.telemetry-section li,.target-version-section li,.links-section li,.configurations-section li{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box;overflow:hidden}.metric-description{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box;overflow:hidden;padding-right:5px}.attribute-item>div:first-child{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box;overflow:hidden;flex-wrap:wrap}.attribute-item span,p,li,td,th,div{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.telemetry-section,.target-version-section,.attributes-section{padding-left:12px;padding-right:12px}@media (max-width: 480px){.metric-details,.metric-description{font-size:.8em}.attribute-item{font-size:.75em}.telemetry-section,.target-version-section{padding:10px}.attributes-section{padding:8px 10px}}a,.telemetry-tabs button,.semconv-key,.metric-name,.span-kind,.attribute-item span,.telemetry-section a,.target-version-section a,.links-section a{font-size:.85em}.semconv-key{margin-left:0;padding-left:0}.telemetry-main-section h3+.semconv-key{margin-left:0;padding-left:0}.telemetry-tabs,.metric-header,.span-header,.metric-details{margin-left:0;padding-left:0}@media (max-width: 480px){a,.telemetry-tabs button,.semconv-key,.metric-name,.span-kind,.attribute-item span,.telemetry-section a,.target-version-section a,.links-section a{font-size:.8em}}}.attribute-item:last-child{margin-bottom:0}.target-versions-container{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px;max-width:100%;box-sizing:border-box}.target-version-section{flex:1;min-width:250px;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014;max-width:100%;box-sizing:border-box;overflow-x:auto;word-wrap:break-word;word-break:break-word}.target-version-section ul{list-style:none;padding:0;margin:0}.target-version-section li{margin-bottom:8px;padding-bottom:5px}.target-version-section li:last-child{margin-bottom:0;padding-bottom:0}.diff-results-container{margin-top:20px;max-width:100%;box-sizing:border-box;overflow-x:auto;word-wrap:break-word;word-break:break-word}.diff-sections{display:flex;gap:20px;margin-bottom:20px;overflow-x:auto;word-wrap:break-word;word-break:break-word;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.diff-sections{flex-direction:column;gap:15px}.diff-section{width:100%;min-width:auto}}.diff-section{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f9f9f9;overflow-x:auto;word-wrap:break-word;word-break:break-word;max-width:100%;box-sizing:border-box}.telemetry-item{padding:10px;margin-bottom:10px;border-radius:5px;max-width:100%;box-sizing:border-box;overflow-x:auto;word-wrap:break-word;word-break:break-word}.telemetry-item.added{background-color:#629e5133;border-left:4px solid #629e51}.telemetry-item.removed{background-color:#e0525233;border-left:4px solid #e05252}.telemetry-item.common{background-color:#f0f0f0;border-left:4px solid #ccc}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:10px}.attribute-item.added{color:#28a745;font-weight:700}.attribute-item.removed{color:#dc3545;font-weight:700}.attribute-item .attribute-name{font-weight:400}.attributes-section{margin-top:20px;padding-left:20px;border-left:3px solid #007bff;background-color:#f8f9fa;padding-top:15px;padding-bottom:15px;border-radius:0 5px 5px 0;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.attributes-section h6{color:#007bff;margin-top:0;margin-bottom:12px}.attributes-list{list-style:none;padding:0}.attribute-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85em;color:#6c757d}@media (max-width: 768px){.attribute-item{flex-direction:column;align-items:flex-start;gap:4px}.attribute-item .semconv-check{order:-1;margin-right:8px;margin-bottom:2px}.attribute-item>div:first-child{display:flex;align-items:center;width:100%}}.attribute-item span{margin-right:8px}.attribute-item.added .attribute-name,.attribute-item.removed .attribute-name{font-weight:700}.attribute-item .attribute-type{color:#6c757d;margin-left:5px}.semconv-check{margin-left:5px}.telemetry-item .attributes-list li{padding-bottom:10px;border-bottom:1px dashed #e9ecef}.telemetry-item .attributes-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.metric-header,.span-header{display:flex;align-items:center;margin-bottom:5px}.metric-name,.span-kind{font-size:1.1em;margin-right:5px}.metric-description{margin-top:5px}.attributes-section{margin-top:10px;border-top:1px dashed #ccc;padding-top:10px}.attributes-list{list-style:none;padding:0;margin:0}.telemetry-diff{margin-top:30px;padding-top:20px}.diff-controls{display:flex;gap:20px;align-items:center;margin-bottom:20px}@media (max-width: 768px){.diff-controls{flex-direction:column;align-items:stretch;gap:15px}.diff-controls .version-selector{flex-direction:column;align-items:stretch;gap:5px}.diff-controls button{width:100%;margin-top:10px;padding:12px 16px;font-size:16px;min-height:44px;display:block;box-sizing:border-box}}.diff-controls .version-selector{display:flex;align-items:center;gap:10px}.diff-controls button{padding:8px 16px;border:1px solid;border-radius:4px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.diff-controls button:disabled{cursor:not-allowed}.diff-section{border-radius:6px;padding:20px;margin-bottom:20px}.diff-section h4{margin-top:0;margin-bottom:15px}.diff-list{list-style:none;padding:0;margin:0}.diff-line{padding:8px 0}.diff-line:last-child{border-bottom:none}.diff-line-header{font-weight:700;margin-bottom:5px}.diff-attribute-item{margin-left:15px;font-size:.9em}.instrumentation-input{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.instrumentation-input textarea{width:80%;max-width:600px;padding:10px;border:1px solid #ccc;border-radius:5px;font-family:Open Sans,sans-serif;font-size:1em}.instrumentation-input button{padding:10px 25px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.instrumentation-input button:hover{background-color:#0056b3}.analysis-results{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.combined-telemetry-display{margin-top:20px}.combined-telemetry-display h5{margin-top:20px;margin-bottom:10px;color:#333}.combined-telemetry-display ul{list-style:none;padding:0}.combined-telemetry-display li{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;padding:10px;margin-bottom:10px;text-align:left}.telemetry-source-label{font-size:.8em;color:#6c757d;margin-bottom:5px;display:block}.about-page ul{list-style:none;padding-left:0}.about-page li{position:relative;padding-left:0;margin-bottom:10px;display:flex;align-items:center}