/* The kit's base rules. Nothing here sets a look: no colour, no font, no spacing. */

/* The stylesheet of lenis@1.3.26 (dist/lenis.css), copied here because an outside stylesheet does not load
   in an Artifact. The classes are set by Lenis on <html>. */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

/* kit/autoplay.js hides its control with the attribute "hidden" under reduced motion. A draft that gives the
   control a display value (flex, grid) would show it again without this rule. */
[hidden] {
  display: none !important;
}

/* Text for a screen reader only (for example the words that a picture replaces). */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}