@charset "utf-8";

@font-face { font-family: "NB International Pro"; src: url("https://techcrunch.com/wp-content/themes/tc-24/assets/fonts/nb-international-pro/nbinternationalproreg-webfont.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "NB International Pro"; src: url("https://techcrunch.com/wp-content/themes/tc-24/assets/fonts/nb-international-pro/nbinternationalprobol-webfont.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root { --white: #fff; --light-grey: #d2dcd7; --grey: #6c7571; --blue: #2372e9; --black: #000; --alt-black: #212623; }

:root { --root-font-size: 16px; --body-font: "NB International Pro", sans-serif; }

:root { --gap: 1rem; --image-size: 130px; }

@media (min-width: 736px) {
  :root { --gap: 1.5rem; --image-size: 173px; }
}

html { font-family: var(--body-font); font-size: var(--root-font-size); }

body { margin: 0px; }

.loop-card { border-bottom: 1px solid var(--light-grey); display: flex; gap: var(--gap); margin-block-end: 1rem; padding-block: 2rem 1rem; position: relative; }

@media (min-width: 736px) {
  .loop-card { padding-block-start: 0px; }
}

.loop-card:has(.loop-card__title a:hover) .loop-card__figure img, .loop-card:has(.loop-card__title a:focus-visible) .loop-card__figure img { transform: scale(1.03); }

.loop-card :where(a) { color: currentcolor; text-decoration: none; }

.loop-card :where(a):hover, .loop-card :where(a):focus-within { text-decoration: underline; }

.loop-card__figure-container { flex-basis: var(--image-size); }

.loop-card__img-hidden { display: block; }

.loop-card__figure { aspect-ratio: 16 / 9; margin: 0px; overflow: hidden; position: relative; }

.loop-card__figure img { block-size: 100%; display: block; inline-size: 100%; object-fit: cover; transition: transform 0.6s; }

.loop-card__content { display: flex; flex-basis: calc(100% - var(--image-size) - var(--gap)); flex-direction: column; gap: 0.5rem; }

.loop-card__sponsored { inset: 0px; gap: 0.75rem; height: 2rem; position: absolute; }

@media (min-width: 736px) {
  .loop-card__sponsored { height: auto; position: relative; }
}

.loop-card__sponsored-label { align-items: center; color: var(--blue); display: flex; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding-top: 0.5rem; text-transform: uppercase; }

.loop-card__sponsored-label::before { background-color: var(--blue); content: ""; height: 1rem; margin-right: 0.25rem; mask-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\"%3E%3Cpath fill=\"%23fff\" d=\"m12 7 1.593 3 3.407.414-2.5 2.253L15 16l-3-1.875L9 16l.5-3.333L7 10.414 10.5 10 12 7Z\"/%3E%3Cpath fill=\"%23fff\" d=\"M12 3.429A8.571 8.571 0 1 1 3.429 12 8.596 8.596 0 0 1 12 3.429ZM12 2a10 10 0 1 0 10 10A10.03 10.03 0 0 0 12 2Z\"/%3E%3C/svg%3E"); mask-size: contain; width: 1rem; }

.loop-card__title { color: var(--alt-black); font-size: clamp(0.8125rem, 0.6697rem + 0.6091vi, 1.1875rem); font-weight: bold; letter-spacing: -0.5px; line-height: 1.2; margin-block: 0px; }

@media (min-width: 736px) {
  .loop-card__title { font-size: clamp(0.8125rem, 0.6697rem + 0.9vi, 1.1875rem); }
}

.loop-card__sponsor { color: var(--grey); font-size: 0.8125rem; line-height: 1.4; }