.nodeget-system-logo-hidden {
  display: none !important;
}

.nodeget-front-flag {
  width: 1.25rem !important;
  height: 0.875rem !important;
  flex: none;
  border-radius: 1px;
  object-fit: cover;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.16);
}

main table.nodeget-flag-name-table th:nth-child(3),
main table.nodeget-flag-name-table td:nth-child(3) {
  display: none;
}

.nodeget-hidden-tag-filter {
  display: none !important;
}

.nodeget-provider-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.nodeget-provider-hidden {
  display: none !important;
}

.nodeget-provider-chip {
  padding: 0.25rem 0.75rem;
  border: 1px solid hsl(var(--border));
  border-radius: 999px;
  appearance: none;
  background: hsl(var(--card));
  color: hsl(var(--foreground) / 0.8);
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem;
  line-height: 1rem;
  transition:
    background-color 150ms ease,
    border-color 150ms ease,
    color 150ms ease;
}

.nodeget-provider-chip:hover {
  background: hsl(var(--accent));
}

.nodeget-provider-chip.is-active {
  border-color: hsl(var(--primary));
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

@media (min-width: 768px) {
  html.nodeget-detail-drawer-pending body div.fixed.inset-0.z-50.bg-background.overflow-y-auto:not(.nodeget-detail-drawer-root) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .nodeget-detail-drawer-root {
    --nodeget-detail-width: min(48rem, calc(100vw - 2rem));
    --nodeget-detail-head-h: 4rem;
    background: transparent !important;
    overflow: hidden !important;
  }

  .nodeget-detail-drawer-root::before {
    content: "";
    position: absolute;
    inset: 0;
    background: hsl(var(--background) / 0.68);
    backdrop-filter: blur(8px);
  }

  .nodeget-detail-drawer-header,
  .nodeget-detail-drawer-body {
    width: var(--nodeget-detail-width) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    background: hsl(var(--background));
    border-left: 1px solid hsl(var(--border));
    box-shadow: -24px 0 60px hsl(var(--background) / 0.45);
  }

  .nodeget-detail-drawer-header {
    position: absolute !important;
    inset: 0 0 auto auto !important;
    z-index: 2 !important;
    border-bottom: 1px solid hsl(var(--border));
    border-top-left-radius: 1rem;
    animation: nodeget-detail-slide-in 180ms ease-out;
  }

  .nodeget-detail-drawer-body {
    position: absolute !important;
    inset: var(--nodeget-detail-head-h) 0 0 auto !important;
    overflow-y: auto;
    border-bottom-left-radius: 1rem;
    animation: nodeget-detail-slide-in 180ms ease-out;
  }

  .nodeget-detail-drawer-close {
    order: -10;
  }
}

@keyframes nodeget-detail-slide-in {
  from {
    transform: translateX(2rem);
    opacity: 0.7;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}