[data-first-new-attribution-host],
:host {
  all: initial !important;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  display: block !important;
  height: auto !important;
  isolation: isolate !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  right: calc(10px + env(safe-area-inset-right, 0px)) !important;
  top: auto !important;
  width: auto !important;
  z-index: 2147483647 !important;
}
[data-first-new-attribution-fallback] {
  all: initial !important;
  align-items: center !important;
  background: #171717 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 9999px !important;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .22) !important;
  box-sizing: border-box !important;
  color: #fafafa !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font: 400 11px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  gap: 5px !important;
  height: 24px !important;
  isolation: isolate !important;
  letter-spacing: -.01em !important;
  overflow: hidden !important;
  padding: 0 9px !important;
  position: fixed !important;
  right: calc(10px + env(safe-area-inset-right, 0px)) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  width: max-content !important;
  z-index: 2147483647 !important;
}
[data-first-new-attribution-fallback] > svg {
  display: block !important;
  flex: 0 0 auto !important;
  height: 10px !important;
  margin-inline-start: 2px !important;
  width: 10px !important;
  z-index: 1 !important;
}
[data-first-new-attribution-fallback] > span {
  all: unset !important;
  opacity: .72 !important;
  position: relative !important;
  z-index: 1 !important;
}
[data-first-new-attribution-fallback] > strong {
  all: unset !important;
  font-weight: 600 !important;
  margin-inline-end: 2px !important;
  position: relative !important;
  z-index: 1 !important;
}
@media (prefers-color-scheme: dark) {
  [data-first-new-attribution-fallback] {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .1) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12) !important;
    color: #171717 !important;
  }
}
html.dark [data-first-new-attribution-fallback],
html[data-theme="dark"] [data-first-new-attribution-fallback],
html[data-color-scheme="dark"] [data-first-new-attribution-fallback],
body.dark [data-first-new-attribution-fallback],
body[data-theme="dark"] [data-first-new-attribution-fallback],
body[data-color-scheme="dark"] [data-first-new-attribution-fallback] {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, .1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12) !important;
  color: #171717 !important;
}
html.light [data-first-new-attribution-fallback],
html[data-theme="light"] [data-first-new-attribution-fallback],
html[data-color-scheme="light"] [data-first-new-attribution-fallback],
body.light [data-first-new-attribution-fallback],
body[data-theme="light"] [data-first-new-attribution-fallback],
body[data-color-scheme="light"] [data-first-new-attribution-fallback] {
  background: #171717 !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .22) !important;
  color: #fafafa !important;
}
:host .badge {
  all: initial;
  animation: first-badge-enter 280ms cubic-bezier(.16, 1, .3, 1);
  box-sizing: border-box;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  align-items: center;
  block-size: 24px;
  border: 1px solid transparent;
  border-radius: 9999px;
  display: inline-flex;
  font: 400 11px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  gap: 0;
  inline-size: max-content;
  interpolate-size: allow-keywords;
  letter-spacing: -0.01em;
  overflow: hidden;
  position: relative;
  scale: 1;
  text-decoration: none;
  touch-action: manipulation;
  transform: translateY(0) scale(1);
  transform-origin: right center;
  transition: inline-size 520ms cubic-bezier(.16, 1, .3, 1), gap 440ms cubic-bezier(.16, 1, .3, 1), padding 520ms cubic-bezier(.16, 1, .3, 1), transform 220ms cubic-bezier(.16, 1, .3, 1), box-shadow 220ms cubic-bezier(.16, 1, .3, 1), background-color 220ms cubic-bezier(.16, 1, .3, 1);
  user-select: none;
  white-space: nowrap;
}
@keyframes first-badge-enter {
  from {
    opacity: .95;
    scale: .95;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
:host .link {
  all: unset;
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  block-size: 100%;
  padding: 0 8px;
  text-decoration: none;
}
:host .divider {
  align-self: center;
  background: currentColor;
  block-size: 16px;
  flex: 0 0 auto;
  inline-size: 1px;
  opacity: .1;
}
:host .dismiss {
  all: unset;
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  block-size: 100%;
  aspect-ratio: 1;
  justify-content: center;
  opacity: .55;
  padding: 0;
  transition: opacity 160ms ease;
}
@media (hover: hover) {
  :host .dismiss:hover {
    opacity: 1;
  }
}
:host .dismiss svg {
  display: block;
  height: 14px;
  width: 14px;
}
:host .copy svg {
  display: block;
  flex: 0 0 auto;
  height: 10px;
  margin-inline-start: 2px;
  width: 10px;
  z-index: 1;
}
:host .copy {
  all: unset;
  align-items: center;
  display: inline-flex;
  gap: 5px;
  opacity: 1;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
:host .label {
  all: unset;
  opacity: .72;
}
:host .brand {
  all: unset;
  font-weight: 600;
  margin-inline-end: 2px;
}
:host .badge[data-tone="dark"] {
  background: #171717;
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
  color: #fafafa;
}
:host .badge[data-tone="light"] {
  background: #ffffff;
  border-color: rgba(0, 0, 0, .1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
  color: #171717;
}
@media (hover: hover) {
  :host .badge:hover {
    transform: translateY(-1px) scale(1);
  }
}
:host .badge:active {
  transform: translateY(0) scale(.98);
}
:host .link:focus-visible,
:host .dismiss:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce) {
  :host .badge {
    animation: none;
    transition: none;
  }
  :host .copy {
    transition: none;
  }
}
@media (forced-colors: active) {
  :host .badge[data-tone] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: ButtonFace;
    border-color: ButtonText;
    box-shadow: none;
    color: ButtonText;
    forced-color-adjust: auto;
  }
  :host .link:focus-visible,
  :host .dismiss:focus-visible {
    outline-color: Highlight;
  }
}