.obs-eco-rail{--obs-eco-rail-gutter: clamp(20px, 3vw, 40px);--obs-eco-rail-mono: ui-monospace, "DM Mono", monospace;--obs-eco-rail-sans: system-ui, -apple-system, sans-serif;--obs-eco-rail-gold: #f5c842;width:100%;border-top:1px solid rgba(255,250,240,.1);border-bottom:1px solid rgba(255,250,240,.06);background:#04080ef0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.obs-eco-rail-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,max-content);align-items:center;gap:clamp(12px,1.6vw,18px);max-width:1480px;margin:0 auto;padding:11px var(--obs-eco-rail-gutter);box-sizing:border-box}.obs-eco-rail-row{display:flex;align-items:center;gap:12px;min-width:0}.obs-eco-rail-row--network{min-width:0}.obs-eco-rail-row--partners{justify-self:end;margin-left:auto;min-width:0}.obs-eco-rail-label{flex-shrink:0;font-family:var(--obs-eco-rail-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fffaf05c}.obs-eco-rail-scroll-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.obs-eco-rail-track{position:relative;min-width:0;flex:1 1 auto;max-width:min(52vw,640px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.obs-eco-rail-track.is-scrollable:not(.is-at-start):not(.is-at-end){mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.obs-eco-rail-track.is-scrollable.is-at-start:not(.is-at-end){mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.obs-eco-rail-track.is-scrollable.is-at-end:not(.is-at-start){mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}.obs-eco-rail-scroll-btn{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;border:1px solid rgba(255,250,240,.14);border-radius:999px;background:#fffaf00f;color:#fffaf0b8;cursor:pointer;transition:border-color .15s,background .15s,color .15s,opacity .15s}.obs-eco-rail-scroll-btn:hover:not(:disabled){border-color:#f5c84266;background:#f5c8421a;color:var(--obs-eco-rail-gold)}.obs-eco-rail-scroll-btn:disabled{opacity:.35;cursor:default}.obs-eco-rail-scroll-btn[hidden]{display:none}.obs-eco-rail-scroll-btn span{display:block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.obs-eco-rail-scroll-btn--prev span{margin-right:-2px;transform:rotate(-135deg)}.obs-eco-rail-scroll-btn--next span{margin-left:-2px;transform:rotate(45deg)}.obs-eco-rail-track:focus-visible{outline:2px solid rgba(245,200,66,.45);outline-offset:2px;border-radius:4px}.obs-eco-rail-track::-webkit-scrollbar{display:none}.obs-eco-rail-pills{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;width:max-content}.obs-eco-pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid rgba(255,250,240,.1);border-radius:999px;background:#fffaf008;font-family:var(--obs-eco-rail-sans);font-size:11px;font-weight:500;letter-spacing:.01em;color:#fffaf0b8;white-space:nowrap;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.obs-eco-pill:hover{color:#fffaf0;border-color:#f5c84252;background:#f5c84214}.obs-eco-rail-row--partners .obs-eco-rail-pills{flex-wrap:nowrap;width:auto}.obs-eco-rail-divider{flex-shrink:0;width:1px;height:22px;background:#fffaf01f}.obs-eco-rail--centered{position:relative}.obs-eco-rail-in--centered{display:flex;justify-content:center;grid-template-columns:unset}.obs-eco-rail-row--centered{width:100%;justify-content:center}.obs-eco-rail-pills--centered{flex-wrap:wrap;justify-content:center;width:100%;max-width:920px;margin:0 auto}.obs-eco-popover{position:absolute;z-index:30;transform:translate(-50%);min-width:200px;max-width:260px;padding:10px 12px;border:1px solid rgba(255,250,240,.14);border-radius:10px;background:#080e16f5;box-shadow:0 12px 32px #00000059;text-decoration:none;color:inherit;pointer-events:auto}.obs-eco-popover[hidden]{display:none}.obs-eco-popover.is-visible{display:block}.obs-eco-popover-body{display:flex;flex-direction:column;gap:4px}.obs-eco-popover-tag{font-family:var(--obs-eco-rail-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f5c842b8}.obs-eco-popover-name{font-family:var(--obs-eco-rail-sans);font-size:13px;font-weight:600;color:#fffaf0}.obs-eco-popover-domain{font-family:var(--obs-eco-rail-mono);font-size:10px;letter-spacing:.03em;color:#fffaf099;word-break:break-all}.obs-eco-popover-domain[hidden]{display:none}.obs-eco-popover-link{margin-top:2px;font-family:var(--obs-eco-rail-sans);font-size:11px;font-weight:600;color:#f5c842e0}.obs-eco-popover:hover .obs-eco-popover-link{color:var(--obs-eco-rail-gold)}@media(max-width:900px){.obs-eco-rail-in{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px var(--obs-eco-rail-gutter)}.obs-eco-rail-divider{width:100%;height:1px}.obs-eco-rail-track{max-width:none}.obs-eco-rail-row--partners{justify-self:stretch;margin-left:0}.obs-eco-rail-row--partners .obs-eco-rail-pills{flex-wrap:wrap}}
