@layer base {
  @font-face {
    font-family: "Helvetica Now Text";
    font-style: normal;
    font-weight: 400;
    src: local("HelveticaNowText-Regular"),
      url("/assets/43b3e1f0266fddafa8e3fbc42980def3-Regular-dfa90209.woff2") format("woff2");
    font-display: swap;
  }

  @font-face {
    font-family: "Helvetica Now Text";
    font-style: medium;
    font-weight: 500;
    src: local("HelveticaNowText-Medium"),
      url("/assets/cfd0dca50e976ba4de11fd6dda8acd59-Medium-d482aff6.woff2") format("woff2");
    font-display: swap;
  }

  @font-face {
    font-family: "Helvetica Now Text";
    font-style: bold;
    font-weight: 700;
    src: local("HelveticaNowText-Bold"),
      url("/assets/f9fcb7d060705dd86b4e540ea00c491d-Bold-b37d9253.woff2") format("woff2");
    font-display: swap;
  }

  @font-face {
    font-family: "Helvetica Now Micro Condensed";
    font-style: medium;
    font-weight: 500;
    src: local("HelveticaNowMicroCondensed-Medium"),
      url("/assets/f7ac75d22c8331e6e107c2d00fbfee8c-Micro-Condensed-Medium-58559a5f.woff2") format("woff2");
    font-display: swap;
  }

}

/*

Img comparison slider

*/
img-comparison-slider:focus {
  outline: none;
}

.slider {
  width: 100%;
}

details > summary::marker, /* Latest Chrome, Edge, Firefox */
details > summary::-webkit-details-marker /* Safari */ {
  display: none;
}

/* Checked checkboxes are filled with the text colour, without the forms
   plugin's checkmark. The checkboxes carry `bg-transparent`, which (Tailwind v4
   utilities layer) beats the plugin's `:checked` fill, so it is restored here. */
input[type='checkbox']:checked:not([class*='uppy-']) {
  background-color: currentColor;
  background-image: none;
}

/* The forms plugin's focus ring (2px white offset + blue ring) survives
   `focus:ring-0` in v4 as a white rectangle. Keyboard focus keeps a hairline. */
input[type='checkbox']:focus:not([class*='uppy-']) {
  box-shadow: none;
}

input[type='checkbox']:focus-visible:not([class*='uppy-']) {
  outline: 0.7px solid currentColor;
  outline-offset: 2px;
}

/* The number field with its own arrows (LabellingFormBuilder#number_field_stepper,
   the steppers controller): the native spinner, which mobile browsers don't draw,
   hidden on every browser, its two buttons stepping the field instead. Plain CSS:
   the pseudo-element rule, as a @utility, sorts before `input` in the v4 build,
   whose `appearance-none` would then beat `textfield`. */
input[type='number'].input-stepper {
  appearance: textfield;
}

input[type='number'].input-stepper::-webkit-inner-spin-button,
input[type='number'].input-stepper::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

/* default rails wrapper for field with errors */
/* .field_with_errors { display: inline-block; } */

/*

PDF rendering

*/
@media print {
  body { print-color-adjust: exact; }
}
/*

Select icon

*/
.select-arrow-sm {
  background-image: url("/assets/arrow_downward_24-fba1faac.svg");
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
  background-size: 1rem 1rem;
  padding-right: 1.5rem;
}