{"version":3,"file":"static/chunks/52510-3529ebd48fa54fcb.js","mappings":"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","sources":["webpack://_N_E/./src/components/AnimatedIcons/NumberIcon.tsx","webpack://_N_E/./src/components/Aside/LeftEdgeBase.tsx","webpack://_N_E/./src/components/Aside/LeftEdgeCircular.tsx","webpack://_N_E/./src/components/Aside/LeftEdgeTriangular.tsx","webpack://_N_E/./src/components/Aside/QuoteIcon.tsx","webpack://_N_E/./src/components/Aside/Aside.tsx","webpack://_N_E/./src/components/Browsers/ExcludingChrome.js","webpack://_N_E/./src/components/Browsers/FirefoxOnly.js","webpack://_N_E/./src/components/Browsers/SafariOnly.js","webpack://_N_E/./src/components/ClickToReveal/ClickToReveal.tsx","webpack://_N_E/./src/components/CodeSnippet/CopyButton.tsx","webpack://_N_E/./src/components/CodeSnippet/WithCopyButton.tsx","webpack://_N_E/./src/components/ContentHeading/ContentHeading.tsx","webpack://_N_E/./src/components/ContentImage/ContentImage.helpers.ts","webpack://_N_E/./src/components/ContentImage/ToggleableGifImage.tsx","webpack://_N_E/./src/components/ContentNewsletterSignup/ContentNewsletterSignup.tsx","webpack://_N_E/./src/components/CycleTextOnClick/CycleTextOnClick.tsx","webpack://_N_E/./src/components/EpilepsyWarning/EpilepsyWarning.tsx","webpack://_N_E/./src/components/Keys/MetaKey.tsx","webpack://_N_E/./src/components/Keys/OptionAltKey.tsx","webpack://_N_E/./src/components/Keys/OptionShiftKey.tsx","webpack://_N_E/./src/components/LegacyButton/LegacyButton.tsx","webpack://_N_E/./src/components/LegacyButton/index.ts","webpack://_N_E/./src/components/Link/UnclickableLink.tsx","webpack://_N_E/./src/components/OverscrollColor/OverscrollColor.tsx","webpack://_N_E/./src/components/Playground/index.js","webpack://_N_E/./src/components/RenderWhenOnscreen/RenderWhenOnscreen.tsx","webpack://_N_E/./src/components/Sandbox/index.ts","webpack://_N_E/./src/components/Sparkles/Sparkles.helpers.ts","webpack://_N_E/./src/components/Sparkles/Sparkles.tsx","webpack://_N_E/./src/components/Sparkles/index.ts","webpack://_N_E/./src/components/Spicy/Spicy.tsx","webpack://_N_E/./src/components/Spicy/index.ts","webpack://_N_E/./src/components/TextInput/TextInput.tsx","webpack://_N_E/./src/components/TextInput/index.ts","webpack://_N_E/./src/components/TimeRemaining/index.ts","webpack://_N_E/./src/hooks/use-operating-system.ts","webpack://_N_E/./src/hooks/use-random-interval.ts","webpack://_N_E/./src/components/AnimatedIcons/NumberIcon.linaria.module.css","webpack://_N_E/./src/components/Aside/Aside.linaria.module.css","webpack://_N_E/./src/components/Aside/LeftEdgeBase.linaria.module.css","webpack://_N_E/./src/components/Aside/LeftEdgeCircular.linaria.module.css","webpack://_N_E/./src/components/Aside/LeftEdgeTriangular.linaria.module.css","webpack://_N_E/./src/components/Aside/QuoteIcon.linaria.module.css","webpack://_N_E/./src/components/Asterisk/Asterisk.linaria.module.css","webpack://_N_E/./src/components/Blockquote/Blockquote.linaria.module.css","webpack://_N_E/./src/components/Chunk/Chunk.linaria.module.css","webpack://_N_E/./src/components/ClickToReveal/ClickToReveal.linaria.module.css","webpack://_N_E/./src/components/CodeSnippet/AnnotatedContainer.linaria.module.css","webpack://_N_E/./src/components/CodeSnippet/CodeWrapper.linaria.module.css","webpack://_N_E/./src/components/CodeSnippet/CopyButton.linaria.module.css","webpack://_N_E/./src/components/CodeSnippet/WithCopyButton.linaria.module.css","webpack://_N_E/./src/components/ContentErrorMessage/ContentErrorMessage.linaria.module.css","webpack://_N_E/./src/components/ContentGrids/FullWidthChild.linaria.module.css","webpack://_N_E/./src/components/ContentHeading/ContentHeading.linaria.module.css","webpack://_N_E/./src/components/ContentImage/ContentImage.helpers.linaria.module.css","webpack://_N_E/./src/components/ContentImage/ContentImage.linaria.module.css","webpack://_N_E/./src/components/ContentImage/DynamicImage.linaria.module.css","webpack://_N_E/./src/components/ContentImage/ToggleableGifImage.linaria.module.css","webpack://_N_E/./src/components/ContentNewsletterSignup/ContentNewsletterSignup.linaria.module.css","webpack://_N_E/./src/components/CycleTextOnClick/CycleTextOnClick.linaria.module.css","webpack://_N_E/./src/components/Divider/Divider.linaria.module.css","webpack://_N_E/./src/components/EpilepsyWarning/EpilepsyWarning.linaria.module.css","webpack://_N_E/./src/components/InlineCode/InlineCode.linaria.module.css","webpack://_N_E/./src/components/Keys/MetaKey.linaria.module.css","webpack://_N_E/./src/components/LegacyButton/LegacyButton.linaria.module.css","webpack://_N_E/./src/components/MotionWarning/MotionWarning.linaria.module.css","webpack://_N_E/./src/components/SideBySide/SideBySide.linaria.module.css","webpack://_N_E/./src/components/Sparkles/Sparkles.linaria.module.css","webpack://_N_E/./src/components/SquigglyLine/SquigglyLine.linaria.module.css","webpack://_N_E/./src/components/Term/Term.linaria.module.css","webpack://_N_E/./src/components/TextInput/TextInput.linaria.module.css"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\nimport { animated, useSprings } from 'react-spring';\n\nimport { SPRINGS } from '@/constants';\nimport usePrefersReducedMotion from '@/hooks/use-prefers-reduced-motion';\n\nimport Svg from './Svg';\n\nconst PRESSED_SPRING = {\n  tension: SPRINGS.springy.tension * 2,\n  friction: SPRINGS.springy.friction * 3,\n};\n\nexport type Status = 'idle' | 'hovering' | 'pressed' | 'booped';\n\ninterface Props extends React.SVGProps<SVGSVGElement> {\n  size?: number;\n  isEnabled?: boolean;\n  accentColor: string;\n  status?: Status;\n  style?: React.CSSProperties;\n}\n\nfunction NumberIcon({\n  size = 16,\n  isEnabled,\n  accentColor,\n  status = 'idle',\n  style = {},\n  ...delegated\n}: Props) {\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const lineData = getLineData(status);\n\n  // NOTE: This *appears* broken on localhost, thanks to Strict Mode. But it works in production.\n  const [springs] = useSprings(\n    lineData.length,\n    (index) => ({\n      to: lineData[index],\n      config: status === 'pressed' ? PRESSED_SPRING : SPRINGS.springy,\n      immediate: prefersReducedMotion,\n    }),\n    [status]\n  );\n\n  let opacity;\n  if (isEnabled || status !== 'idle') {\n    opacity = 1;\n  } else {\n    opacity = 0.7;\n  }\n\n  return (\n    <Svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      style={{\n        width: size,\n        height: size,\n        opacity,\n        ...style,\n      }}\n      {...delegated}\n    >\n      {springs.map((spring, i) => (\n        <Line\n          key={i}\n          {...spring}\n          stroke={isEnabled ? accentColor : 'currentColor'}\n        />\n      ))}\n    </Svg>\n  );\n}\n\nfunction getLineData(status: Status) {\n  switch (status) {\n    case 'idle':\n    case 'hovering': {\n      return [\n        { x1: 2, y1: 8, x2: 22, y2: 8 },\n        { x1: 2, y1: 16, x2: 22, y2: 16 },\n        { x1: 10, y1: 2, x2: 6, y2: 22 },\n        { x1: 18, y1: 2, x2: 14, y2: 22 },\n      ];\n    }\n    case 'booped': {\n      const boopBy = 1;\n      return [\n        { x1: 2, y1: 8 + boopBy, x2: 22, y2: 8 + boopBy },\n        { x1: 2, y1: 16 - boopBy, x2: 22, y2: 16 - boopBy },\n        { x1: 10 + boopBy, y1: 2, x2: 6 + boopBy, y2: 22 },\n        { x1: 18 - boopBy, y1: 2, x2: 14 - boopBy, y2: 22 },\n      ];\n    }\n    case 'pressed': {\n      return [\n        { x1: 2, y1: 12, x2: 22, y2: 12 },\n        { x1: 2, y1: 12, x2: 22, y2: 12 },\n        { x1: 12, y1: 2, x2: 12, y2: 22 },\n        { x1: 12, y1: 2, x2: 12, y2: 22 },\n      ];\n    }\n  }\n}\n\nconst Line = styled(animated.line)`\n  transition: stroke 250ms;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n`;\n\nexport default NumberIcon;\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { Wrapper as ArticleWrapper } from '@/components/LayoutArticle';\nimport { Wrapper as TutorialWrapper } from '@/components/LayoutTutorial';\n\nimport {\n  ICON_MAX_WIDTH_ARTICLE,\n  ICON_MAX_WIDTH_TUTORIAL,\n} from './Aside.constants';\nimport { TOC_THRESHOLD } from '@/components/ContentGrids/TutorialGrid';\n\ninterface Props {\n  children: React.ReactNode;\n}\n\nfunction LeftEdgeBase({ children }: Props) {\n  return (\n    <>\n      <DesktopWrapper>\n        {children}\n        <Filler />\n      </DesktopWrapper>\n\n      <MobileEdge />\n    </>\n  );\n}\n\nconst DesktopWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  transform: translateX(-3px);\n\n  ${ArticleWrapper} & {\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE || 0}rem) {\n      display: none;\n    }\n  }\n\n  /* So the funky thing about Tutorials is that when the TOC disappears, we suddenly have much more space, and can fit the icon! So we need to be very selective about our breakpoints */\n  ${TutorialWrapper} & {\n    @media (max-width: ${ICON_MAX_WIDTH_TUTORIAL}rem) {\n      display: none;\n    }\n    @media (max-width: ${TOC_THRESHOLD}rem) {\n      display: flex;\n    }\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE}rem) {\n      display: none;\n    }\n  }\n`;\n\nconst Filler = styled.div`\n  flex: 1;\n  width: 3px;\n  background: var(--color-primary);\n  border-radius: 0 0 100px 100px;\n  margin-top: -1px;\n`;\n\nconst MobileEdge = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  left: -3px;\n  bottom: 0;\n  width: 3px;\n  height: 100%;\n  background: var(--color-primary);\n  border-radius: 10px;\n\n  ${ArticleWrapper} & {\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE}rem) {\n      display: revert;\n    }\n  }\n\n  ${TutorialWrapper} & {\n    @media (max-width: ${ICON_MAX_WIDTH_TUTORIAL}rem) {\n      display: revert;\n    }\n    @media (max-width: ${TOC_THRESHOLD}rem) {\n      display: none;\n    }\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE}rem) {\n      display: revert;\n    }\n  }\n`;\n\nexport default LeftEdgeBase;\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport LeftEdgeBase from './LeftEdgeBase';\n\nfunction LeftEdgeCircular() {\n  return (\n    <LeftEdgeBase>\n      <SwoopySvg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={57 / 2}\n        height={69 / 2}\n        fill=\"none\"\n        viewBox=\"0 0 57 69\"\n        preserveAspectRatio=\"none\"\n      >\n        <path\n          fill=\"var(--color-page-background)\"\n          d=\"M54 0V0.716804C54 25.9434 35.0653 47.1517 10 50L0 57V0H54Z\"\n          style={{\n            transition:\n              'fill var(--color-swap-duration) var(--color-swap-timing-function)',\n          }}\n        />\n        <path\n          fill=\"var(--color-primary)\"\n          d=\"M56.9961 4.15364C57.0809 2.49896 55.8083 1.08879 54.1536 1.00394C52.499 0.919082 51.0888 2.19168 51.0039 3.84636L56.9961 4.15364ZM9.09704 51.7557L8.49716 48.8163L9.09704 51.7557ZM6 69V59.2227H0V69H6ZM9.69692 54.6951L14.3373 53.7481L13.1375 47.8693L8.49716 48.8163L9.69692 54.6951ZM14.3373 53.7481C38.202 48.8777 55.7486 28.4783 56.9961 4.15364L51.0039 3.84636C49.8967 25.4384 34.3213 43.5461 13.1375 47.8693L14.3373 53.7481ZM6 59.2227C6 57.0268 7.54537 55.1342 9.69692 54.6951L8.49716 48.8163C3.55195 49.8255 0 54.1756 0 59.2227H6Z\"\n        ></path>\n      </SwoopySvg>\n    </LeftEdgeBase>\n  );\n}\n\nconst SwoopySvg = styled.svg`\n  display: block;\n  overflow: visible;\n  margin-top: -0.5px;\n`;\n\nexport default LeftEdgeCircular;\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport LeftEdgeBase from './LeftEdgeBase';\n\nfunction LeftEdgeTriangular() {\n  return (\n    <LeftEdgeBase>\n      <SwoopySvg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={75 / 2}\n        height={70 / 2}\n        fill=\"none\"\n        viewBox=\"0 0 75 70\"\n        preserveAspectRatio=\"none\"\n      >\n        <path\n          fill=\"var(--color-page-background)\"\n          d=\"M54.3545 15.0483L46 0.5H0V64L5.42113 56.1695C7.66253 52.9319 11.3497 51 15.2874 51H33.542C51.9925 51 63.5426 31.0483 54.3545 15.0483Z\"\n          style={{\n            transition:\n              'fill var(--color-swap-duration) var(--color-swap-timing-function)',\n          }}\n        ></path>\n        <path\n          fill=\"var(--color-primary)\"\n          d=\"M52.1101 4.52096C51.2932 3.07946 49.4625 2.57308 48.021 3.38993C46.5795 4.20678 46.0731 6.03754 46.8899 7.47904L52.1101 4.52096ZM15 54H37.2466V48H15V54ZM0 63V69.5H6V63H0ZM46.8899 7.47904L53.777 19.6328L58.9972 16.6747L52.1101 4.52096L46.8899 7.47904ZM37.2466 54C56.4023 54 68.4412 33.3405 58.9972 16.6747L53.777 19.6328C60.9545 32.2988 51.8049 48 37.2466 48V54ZM15 48C6.71573 48 0 54.7157 0 63H6C6 58.0294 10.0294 54 15 54V48Z\"\n        ></path>\n      </SwoopySvg>\n    </LeftEdgeBase>\n  );\n}\n\nconst SwoopySvg = styled.svg`\n  display: block;\n  overflow: visible;\n  margin-top: -1.5px;\n`;\n\nexport default LeftEdgeTriangular;\n","import { styled } from '@linaria/react';\n\nconst QuoteIcon = styled.div`\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  &::after {\n    content: '“';\n    position: absolute;\n    left: 0;\n    top: 0;\n    font-family: 'Times New Roman', serif;\n    font-size: 4.5rem;\n    line-height: 2.5rem;\n    font-weight: bold;\n    transform: translateX(-50%);\n    color: var(--color-info-400);\n  }\n`;\n\nexport default QuoteIcon;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\nimport { animated } from 'react-spring';\nimport {\n  Info as InfoIcon,\n  AlertTriangle as WarningIcon,\n  CheckCircle as SuccessIcon,\n  ChevronDown,\n} from 'lucide-react';\n\nimport { BREAKPOINTS, HEADER_HEIGHT } from '@/constants';\nimport useBoop from '@/hooks/use-boop';\n\nimport {\n  ICON_MAX_WIDTH_ARTICLE,\n  ICON_MAX_WIDTH_TUTORIAL,\n} from './Aside.constants';\nimport { TOC_THRESHOLD } from '@/components/ContentGrids/TutorialGrid';\nimport LeftEdgeCircular from './LeftEdgeCircular';\nimport LeftEdgeTriangular from './LeftEdgeTriangular';\nimport QuoteIcon from './QuoteIcon';\n\n// Our Aside extends a standard <aside>. This HTML element already has a `title` attribute, which is expected to be a string, whereas our `Aside` component can accept a React element for the `title` prop. This little dance is required to make TypeScript happy:\ntype BaseAttributes = Omit<\n  React.HTMLAttributes<HTMLBaseElement>,\n  'title'\n>;\n\ninterface Props extends BaseAttributes {\n  type: 'info' | 'success' | 'warning' | 'quote';\n  title?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nfunction Aside({\n  type = 'info',\n  title,\n  children,\n  ...delegated\n}: Props) {\n  let Component;\n  let EdgeComponent = LeftEdgeCircular;\n  let Icon;\n  if (type === 'info') {\n    Component = InfoAside;\n    Icon = InfoIcon;\n  } else if (type === 'success') {\n    Component = SuccessAside;\n    Icon = SuccessIcon;\n  } else if (type === 'warning') {\n    Component = WarningAside;\n    EdgeComponent = LeftEdgeTriangular;\n    Icon = WarningIcon;\n  } else if (type === 'quote') {\n    Component = QuoteAside;\n    Icon = QuoteIcon;\n  } else {\n    console.error(`Unrecognized Aside type: ${type}`);\n    Component = InfoAside;\n    Icon = InfoIcon;\n  }\n\n  const [showMoreStyle, showMoreTrigger] = useBoop({ y: 4 });\n\n  const titleId = useTitleId(title);\n\n  const childArray = Array.isArray(children) ? children : [children];\n\n  const expandedElem = childArray.find((child) => {\n    return child?.type === 'expanded';\n  });\n\n  const [isExpanded, setIsExpanded] = React.useState(!expandedElem);\n\n  const previewChildren = childArray.filter((child) => {\n    // Sometimes, we want to *omit* a child in the preview area when it's been expanded. For example, instructions that say \"Click to expand\" are redundant when the content is already expanded.\n    if (isExpanded && child?.props?.['data-hide-on-expand']) {\n      return false;\n    }\n\n    return child?.type !== 'expanded';\n  });\n\n  const expandedChildren = expandedElem?.props?.children;\n\n  return (\n    <Component {...delegated}>\n      <EdgeComponent />\n      <IconWrapper>\n        <Icon size={32} />\n      </IconWrapper>\n      {title && <Title id={titleId}>{title}</Title>}\n\n      <Content>\n        {previewChildren}\n        {isExpanded ? (\n          expandedChildren && <DropIn>{expandedChildren}</DropIn>\n        ) : (\n          <ShowMore\n            onClick={() => setIsExpanded(true)}\n            onMouseEnter={showMoreTrigger}\n          >\n            Show more{' '}\n            <ShowMoreChevron style={showMoreStyle}>\n              <ChevronDown size={20} />\n            </ShowMoreChevron>\n          </ShowMore>\n        )}\n      </Content>\n    </Component>\n  );\n}\n\nfunction useTitleId(title: React.ReactNode) {\n  const uniqueId = React.useId();\n\n  if (!title) {\n    return undefined;\n  }\n\n  if (typeof title !== 'string') {\n    return `aside-${uniqueId.replace(/:/, '')}`;\n  }\n\n  const sanitizedTitle = title\n    .replace(/\\s/g, '-')\n    .replace(/[^a-zA-Z0-9-]/g, '')\n    .toLowerCase();\n\n  return `aside-${sanitizedTitle}`;\n}\n\nexport const BaseWrapper = styled.aside`\n  --aside-border-width: 3px;\n  position: relative;\n  margin-top: 32px;\n  margin-inline: calc(var(--viewport-padding) * -1);\n  margin-bottom: 64px;\n  padding-block: 24px;\n  padding-inline: var(--viewport-padding);\n  padding-left: calc(\n    var(--viewport-padding) - var(--aside-border-width)\n  );\n  border-left: var(--aside-border-width) solid transparent;\n  border-radius: 0px 4px 4px 0px;\n  font-size: 1rem;\n  background-color: var(--color-background);\n  transition: background-color var(--color-swap-duration);\n\n  /* The \"External\" icon inside <Link> components feels a bit harsh inside asides. Soften it to a light gray: */\n  --base-icon-color: var(--color-gray-800);\n\n  /* If we have multiple asides in a row, stick them a bit closer together. */\n  & + & {\n    margin-top: -16px;\n  }\n\n  @media (max-width: 49rem) {\n    /* Below this size, we're stuck to the edges of the viewport, so we don't need any rounding. */\n    border-radius: 0px;\n  }\n\n  @media ${BREAKPOINTS.mdAndSmaller} {\n    /*\n      Optically, things look weird if there's an equal amount of space above and below. IDK why, but these numbers feel right:\n    */\n    padding-top: 16px;\n    padding-bottom: 24px;\n  }\n\n  ::-webkit-scrollbar {\n    width: 9px;\n    height: 9px;\n    background-color: var(--scrollbar-bg);\n  }\n\n  html::-webkit-scrollbar,\n  body::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n    background-color: var(--scrollbar-bg);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: var(--scrollbar-thumb);\n    border: 2px solid var(--scrollbar-bg);\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: var(--scrollbar-thumb-hover);\n  }\n`;\n\nexport const InfoAside = styled(BaseWrapper)`\n  --color-primary: var(--color-info-500);\n  --color-background: var(--color-info-100);\n`;\n\nexport const SuccessAside = styled(BaseWrapper)`\n  --color-primary: var(--color-success-500);\n  --color-background: var(--color-success-100);\n`;\n\nexport const WarningAside = styled(BaseWrapper)`\n  --color-primary: var(--color-warning-500);\n  --color-background: var(--color-warning-100);\n`;\n\nexport const QuoteAside = styled(BaseWrapper)`\n  --color-primary: var(--color-info-400);\n  --color-background: var(--color-info-100);\n  font-style: italic;\n  margin-top: 1rem;\n`;\n\nconst Title = styled.strong`\n  display: block;\n  font-size: calc(18 / 16 * 1rem);\n  margin-bottom: 0.5rem;\n  font-weight: var(--font-weight-bold);\n  scroll-margin-top: calc(${HEADER_HEIGHT}rem + 3rem);\n`;\n\nconst IconWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  /* Optical alignment */\n  transform: translate(calc(-50% - 1.5px), -50%);\n  padding: 8px;\n  color: var(--color-primary);\n\n  [data-layout='article'] & {\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE}rem) {\n      display: none;\n    }\n  }\n\n  /* So the funky thing about Tutorials is that when the TOC disappears, we suddenly have much more space, and can fit the icon! So we need to be very selective about our breakpoints */\n  [data-layout='tutorial'] & {\n    @media (max-width: ${ICON_MAX_WIDTH_TUTORIAL}rem) {\n      display: none;\n    }\n    @media (max-width: ${TOC_THRESHOLD}rem) {\n      display: block;\n    }\n    @media (max-width: ${ICON_MAX_WIDTH_ARTICLE}rem) {\n      display: none;\n    }\n  }\n\n  svg {\n    display: block;\n  }\n`;\n\nconst Content = styled.div`\n  /*\n    HACK: So, the code snippets have a 'max-height' when we set 'clampMaxHeight' to true. This causes problems in Flow layout, the recursive height issue.\n\n    Weirdly, this issue isn't present with CSS Grid, presumably because the height is calculated based on the grid row, rather than the parent element? Either way, works great!\n  */\n  display: grid;\n\n  & > *:last-child {\n    margin-bottom: 0;\n  }\n`;\n\nconst DropIn = styled.div`\n  will-change: transform;\n  animation: dropIn 350ms cubic-bezier(0, 0.66, 0.46, 0.98);\n\n  & > *:last-child {\n    margin-bottom: 0;\n  }\n\n  @keyframes dropIn {\n    from {\n      opacity: 0;\n      transform: translateY(-20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0px);\n    }\n  }\n`;\n\nconst ShowMore = styled.button`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--color-text);\n  font-weight: var(--font-weight-bold);\n`;\n\nconst ShowMoreChevron = styled(animated.span)`\n  display: block;\n  height: 20px;\n`;\n\nexport default Aside;\n","'use client';\n\nimport useBrowser from '@/hooks/use-browser';\n\nfunction ExcludingChrome({ children }) {\n  const browser = useBrowser();\n\n  if (browser === 'chrome') {\n    return null;\n  }\n\n  return children;\n}\n\nexport default ExcludingChrome;\n","'use client';\n\nimport useBrowser from '@/hooks/use-browser';\n\nfunction FirefoxOnly({ children }) {\n  const browser = useBrowser();\n\n  if (browser !== 'firefox') {\n    return null;\n  }\n\n  return children;\n}\n\nexport default FirefoxOnly;\n","'use client';\n\nimport useBrowser from '@/hooks/use-browser';\n\nfunction SafariOnly({ children }) {\n  const browser = useBrowser();\n\n  if (browser !== 'safari') {\n    return null;\n  }\n\n  return children;\n}\n\nexport default SafariOnly;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\ninterface Props {\n  children: React.ReactNode;\n}\n\nfunction ClickToReveal({ children }: Props) {\n  const [isRevealed, setIsRevealed] = React.useState(false);\n\n  return (\n    <Wrapper data-is-revealed={isRevealed}>\n      <ChildWrapper>{children}</ChildWrapper>\n      {!isRevealed && (\n        <Button onClick={() => setIsRevealed(true)}>\n          Click to show\n        </Button>\n      )}\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  margin-top: 0.5rem;\n  margin-bottom: 2rem;\n\n  &[data-is-revealed='false'] {\n    border-radius: 8px;\n    border: 1px solid var(--color-gray-300);\n  }\n`;\n\nconst ChildWrapper = styled.div`\n  position: relative;\n  filter: blur(30px);\n  transition: filter 400ms;\n\n  ${Wrapper}[data-is-revealed='true'] & {\n    filter: blur(0px);\n  }\n`;\n\nconst Button = styled.button`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.125rem;\n  font-weight: var(--font-weight-medium);\n  border-radius: 4px;\n  text-shadow:\n    0px 1px 2px var(--color-background),\n    0px 3px 6px var(--color-background);\n`;\n\nexport default ClickToReveal;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\nimport { useSpring, animated } from 'react-spring';\nimport { Clipboard, Check } from 'lucide-react';\n\nimport useBoop from '@/hooks/use-boop';\nimport useHasHydrated from '@/hooks/use-has-hydrated';\n\nimport {\n  InfoAside,\n  WarningAside,\n  SuccessAside,\n} from '@/components/Aside';\nimport VisuallyHidden from '@/components/VisuallyHidden';\nimport Spinner from '@/components/Spinner';\n\nimport AnnotatedContainer from './AnnotatedContainer';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  handleCopy: (copyId: number) => void;\n}\n\nfunction CopyButton({ handleCopy, ...delegated }: Props) {\n  const [copyId, setCopyId] = React.useState<number | null>(null);\n  const [rotation, setRotation] = React.useState(0);\n  const [wrapperStyle, wrapperTrigger] = useBoop({ scale: 1.05 });\n\n  const hasHydrated = useHasHydrated();\n\n  const style = useSpring({\n    transform: `rotate(${rotation}deg)`,\n    config: {\n      tension: 300,\n      friction: 10,\n    },\n  });\n\n  const timeoutId = React.useRef<number>();\n\n  React.useEffect(() => {\n    if (!copyId) {\n      return;\n    }\n\n    // let timeoutId: number;\n    timeoutId.current = window.setTimeout(() => {\n      setCopyId(null);\n    }, 3000);\n\n    return () => {\n      if (timeoutId.current) {\n        window.clearTimeout(timeoutId.current);\n      }\n    };\n  }, [copyId]);\n\n  return (\n    <Wrapper\n      {...delegated}\n      onMouseDown={() => {\n        setRotation(10);\n      }}\n      onMouseEnter={wrapperTrigger}\n      onClick={() => {\n        const newCopyId = Date.now();\n        handleCopy(newCopyId);\n        setRotation(-10);\n\n        window.setTimeout(() => {\n          setRotation(0);\n        }, 150);\n\n        window.setTimeout(() => {\n          setCopyId(newCopyId);\n        }, 0);\n      }}\n    >\n      <IconOuterWrapper style={wrapperStyle}>\n        <IconWrapper style={style}>\n          {/* We never want there to be confusion around whether the app is interactive or not. Render a spinner which will be replaced after hydration */}\n          {hasHydrated ? (\n            <Clipboard size={24} />\n          ) : (\n            <Spinner size={24} />\n          )}\n          <CheckWrapper\n            style={{\n              opacity: copyId ? 1 : 0,\n              transform: copyId ? 'scale(1)' : 'scale(0)',\n            }}\n          >\n            <Check size={12} strokeWidth={4} />\n          </CheckWrapper>\n          <HiddenText>Copy to clipboard</HiddenText>\n        </IconWrapper>\n      </IconOuterWrapper>\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.button`\n  position: sticky;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: var(--copy-button-size);\n  height: var(--copy-button-size);\n  /*\n    --copy-button-sticky-top is used when this code snippet is rendered on a page with a sticky header (eg. within blog posts). It ensures the button appears to stack below the header. It's set in CodeWrapper.\n    --copy-button-margin is the buffer between the copy button and the edge of the snippet. It's defined in CodeWrapper, since it's also used there for some calculations.\n  */\n  top: calc(\n    var(--copy-button-sticky-top, 0px) + var(--copy-button-margin)\n  );\n  transform: translateX(calc(var(--copy-button-margin) * -1));\n  margin-block: var(--copy-button-margin);\n  margin-left: auto;\n  margin-right: 0;\n  border: 1px solid;\n  color: var(--color-gray-800);\n  border-radius: 5px;\n  opacity: 0;\n  transition: opacity 250ms;\n  transition-delay: 1000ms;\n\n  ${AnnotatedContainer}:hover &,\n  &:focus-visible {\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  /*\n    The color mode can be set in two ways:\n    • The global page-level value, on the <html> tag\n    • A local value, on this element via data-locked-to-color-mode\n\n    This complicated selector ensures that we prioritize the local value, while still following the global value otherwise\n  */\n  html[data-color-mode='light']\n    &:not([data-locked-to-color-mode='dark']),\n  &[data-locked-to-color-mode='light'] {\n    background: var(--color-info-300);\n    border-color: var(--color-info-100);\n  }\n  html[data-color-mode='dark']\n    &:not([data-locked-to-color-mode='light']),\n  &[data-locked-to-color-mode='dark'] {\n    background: var(--color-background);\n    border-color: var(--color-gray-200);\n  }\n\n  html[data-color-mode='dark'] ${InfoAside} & {\n    border-color: var(--color-info-300);\n    background: var(--color-info-200);\n  }\n  html[data-color-mode='dark'] ${WarningAside} & {\n    border-color: var(--color-warning-300);\n    background: var(--color-warning-200);\n  }\n  html[data-color-mode='dark'] ${SuccessAside} & {\n    border-color: var(--color-success-300);\n    background: var(--color-success-200);\n  }\n\n  html[data-color-mode='light'] ${InfoAside} & {\n    border-color: var(--color-info-200);\n    background: var(--color-info-300);\n  }\n  html[data-color-mode='light'] ${WarningAside} & {\n    border-color: var(--color-warning-200);\n    background: var(--color-warning-300);\n  }\n  html[data-color-mode='light'] ${SuccessAside} & {\n    border-color: var(--color-success-200);\n    background: var(--color-success-300);\n  }\n`;\n\nconst IconOuterWrapper = styled(animated.span)`\n  display: block;\n  will-change: transform;\n`;\n\nconst IconWrapper = styled(animated.span)`\n  display: block;\n  will-change: transform;\n  transform-origin: 50% 20%;\n\n  svg {\n    display: block;\n  }\n`;\n\nconst CheckWrapper = styled.span`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 2px;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: hsl(180deg 100% 30%);\n  color: oklch(0.59 0.14 194.88);\n  transition:\n    opacity 500ms,\n    transform 650ms;\n  transition-delay: 200ms;\n`;\n\nconst HiddenText = styled(VisuallyHidden)`\n  /* If the user wants to copy the code by selecting all of the stuff inside, we don't want them to also copy the “Copy to clipboard” hidden text: */\n  user-select: none;\n`;\n\nexport default CopyButton;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { ColorMode } from '@/constants';\nimport { copyToClipboard } from '@/utils';\nimport useInterval from '@/hooks/use-interval';\n\nimport CopyButton from './CopyButton';\n\ninterface Props {\n  code: string;\n  lockedToColorMode?: ColorMode | false;\n  children: React.ReactNode;\n}\n\nfunction WithCopyButton({\n  code,\n  lockedToColorMode,\n  children,\n}: Props) {\n  const [copyIds, setCopyIds] = React.useState<Array<number>>([]);\n\n  // Clean up old copy IDs, to prevent infinite memory buildup.\n  useInterval(() => {\n    if (copyIds.length === 0) {\n      return;\n    }\n\n    setCopyIds((currentValue) => {\n      return currentValue.filter((id) => Date.now() - id < 5000);\n    });\n  }, 5000);\n\n  const handleCopy = React.useCallback(() => {\n    copyToClipboard(code);\n    setCopyIds((currentValue) => [...currentValue, Date.now()]);\n  }, [code]);\n\n  return (\n    <>\n      <CopyButton\n        handleCopy={handleCopy}\n        data-locked-to-color-mode={lockedToColorMode}\n      />\n\n      {children}\n\n      {copyIds.map((id) => (\n        <CopyEffectWrapper key={id}>\n          <CopyEffect data-locked-to-color-mode={lockedToColorMode} />\n        </CopyEffectWrapper>\n      ))}\n    </>\n  );\n}\n\nconst CopyEffectWrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  overflow: clip;\n  pointer-events: none;\n`;\n\nconst CopyEffect = styled.div`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to right,\n    transparent 30%,\n    var(--copy-color) 48%,\n    var(--copy-color) 52%,\n    transparent 70%\n  );\n  animation:\n    copy 800ms both ease-in-out,\n    fadeInOut 1000ms ease-in-out both;\n  will-change: transform;\n  mix-blend-mode: var(--blend-mode);\n\n  /*\n    The color mode can be set in two ways:\n    • The global page-level value, on the <html> tag\n    • A local value, on this element via data-locked-to-color-mode\n\n    This complicated selector ensures that we prioritize the local value, while still following the global value otherwise\n  */\n  html[data-color-mode='light']\n    &:not([data-locked-to-color-mode='dark']),\n  &[data-locked-to-color-mode='light'] {\n    --copy-color: hsl(0deg 0% 100% / 0.75);\n    --blend-mode: overlay;\n  }\n  html[data-color-mode='dark']\n    &:not([data-locked-to-color-mode='light']),\n  &[data-locked-to-color-mode='dark'] {\n    --copy-color: hsl(210deg 15% 60% / 0.2);\n    --blend-mode: lighten;\n  }\n\n  @keyframes copy {\n    0% {\n      transform: translateX(-50%);\n    }\n    100% {\n      transform: translateX(50%);\n    }\n  }\n  @keyframes fadeInOut {\n    0% {\n      opacity: 0;\n    }\n    20% {\n      opacity: 1;\n    }\n    60% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n`;\n\nexport default WithCopyButton;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { BREAKPOINTS, HEADER_HEIGHT } from '@/constants';\n\nimport VisuallyHidden from '@/components/VisuallyHidden';\nimport NumberIcon, {\n  type Status,\n} from '@/components/AnimatedIcons/NumberIcon';\n\nexport interface Props {\n  id: string;\n  children: React.ReactNode;\n}\nexport interface BaseHeadingProps extends Props {\n  level: 'h2' | 'h3' | 'h4';\n}\n\nfunction ContentHeading({\n  id,\n  children,\n  level,\n  ...delegated\n}: BaseHeadingProps) {\n  const [status, setStatus] = React.useState<Status>('idle');\n\n  // Manual 'useBoop' logic, since I want to flip the status when the boop ends. If the user stops hovering over the button before the timeout fires, the timeout will be canceled by the cleanup fn.\n  React.useEffect(() => {\n    if (status !== 'booped') {\n      return;\n    }\n\n    const timeoutId = window.setTimeout(() => {\n      setStatus('hovering');\n    }, 150);\n\n    return () => {\n      window.clearTimeout(timeoutId);\n    };\n  });\n\n  // When we render the MDX, we generate unique IDs for each heading. For example, 'Introducing Promises' will get converted to 'introducing-promises-1'. This is to prevent conflicts if two headings share the exact same text.\n  // I *also* want to include an element with the raw ID, without the sequential number, for when I want to link to the heading from an external source (eg. the course platform) and know that the heading content is unique.\n  const rawId = getRawId(id);\n\n  const Wrapper = COMPONENT_MAP[level];\n\n  let iconSize = 21;\n  if (level === 'h3') {\n    iconSize = 18;\n  } else if (level === 'h4') {\n    iconSize = 14;\n  }\n\n  return (\n    <Wrapper\n      {...delegated}\n      id={rawId}\n      data-element-type=\"ContentHeading\"\n    >\n      <Anchor\n        id={id}\n        href={`#${id}`}\n        onMouseEnter={() => setStatus('booped')}\n        onMouseLeave={() => setStatus('idle')}\n        onMouseDown={() => setStatus('pressed')}\n        onMouseUp={() => setStatus('hovering')}\n      >\n        <NumberIcon\n          isEnabled\n          size={iconSize}\n          status={status}\n          accentColor=\"currentColor\"\n        />\n        <VisuallyHidden>Link to this heading</VisuallyHidden>\n      </Anchor>\n      {children}\n    </Wrapper>\n  );\n}\n\nconst getRawId = (id = '') => {\n  const segments = id.split('-');\n\n  return segments.slice(0, segments.length - 1).join('-');\n};\n\n// Weird structure here since I need to map individual components to HTML tags (<h2>, <h3>, etc).\nexport function SectionHeading(props: Props) {\n  return <ContentHeading {...props} level=\"h2\" />;\n}\n\nexport function SectionSubHeading(props: Props) {\n  return <ContentHeading {...props} level=\"h3\" />;\n}\nexport function SectionSubSubHeading(props: Props) {\n  return <ContentHeading {...props} level=\"h4\" />;\n}\n\nconst H2 = styled.h2`\n  --optical-align: 2px;\n  position: relative;\n  font-size: calc(32 / 16 * 1rem);\n  color: var(--color-tertiary);\n  margin-top: 1.5em;\n  margin-bottom: 1em;\n  scroll-margin-top: ${HEADER_HEIGHT + 2}rem;\n`;\nconst H3 = styled.h3`\n  --optical-align: 1px;\n  position: relative;\n  font-size: calc(24 / 16 * 1rem);\n  color: var(--color-gray-900);\n  margin-top: 1.5em;\n  margin-bottom: 0.5em;\n  scroll-margin-top: ${HEADER_HEIGHT + 2}rem;\n\n  /* Sometimes, our SectionHeadings collect several SectionSubHeadings, and there may not be any stuff between the two headings. In that case, they should scooch a bit closer together. */\n  ${H2} + & {\n    margin-top: -0.5rem;\n  }\n`;\nconst H4 = styled.h4`\n  --optical-align: 0px;\n  position: relative;\n  font-size: calc(20 / 16 * 1rem);\n  color: var(--color-gray-900);\n  margin-top: 1em;\n  margin-bottom: 0.5em;\n  scroll-margin-top: ${HEADER_HEIGHT + 2}rem;\n\n  /* Same deal with H3 and H4, as described above in H3*/\n  ${H3} + & {\n    margin-top: -0.325rem;\n  }\n`;\n\nconst COMPONENT_MAP = {\n  h2: H2,\n  h3: H3,\n  h4: H4,\n};\n\nconst Anchor = styled.a`\n  --in-curve: cubic-bezier(0.17, 0.67, 0.47, 1);\n  --out-curve: cubic-bezier(0.61, 0.55, 0.24, 0.97);\n  display: none;\n\n  @media (pointer: fine) and ${BREAKPOINTS.mdAndLarger} {\n    color: inherit;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    margin-top: auto;\n    margin-bottom: auto;\n    width: 2rem;\n    height: 2rem;\n    border-radius: 1000px;\n    transform: translate(-85%, var(--optical-align));\n    transition:\n      opacity 400ms,\n      transform 400ms var(--out-curve);\n    /* Add a delay so that the icon doesn't fade while the user moves the mouse from heading to icon */\n    transition-delay: 250ms;\n    opacity: 0;\n    scroll-margin-top: 128px;\n    will-change: transform;\n\n    [data-element-type='ContentHeading']:hover &,\n    &:focus-visible {\n      opacity: 1;\n      transform: translate(-100%, var(--optical-align));\n      transition:\n        opacity 250ms,\n        transform 250ms var(--in-curve);\n      transition-delay: 0ms;\n    }\n  }\n`;\n\nexport default ContentHeading;\n","import { styled } from '@linaria/react';\n\n// NOTE: This export is used by several files. That's why I moved it to a .helpers module.\nexport const BasicImage = styled.img`\n  display: block;\n  border-radius: 4px;\n  width: 100%;\n  /*\n    This is needed for next/image, to avoid stretching it out.\n    It works (in those situations) because the parent sets an explicit width + aspect-ratio, so the height is known.\n  */\n  height: 100%;\n`;\n","/*\n  NOTE: I probably shouldn't use this in most cases. It's a legacy thing. For new scenarios, I should use `VideoGif` unless I only have a GIF and can't convert to video.\n*/\n'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\nimport { Pause, Play } from 'lucide-react';\n\nimport type { SharedProps } from './ContentImage.types';\nimport { BasicImage } from './ContentImage.helpers';\n\ninterface Props extends SharedProps {\n  src: string;\n  coverSrc: string;\n}\n\nfunction ToggleableGifImage({ src, coverSrc, ...delegated }: Props) {\n  const [isPaused, setIsPaused] = React.useState<boolean>(false);\n  const [showControls, setShowControls] =\n    React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    // If the user prefers reduced motion and a cover image is provided, we’ll render the cover image by default.\n    const prefersReducedMotion = !window.matchMedia(\n      '(prefers-reduced-motion: no-preference)'\n    ).matches;\n\n    if (prefersReducedMotion) {\n      setIsPaused(true);\n      setShowControls(true);\n    }\n  }, [coverSrc]);\n\n  function handleTogglePlaying(method: 'pointer' | 'keyboard') {\n    if (isPaused) {\n      setIsPaused(false);\n\n      // Clicking the play button should hide the controls, but we shouldn't do this for keyboard users, since it would be strange to have the currently-focused element become invisible.\n      if (method === 'pointer') {\n        setShowControls(false);\n      }\n    } else {\n      setIsPaused(true);\n\n      if (method === 'pointer') {\n        setShowControls(true);\n      }\n    }\n  }\n\n  return (\n    <>\n      <BasicImage src={isPaused ? coverSrc : src} {...delegated} />\n      <PlayButton\n        style={{ opacity: showControls ? 1 : 0 }}\n        onClick={() => {\n          handleTogglePlaying('pointer');\n        }}\n        onKeyDown={(event) => {\n          event.preventDefault();\n          if (event.code === 'Enter' || event.code === 'Space') {\n            handleTogglePlaying('keyboard');\n          }\n        }}\n        onFocus={() => setShowControls(true)}\n        onBlur={() => {\n          if (!isPaused) {\n            setShowControls(false);\n          }\n        }}\n      >\n        <IconWrapper>\n          {isPaused ? (\n            <Play\n              size={20}\n              // Optical alignment\n              style={{ transform: 'translateX(2px)' }}\n            />\n          ) : (\n            <Pause size={20} />\n          )}\n        </IconWrapper>\n      </PlayButton>\n    </>\n  );\n}\n\nconst PlayButton = styled.button`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  padding: 8px;\n  background: hsl(0deg 0% 0% / 0.3);\n  color: white;\n  transition: opacity 400ms;\n  border-radius: 4px;\n`;\n\nconst IconWrapper = styled.span`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px;\n  background: hsl(0deg 0% 0% / 0.4);\n  border-radius: 1000px;\n`;\n\nexport default ToggleableGifImage;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { BREAKPOINTS } from '@/constants';\nimport {\n  LIGHT_COLORS_RAW,\n  DARK_COLORS_RAW,\n  vals,\n} from '@/constants/colors';\nimport {\n  useNewsletterSignup,\n  useConfetti,\n} from '@/helpers/newsletter.helpers';\n\nimport TextInput from '@/components/TextInput';\nimport Spinner from '@/components/Spinner';\nimport Paragraph from '@/components/Paragraph';\nimport Spicy from '@/components/Spicy';\nimport SubscribeError from '@/components/SubscribeError';\nimport ButtonRainbow from '@/components/ButtonRainbow';\nimport Sparkles from '@/components/Sparkles';\nimport SubscribeGeyser from '@/components/SubscribeGeyser';\n\nfunction ContentNewsletterSignup() {\n  const {\n    confettiStatus,\n    handleLoadConfetti,\n    handleTriggerConfetti,\n  } = useConfetti();\n\n  const {\n    status,\n    emailFields,\n    error,\n    numOfEncounteredErrors,\n    emailId,\n    honeypotElem,\n    handleSubmit,\n  } = useNewsletterSignup({\n    tags: ['primaryNewsletter'],\n    formName: 'primaryNewsletter',\n    callbacks: {\n      onStart: handleLoadConfetti,\n      onSuccess: handleTriggerConfetti,\n    },\n  });\n\n  return (\n    <Wrapper>\n      <SubscribeGeyser status={confettiStatus} mode=\"burst\" />\n\n      {status === 'success' ? (\n        <SuccessWrapper>\n          <Column>\n            <Description>\n              <Spicy style={{ color: 'var(--color-primary)' }}>\n                Success!\n              </Spicy>{' '}\n              Please check your email. In a moment, you’ll receive a\n              welcome message including the{' '}\n              <Sparkles colors={['var(--color-sparkle)']}>\n                “Jerica Starter Pack”\n              </Sparkles>\n              .\n            </Description>\n          </Column>\n          <JericaWrapper>\n            <Jerica alt=\"\" src=\"/email/josh-decapitated.png\" />\n          </JericaWrapper>\n        </SuccessWrapper>\n      ) : (\n        <>\n          <Form onSubmit={handleSubmit}>\n            {honeypotElem}\n\n            <Column>\n              <EmailLabel htmlFor={emailId}>\n                Your email address:\n              </EmailLabel>\n\n              <EmailInput id={emailId} {...emailFields} />\n            </Column>\n\n            <SubmitButton data-disabled={status === 'submitting'}>\n              {status === 'submitting' ? <Spinner /> : 'Subscribe!'}\n            </SubmitButton>\n          </Form>\n\n          <ErrorMessage\n            status={status}\n            error={error}\n            errorMinHeight=\"5.28125rem\"\n            numOfEncounteredErrors={numOfEncounteredErrors}\n          />\n        </>\n      )}\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  padding: calc(var(--viewport-padding) * 1);\n  margin-inline: calc(var(--viewport-padding) * -1);\n  margin-block: 1rem 2rem;\n  border-radius: 6px;\n  background: var(--syntax-bg);\n  transition: background var(--color-swap-duration);\n  outline: 1px solid var(--color-content-outline);\n  outline-offset: -1px;\n`;\n\nconst Description = styled(Paragraph)`\n  &:last-child {\n    margin-bottom: 0;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  align-items: flex-end;\n  gap: 16px;\n\n  @media (max-width: 25rem) {\n    flex-direction: column;\n    align-items: stretch;\n  }\n`;\n\nconst Column = styled.div`\n  flex: 1;\n`;\n\nconst EmailLabel = styled.label`\n  display: block;\n  margin-bottom: 4px;\n  font-size: 1.125rem;\n  font-weight: var(--font-weight-medium);\n`;\n\nconst EmailInput = styled(TextInput)`\n  display: block;\n  width: 100%;\n  height: 3rem;\n  font-size: 1.125rem;\n  outline-offset: 0px;\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\nconst SubmitButton = styled(ButtonRainbow)`\n  --poofy-dark: hsl(230deg 50% 24%);\n  --poofy-light: hsl(260deg 80% 40%);\n  min-width: 9rem;\n  min-height: 3rem !important;\n\n  @media (max-width: 25rem) {\n    height: 4rem;\n    margin-left: -2px;\n    margin-right: -2px;\n  }\n`;\n\nconst ErrorMessage = styled(SubscribeError)`\n  --color-primary: var(--color-error);\n  display: block;\n  margin-top: 2.25rem;\n  color: var(--color-error);\n\n  p {\n    font-size: 1rem;\n    text-align: center;\n    text-wrap: balance;\n\n    &:not(:last-child) {\n      margin-bottom: 0.5em;\n    }\n  }\n`;\n\nconst SuccessWrapper = styled.div`\n  --color-background-values: ${vals(LIGHT_COLORS_RAW.syntaxBg)};\n  --color-primary: oklch(0.55 0.23 146.17);\n  --color-sparkle: oklch(0.73 0.32 145.89);\n\n  position: relative;\n  /* Make space for the absolutely-positioned mascot: */\n  padding-right: 7rem;\n  animation: fadeIn 1250ms;\n\n  html[data-color-mode='dark'] & {\n    --color-background-values: ${vals(DARK_COLORS_RAW.syntaxBg)};\n    --color-primary: oklch(0.88 0.21 92.28);\n    --color-sparkle: oklch(0.9 0.21 96.53);\n  }\n\n  /*\n    We remove mascot on smaller screens, so we should also remove the exaggerated padding.\n  */\n  @media (max-width: 28rem) {\n    padding-right: 0;\n  }\n`;\n\nconst JericaWrapper = styled.div`\n  position: absolute;\n  right: calc(var(--viewport-padding) * -1 + 4px);\n  /* Sit above the content outline in dark mode: */\n  bottom: 1px;\n  width: 137.5px;\n  margin-bottom: calc(var(--viewport-padding) * -1);\n  overflow: hidden;\n  overflow: clip;\n  user-select: none;\n\n  @media (max-width: 28rem) {\n    display: none;\n  }\n\n  mask-image: linear-gradient(\n    to top,\n    hsl(0deg 0% 100% / 0) 0%,\n    hsl(0deg 0% 100% / 0.013) 2.6px,\n    hsl(0deg 0% 100% / 0.049) 5px,\n    hsl(0deg 0% 100% / 0.104) 7.2px,\n    hsl(0deg 0% 100% / 0.175) 9.3px,\n    hsl(0deg 0% 100% / 0.259) 11.2px,\n    hsl(0deg 0% 100% / 0.352) 13.1px,\n    hsl(0deg 0% 100% / 0.45) 15.1px,\n    hsl(0deg 0% 100% / 0.55) 16.9px,\n    hsl(0deg 0% 100% / 0.648) 18.8px,\n    hsl(0deg 0% 100% / 0.741) 20.7px,\n    hsl(0deg 0% 100% / 0.825) 22.7px,\n    hsl(0deg 0% 100% / 0.896) 24.8px,\n    hsl(0deg 0% 100% / 0.951) 27px,\n    hsl(0deg 0% 100% / 0.987) 29.4px,\n    hsl(0deg 0% 100%) 32px\n  );\n`;\n\nconst Jerica = styled.img`\n  display: block;\n  width: 100%;\n  height: 100%;\n\n  animation:\n    fadeIn 400ms 300ms backwards,\n    riseIn 800ms 300ms backwards cubic-bezier(0.17, 0.67, 0.49, 0.99);\n\n  @keyframes riseIn {\n    from {\n      opacity: 0;\n      transform: translateY(16px);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n\nexport default ContentNewsletterSignup;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport FadeOnChange from '@/components/FadeOnChange';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  initialValue?: string;\n  values: Array<string>;\n}\n\ntype Status = 'initial' | 'running';\n\nfunction CycleTextOnClick({\n  initialValue = '________',\n  values,\n  onClick,\n  ...rest\n}: Props) {\n  const [currentIndex, setCurrentIndex] = React.useState<number>(-1);\n  const [status, setStatus] = React.useState<Status>('initial');\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  const children =\n    status === 'initial' ? initialValue : values[currentIndex];\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      onClick={(ev) => {\n        if (onClick) {\n          onClick(ev);\n        }\n\n        if (status === 'initial') {\n          setStatus('running');\n        }\n\n        setCurrentIndex((currentIndex + 1) % values.length);\n      }}\n    >\n      <FadeOnChange changeKey={children}>{children}</FadeOnChange>\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.button`\n  display: inline;\n`;\n\nexport default React.memo(CycleTextOnClick);\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport Button from '@/components/LegacyButton';\nimport Spacer from '@/components/Spacer';\n\nconst EpilepsyWarning = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const [reveal, setReveal] = React.useState(false);\n\n  if (!reveal) {\n    return (\n      <DefaultWrapper>\n        <p>\n          <strong>Warning:</strong> This GIF includes flickering\n          motion that may potentially trigger seizures for people with\n          photosensitive epilepsy.\n        </p>\n        <Spacer size={32} />\n        <Button onClick={() => setReveal(true)}>Reveal</Button>\n      </DefaultWrapper>\n    );\n  }\n\n  return children;\n};\n\nconst DefaultWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border: 1px solid var(--color-gray-300);\n  padding: 16px;\n  margin-bottom: 32px;\n\n  p {\n    font-size: 1.125rem;\n    max-width: 37.5rem;\n    margin: auto;\n    text-align: center;\n    text-wrap: balance;\n  }\n`;\n\nexport default EpilepsyWarning;\n","'use client';\n\nimport { styled } from '@linaria/react';\n\nimport useOperatingSystem from '@/hooks/use-operating-system';\n\nfunction MetaKey() {\n  const os = useOperatingSystem();\n\n  return os === 'mac' ? <Balloon>⌘</Balloon> : 'Ctrl';\n}\n\n// The “⌘” symbol is a little undersized on macOS. Scale it up a bit:\nconst Balloon = styled.span`\n  display: inline-block;\n  transform: scale(1.15);\n`;\n\nexport default MetaKey;\n","'use client';\n\nimport useOperatingSystem from '@/hooks/use-operating-system';\n\nfunction OptionAltKey() {\n  const os = useOperatingSystem();\n\n  return os === 'mac' ? '⌥' : 'Alt';\n}\n\nexport default OptionAltKey;\n","'use client';\n\nimport useOperatingSystem from '@/hooks/use-operating-system';\n\nfunction OptionShiftKey() {\n  const os = useOperatingSystem();\n\n  return os === 'mac' ? '⌥' : 'Shift';\n}\n\nexport default OptionShiftKey;\n","import * as React from 'react';\nimport { styled } from '@linaria/react';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  disabled?: boolean;\n  type?: 'subtle' | 'default';\n}\n\nconst LegacyButton = ({ type, ...delegated }: Props) => {\n  const Component = type === 'subtle' ? SubtleButton : DefaultButton;\n\n  return <Component {...delegated} />;\n};\n\nconst BaseButton = styled.button`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 3px;\n\n  &:disabled {\n    opacity: 0.5;\n  }\n`;\n\nconst SubtleButton = styled(BaseButton)`\n  height: 28px;\n  padding: 0 16px;\n  background: var(--color-gray-100);\n  color: var(--color-text);\n  transition: background 200ms;\n\n  &:hover {\n    background: var(--color-gray-200);\n  }\n`;\n\nconst DefaultButton = styled.button`\n  color: white;\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);\n  font-size: 18px;\n  min-height: 50px;\n  padding: 0 48px;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--color-primary);\n  border-radius: 5px;\n  transition:\n    transform 250ms,\n    filter 250ms;\n  will-change: transform;\n\n  html[data-color-mode='dark'] & {\n    background: var(--color-gray-200);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n  }\n  &:not(:disabled):hover {\n    filter: hue-rotate(4deg) saturate(120%) brightness(120%);\n  }\n\n  &:not(:disabled):active {\n    transform: scale(0.95);\n    transition:\n      transform 32ms,\n      filter 250ms;\n  }\n`;\n\nexport default LegacyButton;\n","export { default } from './LegacyButton';\n","/*\n  Sometimes, in blog posts, I want to demo the TextLink component I use, but I don't want it to *actually* function as a link. This requires adding an `onClick` event handler to prevent the default behaviour, which can only be done in Client Components.\n\n  This tiny component tackles that.\n*/\n'use client';\n\nimport * as React from 'react';\n\nimport TextLink from './TextLink';\n\nfunction UnclickableLink(\n  props: React.HTMLAttributes<HTMLAnchorElement>\n) {\n  return (\n    <TextLink\n      {...props}\n      onClick={(ev) => {\n        ev.preventDefault();\n        ev.stopPropagation();\n      }}\n    />\n  );\n}\n\nexport default UnclickableLink;\n","/*\n  This component works by changing the background color of the <html> element, so that when the user tries to scroll beyond the page bounds, the correct color is shown.\n\n  It only sets a single color for both top and bottom, because the alternative is a flickery mess.\n\n  This *could* be a custom hook, but then the parent component would need to become a Client Component, and I generally want to manage overscroll colors at the page level. So I'm keeping it as a component for now.\n*/\n'use client';\n\nimport * as React from 'react';\n\nimport { useColorMode } from '@/components/UserPreferencesProvider';\n\ninterface Props {\n  color?: string;\n  lightColor?: string;\n  darkColor?: string;\n}\n\nfunction OverscrollColor({ color, lightColor, darkColor }: Props) {\n  const colorMode = useColorMode();\n\n  React.useEffect(() => {\n    let actualColor = color;\n    if (colorMode === 'light' && lightColor) {\n      actualColor = lightColor;\n    } else if (colorMode === 'dark' && darkColor) {\n      actualColor = darkColor;\n    }\n\n    if (!actualColor) {\n      return;\n    }\n\n    document.documentElement.style.setProperty(\n      'background',\n      actualColor\n    );\n  }, [color, lightColor, darkColor, colorMode]);\n\n  // When the component unmounts, unset the background color\n  React.useEffect(() => {\n    return () => {\n      document.documentElement.style.removeProperty('background');\n    };\n  }, []);\n\n  return null;\n}\n\nexport default OverscrollColor;\n","'use client';\n\nimport dynamic from 'next/dynamic';\n\nexport default dynamic(() => import('./Playground'));\n","'use client';\n\nimport React from 'react';\n\nimport useIsOnscreen from '@/hooks/use-is-onscreen';\n\ninterface Props extends React.HTMLAttributes<HTMLElement> {\n  height: number;\n  as?: React.ElementType;\n  keepOnceShown?: boolean;\n  children: React.ReactNode;\n}\n\nconst RenderWhenOnscreen = ({\n  height,\n  children,\n  as = 'div',\n  keepOnceShown,\n  style = {},\n}: Props) => {\n  const ref = React.useRef(null);\n  const [hasBeenShown, setHasBeenShown] = React.useState(false);\n\n  const isOnscreen = useIsOnscreen(ref);\n\n  const hasBeenShownRef =\n    React.useRef<typeof hasBeenShown>(hasBeenShown);\n  hasBeenShownRef.current = hasBeenShown;\n\n  React.useEffect(() => {\n    if (!hasBeenShownRef.current && isOnscreen) {\n      setHasBeenShown(true);\n    }\n  }, [isOnscreen]);\n\n  const shouldRender = keepOnceShown\n    ? isOnscreen || hasBeenShown\n    : isOnscreen;\n\n  return React.createElement(\n    as,\n    {\n      ref,\n      style: { minHeight: height, ...style },\n    },\n    shouldRender ? children : null\n  );\n};\n\nexport default RenderWhenOnscreen;\n","'use client';\n\nimport dynamic from 'next/dynamic';\n\nconst LazySandbox = dynamic(() => import('./Sandbox'), {\n  ssr: true,\n});\n\nexport default LazySandbox;\n","import { generateId, random, sample } from '@/utils';\n\nexport type GeneratePosition = (size: number) => React.CSSProperties;\n\nexport interface SparkleType {\n  id: string;\n  color: string;\n  size: number;\n  numOfPoints?: number;\n  createdAt: number;\n  style: React.CSSProperties;\n}\n\nexport const defaultGeneratePosition: GeneratePosition = (\n  size: number\n) => {\n  let style: React.CSSProperties = {};\n  style.left = random(0, 100) + '%';\n  style.zIndex = sample([1, 3])[0];\n\n  if (Math.random() > 0.5) {\n    style.top = size * 0.5;\n  } else {\n    style.bottom = -size * 0.5;\n  }\n\n  return style;\n};\n\nexport const generateSparkle = (\n  colors: Array<string>,\n  minSize: number,\n  maxSize: number,\n  generatePosition: GeneratePosition\n): SparkleType => {\n  const size = random(minSize, maxSize);\n\n  return {\n    id: generateId(),\n    color: sample(colors)[0],\n    size,\n    numOfPoints: 4,\n    createdAt: Date.now(),\n    style: generatePosition(size),\n  };\n};\n","'use client';\n\nimport React from 'react';\nimport { styled } from '@linaria/react';\n\nimport useSound from '@/hooks/use-sound';\nimport useIsOnscreen from '@/hooks/use-is-onscreen';\nimport usePrefersReducedMotion from '@/hooks/use-prefers-reduced-motion';\nimport useRandomInterval from '@/hooks/use-random-interval';\n\nimport {\n  defaultGeneratePosition,\n  generateSparkle,\n  SparkleType,\n  GeneratePosition,\n} from './Sparkles.helpers';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  rate?: number;\n  variance?: number;\n  minSize?: number;\n  maxSize?: number;\n  colors?: Array<string>;\n  children: React.ReactNode;\n  isToggleable?: boolean;\n  style?: React.CSSProperties;\n  generatePosition?: GeneratePosition;\n  delayBy?: number;\n}\n\nfunction Sparkles({\n  rate = 250,\n  variance = 200,\n  minSize = 10,\n  maxSize = 20,\n  colors = ['#FFC700'],\n  children,\n  isToggleable = true,\n  style = {},\n  generatePosition = defaultGeneratePosition,\n  delayBy = 0,\n  ...delegated\n}: Props) {\n  const [sparkles, setSparkles] = React.useState<Array<SparkleType>>(\n    () => []\n  );\n  const [hasDelayElapsed, setHasDelayElapsed] = React.useState(\n    delayBy === 0\n  );\n\n  const [isEnabled, setIsEnabled] = React.useState(true);\n  const ref = React.useRef<HTMLButtonElement>();\n  const isOnscreen = useIsOnscreen(ref);\n\n  const [playOn] = useSound('/sounds/switch-on.mp3');\n  const [playOff] = useSound('/sounds/switch-off.mp3');\n\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const shouldAnimate = hasDelayElapsed && !prefersReducedMotion;\n\n  useRandomInterval(\n    () => {\n      if (!isOnscreen || !isEnabled) {\n        return;\n      }\n\n      const sparkle = generateSparkle(\n        colors,\n        minSize,\n        maxSize,\n        generatePosition\n      );\n\n      const now = Date.now();\n\n      const nextSparkles = sparkles.filter((sp) => {\n        const delta = now - sp.createdAt;\n        return delta < 1000;\n      });\n\n      nextSparkles.push(sparkle);\n\n      setSparkles(nextSparkles);\n    },\n    shouldAnimate ? rate - variance : null,\n    shouldAnimate ? rate + variance : null\n  );\n\n  React.useEffect(() => {\n    if (!delayBy) {\n      return;\n    }\n\n    const timeoutId = window.setTimeout(\n      () => setHasDelayElapsed(true),\n      delayBy\n    );\n\n    return () => {\n      window.clearTimeout(timeoutId);\n    };\n  }, [delayBy]);\n\n  return (\n    <Wrapper\n      // Silly Linaria ref confusion!\n      // @ts-ignore\n      ref={ref}\n      as={isToggleable ? 'button' : 'span'}\n      onClick={() => {\n        if (!isToggleable) {\n          return;\n        }\n        setIsEnabled(!isEnabled);\n\n        if (isEnabled) {\n          playOff();\n        } else {\n          playOn();\n        }\n      }}\n      style={{\n        ...style,\n        cursor: isToggleable ? 'pointer' : 'revert',\n      }}\n      {...delegated}\n    >\n      {sparkles.map((sparkle) => (\n        <Sparkle\n          key={sparkle.id}\n          color={sparkle.color}\n          size={sparkle.size}\n          numOfPoints={sparkle.numOfPoints}\n          style={sparkle.style}\n        />\n      ))}\n      <ChildWrapper>{children}</ChildWrapper>\n    </Wrapper>\n  );\n}\n\nfunction Sparkle({\n  size,\n  color,\n  style,\n  numOfPoints = 4,\n}: Omit<SparkleType, 'id' | 'createdAt'>) {\n  const path =\n    numOfPoints === 4\n      ? 'M92 0C92 0 96 63.4731 108.263 75.7365C120.527 88 184 92 184 92C184 92 118.527 98 108.263 108.263C98 118.527 92 184 92 184C92 184 86.4731 119 75.7365 108.263C65 97.5269 0 92 0 92C0 92 63.9731 87.5 75.7365 75.7365C87.5 63.9731 92 0 92 0Z'\n      : 'M34 0C34 0 33.4886 20.0074 41.7749 26.3376C50.0612 32.6678 68 25.9737 68 25.9737C68 25.9737 49.7451 31.6449 46.58 41.8873C43.4149 52.1298 55.0132 68 55.0132 68C55.0132 68 44.2424 51.4976 34 51.4976C23.7576 51.4976 12.9868 68 12.9868 68C12.9868 68 24.5851 52.1298 21.42 41.8873C18.2549 31.6449 0 25.9737 0 25.9737C0 25.9737 17.9388 32.6678 26.2251 26.3376C34.5114 20.0074 34 0 34 0Z';\n\n  return (\n    <SparkleWrapper style={style}>\n      <SparkleSvg\n        width={size}\n        height={size}\n        viewBox=\"0 0 184 184\"\n        fill=\"none\"\n      >\n        <path d={path} fill={color} />\n      </SparkleSvg>\n    </SparkleWrapper>\n  );\n}\n\nconst Wrapper = styled.button`\n  display: inline-block;\n  position: relative;\n  color: inherit;\n  font-weight: var(--font-weight-medium);\n  text-shadow:\n    0px 0px 3px var(--color-background),\n    1px 1px 1px var(--color-background);\n\n  /*\n    We use z-index to have the sparkles sit randomly either in front of or behind \"ChildWrapper\". Flatten this whole thing so we don't spill z-index beyond this component.\n    */\n  isolation: isolate;\n`;\n\nconst SparkleWrapper = styled.span`\n  position: absolute;\n  display: block;\n  pointer-events: none;\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: comeInOut 900ms forwards;\n  }\n\n  @keyframes comeInOut {\n    0% {\n      transform: translate3d(-50%, -50%, 0) scale(0);\n    }\n    50% {\n      transform: translate3d(-50%, -50%, 0) scale(1);\n    }\n    100% {\n      transform: translate3d(-50%, -50%, 0) scale(0);\n    }\n  }\n`;\n\nconst SparkleSvg = styled.svg`\n  display: block;\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: spin 1000ms linear;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(100deg);\n    }\n  }\n`;\n\nconst ChildWrapper = styled.strong`\n  position: relative;\n  z-index: 2;\n  font-weight: inherit;\n`;\n\nexport default Sparkles;\n","export { default } from './Sparkles';\n","import { styled } from '@linaria/react';\n\ninterface Props extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: string;\n  children: React.ReactNode;\n}\n\nfunction Spicy({\n  color = 'inherit',\n  children,\n  style = {},\n  ...delegated\n}: Props) {\n  return (\n    <Wrapper style={{ color, ...style }} {...delegated}>\n      {children}\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.em`\n  font-family: var(--font-family-spicy);\n  letter-spacing: -0.25px;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport default Spicy;\n","export { default } from './Spicy';\n","import * as React from 'react';\nimport { styled } from '@linaria/react';\n\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\n  wrapperProps?: React.HTMLAttributes<HTMLDivElement>;\n}\n\nfunction TextInput({ wrapperProps, ...delegated }: Props) {\n  return (\n    <Wrapper {...wrapperProps}>\n      <Input {...delegated} />\n      <Border />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  --inset-by: 2px;\n\n  position: relative;\n  /* When this is placed in a flex container, we probably want it to grow. If not, override with 'wrapperProps.style' */\n  flex-grow: 1;\n`;\n\nconst Input = styled.input`\n  width: 100%;\n  height: 3rem;\n  padding: 0;\n  padding-inline: var(--inset-by);\n  margin-inline: calc(var(--inset-by) * -1);\n  border: none;\n  /* Border isn't visible, but it affects focus outline */\n  border-radius: 2px;\n  font-size: inherit;\n  background: transparent;\n  color: var(--color-text);\n\n  &:focus-visible {\n    outline-color: var(--color-primary);\n    outline-offset: 4px;\n  }\n`;\n\nconst Border = styled.div`\n  position: absolute;\n  left: calc(var(--inset-by) * -1);\n  right: calc(var(--inset-by) * -1);\n  bottom: 0;\n  width: 100%;\n  height: 4px;\n  background: var(--color-text);\n  border-radius: 4px 4px 10px 10px;\n  transform: scaleY(0.5);\n  transform-origin: bottom center;\n  transition: transform 400ms;\n\n  ${Wrapper}:has(${Input}:focus) & {\n    transform: scaleY(1);\n    transition: transform 250ms;\n  }\n`;\n\nexport default TextInput;\n","export { default } from './TextInput';\n","'use client';\n\nimport dynamic from 'next/dynamic';\n\nconst LazyTimeRemaining = dynamic(() => import('./TimeRemaining'));\n\nexport default LazyTimeRemaining;\n","import * as React from 'react';\n\ntype OperatingSystem =\n  | 'mac'\n  | 'windows'\n  | 'linux'\n  | 'ios'\n  | 'android'\n  | null;\n\nexport default function useOperatingSystem(): OperatingSystem {\n  const [operatingSystem, setOS] =\n    React.useState<OperatingSystem>(null);\n\n  React.useEffect(() => {\n    setOS(detectOperatingSystem());\n  }, []);\n\n  return operatingSystem;\n}\n\nfunction detectOperatingSystem() {\n  // Allow me to test different operating systems with a query parameter\n  const urlParams = new URLSearchParams(window.location.search);\n  const osOverride = urlParams.get('pretend-os') as OperatingSystem;\n\n  if (osOverride) {\n    return osOverride;\n  }\n\n  let platformString =\n    // @ts-ignore\n    window.navigator?.userAgentData?.platform || navigator.platform;\n\n  if (!platformString) {\n    return null;\n  }\n\n  // force lowercase, since there's an inconsistency in the  userAgentData.platform\n  platformString = platformString.toLowerCase();\n\n  // `navigator.platform` can contain things like \"macIntel\" or \"Win32\". We want to standardize all the sub-versions.\n  if (platformString.match(/mac/i)) {\n    return 'mac';\n  } else if (platformString.match(/win/i)) {\n    return 'windows';\n  } else if (platformString.match(/linux/i)) {\n    return 'linux';\n  } else if (platformString.match(/iP/i)) {\n    return 'ios';\n  } else if (platformString.match(/android/i)) {\n    return 'android';\n  }\n\n  return null;\n}\n","import React from 'react';\n\nimport { random } from '@/utils';\n\nfunction useRandomInterval(\n  callback: () => any,\n  minDelay: number | null,\n  maxDelay: number | null\n) {\n  const timeoutId = React.useRef<number | null>(null);\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  React.useEffect(() => {\n    let isEnabled =\n      typeof minDelay === 'number' && typeof maxDelay === 'number';\n\n    if (isEnabled) {\n      const handleTick = () => {\n        // Weirdly, TS requires yet another check\n        if (\n          typeof minDelay !== 'number' ||\n          typeof maxDelay !== 'number'\n        ) {\n          return;\n        }\n\n        const nextTickAt = random(minDelay, maxDelay);\n        timeoutId.current = window.setTimeout(() => {\n          savedCallback.current();\n          handleTick();\n        }, nextTickAt);\n      };\n      handleTick();\n    }\n\n    return () => {\n      if (typeof timeoutId.current === 'number') {\n        window.clearTimeout(timeoutId.current);\n      }\n    };\n  }, [minDelay, maxDelay]);\n\n  const cancel = React.useCallback(function () {\n    if (typeof timeoutId.current === 'number') {\n      window.clearTimeout(timeoutId.current);\n    }\n  }, []);\n  return cancel;\n}\n\nexport default useRandomInterval;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"l1etwsvd\":\"l1etwsvd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"b1btlj5u\":\"b1btlj5u\",\"i6el1g6\":\"i6el1g6\",\"shfe3ke\":\"shfe3ke\",\"wcnkszl\":\"wcnkszl\",\"qpn37d3\":\"qpn37d3\",\"t1xqw7pl\":\"t1xqw7pl\",\"iohjz9i\":\"iohjz9i\",\"c690lmu\":\"c690lmu\",\"do01eya\":\"do01eya\",\"dropIn-do01eya\":\"dropIn-do01eya\",\"s1bngg04\":\"s1bngg04\",\"s1isdau\":\"s1isdau\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dwkrqh8\":\"dwkrqh8\",\"wsget5k\":\"wsget5k\",\"w1jb6mm2\":\"w1jb6mm2\",\"f1dj028m\":\"f1dj028m\",\"m1m3o2ch\":\"m1m3o2ch\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sl0r50n\":\"sl0r50n\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"s1kdr47h\":\"s1kdr47h\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"q46qjlq\":\"q46qjlq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cffclov\":\"cffclov\",\"w1jiicel\":\"w1jiicel\",\"a1ni5s6f\":\"a1ni5s6f\",\"e2cu4f7\":\"e2cu4f7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w12kxl7t\":\"w12kxl7t\",\"bjhwkgt\":\"bjhwkgt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w740aet\":\"w740aet\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1eoqlz5\":\"w1eoqlz5\",\"c1tqnlx5\":\"c1tqnlx5\",\"b181kr0h\":\"b181kr0h\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ae97emi\":\"ae97emi\",\"line\":\"line\",\"b1btlj5u\":\"b1btlj5u\",\"highlighted\":\"highlighted\",\"i6el1g6\":\"i6el1g6\",\"wcnkszl\":\"wcnkszl\",\"shfe3ke\":\"shfe3ke\",\"faded\":\"faded\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"c1qvfy1x\":\"c1qvfy1x\",\"shiki\":\"shiki\",\"coaxrjn\":\"coaxrjn\",\"b1btlj5u\":\"b1btlj5u\",\"i6el1g6\":\"i6el1g6\",\"wcnkszl\":\"wcnkszl\",\"shfe3ke\":\"shfe3ke\",\"qpn37d3\":\"qpn37d3\",\"w1ey322x\":\"w1ey322x\",\"w19zxykk\":\"w19zxykk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wqxmqd2\":\"wqxmqd2\",\"ae97emi\":\"ae97emi\",\"i6el1g6\":\"i6el1g6\",\"wcnkszl\":\"wcnkszl\",\"shfe3ke\":\"shfe3ke\",\"i1htlkn0\":\"i1htlkn0\",\"i14jtb2i\":\"i14jtb2i\",\"c6am5ut\":\"c6am5ut\",\"haso6lc\":\"haso6lc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"c1vmthmn\":\"c1vmthmn\",\"c1dh3hvu\":\"c1dh3hvu\",\"copy-c1dh3hvu\":\"copy-c1dh3hvu\",\"fadeInOut-c1dh3hvu\":\"fadeInOut-c1dh3hvu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"e3csu11\":\"e3csu11\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fegvmv9\":\"fegvmv9\",\"t1e31uhj\":\"t1e31uhj\",\"a1perbvc\":\"a1perbvc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"hrk0sy8\":\"hrk0sy8\",\"h1uetiv1\":\"h1uetiv1\",\"htez0t9\":\"htez0t9\",\"aax5dne\":\"aax5dne\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"b12d6d7k\":\"b12d6d7k\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fb6c143\":\"fb6c143\",\"w1nyp16l\":\"w1nyp16l\",\"b1btlj5u\":\"b1btlj5u\",\"w15kg74w\":\"w15kg74w\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dr9m3ar\":\"dr9m3ar\",\"l86rbd0\":\"l86rbd0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"plw5mn1\":\"plw5mn1\",\"idhf63u\":\"idhf63u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1gbhkw4\":\"w1gbhkw4\",\"dass01i\":\"dass01i\",\"f4mf006\":\"f4mf006\",\"c1piwuqy\":\"c1piwuqy\",\"e3202yn\":\"e3202yn\",\"e10e8msq\":\"e10e8msq\",\"s1h7xk2d\":\"s1h7xk2d\",\"ert9fks\":\"ert9fks\",\"s1bzmr8\":\"s1bzmr8\",\"fadeIn\":\"fadeIn\",\"jq1g2fe\":\"jq1g2fe\",\"juyxxjk\":\"juyxxjk\",\"riseIn-juyxxjk\":\"riseIn-juyxxjk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wi3e7ul\":\"wi3e7ul\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wt4tu36\":\"wt4tu36\",\"b1btlj5u\":\"b1btlj5u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"danxv3u\":\"danxv3u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"i165vvr1\":\"i165vvr1\",\"i6el1g6\":\"i6el1g6\",\"shfe3ke\":\"shfe3ke\",\"wcnkszl\":\"wcnkszl\",\"p1lgzcrp\":\"p1lgzcrp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"b1nf258u\":\"b1nf258u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"b1hicdhz\":\"b1hicdhz\",\"s1d97rn4\":\"s1d97rn4\",\"dm6h1jw\":\"dm6h1jw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w6stj26\":\"w6stj26\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w15kg74w\":\"w15kg74w\",\"b1btlj5u\":\"b1btlj5u\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w63nc6t\":\"w63nc6t\",\"siiltb3\":\"siiltb3\",\"comeInOut-siiltb3\":\"comeInOut-siiltb3\",\"s1cjatg0\":\"s1cjatg0\",\"spin-s1cjatg0\":\"spin-s1cjatg0\",\"c1bzoc0q\":\"c1bzoc0q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"slo7d8\":\"slo7d8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w4pilfo\":\"w4pilfo\",\"t4hbmw3\":\"t4hbmw3\",\"i6el1g6\":\"i6el1g6\",\"shfe3ke\":\"shfe3ke\",\"wcnkszl\":\"wcnkszl\",\"c1fvuxyj\":\"c1fvuxyj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wvuivf2\":\"wvuivf2\",\"i11tjibc\":\"i11tjibc\",\"butfw2g\":\"butfw2g\"};"],"names":["PRESSED_SPRING","tension","SPRINGS","springy","friction","Line","styled","_exp","animated","line","name","class","propsAsIs","NumberIcon","opacity","size","isEnabled","accentColor","status","style","delegated","prefersReducedMotion","usePrefersReducedMotion","lineData","getLineData","x1","y1","x2","y2","boopBy","springs","useSprings","length","index","to","config","immediate","width","height","map","spring","i","DesktopWrapper","Filler","MobileEdge","LeftEdgeBase","children","SwoopySvg","LeftEdgeCircular","transition","LeftEdgeTriangular","QuoteIcon","BaseWrapper","InfoAside","_exp2","SuccessAside","_exp3","WarningAside","_exp4","QuoteAside","Title","IconWrapper","Content","DropIn","ShowMore","ShowMoreChevron","span","Aside","expandedElem","Component","Icon","type","title","EdgeComponent","InfoIcon","SuccessIcon","WarningIcon","console","error","showMoreStyle","showMoreTrigger","useBoop","y","titleId","useTitleId","React","uniqueId","replace","sanitizedTitle","toLowerCase","childArray","isArray","find","child","isExpanded","setIsExpanded","previewChildren","filter","props","expandedChildren","ExcludingChrome","useBrowser","FirefoxOnly","SafariOnly","Wrapper","ChildWrapper","Button","ClickToReveal","isRevealed","setIsRevealed","IconOuterWrapper","_exp8","_exp9","CheckWrapper","HiddenText","VisuallyHidden","CopyButton","handleCopy","copyId","setCopyId","rotation","setRotation","wrapperStyle","wrapperTrigger","scale","hasHydrated","useHasHydrated","useSpring","transform","timeoutId","current","window","setTimeout","clearTimeout","newCopyId","Date","now","CopyEffectWrapper","CopyEffect","WithCopyButton","code","lockedToColorMode","copyIds","setCopyIds","Array","useInterval","currentValue","id","copyToClipboard","ContentHeading","level","setStatus","Status","rawId","getRawId","COMPONENT_MAP","iconSize","segments","split","slice","join","SectionHeading","Props","SectionSubHeading","SectionSubSubHeading","H2","h2","h3","h4","Anchor","BasicImage","PlayButton","ToggleableGifImage","src","coverSrc","isPaused","setIsPaused","showControls","setShowControls","handleTogglePlaying","method","matchMedia","matches","event","preventDefault","Description","Paragraph","Form","Column","EmailLabel","EmailInput","TextInput","SubmitButton","ErrorMessage","SubscribeError","SuccessWrapper","JericaWrapper","Jerica","ContentNewsletterSignup","confettiStatus","handleLoadConfetti","handleTriggerConfetti","useConfetti","emailFields","numOfEncounteredErrors","emailId","honeypotElem","handleSubmit","useNewsletterSignup","tags","formName","callbacks","onStart","onSuccess","color","CycleTextOnClick","initialValue","values","onClick","rest","currentIndex","setCurrentIndex","ref","HTMLButtonElement","ev","DefaultWrapper","EpilepsyWarning","reveal","setReveal","Balloon","MetaKey","useOperatingSystem","OptionAltKey","os","OptionShiftKey","BaseButton","SubtleButton","DefaultButton","LegacyButton","UnclickableLink","TextLink","stopPropagation","OverscrollColor","lightColor","darkColor","colorMode","useColorMode","actualColor","document","documentElement","setProperty","removeProperty","dynamic","RenderWhenOnscreen","as","keepOnceShown","hasBeenShown","setHasBeenShown","isOnscreen","useIsOnscreen","hasBeenShownRef","shouldRender","minHeight","LazySandbox","ssr","defaultGeneratePosition","left","random","zIndex","sample","Math","bottom","generateSparkle","colors","minSize","maxSize","generatePosition","generateId","numOfPoints","createdAt","Sparkle","SparkleWrapper","SparkleSvg","Sparkles","rate","variance","isToggleable","delayBy","sparkles","setSparkles","hasDelayElapsed","setHasDelayElapsed","setIsEnabled","useSound","playOff","shouldAnimate","useRandomInterval","sparkle","sp","nextSparkles","push","playOn","cursor","Spicy","Input","Border","wrapperProps","LazyTimeRemaining","operatingSystem","setOS","detectOperatingSystem","osOverride","URLSearchParams","location","search","get","platformString","navigator","userAgentData","platform","match","minDelay","maxDelay","savedCallback","callback","handleTick","nextTickAt"],"sourceRoot":"","ignoreList":[]}