@charset "utf-8";

.wp-block-techcrunch-seamless-scroll-container { margin-bottom: 0px !important; margin-top: 0px !important; }

.wp-block-techcrunch-seamless-scroll [hidden] { display: none; }

:root { --loader-color: var(--wp--custom--color--green-500); --opacity: 1; --timing: 0.3s; }

@keyframes scaling-dots { 
  0%, 100% { opacity: 0; transform: scale(0); }
  40%, 60% { opacity: 1; transform: scale(1); }
}

.seamless-scroll { opacity: 1; }

.seamless-scroll__loader { align-items: center; display: flex; flex-direction: column; font-size: 1rem; gap: 0.25rem; justify-content: flex-start; margin: 2rem 0px; transition: gap var(--timing) ease; }

.seamless-scroll__dots { display: grid; gap: 0.5rem; grid-template-columns: repeat(5, 1rem); height: 1rem; }

.seamless-scroll__dots div { animation: 0.9s ease 0s infinite normal backwards running scaling-dots; background: var(--loader-color); border-radius: 100%; height: 1rem; width: 1rem; }

.seamless-scroll__dots div:first-child { animation-delay: 0.1s; }

.seamless-scroll__dots div:nth-child(2) { animation-delay: 0.2s; }

.seamless-scroll__dots div:nth-child(3) { animation-delay: 0.3s; }

.seamless-scroll__dots div:nth-child(4) { animation-delay: 0.4s; }

.seamless-scroll__dots div:nth-child(5) { animation-delay: 0.5s; }

.single-post [data-url-observer] .article-hero { margin-top: 1.5rem; }

@media (min-width: 48em) {
  .single-post [data-url-observer] .article-hero { margin-top: 0px; }
}

.seamless-scroll__continue-reading-marker { display: none; }

@media (min-width: 48em) {
  .seamless-scroll__continue-reading-marker { align-items: center; display: flex; font-family: var(--wp--custom--font--family--base); font-size: var(--wp--custom--font--size--16); gap: 1rem; justify-content: center; letter-spacing: var(--wp--custom--font--ls--plus-2); line-height: var(--wp--custom--font--lh--1-3); margin: 2rem 0px; text-transform: uppercase; }
  .seamless-scroll__continue-reading-marker::after, .seamless-scroll__continue-reading-marker::before { background-color: var(--wp--custom--color--black-300); content: ""; height: 2px; width: 5%; }
}