/* Squarespace reveals these with JS on scroll; show them directly. */
.preFade, .preScale, .preSlide, .preClip, .preFlex {
  opacity: 1 !important;
  clip-path: none !important;
}
.preScale, .preSlide {
  transform: none !important;
}

/* Carousels laid out by assets/site.js instead of Squarespace's script */
.user-items-list-carousel__slides.is-static {
  display: flex !important;
  transition: transform 0.5s ease;
}
.user-items-list-carousel__slides.is-static > li {
  transform: none !important;
  position: relative !important;
  flex: 0 0 auto;
  left: auto !important;
}

/* Text highlights, redrawn in CSS (Squarespace drew them as px-positioned SVG) */
.static-hl {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-decoration-skip-ink: none;
}
.static-hl--marker {
  background-image: linear-gradient(var(--hl), var(--hl));
  background-repeat: no-repeat;
  background-size: 100% min(var(--hl-w, 1em), 1.15em);
  background-position: 0 55%;
  padding: 0 0.12em;
}
.static-hl--underline,
.static-hl--underlineCurve,
.static-hl--wave,
.static-hl--jagged,
.static-hl--scribble {
  text-decoration-line: underline;
  text-decoration-color: var(--hl);
  text-decoration-thickness: max(2px, var(--hl-w, 0.08em));
  text-underline-offset: 0.22em;
}
.static-hl--wave,
.static-hl--jagged,
.static-hl--scribble {
  text-decoration-style: wavy;
  text-decoration-thickness: max(2px, min(var(--hl-w, 0.06em), 0.08em));
}
.static-hl--circle {
  border: max(2px, min(var(--hl-w, 0.06em), 0.1em)) solid var(--hl);
  border-radius: 50%;
  padding: 0 0.3em;
}
.static-hl--cross {
  text-decoration: line-through var(--hl) max(2px, var(--hl-w, 0.08em));
}

/* Circle-masked and square images: keep a square frame, shrunk to fit its cell */
.fluid-image-component-root.static-square {
  container-type: size;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.static-square .fluid-image-animation-wrapper {
  width: min(100cqw, 100cqh) !important;
  height: min(100cqw, 100cqh) !important;
  flex: none;
}