:host {
  display: block;
  width: 100%;
  height: 100%;
}

.Janz8JPZ8CnTAIWVz9SD {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--fbg-surface);
  border-radius: var(--fbg-radius, 12px);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  font-family: var(--fbg-font-body);
}

.MAz41THN93TIW3swslfO {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--fbg-media-bg);
}

.xYP1ETXQVCBuvZDNVtNN {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--fbg-fit, cover);
}

.lHOGxf4Qy96s1fh9Z3ll {
  width: 100%;
  height: 100%;
  min-height: 120px;
  background: linear-gradient(
    135deg,
    var(--fbg-media-bg) 0%,
    var(--_primitives---colors--malibu-lighter, #e1f9fe) 100%
  );
}

.WU9YZLxh4wQ4_QcCL3yD {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: var(--fbg-footer-bg, var(--fbg-surface));
}

.U89s28wp08RPTlZb0kDl {
  font-size: var(--fbg-title-size, 16px);
  font-weight: 400;
  line-height: 1.3;
  color: var(--fbg-title-color, var(--fbg-ink));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.YTmNE4Z1HslxxnUS7Qy1 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--fbg-line);
  color: var(--fbg-title-color, var(--fbg-ink));
  transition: background-color 0.25s ease, border-color 0.25s ease,
    color 0.25s ease;
}

.YTmNE4Z1HslxxnUS7Qy1 svg {
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
}

a.Janz8JPZ8CnTAIWVz9SD:hover .YTmNE4Z1HslxxnUS7Qy1 {
  background: var(--fbg-ink);
  border-color: var(--fbg-ink);
  color: var(--_primitives---colors--neutral-lightest, #fffefa);
}

a.Janz8JPZ8CnTAIWVz9SD:hover .YTmNE4Z1HslxxnUS7Qy1 svg {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .YTmNE4Z1HslxxnUS7Qy1,
  .YTmNE4Z1HslxxnUS7Qy1 svg {
    transition: none;
  }
}

/* Fetchly brand tokens for the Bento Gallery shadow roots.
   Site variables win when present; hex fallbacks come from the brand book. */

.fbg-root,
.fbg-card {
  --fbg-ink: var(--_primitives---colors--neutral-darkest, #050b0d);
  --fbg-ink-soft: var(--_primitives---colors--neutral, #505455);
  --fbg-surface: var(--color-scheme-1--foreground, #ffffff);
  --fbg-line: var(--color-scheme-1--border, rgba(5, 11, 13, 0.15));
  --fbg-accent: var(--_primitives---colors--malibu, #69e5fb);
  --fbg-accent-ink: var(--_primitives---colors--malibu-darkest, #1f444b);
  --fbg-media-bg: var(--_primitives---colors--neutral-lighter, #f6f5f1);
  --fbg-font-body: var(
    --_typography---font-styles--neo-body,
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif
  );
}