/*!
 * VILLAGE v0.0.3 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

/* ¯¯¯¯¯¯¯¯¯ *\
  CORE
\* ˍˍˍˍˍˍˍˍˍ */
a {
  text-decoration: var(--text-decoration);
  color: inherit;
  --hover-tint: var(--idle);
  --active-tint: var(--active);
}

:root {
  --underline-max-width: 100%;
  --underline-hover-width: 0;
  --underline-idle-width: var(--underline-max-width);
  --underline-x: calc(var(--underline-max-width) * 0);
  --underline-thickness: 0.0625em;
  --underline-img: linear-gradient(0deg, currentColor, currentColor);
  --external-link-content: "";
  --text-decoration: none;
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
  --text-spacing: 0 0 1.5rem;
  --title-spacing: 0 0 1.5rem;
  --display-spacing: 0 0 2rem;
  --background-default-grey: var(--grey-1000-50);
  --background-default-grey-hover: var(--grey-1000-50-hover);
  --background-default-grey-active: var(--grey-1000-50-active);
  --background-alt-grey: var(--grey-975-75);
  --background-alt-grey-hover: var(--grey-975-75-hover);
  --background-alt-grey-active: var(--grey-975-75-active);
  --background-alt-village-primary: var(--village-primary-975-75);
  --background-alt-village-primary-hover: var(--village-primary-975-75-hover);
  --background-alt-village-primary-active: var(--village-primary-975-75-active);
  --background-alt-village-secondary: var(--village-secondary-975-75);
  --background-alt-village-secondary-hover: var(--village-secondary-975-75-hover);
  --background-alt-village-secondary-active: var(--village-secondary-975-75-active);
  --background-alt-village-color3: var(--village-color3-975-75);
  --background-alt-village-color3-hover: var(--village-color3-975-75-hover);
  --background-alt-village-color3-active: var(--village-color3-975-75-active);
  --background-alt-village-color4: var(--village-color4-975-75);
  --background-alt-village-color4-hover: var(--village-color4-975-75-hover);
  --background-alt-village-color4-active: var(--village-color4-975-75-active);
  --background-alt-village-color5: var(--village-color5-975-75);
  --background-alt-village-color5-hover: var(--village-color5-975-75-hover);
  --background-alt-village-color5-active: var(--village-color5-975-75-active);
  --background-alt-village-color6: var(--village-color6-975-75);
  --background-alt-village-color6-hover: var(--village-color6-975-75-hover);
  --background-alt-village-color6-active: var(--village-color6-975-75-active);
  --background-alt-village-color7: var(--village-color7-975-75);
  --background-alt-village-color7-hover: var(--village-color7-975-75-hover);
  --background-alt-village-color7-active: var(--village-color7-975-75-active);
  --background-alt-village-color8: var(--village-color8-975-75);
  --background-alt-village-color8-hover: var(--village-color8-975-75-hover);
  --background-alt-village-color8-active: var(--village-color8-975-75-active);
  --background-alt-village-color9: var(--village-color9-975-75);
  --background-alt-village-color9-hover: var(--village-color9-975-75-hover);
  --background-alt-village-color9-active: var(--village-color9-975-75-active);
  --background-alt-village-color10: var(--village-color10-975-75);
  --background-alt-village-color10-hover: var(--village-color10-975-75-hover);
  --background-alt-village-color10-active: var(--village-color10-975-75-active);
  --background-alt-village-color11: var(--village-color11-975-75);
  --background-alt-village-color11-hover: var(--village-color11-975-75-hover);
  --background-alt-village-color11-active: var(--village-color11-975-75-active);
  --background-alt-village-color12: var(--village-color12-975-75);
  --background-alt-village-color12-hover: var(--village-color12-975-75-hover);
  --background-alt-village-color12-active: var(--village-color12-975-75-active);
  --background-alt-village-color13: var(--village-color13-975-75);
  --background-alt-village-color13-hover: var(--village-color13-975-75-hover);
  --background-alt-village-color13-active: var(--village-color13-975-75-active);
  --background-alt-village-color14: var(--village-color14-975-75);
  --background-alt-village-color14-hover: var(--village-color14-975-75-hover);
  --background-alt-village-color14-active: var(--village-color14-975-75-active);
  --background-alt-village-color15: var(--village-color15-975-75);
  --background-alt-village-color15-hover: var(--village-color15-975-75-hover);
  --background-alt-village-color15-active: var(--village-color15-975-75-active);
  --background-alt-village-color16: var(--village-color16-975-75);
  --background-alt-village-color16-hover: var(--village-color16-975-75-hover);
  --background-alt-village-color16-active: var(--village-color16-975-75-active);
  --background-alt-village-color17: var(--village-color17-975-75);
  --background-alt-village-color17-hover: var(--village-color17-975-75-hover);
  --background-alt-village-color17-active: var(--village-color17-975-75-active);
  --background-alt-village-color18: var(--village-color18-975-75);
  --background-alt-village-color18-hover: var(--village-color18-975-75-hover);
  --background-alt-village-color18-active: var(--village-color18-975-75-active);
  --background-alt-village-color19: var(--village-color19-975-75);
  --background-alt-village-color19-hover: var(--village-color19-975-75-hover);
  --background-alt-village-color19-active: var(--village-color19-975-75-active);
  --background-contrast-grey: var(--grey-950-100);
  --background-contrast-grey-hover: var(--grey-950-100-hover);
  --background-contrast-grey-active: var(--grey-950-100-active);
  --background-contrast-village-primary: var(--village-primary-950-100);
  --background-contrast-village-primary-hover: var(--village-primary-950-100-hover);
  --background-contrast-village-primary-active: var(--village-primary-950-100-active);
  --background-contrast-village-secondary: var(--village-secondary-950-100);
  --background-contrast-village-secondary-hover: var(--village-secondary-950-100-hover);
  --background-contrast-village-secondary-active: var(--village-secondary-950-100-active);
  --background-contrast-village-color3: var(--village-color3-950-100);
  --background-contrast-village-color3-hover: var(--village-color3-950-100-hover);
  --background-contrast-village-color3-active: var(--village-color3-950-100-active);
  --background-contrast-village-color4: var(--village-color4-950-100);
  --background-contrast-village-color4-hover: var(--village-color4-950-100-hover);
  --background-contrast-village-color4-active: var(--village-color4-950-100-active);
  --background-contrast-village-color5: var(--village-color5-950-100);
  --background-contrast-village-color5-hover: var(--village-color5-950-100-hover);
  --background-contrast-village-color5-active: var(--village-color5-950-100-active);
  --background-contrast-village-color6: var(--village-color6-950-100);
  --background-contrast-village-color6-hover: var(--village-color6-950-100-hover);
  --background-contrast-village-color6-active: var(--village-color6-950-100-active);
  --background-contrast-village-color7: var(--village-color7-950-100);
  --background-contrast-village-color7-hover: var(--village-color7-950-100-hover);
  --background-contrast-village-color7-active: var(--village-color7-950-100-active);
  --background-contrast-village-color8: var(--village-color8-950-100);
  --background-contrast-village-color8-hover: var(--village-color8-950-100-hover);
  --background-contrast-village-color8-active: var(--village-color8-950-100-active);
  --background-contrast-village-color9: var(--village-color9-950-100);
  --background-contrast-village-color9-hover: var(--village-color9-950-100-hover);
  --background-contrast-village-color9-active: var(--village-color9-950-100-active);
  --background-contrast-village-color10: var(--village-color10-950-100);
  --background-contrast-village-color10-hover: var(--village-color10-950-100-hover);
  --background-contrast-village-color10-active: var(--village-color10-950-100-active);
  --background-contrast-village-color11: var(--village-color11-950-100);
  --background-contrast-village-color11-hover: var(--village-color11-950-100-hover);
  --background-contrast-village-color11-active: var(--village-color11-950-100-active);
  --background-contrast-village-color12: var(--village-color12-950-100);
  --background-contrast-village-color12-hover: var(--village-color12-950-100-hover);
  --background-contrast-village-color12-active: var(--village-color12-950-100-active);
  --background-contrast-village-color13: var(--village-color13-950-100);
  --background-contrast-village-color13-hover: var(--village-color13-950-100-hover);
  --background-contrast-village-color13-active: var(--village-color13-950-100-active);
  --background-contrast-village-color14: var(--village-color14-950-100);
  --background-contrast-village-color14-hover: var(--village-color14-950-100-hover);
  --background-contrast-village-color14-active: var(--village-color14-950-100-active);
  --background-contrast-village-color15: var(--village-color15-950-100);
  --background-contrast-village-color15-hover: var(--village-color15-950-100-hover);
  --background-contrast-village-color15-active: var(--village-color15-950-100-active);
  --background-contrast-village-color16: var(--village-color16-950-100);
  --background-contrast-village-color16-hover: var(--village-color16-950-100-hover);
  --background-contrast-village-color16-active: var(--village-color16-950-100-active);
  --background-contrast-village-color17: var(--village-color17-950-100);
  --background-contrast-village-color17-hover: var(--village-color17-950-100-hover);
  --background-contrast-village-color17-active: var(--village-color17-950-100-active);
  --background-contrast-village-color18: var(--village-color18-950-100);
  --background-contrast-village-color18-hover: var(--village-color18-950-100-hover);
  --background-contrast-village-color18-active: var(--village-color18-950-100-active);
  --background-contrast-village-color19: var(--village-color19-950-100);
  --background-contrast-village-color19-hover: var(--village-color19-950-100-hover);
  --background-contrast-village-color19-active: var(--village-color19-950-100-active);
  --background-contrast-info: var(--info-950-100);
  --background-contrast-info-hover: var(--info-950-100-hover);
  --background-contrast-info-active: var(--info-950-100-active);
  --background-contrast-success: var(--success-950-100);
  --background-contrast-success-hover: var(--success-950-100-hover);
  --background-contrast-success-active: var(--success-950-100-active);
  --background-contrast-warning: var(--warning-950-100);
  --background-contrast-warning-hover: var(--warning-950-100-hover);
  --background-contrast-warning-active: var(--warning-950-100-active);
  --background-contrast-error: var(--error-950-100);
  --background-contrast-error-hover: var(--error-950-100-hover);
  --background-contrast-error-active: var(--error-950-100-active);
  --background-flat-grey: var(--grey-200-850);
  --background-flat-village-primary: var(--village-primary-sun-625);
  --background-flat-village-secondary: var(--village-secondary-sun-625);
  --background-flat-village-color3: var(--village-color3-sun-moon);
  --background-flat-village-color4: var(--village-color4-sun-moon);
  --background-flat-village-color5: var(--village-color5-sun-moon);
  --background-flat-village-color6: var(--village-color6-sun-moon);
  --background-flat-village-color7: var(--village-color7-sun-moon);
  --background-flat-village-color8: var(--village-color8-sun-moon);
  --background-flat-village-color9: var(--village-color9-sun-moon);
  --background-flat-village-color10: var(--village-color10-sun-moon);
  --background-flat-village-color11: var(--village-color11-sun-moon);
  --background-flat-village-color12: var(--village-color12-sun-moon);
  --background-flat-village-color13: var(--village-color13-sun-moon);
  --background-flat-village-color14: var(--village-color14-sun-moon);
  --background-flat-village-color15: var(--village-color15-sun-moon);
  --background-flat-village-color16: var(--village-color16-sun-moon);
  --background-flat-village-color17: var(--village-color17-sun-moon);
  --background-flat-village-color18: var(--village-color18-sun-moon);
  --background-flat-village-color19: var(--village-color19-sun-moon);
  --background-flat-info: var(--info-425-625);
  --background-flat-success: var(--success-425-625);
  --background-flat-warning: var(--warning-425-625);
  --background-flat-error: var(--error-425-625);
  --background-action-high-village-primary: var(--village-primary-sun-625);
  --background-action-high-village-primary-hover: var(--village-primary-sun-625-hover);
  --background-action-high-village-primary-active: var(--village-primary-sun-625-active);
  --background-action-high-village-secondary: var(--village-secondary-sun-625);
  --background-action-high-village-secondary-hover: var(--village-secondary-sun-625-hover);
  --background-action-high-village-secondary-active: var(--village-secondary-sun-625-active);
  --background-action-high-village-color3: var(--village-color3-sun-moon);
  --background-action-high-village-color3-hover: var(--village-color3-sun-moon-hover);
  --background-action-high-village-color3-active: var(--village-color3-sun-moon-active);
  --background-action-high-village-color4: var(--village-color4-sun-moon);
  --background-action-high-village-color4-hover: var(--village-color4-sun-moon-hover);
  --background-action-high-village-color4-active: var(--village-color4-sun-moon-active);
  --background-action-high-village-color5: var(--village-color5-sun-moon);
  --background-action-high-village-color5-hover: var(--village-color5-sun-moon-hover);
  --background-action-high-village-color5-active: var(--village-color5-sun-moon-active);
  --background-action-high-village-color6: var(--village-color6-sun-moon);
  --background-action-high-village-color6-hover: var(--village-color6-sun-moon-hover);
  --background-action-high-village-color6-active: var(--village-color6-sun-moon-active);
  --background-action-high-village-color7: var(--village-color7-sun-moon);
  --background-action-high-village-color7-hover: var(--village-color7-sun-moon-hover);
  --background-action-high-village-color7-active: var(--village-color7-sun-moon-active);
  --background-action-high-village-color8: var(--village-color8-sun-moon);
  --background-action-high-village-color8-hover: var(--village-color8-sun-moon-hover);
  --background-action-high-village-color8-active: var(--village-color8-sun-moon-active);
  --background-action-high-village-color9: var(--village-color9-sun-moon);
  --background-action-high-village-color9-hover: var(--village-color9-sun-moon-hover);
  --background-action-high-village-color9-active: var(--village-color9-sun-moon-active);
  --background-action-high-village-color10: var(--village-color10-sun-moon);
  --background-action-high-village-color10-hover: var(--village-color10-sun-moon-hover);
  --background-action-high-village-color10-active: var(--village-color10-sun-moon-active);
  --background-action-high-village-color11: var(--village-color11-sun-moon);
  --background-action-high-village-color11-hover: var(--village-color11-sun-moon-hover);
  --background-action-high-village-color11-active: var(--village-color11-sun-moon-active);
  --background-action-high-village-color12: var(--village-color12-sun-moon);
  --background-action-high-village-color12-hover: var(--village-color12-sun-moon-hover);
  --background-action-high-village-color12-active: var(--village-color12-sun-moon-active);
  --background-action-high-village-color13: var(--village-color13-sun-moon);
  --background-action-high-village-color13-hover: var(--village-color13-sun-moon-hover);
  --background-action-high-village-color13-active: var(--village-color13-sun-moon-active);
  --background-action-high-village-color14: var(--village-color14-sun-moon);
  --background-action-high-village-color14-hover: var(--village-color14-sun-moon-hover);
  --background-action-high-village-color14-active: var(--village-color14-sun-moon-active);
  --background-action-high-village-color15: var(--village-color15-sun-moon);
  --background-action-high-village-color15-hover: var(--village-color15-sun-moon-hover);
  --background-action-high-village-color15-active: var(--village-color15-sun-moon-active);
  --background-action-high-village-color16: var(--village-color16-sun-moon);
  --background-action-high-village-color16-hover: var(--village-color16-sun-moon-hover);
  --background-action-high-village-color16-active: var(--village-color16-sun-moon-active);
  --background-action-high-village-color17: var(--village-color17-sun-moon);
  --background-action-high-village-color17-hover: var(--village-color17-sun-moon-hover);
  --background-action-high-village-color17-active: var(--village-color17-sun-moon-active);
  --background-action-high-village-color18: var(--village-color18-sun-moon);
  --background-action-high-village-color18-hover: var(--village-color18-sun-moon-hover);
  --background-action-high-village-color18-active: var(--village-color18-sun-moon-active);
  --background-action-high-village-color19: var(--village-color19-sun-moon);
  --background-action-high-village-color19-hover: var(--village-color19-sun-moon-hover);
  --background-action-high-village-color19-active: var(--village-color19-sun-moon-active);
  --background-action-high-info: var(--info-425-625);
  --background-action-high-info-hover: var(--info-425-625-hover);
  --background-action-high-info-active: var(--info-425-625-active);
  --background-action-high-success: var(--success-425-625);
  --background-action-high-success-hover: var(--success-425-625-hover);
  --background-action-high-success-active: var(--success-425-625-active);
  --background-action-high-warning: var(--warning-425-625);
  --background-action-high-warning-hover: var(--warning-425-625-hover);
  --background-action-high-warning-active: var(--warning-425-625-active);
  --background-action-high-error: var(--error-425-625);
  --background-action-high-error-hover: var(--error-425-625-hover);
  --background-action-high-error-active: var(--error-425-625-active);
  --background-action-low-village-primary: var(--village-primary-925-125);
  --background-action-low-village-primary-hover: var(--village-primary-925-125-hover);
  --background-action-low-village-primary-active: var(--village-primary-925-125-active);
  --background-action-low-village-secondary: var(--village-secondary-925-125);
  --background-action-low-village-secondary-hover: var(--village-secondary-925-125-hover);
  --background-action-low-village-secondary-active: var(--village-secondary-925-125-active);
  --background-action-low-village-color3: var(--village-color3-925-125);
  --background-action-low-village-color3-hover: var(--village-color3-925-125-hover);
  --background-action-low-village-color3-active: var(--village-color3-925-125-active);
  --background-action-low-village-color4: var(--village-color4-925-125);
  --background-action-low-village-color4-hover: var(--village-color4-925-125-hover);
  --background-action-low-village-color4-active: var(--village-color4-925-125-active);
  --background-action-low-village-color5: var(--village-color5-925-125);
  --background-action-low-village-color5-hover: var(--village-color5-925-125-hover);
  --background-action-low-village-color5-active: var(--village-color5-925-125-active);
  --background-action-low-village-color6: var(--village-color6-925-125);
  --background-action-low-village-color6-hover: var(--village-color6-925-125-hover);
  --background-action-low-village-color6-active: var(--village-color6-925-125-active);
  --background-action-low-village-color7: var(--village-color7-925-125);
  --background-action-low-village-color7-hover: var(--village-color7-925-125-hover);
  --background-action-low-village-color7-active: var(--village-color7-925-125-active);
  --background-action-low-village-color8: var(--village-color8-925-125);
  --background-action-low-village-color8-hover: var(--village-color8-925-125-hover);
  --background-action-low-village-color8-active: var(--village-color8-925-125-active);
  --background-action-low-village-color9: var(--village-color9-925-125);
  --background-action-low-village-color9-hover: var(--village-color9-925-125-hover);
  --background-action-low-village-color9-active: var(--village-color9-925-125-active);
  --background-action-low-village-color10: var(--village-color10-925-125);
  --background-action-low-village-color10-hover: var(--village-color10-925-125-hover);
  --background-action-low-village-color10-active: var(--village-color10-925-125-active);
  --background-action-low-village-color11: var(--village-color11-925-125);
  --background-action-low-village-color11-hover: var(--village-color11-925-125-hover);
  --background-action-low-village-color11-active: var(--village-color11-925-125-active);
  --background-action-low-village-color12: var(--village-color12-925-125);
  --background-action-low-village-color12-hover: var(--village-color12-925-125-hover);
  --background-action-low-village-color12-active: var(--village-color12-925-125-active);
  --background-action-low-village-color13: var(--village-color13-925-125);
  --background-action-low-village-color13-hover: var(--village-color13-925-125-hover);
  --background-action-low-village-color13-active: var(--village-color13-925-125-active);
  --background-action-low-village-color14: var(--village-color14-925-125);
  --background-action-low-village-color14-hover: var(--village-color14-925-125-hover);
  --background-action-low-village-color14-active: var(--village-color14-925-125-active);
  --background-action-low-village-color15: var(--village-color15-925-125);
  --background-action-low-village-color15-hover: var(--village-color15-925-125-hover);
  --background-action-low-village-color15-active: var(--village-color15-925-125-active);
  --background-action-low-village-color16: var(--village-color16-925-125);
  --background-action-low-village-color16-hover: var(--village-color16-925-125-hover);
  --background-action-low-village-color16-active: var(--village-color16-925-125-active);
  --background-action-low-village-color17: var(--village-color17-925-125);
  --background-action-low-village-color17-hover: var(--village-color17-925-125-hover);
  --background-action-low-village-color17-active: var(--village-color17-925-125-active);
  --background-action-low-village-color18: var(--village-color18-925-125);
  --background-action-low-village-color18-hover: var(--village-color18-925-125-hover);
  --background-action-low-village-color18-active: var(--village-color18-925-125-active);
  --background-action-low-village-color19: var(--village-color19-925-125);
  --background-action-low-village-color19-hover: var(--village-color19-925-125-hover);
  --background-action-low-village-color19-active: var(--village-color19-925-125-active);
  --background-active-village-primary: var(--village-primary-sun-625);
  --background-active-village-primary-hover: var(--village-primary-sun-625-hover);
  --background-active-village-primary-active: var(--village-primary-sun-625-active);
  --background-active-village-secondary: var(--village-secondary-sun-625);
  --background-active-village-secondary-hover: var(--village-secondary-sun-625-hover);
  --background-active-village-secondary-active: var(--village-secondary-sun-625-active);
  --background-open-village-primary: var(--village-primary-925-125);
  --background-open-village-primary-hover: var(--village-primary-925-125-hover);
  --background-open-village-primary-active: var(--village-primary-925-125-active);
  --background-open-village-secondary: var(--village-secondary-925-125);
  --background-open-village-secondary-hover: var(--village-secondary-925-125-hover);
  --background-open-village-secondary-active: var(--village-secondary-925-125-active);
  --background-disabled-grey: var(--grey-925-125);
  --background-raised-grey: var(--grey-1000-75);
  --background-raised-grey-hover: var(--grey-1000-75-hover);
  --background-raised-grey-active: var(--grey-1000-75-active);
  --background-overlap-grey: var(--grey-1000-100);
  --background-overlap-grey-hover: var(--grey-1000-100-hover);
  --background-overlap-grey-active: var(--grey-1000-100-active);
  --background-lifted-grey: var(--grey-1000-75);
  --background-lifted-grey-hover: var(--grey-1000-75-hover);
  --background-lifted-grey-active: var(--grey-1000-75-active);
  --background-alt-raised-grey: var(--grey-975-100);
  --background-alt-raised-grey-hover: var(--grey-975-100-hover);
  --background-alt-raised-grey-active: var(--grey-975-100-active);
  --background-alt-overlap-grey: var(--grey-975-125);
  --background-alt-overlap-grey-hover: var(--grey-975-125-hover);
  --background-alt-overlap-grey-active: var(--grey-975-125-active);
  --background-contrast-raised-grey: var(--grey-950-125);
  --background-contrast-raised-grey-hover: var(--grey-950-125-hover);
  --background-contrast-raised-grey-active: var(--grey-950-125-active);
  --background-contrast-overlap-grey: var(--grey-950-150);
  --background-contrast-overlap-grey-hover: var(--grey-950-150-hover);
  --background-contrast-overlap-grey-active: var(--grey-950-150-active);
  --text-default-grey: var(--grey-200-850);
  --text-default-info: var(--info-425-625);
  --text-default-success: var(--success-425-625);
  --text-default-warning: var(--warning-425-625);
  --text-default-error: var(--error-425-625);
  --text-action-high-grey: var(--grey-50-1000);
  --text-action-high-village-primary: var(--village-primary-sun-625);
  --text-action-high-village-secondary: var(--village-secondary-sun-625);
  --text-action-high-village-color3: var(--village-color3-sun-moon);
  --text-action-high-village-color4: var(--village-color4-sun-moon);
  --text-action-high-village-color5: var(--village-color5-sun-moon);
  --text-action-high-village-color6: var(--village-color6-sun-moon);
  --text-action-high-village-color7: var(--village-color7-sun-moon);
  --text-action-high-village-color8: var(--village-color8-sun-moon);
  --text-action-high-village-color9: var(--village-color9-sun-moon);
  --text-action-high-village-color10: var(--village-color10-sun-moon);
  --text-action-high-village-color11: var(--village-color11-sun-moon);
  --text-action-high-village-color12: var(--village-color12-sun-moon);
  --text-action-high-village-color13: var(--village-color13-sun-moon);
  --text-action-high-village-color14: var(--village-color14-sun-moon);
  --text-action-high-village-color15: var(--village-color15-sun-moon);
  --text-action-high-village-color16: var(--village-color16-sun-moon);
  --text-action-high-village-color17: var(--village-color17-sun-moon);
  --text-action-high-village-color18: var(--village-color18-sun-moon);
  --text-action-high-village-color19: var(--village-color19-sun-moon);
  --text-title-grey: var(--grey-50-1000);
  --text-title-village-primary: var(--village-primary-sun-625);
  --text-title-village-secondary: var(--village-secondary-sun-625);
  --text-label-grey: var(--grey-50-1000);
  --text-label-village-primary: var(--village-primary-sun-625);
  --text-label-village-secondary: var(--village-secondary-sun-625);
  --text-label-village-color3: var(--village-color3-sun-moon);
  --text-label-village-color4: var(--village-color4-sun-moon);
  --text-label-village-color5: var(--village-color5-sun-moon);
  --text-label-village-color6: var(--village-color6-sun-moon);
  --text-label-village-color7: var(--village-color7-sun-moon);
  --text-label-village-color8: var(--village-color8-sun-moon);
  --text-label-village-color9: var(--village-color9-sun-moon);
  --text-label-village-color10: var(--village-color10-sun-moon);
  --text-label-village-color11: var(--village-color11-sun-moon);
  --text-label-village-color12: var(--village-color12-sun-moon);
  --text-label-village-color13: var(--village-color13-sun-moon);
  --text-label-village-color14: var(--village-color14-sun-moon);
  --text-label-village-color15: var(--village-color15-sun-moon);
  --text-label-village-color16: var(--village-color16-sun-moon);
  --text-label-village-color17: var(--village-color17-sun-moon);
  --text-label-village-color18: var(--village-color18-sun-moon);
  --text-label-village-color19: var(--village-color19-sun-moon);
  --text-active-grey: var(--grey-50-1000);
  --text-active-village-primary: var(--village-primary-sun-625);
  --text-active-village-secondary: var(--village-secondary-sun-625);
  --text-mention-grey: var(--grey-425-625);
  --text-inverted-grey: var(--grey-1000-50);
  --text-inverted-village-primary: var(--village-primary-975-sun);
  --text-inverted-village-secondary: var(--village-secondary-975-sun);
  --text-inverted-info: var(--info-975-75);
  --text-inverted-success: var(--success-975-75);
  --text-inverted-warning: var(--warning-975-75);
  --text-inverted-error: var(--error-975-75);
  --text-inverted-village-color3: var(--village-color3-975-75);
  --text-inverted-village-color4: var(--village-color4-975-75);
  --text-inverted-village-color5: var(--village-color5-975-75);
  --text-inverted-village-color6: var(--village-color6-975-75);
  --text-inverted-village-color7: var(--village-color7-975-75);
  --text-inverted-village-color8: var(--village-color8-975-75);
  --text-inverted-village-color9: var(--village-color9-975-75);
  --text-inverted-village-color10: var(--village-color10-975-75);
  --text-inverted-village-color11: var(--village-color11-975-75);
  --text-inverted-village-color12: var(--village-color12-975-75);
  --text-inverted-village-color13: var(--village-color13-975-75);
  --text-inverted-village-color14: var(--village-color14-975-75);
  --text-inverted-village-color15: var(--village-color15-975-75);
  --text-inverted-village-color16: var(--village-color16-975-75);
  --text-inverted-village-color17: var(--village-color17-975-75);
  --text-inverted-village-color18: var(--village-color18-975-75);
  --text-inverted-village-color19: var(--village-color19-975-75);
  --text-disabled-grey: var(--grey-625-425);
  --text-black-white-grey: var(--grey-0-1000);
  --border-default-grey: var(--grey-900-175);
  --border-default-village-primary: var(--village-primary-main);
  --border-default-village-secondary: var(--village-secondary-main);
  --border-default-village-color3: var(--village-color3-sun-moon);
  --border-default-village-color4: var(--village-color4-sun-moon);
  --border-default-village-color5: var(--village-color5-sun-moon);
  --border-default-village-color6: var(--village-color6-sun-moon);
  --border-default-village-color7: var(--village-color7-sun-moon);
  --border-default-village-color8: var(--village-color8-sun-moon);
  --border-default-village-color9: var(--village-color9-sun-moon);
  --border-default-village-color10: var(--village-color10-sun-moon);
  --border-default-village-color11: var(--village-color11-sun-moon);
  --border-default-village-color12: var(--village-color12-sun-moon);
  --border-default-village-color13: var(--village-color13-sun-moon);
  --border-default-village-color14: var(--village-color14-sun-moon);
  --border-default-village-color15: var(--village-color15-sun-moon);
  --border-default-village-color16: var(--village-color16-sun-moon);
  --border-default-village-color17: var(--village-color17-sun-moon);
  --border-default-village-color18: var(--village-color18-sun-moon);
  --border-default-village-color19: var(--village-color19-sun-moon);
  --border-active-village-primary: var(--village-primary-sun-625);
  --border-active-village-secondary: var(--village-secondary-sun-625);
  --border-action-high-grey: var(--grey-50-1000);
  --border-action-high-village-primary: var(--village-primary-sun-625);
  --border-action-high-village-secondary: var(--village-secondary-sun-625);
  --border-action-high-info: var(--info-425-625);
  --border-action-high-success: var(--success-425-625);
  --border-action-high-warning: var(--warning-425-625);
  --border-action-high-error: var(--error-425-625);
  --border-action-low-village-primary: var(--village-primary-850-200);
  --border-action-low-village-secondary: var(--village-secondary-850-200);
  --border-action-low-village-color3: var(--village-color3-850-200);
  --border-action-low-village-color4: var(--village-color4-850-200);
  --border-action-low-village-color5: var(--village-color5-850-200);
  --border-action-low-village-color6: var(--village-color6-850-200);
  --border-action-low-village-color7: var(--village-color7-850-200);
  --border-action-low-village-color8: var(--village-color8-850-200);
  --border-action-low-village-color9: var(--village-color9-850-200);
  --border-action-low-village-color10: var(--village-color10-850-200);
  --border-action-low-village-color11: var(--village-color11-850-200);
  --border-action-low-village-color12: var(--village-color12-850-200);
  --border-action-low-village-color13: var(--village-color13-850-200);
  --border-action-low-village-color14: var(--village-color14-850-200);
  --border-action-low-village-color15: var(--village-color15-850-200);
  --border-action-low-village-color16: var(--village-color16-850-200);
  --border-action-low-village-color17: var(--village-color17-850-200);
  --border-action-low-village-color18: var(--village-color18-850-200);
  --border-action-low-village-color19: var(--village-color19-850-200);
  --border-open-village-primary: var(--village-primary-925-125);
  --border-open-village-secondary: var(--village-secondary-925-125);
  --border-plain-grey: var(--grey-200-850);
  --border-plain-village-primary: var(--village-primary-sun-625);
  --border-plain-village-secondary: var(--village-secondary-sun-625);
  --border-plain-info: var(--info-425-625);
  --border-plain-success: var(--success-425-625);
  --border-plain-warning: var(--warning-425-625);
  --border-plain-error: var(--error-425-625);
  --border-plain-village-color3: var(--village-color3-sun-moon);
  --border-plain-village-color4: var(--village-color4-sun-moon);
  --border-plain-village-color5: var(--village-color5-sun-moon);
  --border-plain-village-color6: var(--village-color6-sun-moon);
  --border-plain-village-color7: var(--village-color7-sun-moon);
  --border-plain-village-color8: var(--village-color8-sun-moon);
  --border-plain-village-color9: var(--village-color9-sun-moon);
  --border-plain-village-color10: var(--village-color10-sun-moon);
  --border-plain-village-color11: var(--village-color11-sun-moon);
  --border-plain-village-color12: var(--village-color12-sun-moon);
  --border-plain-village-color13: var(--village-color13-sun-moon);
  --border-plain-village-color14: var(--village-color14-sun-moon);
  --border-plain-village-color15: var(--village-color15-sun-moon);
  --border-plain-village-color16: var(--village-color16-sun-moon);
  --border-plain-village-color17: var(--village-color17-sun-moon);
  --border-plain-village-color18: var(--village-color18-sun-moon);
  --border-plain-village-color19: var(--village-color19-sun-moon);
  --border-disabled-grey: var(--grey-925-125);
  --artwork-major-village-primary: var(--village-primary-sun-625);
  --artwork-major-village-primary-hover: var(--village-primary-sun-625-hover);
  --artwork-major-village-primary-active: var(--village-primary-sun-625-active);
  --artwork-major-village-secondary: var(--village-secondary-sun-625);
  --artwork-major-village-secondary-hover: var(--village-secondary-sun-625-hover);
  --artwork-major-village-secondary-active: var(--village-secondary-sun-625-active);
  --artwork-major-village-color3: var(--village-color3-sun-moon);
  --artwork-major-village-color3-hover: var(--village-color3-sun-moon-hover);
  --artwork-major-village-color3-active: var(--village-color3-sun-moon-active);
  --artwork-major-village-color4: var(--village-color4-sun-moon);
  --artwork-major-village-color4-hover: var(--village-color4-sun-moon-hover);
  --artwork-major-village-color4-active: var(--village-color4-sun-moon-active);
  --artwork-major-village-color5: var(--village-color5-sun-moon);
  --artwork-major-village-color5-hover: var(--village-color5-sun-moon-hover);
  --artwork-major-village-color5-active: var(--village-color5-sun-moon-active);
  --artwork-major-village-color6: var(--village-color6-sun-moon);
  --artwork-major-village-color6-hover: var(--village-color6-sun-moon-hover);
  --artwork-major-village-color6-active: var(--village-color6-sun-moon-active);
  --artwork-major-village-color7: var(--village-color7-sun-moon);
  --artwork-major-village-color7-hover: var(--village-color7-sun-moon-hover);
  --artwork-major-village-color7-active: var(--village-color7-sun-moon-active);
  --artwork-major-village-color8: var(--village-color8-sun-moon);
  --artwork-major-village-color8-hover: var(--village-color8-sun-moon-hover);
  --artwork-major-village-color8-active: var(--village-color8-sun-moon-active);
  --artwork-major-village-color9: var(--village-color9-sun-moon);
  --artwork-major-village-color9-hover: var(--village-color9-sun-moon-hover);
  --artwork-major-village-color9-active: var(--village-color9-sun-moon-active);
  --artwork-major-village-color10: var(--village-color10-sun-moon);
  --artwork-major-village-color10-hover: var(--village-color10-sun-moon-hover);
  --artwork-major-village-color10-active: var(--village-color10-sun-moon-active);
  --artwork-major-village-color11: var(--village-color11-sun-moon);
  --artwork-major-village-color11-hover: var(--village-color11-sun-moon-hover);
  --artwork-major-village-color11-active: var(--village-color11-sun-moon-active);
  --artwork-major-village-color12: var(--village-color12-sun-moon);
  --artwork-major-village-color12-hover: var(--village-color12-sun-moon-hover);
  --artwork-major-village-color12-active: var(--village-color12-sun-moon-active);
  --artwork-major-village-color13: var(--village-color13-sun-moon);
  --artwork-major-village-color13-hover: var(--village-color13-sun-moon-hover);
  --artwork-major-village-color13-active: var(--village-color13-sun-moon-active);
  --artwork-major-village-color14: var(--village-color14-sun-moon);
  --artwork-major-village-color14-hover: var(--village-color14-sun-moon-hover);
  --artwork-major-village-color14-active: var(--village-color14-sun-moon-active);
  --artwork-major-village-color15: var(--village-color15-sun-moon);
  --artwork-major-village-color15-hover: var(--village-color15-sun-moon-hover);
  --artwork-major-village-color15-active: var(--village-color15-sun-moon-active);
  --artwork-major-village-color16: var(--village-color16-sun-moon);
  --artwork-major-village-color16-hover: var(--village-color16-sun-moon-hover);
  --artwork-major-village-color16-active: var(--village-color16-sun-moon-active);
  --artwork-major-village-color17: var(--village-color17-sun-moon);
  --artwork-major-village-color17-hover: var(--village-color17-sun-moon-hover);
  --artwork-major-village-color17-active: var(--village-color17-sun-moon-active);
  --artwork-major-village-color18: var(--village-color18-sun-moon);
  --artwork-major-village-color18-hover: var(--village-color18-sun-moon-hover);
  --artwork-major-village-color18-active: var(--village-color18-sun-moon-active);
  --artwork-major-village-color19: var(--village-color19-sun-moon);
  --artwork-major-village-color19-hover: var(--village-color19-sun-moon-hover);
  --artwork-major-village-color19-active: var(--village-color19-sun-moon-active);
  --artwork-minor-village-primary: var(--village-primary-main);
  --artwork-minor-village-secondary: var(--village-secondary-main);
  --artwork-minor-village-color3: var(--village-color3-sun-moon);
  --artwork-minor-village-color4: var(--village-color4-sun-moon);
  --artwork-minor-village-color5: var(--village-color5-sun-moon);
  --artwork-minor-village-color6: var(--village-color6-sun-moon);
  --artwork-minor-village-color7: var(--village-color7-sun-moon);
  --artwork-minor-village-color8: var(--village-color8-sun-moon);
  --artwork-minor-village-color9: var(--village-color9-sun-moon);
  --artwork-minor-village-color10: var(--village-color10-sun-moon);
  --artwork-minor-village-color11: var(--village-color11-sun-moon);
  --artwork-minor-village-color12: var(--village-color12-sun-moon);
  --artwork-minor-village-color13: var(--village-color13-sun-moon);
  --artwork-minor-village-color14: var(--village-color14-sun-moon);
  --artwork-minor-village-color15: var(--village-color15-sun-moon);
  --artwork-minor-village-color16: var(--village-color16-sun-moon);
  --artwork-minor-village-color17: var(--village-color17-sun-moon);
  --artwork-minor-village-color18: var(--village-color18-sun-moon);
  --artwork-minor-village-color19: var(--village-color19-sun-moon);
  --artwork-decorative-grey: var(--grey-950-100);
  --artwork-decorative-village-primary: var(--village-primary-950-100);
  --artwork-decorative-village-secondary: var(--village-secondary-950-100);
  --artwork-decorative-village-color3: var(--village-color3-950-100);
  --artwork-decorative-village-color4: var(--village-color4-950-100);
  --artwork-decorative-village-color5: var(--village-color5-950-100);
  --artwork-decorative-village-color6: var(--village-color6-950-100);
  --artwork-decorative-village-color7: var(--village-color7-950-100);
  --artwork-decorative-village-color8: var(--village-color8-950-100);
  --artwork-decorative-village-color9: var(--village-color9-950-100);
  --artwork-decorative-village-color10: var(--village-color10-950-100);
  --artwork-decorative-village-color11: var(--village-color11-950-100);
  --artwork-decorative-village-color12: var(--village-color12-950-100);
  --artwork-decorative-village-color13: var(--village-color13-950-100);
  --artwork-decorative-village-color14: var(--village-color14-950-100);
  --artwork-decorative-village-color15: var(--village-color15-950-100);
  --artwork-decorative-village-color16: var(--village-color16-950-100);
  --artwork-decorative-village-color17: var(--village-color17-950-100);
  --artwork-decorative-village-color18: var(--village-color18-950-100);
  --artwork-decorative-village-color19: var(--village-color19-950-100);
  --artwork-background-grey: var(--grey-975-75);
  --artwork-background-village-primary: var(--village-primary-975-75);
  --artwork-background-village-secondary: var(--village-secondary-975-75);
  --artwork-background-village-color3: var(--village-color3-975-75);
  --artwork-background-village-color4: var(--village-color4-975-75);
  --artwork-background-village-color5: var(--village-color5-975-75);
  --artwork-background-village-color6: var(--village-color6-975-75);
  --artwork-background-village-color7: var(--village-color7-975-75);
  --artwork-background-village-color8: var(--village-color8-975-75);
  --artwork-background-village-color9: var(--village-color9-975-75);
  --artwork-background-village-color10: var(--village-color10-975-75);
  --artwork-background-village-color11: var(--village-color11-975-75);
  --artwork-background-village-color12: var(--village-color12-975-75);
  --artwork-background-village-color13: var(--village-color13-975-75);
  --artwork-background-village-color14: var(--village-color14-975-75);
  --artwork-background-village-color15: var(--village-color15-975-75);
  --artwork-background-village-color16: var(--village-color16-975-75);
  --artwork-background-village-color17: var(--village-color17-975-75);
  --artwork-background-village-color18: var(--village-color18-975-75);
  --artwork-background-village-color19: var(--village-color19-975-75);
  --artwork-motif-grey: var(--grey-925-125);
  --artwork-motif-village-primary: var(--village-primary-925-125);
  --artwork-motif-village-secondary: var(--village-secondary-925-125);
  --artwork-motif-village-color3: var(--village-color3-925-125);
  --artwork-motif-village-color4: var(--village-color4-925-125);
  --artwork-motif-village-color5: var(--village-color5-925-125);
  --artwork-motif-village-color6: var(--village-color6-925-125);
  --artwork-motif-village-color7: var(--village-color7-925-125);
  --artwork-motif-village-color8: var(--village-color8-925-125);
  --artwork-motif-village-color9: var(--village-color9-925-125);
  --artwork-motif-village-color10: var(--village-color10-925-125);
  --artwork-motif-village-color11: var(--village-color11-925-125);
  --artwork-motif-village-color12: var(--village-color12-925-125);
  --artwork-motif-village-color13: var(--village-color13-925-125);
  --artwork-motif-village-color14: var(--village-color14-925-125);
  --artwork-motif-village-color15: var(--village-color15-925-125);
  --artwork-motif-village-color16: var(--village-color16-925-125);
  --artwork-motif-village-color17: var(--village-color17-925-125);
  --artwork-motif-village-color18: var(--village-color18-925-125);
  --artwork-motif-village-color19: var(--village-color19-925-125);
  --grey-1000-50: #fff;
  --grey-1000-50-hover: #f6f6f6;
  --grey-1000-50-active: #ededed;
  --grey-975-75: #f6f6f6;
  --grey-975-75-hover: #dfdfdf;
  --grey-975-75-active: #cfcfcf;
  --grey-950-100: #eee;
  --grey-950-100-hover: #d2d2d2;
  --grey-950-100-active: #c1c1c1;
  --grey-200-850: #3a3a3a;
  --grey-925-125: #e5e5e5;
  --grey-1000-75: #fff;
  --grey-1000-75-hover: #f6f6f6;
  --grey-1000-75-active: #ededed;
  --grey-1000-100: #fff;
  --grey-1000-100-hover: #f6f6f6;
  --grey-1000-100-active: #ededed;
  --grey-975-100: #f6f6f6;
  --grey-975-100-hover: #dfdfdf;
  --grey-975-100-active: #cfcfcf;
  --grey-975-125: #f6f6f6;
  --grey-975-125-hover: #dfdfdf;
  --grey-975-125-active: #cfcfcf;
  --grey-950-125: #eee;
  --grey-950-125-hover: #d2d2d2;
  --grey-950-125-active: #c1c1c1;
  --grey-950-150: #eee;
  --grey-950-150-hover: #d2d2d2;
  --grey-950-150-active: #c1c1c1;
  --grey-50-1000: #161616;
  --grey-425-625: #666;
  --grey-625-425: #929292;
  --grey-0-1000: #000;
  --grey-900-175: #ddd;
  --village-primary-975-75: hsl(180, 80%, 98%);
  --village-primary-975-75-hover: hsl(180, 60%, 65%);
  --village-primary-975-75-active: hsl(180, 90%, 65%);
  --village-primary-950-100: hsl(180, 80%, 96%);
  --village-primary-950-100-hover: hsl(180, 60%, 65%);
  --village-primary-950-100-active: hsl(180, 90%, 65%);
  --village-primary-sun-625: hsl(180, 75%, 25%);
  --village-primary-sun-625-hover: hsl(180, 60%, 20%);
  --village-primary-sun-625-active: hsl(180, 40%, 15%);
  --village-primary-925-125: hsl(180, 80%, 93%);
  --village-primary-925-125-hover: hsl(180, 60%, 65%);
  --village-primary-925-125-active: hsl(180, 90%, 65%);
  --village-primary-975-sun: hsl(180, 80%, 98%);
  --village-primary-main: hsl(180, 85%, 25%);
  --village-primary-850-200: hsl(180, 80%, 85%);
  --village-secondary-975-75: hsl(270, 80%, 98%);
  --village-secondary-975-75-hover: hsl(270, 60%, 65%);
  --village-secondary-975-75-active: hsl(270, 90%, 65%);
  --village-secondary-950-100: hsl(270, 80%, 96%);
  --village-secondary-950-100-hover: hsl(270, 60%, 65%);
  --village-secondary-950-100-active: hsl(270, 90%, 65%);
  --village-secondary-sun-625: hsl(270, 75%, 25%);
  --village-secondary-sun-625-hover: hsl(270, 60%, 20%);
  --village-secondary-sun-625-active: hsl(270, 40%, 15%);
  --village-secondary-925-125: hsl(270, 80%, 93%);
  --village-secondary-925-125-hover: hsl(270, 60%, 65%);
  --village-secondary-925-125-active: hsl(270, 90%, 65%);
  --village-secondary-975-sun: hsl(270, 80%, 98%);
  --village-secondary-main: hsl(270, 85%, 25%);
  --village-secondary-850-200: hsl(270, 80%, 85%);
  --info-950-100: hsl(180, 80%, 96%);
  --info-950-100-hover: hsl(180, 60%, 65%);
  --info-950-100-active: hsl(180, 90%, 65%);
  --info-425-625: hsl(180, 45%, 43%);
  --info-425-625-hover: hsl(180, 50%, 50%);
  --info-425-625-active: hsl(180, 60%, 50%);
  --info-975-75: hsl(180, 80%, 98%);
  --success-950-100: hsl(90, 80%, 96%);
  --success-950-100-hover: hsl(90, 60%, 65%);
  --success-950-100-active: hsl(90, 90%, 65%);
  --success-425-625: hsl(90, 45%, 43%);
  --success-425-625-hover: hsl(90, 50%, 50%);
  --success-425-625-active: hsl(90, 60%, 50%);
  --success-975-75: hsl(90, 80%, 98%);
  --warning-950-100: hsl(270, 80%, 96%);
  --warning-950-100-hover: hsl(270, 60%, 65%);
  --warning-950-100-active: hsl(270, 90%, 65%);
  --warning-425-625: hsl(270, 45%, 43%);
  --warning-425-625-hover: hsl(270, 50%, 50%);
  --warning-425-625-active: hsl(270, 60%, 50%);
  --warning-975-75: hsl(270, 80%, 98%);
  --error-950-100: hsl(0, 80%, 96%);
  --error-950-100-hover: hsl(0, 60%, 65%);
  --error-950-100-active: hsl(0, 90%, 65%);
  --error-425-625: hsl(0, 45%, 43%);
  --error-425-625-hover: hsl(0, 50%, 50%);
  --error-425-625-active: hsl(0, 60%, 50%);
  --error-975-75: hsl(0, 80%, 98%);
  --village-color3-975-75: hsl(0, 80%, 98%);
  --village-color3-975-75-hover: hsl(0, 60%, 65%);
  --village-color3-975-75-active: hsl(0, 90%, 65%);
  --village-color3-950-100: hsl(0, 80%, 96%);
  --village-color3-950-100-hover: hsl(0, 60%, 65%);
  --village-color3-950-100-active: hsl(0, 90%, 65%);
  --village-color3-sun-moon: hsl(0, 75%, 25%);
  --village-color3-sun-moon-hover: hsl(0, 60%, 20%);
  --village-color3-sun-moon-active: hsl(0, 40%, 15%);
  --village-color3-925-125: hsl(0, 80%, 93%);
  --village-color3-925-125-hover: hsl(0, 60%, 65%);
  --village-color3-925-125-active: hsl(0, 90%, 65%);
  --village-color3-850-200: hsl(0, 80%, 85%);
  --village-color4-975-75: hsl(90, 80%, 98%);
  --village-color4-975-75-hover: hsl(90, 60%, 65%);
  --village-color4-975-75-active: hsl(90, 90%, 65%);
  --village-color4-950-100: hsl(90, 80%, 96%);
  --village-color4-950-100-hover: hsl(90, 60%, 65%);
  --village-color4-950-100-active: hsl(90, 90%, 65%);
  --village-color4-sun-moon: hsl(90, 75%, 25%);
  --village-color4-sun-moon-hover: hsl(90, 60%, 20%);
  --village-color4-sun-moon-active: hsl(90, 40%, 15%);
  --village-color4-925-125: hsl(90, 80%, 93%);
  --village-color4-925-125-hover: hsl(90, 60%, 65%);
  --village-color4-925-125-active: hsl(90, 90%, 65%);
  --village-color4-850-200: hsl(90, 80%, 85%);
  --village-color5-975-75: hsl(180, 80%, 98%);
  --village-color5-975-75-hover: hsl(180, 60%, 65%);
  --village-color5-975-75-active: hsl(180, 90%, 65%);
  --village-color5-950-100: hsl(180, 80%, 96%);
  --village-color5-950-100-hover: hsl(180, 60%, 65%);
  --village-color5-950-100-active: hsl(180, 90%, 65%);
  --village-color5-sun-moon: hsl(180, 75%, 25%);
  --village-color5-sun-moon-hover: hsl(180, 60%, 20%);
  --village-color5-sun-moon-active: hsl(180, 40%, 15%);
  --village-color5-925-125: hsl(180, 80%, 93%);
  --village-color5-925-125-hover: hsl(180, 60%, 65%);
  --village-color5-925-125-active: hsl(180, 90%, 65%);
  --village-color5-850-200: hsl(180, 80%, 85%);
  --village-color6-975-75: hsl(290, 80%, 98%);
  --village-color6-975-75-hover: hsl(290, 60%, 65%);
  --village-color6-975-75-active: hsl(290, 90%, 65%);
  --village-color6-950-100: hsl(290, 80%, 96%);
  --village-color6-950-100-hover: hsl(290, 60%, 65%);
  --village-color6-950-100-active: hsl(290, 90%, 65%);
  --village-color6-sun-moon: hsl(290, 75%, 25%);
  --village-color6-sun-moon-hover: hsl(290, 60%, 20%);
  --village-color6-sun-moon-active: hsl(290, 40%, 15%);
  --village-color6-925-125: hsl(290, 80%, 93%);
  --village-color6-925-125-hover: hsl(290, 60%, 65%);
  --village-color6-925-125-active: hsl(290, 90%, 65%);
  --village-color6-850-200: hsl(290, 80%, 85%);
  --village-color7-975-75: hsl(0, 80%, 98%);
  --village-color7-975-75-hover: hsl(0, 60%, 65%);
  --village-color7-975-75-active: hsl(0, 90%, 65%);
  --village-color7-950-100: hsl(0, 80%, 96%);
  --village-color7-950-100-hover: hsl(0, 60%, 65%);
  --village-color7-950-100-active: hsl(0, 90%, 65%);
  --village-color7-sun-moon: hsl(0, 75%, 25%);
  --village-color7-sun-moon-hover: hsl(0, 60%, 20%);
  --village-color7-sun-moon-active: hsl(0, 40%, 15%);
  --village-color7-925-125: hsl(0, 80%, 93%);
  --village-color7-925-125-hover: hsl(0, 60%, 65%);
  --village-color7-925-125-active: hsl(0, 90%, 65%);
  --village-color7-850-200: hsl(0, 80%, 85%);
  --village-color8-975-75: hsl(90, 80%, 98%);
  --village-color8-975-75-hover: hsl(90, 60%, 65%);
  --village-color8-975-75-active: hsl(90, 90%, 65%);
  --village-color8-950-100: hsl(90, 80%, 96%);
  --village-color8-950-100-hover: hsl(90, 60%, 65%);
  --village-color8-950-100-active: hsl(90, 90%, 65%);
  --village-color8-sun-moon: hsl(90, 75%, 25%);
  --village-color8-sun-moon-hover: hsl(90, 60%, 20%);
  --village-color8-sun-moon-active: hsl(90, 40%, 15%);
  --village-color8-925-125: hsl(90, 80%, 93%);
  --village-color8-925-125-hover: hsl(90, 60%, 65%);
  --village-color8-925-125-active: hsl(90, 90%, 65%);
  --village-color8-850-200: hsl(90, 80%, 85%);
  --village-color9-975-75: hsl(180, 80%, 98%);
  --village-color9-975-75-hover: hsl(180, 60%, 65%);
  --village-color9-975-75-active: hsl(180, 90%, 65%);
  --village-color9-950-100: hsl(180, 80%, 96%);
  --village-color9-950-100-hover: hsl(180, 60%, 65%);
  --village-color9-950-100-active: hsl(180, 90%, 65%);
  --village-color9-sun-moon: hsl(180, 75%, 25%);
  --village-color9-sun-moon-hover: hsl(180, 60%, 20%);
  --village-color9-sun-moon-active: hsl(180, 40%, 15%);
  --village-color9-925-125: hsl(180, 80%, 93%);
  --village-color9-925-125-hover: hsl(180, 60%, 65%);
  --village-color9-925-125-active: hsl(180, 90%, 65%);
  --village-color9-850-200: hsl(180, 80%, 85%);
  --village-color10-975-75: hsl(270, 80%, 98%);
  --village-color10-975-75-hover: hsl(270, 60%, 65%);
  --village-color10-975-75-active: hsl(270, 90%, 65%);
  --village-color10-950-100: hsl(270, 80%, 96%);
  --village-color10-950-100-hover: hsl(270, 60%, 65%);
  --village-color10-950-100-active: hsl(270, 90%, 65%);
  --village-color10-sun-moon: hsl(270, 75%, 25%);
  --village-color10-sun-moon-hover: hsl(270, 60%, 20%);
  --village-color10-sun-moon-active: hsl(270, 40%, 15%);
  --village-color10-925-125: hsl(270, 80%, 93%);
  --village-color10-925-125-hover: hsl(270, 60%, 65%);
  --village-color10-925-125-active: hsl(270, 90%, 65%);
  --village-color10-850-200: hsl(270, 80%, 85%);
  --village-color11-975-75: hsl(0, 80%, 98%);
  --village-color11-975-75-hover: hsl(0, 60%, 65%);
  --village-color11-975-75-active: hsl(0, 90%, 65%);
  --village-color11-950-100: hsl(0, 80%, 96%);
  --village-color11-950-100-hover: hsl(0, 60%, 65%);
  --village-color11-950-100-active: hsl(0, 90%, 65%);
  --village-color11-sun-moon: hsl(0, 75%, 25%);
  --village-color11-sun-moon-hover: hsl(0, 60%, 20%);
  --village-color11-sun-moon-active: hsl(0, 40%, 15%);
  --village-color11-925-125: hsl(0, 80%, 93%);
  --village-color11-925-125-hover: hsl(0, 60%, 65%);
  --village-color11-925-125-active: hsl(0, 90%, 65%);
  --village-color11-850-200: hsl(0, 80%, 85%);
  --village-color12-975-75: hsl(90, 80%, 98%);
  --village-color12-975-75-hover: hsl(90, 60%, 65%);
  --village-color12-975-75-active: hsl(90, 90%, 65%);
  --village-color12-950-100: hsl(90, 80%, 96%);
  --village-color12-950-100-hover: hsl(90, 60%, 65%);
  --village-color12-950-100-active: hsl(90, 90%, 65%);
  --village-color12-sun-moon: hsl(90, 75%, 25%);
  --village-color12-sun-moon-hover: hsl(90, 60%, 20%);
  --village-color12-sun-moon-active: hsl(90, 40%, 15%);
  --village-color12-925-125: hsl(90, 80%, 93%);
  --village-color12-925-125-hover: hsl(90, 60%, 65%);
  --village-color12-925-125-active: hsl(90, 90%, 65%);
  --village-color12-850-200: hsl(90, 80%, 85%);
  --village-color13-975-75: hsl(180, 80%, 98%);
  --village-color13-975-75-hover: hsl(180, 60%, 65%);
  --village-color13-975-75-active: hsl(180, 90%, 65%);
  --village-color13-950-100: hsl(180, 80%, 96%);
  --village-color13-950-100-hover: hsl(180, 60%, 65%);
  --village-color13-950-100-active: hsl(180, 90%, 65%);
  --village-color13-sun-moon: hsl(180, 75%, 25%);
  --village-color13-sun-moon-hover: hsl(180, 60%, 20%);
  --village-color13-sun-moon-active: hsl(180, 40%, 15%);
  --village-color13-925-125: hsl(180, 80%, 93%);
  --village-color13-925-125-hover: hsl(180, 60%, 65%);
  --village-color13-925-125-active: hsl(180, 90%, 65%);
  --village-color13-850-200: hsl(180, 80%, 85%);
  --village-color14-975-75: hsl(270, 80%, 98%);
  --village-color14-975-75-hover: hsl(270, 60%, 65%);
  --village-color14-975-75-active: hsl(270, 90%, 65%);
  --village-color14-950-100: hsl(270, 80%, 96%);
  --village-color14-950-100-hover: hsl(270, 60%, 65%);
  --village-color14-950-100-active: hsl(270, 90%, 65%);
  --village-color14-sun-moon: hsl(270, 75%, 25%);
  --village-color14-sun-moon-hover: hsl(270, 60%, 20%);
  --village-color14-sun-moon-active: hsl(270, 40%, 15%);
  --village-color14-925-125: hsl(270, 80%, 93%);
  --village-color14-925-125-hover: hsl(270, 60%, 65%);
  --village-color14-925-125-active: hsl(270, 90%, 65%);
  --village-color14-850-200: hsl(270, 80%, 85%);
  --village-color15-975-75: hsl(0, 80%, 98%);
  --village-color15-975-75-hover: hsl(0, 60%, 65%);
  --village-color15-975-75-active: hsl(0, 90%, 65%);
  --village-color15-950-100: hsl(0, 80%, 96%);
  --village-color15-950-100-hover: hsl(0, 60%, 65%);
  --village-color15-950-100-active: hsl(0, 90%, 65%);
  --village-color15-sun-moon: hsl(0, 75%, 25%);
  --village-color15-sun-moon-hover: hsl(0, 60%, 20%);
  --village-color15-sun-moon-active: hsl(0, 40%, 15%);
  --village-color15-925-125: hsl(0, 80%, 93%);
  --village-color15-925-125-hover: hsl(0, 60%, 65%);
  --village-color15-925-125-active: hsl(0, 90%, 65%);
  --village-color15-850-200: hsl(0, 80%, 85%);
  --village-color16-975-75: hsl(90, 80%, 98%);
  --village-color16-975-75-hover: hsl(90, 60%, 65%);
  --village-color16-975-75-active: hsl(90, 90%, 65%);
  --village-color16-950-100: hsl(90, 80%, 96%);
  --village-color16-950-100-hover: hsl(90, 60%, 65%);
  --village-color16-950-100-active: hsl(90, 90%, 65%);
  --village-color16-sun-moon: hsl(90, 75%, 25%);
  --village-color16-sun-moon-hover: hsl(90, 60%, 20%);
  --village-color16-sun-moon-active: hsl(90, 40%, 15%);
  --village-color16-925-125: hsl(90, 80%, 93%);
  --village-color16-925-125-hover: hsl(90, 60%, 65%);
  --village-color16-925-125-active: hsl(90, 90%, 65%);
  --village-color16-850-200: hsl(90, 80%, 85%);
  --village-color17-975-75: hsl(180, 80%, 98%);
  --village-color17-975-75-hover: hsl(180, 60%, 65%);
  --village-color17-975-75-active: hsl(180, 90%, 65%);
  --village-color17-950-100: hsl(180, 80%, 96%);
  --village-color17-950-100-hover: hsl(180, 60%, 65%);
  --village-color17-950-100-active: hsl(180, 90%, 65%);
  --village-color17-sun-moon: hsl(180, 75%, 25%);
  --village-color17-sun-moon-hover: hsl(180, 60%, 20%);
  --village-color17-sun-moon-active: hsl(180, 40%, 15%);
  --village-color17-925-125: hsl(180, 80%, 93%);
  --village-color17-925-125-hover: hsl(180, 60%, 65%);
  --village-color17-925-125-active: hsl(180, 90%, 65%);
  --village-color17-850-200: hsl(180, 80%, 85%);
  --village-color18-975-75: hsl(270, 80%, 98%);
  --village-color18-975-75-hover: hsl(270, 60%, 65%);
  --village-color18-975-75-active: hsl(270, 90%, 65%);
  --village-color18-950-100: hsl(270, 80%, 96%);
  --village-color18-950-100-hover: hsl(270, 60%, 65%);
  --village-color18-950-100-active: hsl(270, 90%, 65%);
  --village-color18-sun-moon: hsl(270, 75%, 25%);
  --village-color18-sun-moon-hover: hsl(270, 60%, 20%);
  --village-color18-sun-moon-active: hsl(270, 40%, 15%);
  --village-color18-925-125: hsl(270, 80%, 93%);
  --village-color18-925-125-hover: hsl(270, 60%, 65%);
  --village-color18-925-125-active: hsl(270, 90%, 65%);
  --village-color18-850-200: hsl(270, 80%, 85%);
  --village-color19-975-75: hsl(0, 80%, 98%);
  --village-color19-975-75-hover: hsl(0, 60%, 65%);
  --village-color19-975-75-active: hsl(0, 90%, 65%);
  --village-color19-950-100: hsl(0, 80%, 96%);
  --village-color19-950-100-hover: hsl(0, 60%, 65%);
  --village-color19-950-100-active: hsl(0, 90%, 65%);
  --village-color19-sun-moon: hsl(0, 75%, 25%);
  --village-color19-sun-moon-hover: hsl(0, 60%, 20%);
  --village-color19-sun-moon-active: hsl(0, 40%, 15%);
  --village-color19-925-125: hsl(0, 80%, 93%);
  --village-color19-925-125-hover: hsl(0, 60%, 65%);
  --village-color19-925-125-active: hsl(0, 90%, 65%);
  --village-color19-850-200: hsl(0, 80%, 85%);
  box-sizing: border-box;
  --scrollbar-width: 0;
  --ground: 0;
  --shadow-color: rgba(0, 0, 18, 0.16);
  --raised-shadow: 0 1px 3px var(--shadow-color);
  --overlap-shadow: 0 2px 6px var(--shadow-color);
  --lifted-shadow: 0 3px 9px var(--shadow-color);
}

[href] {
  background-image: var(--underline-img), var(--underline-img);
  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
  background-repeat: no-repeat, no-repeat;
  transition: background-size 0s;
  background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
}

[target=_blank]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1rem;
  -webkit-mask-image: url("icons/system/external-link-line.svg");
  mask-image: url("icons/system/external-link-line.svg");
  content: var(--external-link-content);
  margin-left: 0.25rem;
}

[target=_blank][class^=village-icon-]::after,
[target=_blank][class*=" village-icon-"]::after,
[target=_blank][class^=village-fi-]::after,
[target=_blank][class*=" village-fi-"]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1rem;
  -webkit-mask-image: url("icons/system/external-link-line.svg");
  mask-image: url("icons/system/external-link-line.svg");
  content: var(--external-link-content);
  margin-left: 0.25rem;
}

form[target=_blank]::after {
  content: none;
}

.village-raw-link {
  --text-decoration: none;
}

.village-raw-link[href],
.village-raw-link [href] {
  --underline-img: none;
  --external-link-content: none;
}

.village-reset-link {
  --text-decoration: underline;
}

.village-reset-link[href],
.village-reset-link [href] {
  --underline-img: none;
  text-underline-offset: 2px;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  color: inherit;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "fengardoneue", arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  margin: 0;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio],
input[type=range] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  margin-left: 1rem;
  margin-right: -1px;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-size: 1.25rem 1.25rem;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
  outline-style: solid;
}

input[type=range]:focus::-moz-range-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
  outline-style: solid;
}

input[type=range]:focus::-ms-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
  outline-style: solid;
}

a:focus,
button:focus,
input:focus,
input[type=checkbox]:focus + label::before,
input[type=radio]:focus + label::before,
input[type=button]:focus,
input[type=image]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus,
textarea:focus,
[tabindex]:focus,
video:focus[controls],
audio:focus[controls],
[contenteditable]:not([contenteditable=false]):focus,
details:focus,
details > summary:first-of-type:focus {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
  outline-style: solid;
}

input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb {
  outline-style: none;
}

input[type=range]:focus:not(:focus-visible)::-moz-range-thumb {
  outline-style: none;
}

input[type=range]:focus:not(:focus-visible)::-ms-thumb {
  outline-style: none;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible) + label::before,
input[type=radio]:focus:not(:focus-visible) + label::before,
input[type=button]:focus:not(:focus-visible),
input[type=image]:focus:not(:focus-visible),
input[type=reset]:focus:not(:focus-visible),
input[type=submit]:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
video:focus:not(:focus-visible)[controls],
audio:focus:not(:focus-visible)[controls],
[contenteditable]:not([contenteditable=false]):focus:not(:focus-visible),
details:focus:not(:focus-visible),
details > summary:first-of-type:focus:not(:focus-visible) {
  outline-style: none;
}

input[type=range]:focus-visible::-webkit-slider-thumb {
  outline-style: solid;
}

input[type=range]:focus-visible::-moz-range-thumb {
  outline-style: solid;
}

input[type=range]:focus-visible::-ms-thumb {
  outline-style: solid;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
input[type=checkbox]:focus-visible + label::before,
input[type=radio]:focus-visible + label::before,
input[type=button]:focus-visible,
input[type=image]:focus-visible,
input[type=reset]:focus-visible,
input[type=submit]:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
video:focus-visible[controls],
audio:focus-visible[controls],
[contenteditable]:not([contenteditable=false]):focus-visible,
details:focus-visible,
details > summary:first-of-type:focus-visible {
  outline-style: solid;
}

button,
input[type=button],
input[type=image],
input[type=reset],
input[type=submit] {
  --hover-tint: var(--hover);
  --active-tint: var(--active);
}

a,
button,
input[type=checkbox],
input[type=checkbox] + label,
input[type=radio],
input[type=radio] + label,
input[type=file],
input[type=range],
input[type=button],
input[type=image],
input[type=reset],
input[type=submit],
select,
video[controls],
audio[controls],
details,
details > summary:first-of-type {
  cursor: pointer;
}

input[type=range]:disabled::-webkit-slider-thumb,
input[type=range]:disabled::-webkit-slider-thumb:active {
  cursor: not-allowed;
}

input[type=range]:disabled::-moz-range-thumb,
input[type=range]:disabled::-moz-range-thumb:active {
  cursor: not-allowed;
}

input[type=range]:disabled::-ms-thumb,
input[type=range]:disabled::-ms-thumb:active {
  cursor: not-allowed;
}

a:not([href]),
button:disabled,
input:disabled,
input[type=checkbox]:disabled,
input[type=checkbox]:disabled + label,
input[type=radio]:disabled,
input[type=radio]:disabled + label,
input[type=file]:disabled,
input[type=range]:disabled,
input[type=button]:disabled,
input[type=image]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled,
select:disabled,
textarea:disabled,
video:not([href])[controls],
audio:not([href])[controls] {
  cursor: not-allowed;
}

input[type=range]::-webkit-slider-thumb {
  cursor: grab;
}

input[type=range]::-moz-range-thumb {
  cursor: grab;
}

input[type=range]::-ms-thumb {
  cursor: grab;
}

input[type=range]::-webkit-slider-thumb:active {
  cursor: grabbing;
}

input[type=range]::-moz-range-thumb:active {
  cursor: grabbing;
}

input[type=range]::-ms-thumb:active {
  cursor: grabbing;
}

/**
 * Override de l'opacité chrome sur un élément disabled
 */
a:not([href]),
button:disabled,
input:disabled,
input[type=checkbox]:disabled,
input[type=checkbox]:disabled + label,
input[type=radio]:disabled,
input[type=radio]:disabled + label,
textarea:disabled,
video:not([href]),
audio:not([href]) {
  opacity: 1;
  color: var(--text-disabled-grey);
}

.village-enlarge-link {
  position: relative;
}

.village-enlarge-link a {
  background-image: none;
  outline-width: 0;
}

.village-enlarge-link a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline-offset: 2px;
  outline-style: inherit;
  outline-color: inherit;
  outline-width: 2px;
  z-index: 1;
}

.village-transition-none {
  transition: none !important;
}

/**
 * Déclaration des fontes
 */
@font-face {
  font-family: fengardoneue;
  src: url("fonts/fengardoneue-Regular.woff2") format("woff2"), url("fonts/fengardoneue-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: fengardoneue;
  src: url("fonts/fengardoneue-Bold.woff2") format("woff2"), url("fonts/fengardoneue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: lack;
  src: url("fonts/lack-Regular.woff2") format("woff2"), url("fonts/lack-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: lack;
  src: url("fonts/lack-Italic.woff2") format("woff2"), url("fonts/lack-Italic.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

h6 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: var(--title-spacing);
}

h5 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
}

h4 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
}

h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: var(--title-spacing);
}

h2 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin: var(--title-spacing);
}

h1 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  margin: var(--title-spacing);
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: var(--text-spacing);
}

ul,
ol,
dl {
  margin: 0;
  padding: 0;
  margin-block-start: var(--xl-block);
  margin-block-end: var(--xl-block);

  --xl-size: var(--xl-base);
}

ul {
  list-style-type: var(--ul-type);
  padding-inline-start: var(--ul-start);
}

ul > li::marker {
  font-size: calc(var(--xl-size) * 0.9);
}

ol {
  list-style-type: var(--ol-type);
  padding-inline-start: var(--ol-start);
  counter-reset: li-counter;
}

ol > li {
  counter-increment: li-counter;
}

ol > li::marker {
  content: var(--ol-content);
  font-size: var(--xl-size);
  font-weight: bold;
}

dl,
dd {
  margin: 0;
  padding-inline-start: var(--ul-start);
}

li,
dd,
dt {
  --xl-base: calc(var(--xl-size) * 0.9);
  padding-bottom: var(--li-bottom);
}

.village-raw-list {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
}

.village-list {
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
}

sub {
  line-height: 1;
}

sup {
  line-height: 1;
}

.village-text--light {
  font-weight: 300 !important;
}

.village-text--regular {
  font-weight: 400 !important;
}

.village-text--bold {
  font-weight: 700 !important;
}

.village-text--heavy {
  font-weight: 900 !important;
}

.village-h6 {
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  line-height: 1.5rem !important;
  margin: var(--title-spacing);
}

.village-h5 {
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  margin: var(--title-spacing);
}

.village-h4 {
  font-weight: 700 !important;
  font-size: 1.375rem !important;
  line-height: 1.75rem !important;
  margin: var(--title-spacing);
}

.village-h3 {
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  margin: var(--title-spacing);
}

.village-h2 {
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  line-height: 2.25rem !important;
  margin: var(--title-spacing);
}

.village-h1 {
  font-weight: 700 !important;
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  margin: var(--title-spacing);
}

.village-display--xs {
  font-weight: 700 !important;
  font-size: 2.5rem !important;
  line-height: 3rem !important;
  margin: var(--display-spacing);
}

.village-display--sm {
  font-weight: 700 !important;
  font-size: 3rem !important;
  line-height: 3.5rem !important;
  margin: var(--display-spacing);
}

.village-display--md {
  font-weight: 700 !important;
  font-size: 3.5rem !important;
  line-height: 4rem !important;
  margin: var(--display-spacing);
}

.village-display--lg {
  font-weight: 700 !important;
  font-size: 4rem !important;
  line-height: 4.5rem !important;
  margin: var(--display-spacing);
}

.village-display--xl {
  font-weight: 700 !important;
  font-size: 4.5rem !important;
  line-height: 5rem !important;
  margin: var(--display-spacing);
}

.village-text--alt {
  font-family: "lack", georgia, serif !important;
}

.village-text--xs {
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  margin: var(--text-spacing);
}

.village-text--sm {
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  margin: var(--text-spacing);
}

.village-text--md {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  margin: var(--text-spacing);
}

.village-text--lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  margin: var(--text-spacing);
}

.village-text--xl,
.village-text--lead {
  font-size: 1.25rem !important;
  line-height: 2rem !important;
  margin: var(--text-spacing);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: "fengardoneue", arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow-wrap: break-word;
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  color: var(--text-default-grey);
}

input,
select,
textarea,
label,
button,
a {
  -webkit-tap-highlight-color: transparent;
}

select optgroup {
  font-style: normal;
}

[class^=village-icon-]::before,
[class^=village-icon-]::after,
[class*=" village-icon-"]::before,
[class*=" village-icon-"]::after,
[class^=village-fi-]::before,
[class^=village-fi-]::after,
[class*=" village-fi-"]::before,
[class*=" village-fi-"]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1.5rem;
}

[class^=village-icon-]::before,
[class*=" village-icon-"]::before,
[class^=village-fi-]::before,
[class*=" village-fi-"]::before {
  content: "";
}

.village-icon--xs::before,
.village-icon--xs::after {
  --icon-size: 0.75rem;
}

.village-icon--sm::before,
.village-icon--sm::after {
  --icon-size: 1rem;
}

.village-icon--md::before,
.village-icon--md::after {
  --icon-size: 1.5rem;
}

.village-icon--lg::before,
.village-icon--lg::after {
  --icon-size: 2rem;
}

.village-hidden {
  display: none !important;
}

.village-unhidden {
  display: inherit !important;
}

/**
* Fixe le scroll en arrière plan
*/

:root body {
  border-right: var(--scrollbar-width) solid transparent;
}

:root[data-village-scrolling] body {
  overflow: hidden;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.village-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
}

hr {
  padding: var(--text-spacing);
  margin: 0;
  border: 0;
  display: block;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-hr {
  padding: var(--text-spacing);
  margin: 0;
  border: 0;
  display: block;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-hr--sm {
  width: 10rem;
  margin-left: auto;
  margin-right: auto;
}

.village-hr-or {
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.village-hr-or::before,
.village-hr-or::after {
  content: "";
  display: inline-flex;
  height: 1px;
  width: 100%;
  background-color: var(--border-default-grey);

  --idle: transparent;
  --hover: var(--border-default-grey-hover);
  --active: var(--border-default-grey-active);
}

.village-hr-or::before {
  margin-right: 0.75rem;
}

.village-hr-or::after {
  margin-left: 0.75rem;
}

.village-ellipsis {
  display: inline !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

iframe {
  border: 0;
}

.village-fluid-img {
  max-width: 100%;
  height: auto;
}

@supports (aspect-ratio: 16/9) {
  .village-ratio-32x9 {
    aspect-ratio: 3.5555555556 !important;
  }

  .village-ratio-16x9 {
    aspect-ratio: 1.7777777778 !important;
  }

  .village-ratio-3x2 {
    aspect-ratio: 1.5 !important;
  }

  .village-ratio-4x3 {
    aspect-ratio: 1.3333333333 !important;
  }

  .village-ratio-1x1 {
    aspect-ratio: 1 !important;
  }

  .village-ratio-3x4 {
    aspect-ratio: 0.75 !important;
  }

  .village-ratio-2x3 {
    aspect-ratio: 0.6666666667 !important;
  }
}

[class^=village-ratio],
[class*=" village-ratio"] {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}

iframe[class^=village-ratio],
iframe[class*=" village-ratio"] {
  object-fit: fill;
}

.village-responsive-img {
  width: 100%;
  height: auto;
}

.village-responsive-vid {
  position: relative;
  width: 100%;
  aspect-ratio: 1.7777777778;
  display: block;
}

.village-responsive-vid__player {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.village-responsive-vid > .village-consent-placeholder {
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.village-grid-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.village-grid-row--top {
  align-items: flex-start;
}

.village-grid-row--bottom {
  align-items: flex-end;
}

.village-grid-row--middle {
  align-items: center;
}

.village-grid-row--left {
  justify-content: flex-start;
}

.village-grid-row--right {
  justify-content: flex-end;
}

.village-grid-row--center {
  justify-content: center;
}

.village-col--top {
  align-self: flex-start;
}

.village-col--bottom {
  align-self: flex-end;
}

.village-col--middle {
  align-self: center;
}

.village-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.village-container--fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  overflow: hidden;
}

.village-grid-row--gutters {
  margin: -0.5rem;
}

.village-grid-row--gutters > [class^=village-col-],
.village-grid-row--gutters > [class*=" village-col-"],
.village-grid-row--gutters > .village-col {
  padding: 0.5rem;
}

.village-grid-row--no-gutters {
  margin: 0;
}

.village-grid-row--no-gutters > [class^=village-col-],
.village-grid-row--no-gutters > [class*=" village-col-"],
.village-grid-row--no-gutters > .village-col {
  padding: 0;
}

.village-col {
  flex: 1;
}

.village-col-1 {
  flex: 0 0 calc(100% / 12);
  width: calc(100% / 12);
  max-width: calc(100% / 12);
}

.village-col-offset-1:not(.village-col-offset-1--right) {
  margin-left: calc(100% / 12);
}

.village-col-offset-1--right {
  margin-right: calc(100% / 12);
}

.village-col-2 {
  flex: 0 0 calc(200% / 12);
  width: calc(200% / 12);
  max-width: calc(200% / 12);
}

.village-col-offset-2:not(.village-col-offset-2--right) {
  margin-left: calc(200% / 12);
}

.village-col-offset-2--right {
  margin-right: calc(200% / 12);
}

.village-col-3 {
  flex: 0 0 calc(300% / 12);
  width: calc(300% / 12);
  max-width: calc(300% / 12);
}

.village-col-offset-3:not(.village-col-offset-3--right) {
  margin-left: calc(300% / 12);
}

.village-col-offset-3--right {
  margin-right: calc(300% / 12);
}

.village-col-4 {
  flex: 0 0 calc(400% / 12);
  width: calc(400% / 12);
  max-width: calc(400% / 12);
}

.village-col-offset-4:not(.village-col-offset-4--right) {
  margin-left: calc(400% / 12);
}

.village-col-offset-4--right {
  margin-right: calc(400% / 12);
}

.village-col-5 {
  flex: 0 0 calc(500% / 12);
  width: calc(500% / 12);
  max-width: calc(500% / 12);
}

.village-col-offset-5:not(.village-col-offset-5--right) {
  margin-left: calc(500% / 12);
}

.village-col-offset-5--right {
  margin-right: calc(500% / 12);
}

.village-col-6 {
  flex: 0 0 calc(600% / 12);
  width: calc(600% / 12);
  max-width: calc(600% / 12);
}

.village-col-offset-6:not(.village-col-offset-6--right) {
  margin-left: calc(600% / 12);
}

.village-col-offset-6--right {
  margin-right: calc(600% / 12);
}

.village-col-7 {
  flex: 0 0 calc(700% / 12);
  width: calc(700% / 12);
  max-width: calc(700% / 12);
}

.village-col-offset-7:not(.village-col-offset-7--right) {
  margin-left: calc(700% / 12);
}

.village-col-offset-7--right {
  margin-right: calc(700% / 12);
}

.village-col-8 {
  flex: 0 0 calc(800% / 12);
  width: calc(800% / 12);
  max-width: calc(800% / 12);
}

.village-col-offset-8:not(.village-col-offset-8--right) {
  margin-left: calc(800% / 12);
}

.village-col-offset-8--right {
  margin-right: calc(800% / 12);
}

.village-col-9 {
  flex: 0 0 calc(900% / 12);
  width: calc(900% / 12);
  max-width: calc(900% / 12);
}

.village-col-offset-9:not(.village-col-offset-9--right) {
  margin-left: calc(900% / 12);
}

.village-col-offset-9--right {
  margin-right: calc(900% / 12);
}

.village-col-10 {
  flex: 0 0 calc(1000% / 12);
  width: calc(1000% / 12);
  max-width: calc(1000% / 12);
}

.village-col-offset-10:not(.village-col-offset-10--right) {
  margin-left: calc(1000% / 12);
}

.village-col-offset-10--right {
  margin-right: calc(1000% / 12);
}

.village-col-11 {
  flex: 0 0 calc(1100% / 12);
  width: calc(1100% / 12);
  max-width: calc(1100% / 12);
}

.village-col-offset-11:not(.village-col-offset-11--right) {
  margin-left: calc(1100% / 12);
}

.village-col-offset-11--right {
  margin-right: calc(1100% / 12);
}

.village-col-12 {
  flex: 0 0 calc(1200% / 12);
  width: calc(1200% / 12);
  max-width: calc(1200% / 12);
}

.village-col-offset-12:not(.village-col-offset-12--right) {
  margin-left: calc(1200% / 12);
}

.village-col-offset-12--right {
  margin-right: calc(1200% / 12);
}

.village-no-before::before {
  content: none;
}

.village-no-after::after {
  content: none;
}

.village-collapse {
  --collapse-max-height: 0;
  --collapse: -99999px;
  --collapser: "";
  overflow: hidden;
  transition: visibility 0.3s;
  max-height: 0;
  max-height: var(--collapse-max-height);
}

.village-collapse::before {
  display: block;
  content: "";
  content: var(--collapser);
  transition: margin-top 0.3s;
  margin-top: 0;
}

.village-collapse:not(.village-collapse--expanded) {
  visibility: hidden;
}

.village-collapse:not(.village-collapse--expanded)::before {
  margin-top: -99999px;
  margin-top: var(--collapse);
}

.village-m-n8v,
.village-m-n4w {
  margin: -2rem !important;
}

.village-ml-n8v,
.village-ml-n4w,
.village-mx-n8v,
.village-mx-n4w {
  margin-left: -2rem !important;
}

.village-mr-n8v,
.village-mr-n4w,
.village-mx-n8v,
.village-mx-n4w {
  margin-right: -2rem !important;
}

.village-mt-n8v,
.village-mt-n4w,
.village-my-n8v,
.village-my-n4w {
  margin-top: -2rem !important;
}

.village-mb-n8v,
.village-mb-n4w,
.village-my-n8v,
.village-my-n4w {
  margin-bottom: -2rem !important;
}

.village-m-n7v {
  margin: -1.75rem !important;
}

.village-ml-n7v,
.village-mx-n7v {
  margin-left: -1.75rem !important;
}

.village-mr-n7v,
.village-mx-n7v {
  margin-right: -1.75rem !important;
}

.village-mt-n7v,
.village-my-n7v {
  margin-top: -1.75rem !important;
}

.village-mb-n7v,
.village-my-n7v {
  margin-bottom: -1.75rem !important;
}

.village-m-n6v,
.village-m-n3w {
  margin: -1.5rem !important;
}

.village-ml-n6v,
.village-ml-n3w,
.village-mx-n6v,
.village-mx-n3w {
  margin-left: -1.5rem !important;
}

.village-mr-n6v,
.village-mr-n3w,
.village-mx-n6v,
.village-mx-n3w {
  margin-right: -1.5rem !important;
}

.village-mt-n6v,
.village-mt-n3w,
.village-my-n6v,
.village-my-n3w {
  margin-top: -1.5rem !important;
}

.village-mb-n6v,
.village-mb-n3w,
.village-my-n6v,
.village-my-n3w {
  margin-bottom: -1.5rem !important;
}

.village-m-n5v {
  margin: -1.25rem !important;
}

.village-ml-n5v,
.village-mx-n5v {
  margin-left: -1.25rem !important;
}

.village-mr-n5v,
.village-mx-n5v {
  margin-right: -1.25rem !important;
}

.village-mt-n5v,
.village-my-n5v {
  margin-top: -1.25rem !important;
}

.village-mb-n5v,
.village-my-n5v {
  margin-bottom: -1.25rem !important;
}

.village-m-n4v,
.village-m-n2w {
  margin: -1rem !important;
}

.village-ml-n4v,
.village-ml-n2w,
.village-mx-n4v,
.village-mx-n2w {
  margin-left: -1rem !important;
}

.village-mr-n4v,
.village-mr-n2w,
.village-mx-n4v,
.village-mx-n2w {
  margin-right: -1rem !important;
}

.village-mt-n4v,
.village-mt-n2w,
.village-my-n4v,
.village-my-n2w {
  margin-top: -1rem !important;
}

.village-mb-n4v,
.village-mb-n2w,
.village-my-n4v,
.village-my-n2w {
  margin-bottom: -1rem !important;
}

.village-m-n3v {
  margin: -0.75rem !important;
}

.village-ml-n3v,
.village-mx-n3v {
  margin-left: -0.75rem !important;
}

.village-mr-n3v,
.village-mx-n3v {
  margin-right: -0.75rem !important;
}

.village-mt-n3v,
.village-my-n3v {
  margin-top: -0.75rem !important;
}

.village-mb-n3v,
.village-my-n3v {
  margin-bottom: -0.75rem !important;
}

.village-m-n2v,
.village-m-n1w {
  margin: -0.5rem !important;
}

.village-ml-n2v,
.village-ml-n1w,
.village-mx-n2v,
.village-mx-n1w {
  margin-left: -0.5rem !important;
}

.village-mr-n2v,
.village-mr-n1w,
.village-mx-n2v,
.village-mx-n1w {
  margin-right: -0.5rem !important;
}

.village-mt-n2v,
.village-mt-n1w,
.village-my-n2v,
.village-my-n1w {
  margin-top: -0.5rem !important;
}

.village-mb-n2v,
.village-mb-n1w,
.village-my-n2v,
.village-my-n1w {
  margin-bottom: -0.5rem !important;
}

.village-m-n1v {
  margin: -0.25rem !important;
}

.village-ml-n1v,
.village-mx-n1v {
  margin-left: -0.25rem !important;
}

.village-mr-n1v,
.village-mx-n1v {
  margin-right: -0.25rem !important;
}

.village-mt-n1v,
.village-my-n1v {
  margin-top: -0.25rem !important;
}

.village-mb-n1v,
.village-my-n1v {
  margin-bottom: -0.25rem !important;
}

.village-m-n1-5v {
  margin: -0.375rem !important;
}

.village-ml-n1-5v,
.village-mx-n1-5v {
  margin-left: -0.375rem !important;
}

.village-mr-n1-5v,
.village-mx-n1-5v {
  margin-right: -0.375rem !important;
}

.village-mt-n1-5v,
.village-my-n1-5v {
  margin-top: -0.375rem !important;
}

.village-mb-n1-5v,
.village-my-n1-5v {
  margin-bottom: -0.375rem !important;
}

.village-m-0 {
  margin: 0 !important;
}

.village-ml-0,
.village-mx-0 {
  margin-left: 0 !important;
}

.village-mr-0,
.village-mx-0 {
  margin-right: 0 !important;
}

.village-mt-0,
.village-my-0 {
  margin-top: 0 !important;
}

.village-mb-0,
.village-my-0 {
  margin-bottom: 0 !important;
}

.village-m-n0-5v {
  margin: -0.125rem !important;
}

.village-ml-n0-5v,
.village-mx-n0-5v {
  margin-left: -0.125rem !important;
}

.village-mr-n0-5v,
.village-mx-n0-5v {
  margin-right: -0.125rem !important;
}

.village-mt-n0-5v,
.village-my-n0-5v {
  margin-top: -0.125rem !important;
}

.village-mb-n0-5v,
.village-my-n0-5v {
  margin-bottom: -0.125rem !important;
}

.village-m-0-5v {
  margin: 0.125rem !important;
}

.village-ml-0-5v,
.village-mx-0-5v {
  margin-left: 0.125rem !important;
}

.village-mr-0-5v,
.village-mx-0-5v {
  margin-right: 0.125rem !important;
}

.village-mt-0-5v,
.village-my-0-5v {
  margin-top: 0.125rem !important;
}

.village-mb-0-5v,
.village-my-0-5v {
  margin-bottom: 0.125rem !important;
}

.village-m-1v {
  margin: 0.25rem !important;
}

.village-ml-1v,
.village-mx-1v {
  margin-left: 0.25rem !important;
}

.village-mr-1v,
.village-mx-1v {
  margin-right: 0.25rem !important;
}

.village-mt-1v,
.village-my-1v {
  margin-top: 0.25rem !important;
}

.village-mb-1v,
.village-my-1v {
  margin-bottom: 0.25rem !important;
}

.village-m-1-5v {
  margin: 0.375rem !important;
}

.village-ml-1-5v,
.village-mx-1-5v {
  margin-left: 0.375rem !important;
}

.village-mr-1-5v,
.village-mx-1-5v {
  margin-right: 0.375rem !important;
}

.village-mt-1-5v,
.village-my-1-5v {
  margin-top: 0.375rem !important;
}

.village-mb-1-5v,
.village-my-1-5v {
  margin-bottom: 0.375rem !important;
}

.village-m-2v,
.village-m-1w {
  margin: 0.5rem !important;
}

.village-ml-2v,
.village-ml-1w,
.village-mx-2v,
.village-mx-1w {
  margin-left: 0.5rem !important;
}

.village-mr-2v,
.village-mr-1w,
.village-mx-2v,
.village-mx-1w {
  margin-right: 0.5rem !important;
}

.village-mt-2v,
.village-mt-1w,
.village-my-2v,
.village-my-1w {
  margin-top: 0.5rem !important;
}

.village-mb-2v,
.village-mb-1w,
.village-my-2v,
.village-my-1w {
  margin-bottom: 0.5rem !important;
}

.village-m-3v {
  margin: 0.75rem !important;
}

.village-ml-3v,
.village-mx-3v {
  margin-left: 0.75rem !important;
}

.village-mr-3v,
.village-mx-3v {
  margin-right: 0.75rem !important;
}

.village-mt-3v,
.village-my-3v {
  margin-top: 0.75rem !important;
}

.village-mb-3v,
.village-my-3v {
  margin-bottom: 0.75rem !important;
}

.village-m-4v,
.village-m-2w {
  margin: 1rem !important;
}

.village-ml-4v,
.village-ml-2w,
.village-mx-4v,
.village-mx-2w {
  margin-left: 1rem !important;
}

.village-mr-4v,
.village-mr-2w,
.village-mx-4v,
.village-mx-2w {
  margin-right: 1rem !important;
}

.village-mt-4v,
.village-mt-2w,
.village-my-4v,
.village-my-2w {
  margin-top: 1rem !important;
}

.village-mb-4v,
.village-mb-2w,
.village-my-4v,
.village-my-2w {
  margin-bottom: 1rem !important;
}

.village-m-5v {
  margin: 1.25rem !important;
}

.village-ml-5v,
.village-mx-5v {
  margin-left: 1.25rem !important;
}

.village-mr-5v,
.village-mx-5v {
  margin-right: 1.25rem !important;
}

.village-mt-5v,
.village-my-5v {
  margin-top: 1.25rem !important;
}

.village-mb-5v,
.village-my-5v {
  margin-bottom: 1.25rem !important;
}

.village-m-6v,
.village-m-3w {
  margin: 1.5rem !important;
}

.village-ml-6v,
.village-ml-3w,
.village-mx-6v,
.village-mx-3w {
  margin-left: 1.5rem !important;
}

.village-mr-6v,
.village-mr-3w,
.village-mx-6v,
.village-mx-3w {
  margin-right: 1.5rem !important;
}

.village-mt-6v,
.village-mt-3w,
.village-my-6v,
.village-my-3w {
  margin-top: 1.5rem !important;
}

.village-mb-6v,
.village-mb-3w,
.village-my-6v,
.village-my-3w {
  margin-bottom: 1.5rem !important;
}

.village-m-7v {
  margin: 1.75rem !important;
}

.village-ml-7v,
.village-mx-7v {
  margin-left: 1.75rem !important;
}

.village-mr-7v,
.village-mx-7v {
  margin-right: 1.75rem !important;
}

.village-mt-7v,
.village-my-7v {
  margin-top: 1.75rem !important;
}

.village-mb-7v,
.village-my-7v {
  margin-bottom: 1.75rem !important;
}

.village-m-8v,
.village-m-4w {
  margin: 2rem !important;
}

.village-ml-8v,
.village-ml-4w,
.village-mx-8v,
.village-mx-4w {
  margin-left: 2rem !important;
}

.village-mr-8v,
.village-mr-4w,
.village-mx-8v,
.village-mx-4w {
  margin-right: 2rem !important;
}

.village-mt-8v,
.village-mt-4w,
.village-my-8v,
.village-my-4w {
  margin-top: 2rem !important;
}

.village-mb-8v,
.village-mb-4w,
.village-my-8v,
.village-my-4w {
  margin-bottom: 2rem !important;
}

.village-m-9v {
  margin: 2.25rem !important;
}

.village-ml-9v,
.village-mx-9v {
  margin-left: 2.25rem !important;
}

.village-mr-9v,
.village-mx-9v {
  margin-right: 2.25rem !important;
}

.village-mt-9v,
.village-my-9v {
  margin-top: 2.25rem !important;
}

.village-mb-9v,
.village-my-9v {
  margin-bottom: 2.25rem !important;
}

.village-m-10v,
.village-m-5w {
  margin: 2.5rem !important;
}

.village-ml-10v,
.village-ml-5w,
.village-mx-10v,
.village-mx-5w {
  margin-left: 2.5rem !important;
}

.village-mr-10v,
.village-mr-5w,
.village-mx-10v,
.village-mx-5w {
  margin-right: 2.5rem !important;
}

.village-mt-10v,
.village-mt-5w,
.village-my-10v,
.village-my-5w {
  margin-top: 2.5rem !important;
}

.village-mb-10v,
.village-mb-5w,
.village-my-10v,
.village-my-5w {
  margin-bottom: 2.5rem !important;
}

.village-m-11v {
  margin: 2.75rem !important;
}

.village-ml-11v,
.village-mx-11v {
  margin-left: 2.75rem !important;
}

.village-mr-11v,
.village-mx-11v {
  margin-right: 2.75rem !important;
}

.village-mt-11v,
.village-my-11v {
  margin-top: 2.75rem !important;
}

.village-mb-11v,
.village-my-11v {
  margin-bottom: 2.75rem !important;
}

.village-m-12v,
.village-m-6w {
  margin: 3rem !important;
}

.village-ml-12v,
.village-ml-6w,
.village-mx-12v,
.village-mx-6w {
  margin-left: 3rem !important;
}

.village-mr-12v,
.village-mr-6w,
.village-mx-12v,
.village-mx-6w {
  margin-right: 3rem !important;
}

.village-mt-12v,
.village-mt-6w,
.village-my-12v,
.village-my-6w {
  margin-top: 3rem !important;
}

.village-mb-12v,
.village-mb-6w,
.village-my-12v,
.village-my-6w {
  margin-bottom: 3rem !important;
}

.village-m-13v {
  margin: 3.25rem !important;
}

.village-ml-13v,
.village-mx-13v {
  margin-left: 3.25rem !important;
}

.village-mr-13v,
.village-mx-13v {
  margin-right: 3.25rem !important;
}

.village-mt-13v,
.village-my-13v {
  margin-top: 3.25rem !important;
}

.village-mb-13v,
.village-my-13v {
  margin-bottom: 3.25rem !important;
}

.village-m-14v,
.village-m-7w {
  margin: 3.5rem !important;
}

.village-ml-14v,
.village-ml-7w,
.village-mx-14v,
.village-mx-7w {
  margin-left: 3.5rem !important;
}

.village-mr-14v,
.village-mr-7w,
.village-mx-14v,
.village-mx-7w {
  margin-right: 3.5rem !important;
}

.village-mt-14v,
.village-mt-7w,
.village-my-14v,
.village-my-7w {
  margin-top: 3.5rem !important;
}

.village-mb-14v,
.village-mb-7w,
.village-my-14v,
.village-my-7w {
  margin-bottom: 3.5rem !important;
}

.village-m-15v {
  margin: 3.75rem !important;
}

.village-ml-15v,
.village-mx-15v {
  margin-left: 3.75rem !important;
}

.village-mr-15v,
.village-mx-15v {
  margin-right: 3.75rem !important;
}

.village-mt-15v,
.village-my-15v {
  margin-top: 3.75rem !important;
}

.village-mb-15v,
.village-my-15v {
  margin-bottom: 3.75rem !important;
}

.village-m-16v,
.village-m-8w {
  margin: 4rem !important;
}

.village-ml-16v,
.village-ml-8w,
.village-mx-16v,
.village-mx-8w {
  margin-left: 4rem !important;
}

.village-mr-16v,
.village-mr-8w,
.village-mx-16v,
.village-mx-8w {
  margin-right: 4rem !important;
}

.village-mt-16v,
.village-mt-8w,
.village-my-16v,
.village-my-8w {
  margin-top: 4rem !important;
}

.village-mb-16v,
.village-mb-8w,
.village-my-16v,
.village-my-8w {
  margin-bottom: 4rem !important;
}

.village-m-17v {
  margin: 4.25rem !important;
}

.village-ml-17v,
.village-mx-17v {
  margin-left: 4.25rem !important;
}

.village-mr-17v,
.village-mx-17v {
  margin-right: 4.25rem !important;
}

.village-mt-17v,
.village-my-17v {
  margin-top: 4.25rem !important;
}

.village-mb-17v,
.village-my-17v {
  margin-bottom: 4.25rem !important;
}

.village-m-18v,
.village-m-9w {
  margin: 4.5rem !important;
}

.village-ml-18v,
.village-ml-9w,
.village-mx-18v,
.village-mx-9w {
  margin-left: 4.5rem !important;
}

.village-mr-18v,
.village-mr-9w,
.village-mx-18v,
.village-mx-9w {
  margin-right: 4.5rem !important;
}

.village-mt-18v,
.village-mt-9w,
.village-my-18v,
.village-my-9w {
  margin-top: 4.5rem !important;
}

.village-mb-18v,
.village-mb-9w,
.village-my-18v,
.village-my-9w {
  margin-bottom: 4.5rem !important;
}

.village-m-19v {
  margin: 4.75rem !important;
}

.village-ml-19v,
.village-mx-19v {
  margin-left: 4.75rem !important;
}

.village-mr-19v,
.village-mx-19v {
  margin-right: 4.75rem !important;
}

.village-mt-19v,
.village-my-19v {
  margin-top: 4.75rem !important;
}

.village-mb-19v,
.village-my-19v {
  margin-bottom: 4.75rem !important;
}

.village-m-20v,
.village-m-10w {
  margin: 5rem !important;
}

.village-ml-20v,
.village-ml-10w,
.village-mx-20v,
.village-mx-10w {
  margin-left: 5rem !important;
}

.village-mr-20v,
.village-mr-10w,
.village-mx-20v,
.village-mx-10w {
  margin-right: 5rem !important;
}

.village-mt-20v,
.village-mt-10w,
.village-my-20v,
.village-my-10w {
  margin-top: 5rem !important;
}

.village-mb-20v,
.village-mb-10w,
.village-my-20v,
.village-my-10w {
  margin-bottom: 5rem !important;
}

.village-m-21v {
  margin: 5.25rem !important;
}

.village-ml-21v,
.village-mx-21v {
  margin-left: 5.25rem !important;
}

.village-mr-21v,
.village-mx-21v {
  margin-right: 5.25rem !important;
}

.village-mt-21v,
.village-my-21v {
  margin-top: 5.25rem !important;
}

.village-mb-21v,
.village-my-21v {
  margin-bottom: 5.25rem !important;
}

.village-m-22v,
.village-m-11w {
  margin: 5.5rem !important;
}

.village-ml-22v,
.village-ml-11w,
.village-mx-22v,
.village-mx-11w {
  margin-left: 5.5rem !important;
}

.village-mr-22v,
.village-mr-11w,
.village-mx-22v,
.village-mx-11w {
  margin-right: 5.5rem !important;
}

.village-mt-22v,
.village-mt-11w,
.village-my-22v,
.village-my-11w {
  margin-top: 5.5rem !important;
}

.village-mb-22v,
.village-mb-11w,
.village-my-22v,
.village-my-11w {
  margin-bottom: 5.5rem !important;
}

.village-m-23v {
  margin: 5.75rem !important;
}

.village-ml-23v,
.village-mx-23v {
  margin-left: 5.75rem !important;
}

.village-mr-23v,
.village-mx-23v {
  margin-right: 5.75rem !important;
}

.village-mt-23v,
.village-my-23v {
  margin-top: 5.75rem !important;
}

.village-mb-23v,
.village-my-23v {
  margin-bottom: 5.75rem !important;
}

.village-m-24v,
.village-m-12w {
  margin: 6rem !important;
}

.village-ml-24v,
.village-ml-12w,
.village-mx-24v,
.village-mx-12w {
  margin-left: 6rem !important;
}

.village-mr-24v,
.village-mr-12w,
.village-mx-24v,
.village-mx-12w {
  margin-right: 6rem !important;
}

.village-mt-24v,
.village-mt-12w,
.village-my-24v,
.village-my-12w {
  margin-top: 6rem !important;
}

.village-mb-24v,
.village-mb-12w,
.village-my-24v,
.village-my-12w {
  margin-bottom: 6rem !important;
}

.village-m-25v {
  margin: 6.25rem !important;
}

.village-ml-25v,
.village-mx-25v {
  margin-left: 6.25rem !important;
}

.village-mr-25v,
.village-mx-25v {
  margin-right: 6.25rem !important;
}

.village-mt-25v,
.village-my-25v {
  margin-top: 6.25rem !important;
}

.village-mb-25v,
.village-my-25v {
  margin-bottom: 6.25rem !important;
}

.village-m-26v,
.village-m-13w {
  margin: 6.5rem !important;
}

.village-ml-26v,
.village-ml-13w,
.village-mx-26v,
.village-mx-13w {
  margin-left: 6.5rem !important;
}

.village-mr-26v,
.village-mr-13w,
.village-mx-26v,
.village-mx-13w {
  margin-right: 6.5rem !important;
}

.village-mt-26v,
.village-mt-13w,
.village-my-26v,
.village-my-13w {
  margin-top: 6.5rem !important;
}

.village-mb-26v,
.village-mb-13w,
.village-my-26v,
.village-my-13w {
  margin-bottom: 6.5rem !important;
}

.village-m-27v {
  margin: 6.75rem !important;
}

.village-ml-27v,
.village-mx-27v {
  margin-left: 6.75rem !important;
}

.village-mr-27v,
.village-mx-27v {
  margin-right: 6.75rem !important;
}

.village-mt-27v,
.village-my-27v {
  margin-top: 6.75rem !important;
}

.village-mb-27v,
.village-my-27v {
  margin-bottom: 6.75rem !important;
}

.village-m-28v,
.village-m-14w {
  margin: 7rem !important;
}

.village-ml-28v,
.village-ml-14w,
.village-mx-28v,
.village-mx-14w {
  margin-left: 7rem !important;
}

.village-mr-28v,
.village-mr-14w,
.village-mx-28v,
.village-mx-14w {
  margin-right: 7rem !important;
}

.village-mt-28v,
.village-mt-14w,
.village-my-28v,
.village-my-14w {
  margin-top: 7rem !important;
}

.village-mb-28v,
.village-mb-14w,
.village-my-28v,
.village-my-14w {
  margin-bottom: 7rem !important;
}

.village-m-29v {
  margin: 7.25rem !important;
}

.village-ml-29v,
.village-mx-29v {
  margin-left: 7.25rem !important;
}

.village-mr-29v,
.village-mx-29v {
  margin-right: 7.25rem !important;
}

.village-mt-29v,
.village-my-29v {
  margin-top: 7.25rem !important;
}

.village-mb-29v,
.village-my-29v {
  margin-bottom: 7.25rem !important;
}

.village-m-30v,
.village-m-15w {
  margin: 7.5rem !important;
}

.village-ml-30v,
.village-ml-15w,
.village-mx-30v,
.village-mx-15w {
  margin-left: 7.5rem !important;
}

.village-mr-30v,
.village-mr-15w,
.village-mx-30v,
.village-mx-15w {
  margin-right: 7.5rem !important;
}

.village-mt-30v,
.village-mt-15w,
.village-my-30v,
.village-my-15w {
  margin-top: 7.5rem !important;
}

.village-mb-30v,
.village-mb-15w,
.village-my-30v,
.village-my-15w {
  margin-bottom: 7.5rem !important;
}

.village-m-31v {
  margin: 7.75rem !important;
}

.village-ml-31v,
.village-mx-31v {
  margin-left: 7.75rem !important;
}

.village-mr-31v,
.village-mx-31v {
  margin-right: 7.75rem !important;
}

.village-mt-31v,
.village-my-31v {
  margin-top: 7.75rem !important;
}

.village-mb-31v,
.village-my-31v {
  margin-bottom: 7.75rem !important;
}

.village-m-32v,
.village-m-16w {
  margin: 8rem !important;
}

.village-ml-32v,
.village-ml-16w,
.village-mx-32v,
.village-mx-16w {
  margin-left: 8rem !important;
}

.village-mr-32v,
.village-mr-16w,
.village-mx-32v,
.village-mx-16w {
  margin-right: 8rem !important;
}

.village-mt-32v,
.village-mt-16w,
.village-my-32v,
.village-my-16w {
  margin-top: 8rem !important;
}

.village-mb-32v,
.village-mb-16w,
.village-my-32v,
.village-my-16w {
  margin-bottom: 8rem !important;
}

.village-m-auto {
  margin: auto;
}

.village-ml-auto,
.village-mx-auto {
  margin-left: auto;
}

.village-mr-auto,
.village-mx-auto {
  margin-right: auto;
}

.village-mt-auto,
.village-my-auto {
  margin-top: auto;
}

.village-mb-auto,
.village-my-auto {
  margin-bottom: auto;
}

.village-m-first-n8v,
.village-m-first-n4w {
  margin: -2rem !important;
}

.village-ml-first-n8v,
.village-ml-first-n4w,
.village-mx-first-n8v,
.village-mx-first-n4w {
  margin-left: -2rem !important;
}

.village-mr-first-n8v,
.village-mr-first-n4w,
.village-mx-first-n8v,
.village-mx-first-n4w {
  margin-right: -2rem !important;
}

.village-mt-first-n8v,
.village-mt-first-n4w,
.village-my-first-n8v,
.village-my-first-n4w {
  margin-top: -2rem !important;
}

.village-mb-first-n8v,
.village-mb-first-n4w,
.village-my-first-n8v,
.village-my-first-n4w {
  margin-bottom: -2rem !important;
}

.village-m-first-n7v {
  margin: -1.75rem !important;
}

.village-ml-first-n7v,
.village-mx-first-n7v {
  margin-left: -1.75rem !important;
}

.village-mr-first-n7v,
.village-mx-first-n7v {
  margin-right: -1.75rem !important;
}

.village-mt-first-n7v,
.village-my-first-n7v {
  margin-top: -1.75rem !important;
}

.village-mb-first-n7v,
.village-my-first-n7v {
  margin-bottom: -1.75rem !important;
}

.village-m-first-n6v,
.village-m-first-n3w {
  margin: -1.5rem !important;
}

.village-ml-first-n6v,
.village-ml-first-n3w,
.village-mx-first-n6v,
.village-mx-first-n3w {
  margin-left: -1.5rem !important;
}

.village-mr-first-n6v,
.village-mr-first-n3w,
.village-mx-first-n6v,
.village-mx-first-n3w {
  margin-right: -1.5rem !important;
}

.village-mt-first-n6v,
.village-mt-first-n3w,
.village-my-first-n6v,
.village-my-first-n3w {
  margin-top: -1.5rem !important;
}

.village-mb-first-n6v,
.village-mb-first-n3w,
.village-my-first-n6v,
.village-my-first-n3w {
  margin-bottom: -1.5rem !important;
}

.village-m-first-n5v {
  margin: -1.25rem !important;
}

.village-ml-first-n5v,
.village-mx-first-n5v {
  margin-left: -1.25rem !important;
}

.village-mr-first-n5v,
.village-mx-first-n5v {
  margin-right: -1.25rem !important;
}

.village-mt-first-n5v,
.village-my-first-n5v {
  margin-top: -1.25rem !important;
}

.village-mb-first-n5v,
.village-my-first-n5v {
  margin-bottom: -1.25rem !important;
}

.village-m-first-n4v,
.village-m-first-n2w {
  margin: -1rem !important;
}

.village-ml-first-n4v,
.village-ml-first-n2w,
.village-mx-first-n4v,
.village-mx-first-n2w {
  margin-left: -1rem !important;
}

.village-mr-first-n4v,
.village-mr-first-n2w,
.village-mx-first-n4v,
.village-mx-first-n2w {
  margin-right: -1rem !important;
}

.village-mt-first-n4v,
.village-mt-first-n2w,
.village-my-first-n4v,
.village-my-first-n2w {
  margin-top: -1rem !important;
}

.village-mb-first-n4v,
.village-mb-first-n2w,
.village-my-first-n4v,
.village-my-first-n2w {
  margin-bottom: -1rem !important;
}

.village-m-first-n3v {
  margin: -0.75rem !important;
}

.village-ml-first-n3v,
.village-mx-first-n3v {
  margin-left: -0.75rem !important;
}

.village-mr-first-n3v,
.village-mx-first-n3v {
  margin-right: -0.75rem !important;
}

.village-mt-first-n3v,
.village-my-first-n3v {
  margin-top: -0.75rem !important;
}

.village-mb-first-n3v,
.village-my-first-n3v {
  margin-bottom: -0.75rem !important;
}

.village-m-first-n2v,
.village-m-first-n1w {
  margin: -0.5rem !important;
}

.village-ml-first-n2v,
.village-ml-first-n1w,
.village-mx-first-n2v,
.village-mx-first-n1w {
  margin-left: -0.5rem !important;
}

.village-mr-first-n2v,
.village-mr-first-n1w,
.village-mx-first-n2v,
.village-mx-first-n1w {
  margin-right: -0.5rem !important;
}

.village-mt-first-n2v,
.village-mt-first-n1w,
.village-my-first-n2v,
.village-my-first-n1w {
  margin-top: -0.5rem !important;
}

.village-mb-first-n2v,
.village-mb-first-n1w,
.village-my-first-n2v,
.village-my-first-n1w {
  margin-bottom: -0.5rem !important;
}

.village-m-first-n1v {
  margin: -0.25rem !important;
}

.village-ml-first-n1v,
.village-mx-first-n1v {
  margin-left: -0.25rem !important;
}

.village-mr-first-n1v,
.village-mx-first-n1v {
  margin-right: -0.25rem !important;
}

.village-mt-first-n1v,
.village-my-first-n1v {
  margin-top: -0.25rem !important;
}

.village-mb-first-n1v,
.village-my-first-n1v {
  margin-bottom: -0.25rem !important;
}

.village-m-first-n1-5v {
  margin: -0.375rem !important;
}

.village-ml-first-n1-5v,
.village-mx-first-n1-5v {
  margin-left: -0.375rem !important;
}

.village-mr-first-n1-5v,
.village-mx-first-n1-5v {
  margin-right: -0.375rem !important;
}

.village-mt-first-n1-5v,
.village-my-first-n1-5v {
  margin-top: -0.375rem !important;
}

.village-mb-first-n1-5v,
.village-my-first-n1-5v {
  margin-bottom: -0.375rem !important;
}

.village-m-first-0 {
  margin: 0 !important;
}

.village-ml-first-0,
.village-mx-first-0 {
  margin-left: 0 !important;
}

.village-mr-first-0,
.village-mx-first-0 {
  margin-right: 0 !important;
}

.village-mt-first-0,
.village-my-first-0 {
  margin-top: 0 !important;
}

.village-mb-first-0,
.village-my-first-0 {
  margin-bottom: 0 !important;
}

.village-m-first-n0-5v {
  margin: -0.125rem !important;
}

.village-ml-first-n0-5v,
.village-mx-first-n0-5v {
  margin-left: -0.125rem !important;
}

.village-mr-first-n0-5v,
.village-mx-first-n0-5v {
  margin-right: -0.125rem !important;
}

.village-mt-first-n0-5v,
.village-my-first-n0-5v {
  margin-top: -0.125rem !important;
}

.village-mb-first-n0-5v,
.village-my-first-n0-5v {
  margin-bottom: -0.125rem !important;
}

.village-m-first-0-5v {
  margin: 0.125rem !important;
}

.village-ml-first-0-5v,
.village-mx-first-0-5v {
  margin-left: 0.125rem !important;
}

.village-mr-first-0-5v,
.village-mx-first-0-5v {
  margin-right: 0.125rem !important;
}

.village-mt-first-0-5v,
.village-my-first-0-5v {
  margin-top: 0.125rem !important;
}

.village-mb-first-0-5v,
.village-my-first-0-5v {
  margin-bottom: 0.125rem !important;
}

.village-m-first-1v {
  margin: 0.25rem !important;
}

.village-ml-first-1v,
.village-mx-first-1v {
  margin-left: 0.25rem !important;
}

.village-mr-first-1v,
.village-mx-first-1v {
  margin-right: 0.25rem !important;
}

.village-mt-first-1v,
.village-my-first-1v {
  margin-top: 0.25rem !important;
}

.village-mb-first-1v,
.village-my-first-1v {
  margin-bottom: 0.25rem !important;
}

.village-m-first-1-5v {
  margin: 0.375rem !important;
}

.village-ml-first-1-5v,
.village-mx-first-1-5v {
  margin-left: 0.375rem !important;
}

.village-mr-first-1-5v,
.village-mx-first-1-5v {
  margin-right: 0.375rem !important;
}

.village-mt-first-1-5v,
.village-my-first-1-5v {
  margin-top: 0.375rem !important;
}

.village-mb-first-1-5v,
.village-my-first-1-5v {
  margin-bottom: 0.375rem !important;
}

.village-m-first-2v,
.village-m-first-1w {
  margin: 0.5rem !important;
}

.village-ml-first-2v,
.village-ml-first-1w,
.village-mx-first-2v,
.village-mx-first-1w {
  margin-left: 0.5rem !important;
}

.village-mr-first-2v,
.village-mr-first-1w,
.village-mx-first-2v,
.village-mx-first-1w {
  margin-right: 0.5rem !important;
}

.village-mt-first-2v,
.village-mt-first-1w,
.village-my-first-2v,
.village-my-first-1w {
  margin-top: 0.5rem !important;
}

.village-mb-first-2v,
.village-mb-first-1w,
.village-my-first-2v,
.village-my-first-1w {
  margin-bottom: 0.5rem !important;
}

.village-m-first-3v {
  margin: 0.75rem !important;
}

.village-ml-first-3v,
.village-mx-first-3v {
  margin-left: 0.75rem !important;
}

.village-mr-first-3v,
.village-mx-first-3v {
  margin-right: 0.75rem !important;
}

.village-mt-first-3v,
.village-my-first-3v {
  margin-top: 0.75rem !important;
}

.village-mb-first-3v,
.village-my-first-3v {
  margin-bottom: 0.75rem !important;
}

.village-m-first-4v,
.village-m-first-2w {
  margin: 1rem !important;
}

.village-ml-first-4v,
.village-ml-first-2w,
.village-mx-first-4v,
.village-mx-first-2w {
  margin-left: 1rem !important;
}

.village-mr-first-4v,
.village-mr-first-2w,
.village-mx-first-4v,
.village-mx-first-2w {
  margin-right: 1rem !important;
}

.village-mt-first-4v,
.village-mt-first-2w,
.village-my-first-4v,
.village-my-first-2w {
  margin-top: 1rem !important;
}

.village-mb-first-4v,
.village-mb-first-2w,
.village-my-first-4v,
.village-my-first-2w {
  margin-bottom: 1rem !important;
}

.village-m-first-5v {
  margin: 1.25rem !important;
}

.village-ml-first-5v,
.village-mx-first-5v {
  margin-left: 1.25rem !important;
}

.village-mr-first-5v,
.village-mx-first-5v {
  margin-right: 1.25rem !important;
}

.village-mt-first-5v,
.village-my-first-5v {
  margin-top: 1.25rem !important;
}

.village-mb-first-5v,
.village-my-first-5v {
  margin-bottom: 1.25rem !important;
}

.village-m-first-6v,
.village-m-first-3w {
  margin: 1.5rem !important;
}

.village-ml-first-6v,
.village-ml-first-3w,
.village-mx-first-6v,
.village-mx-first-3w {
  margin-left: 1.5rem !important;
}

.village-mr-first-6v,
.village-mr-first-3w,
.village-mx-first-6v,
.village-mx-first-3w {
  margin-right: 1.5rem !important;
}

.village-mt-first-6v,
.village-mt-first-3w,
.village-my-first-6v,
.village-my-first-3w {
  margin-top: 1.5rem !important;
}

.village-mb-first-6v,
.village-mb-first-3w,
.village-my-first-6v,
.village-my-first-3w {
  margin-bottom: 1.5rem !important;
}

.village-m-first-7v {
  margin: 1.75rem !important;
}

.village-ml-first-7v,
.village-mx-first-7v {
  margin-left: 1.75rem !important;
}

.village-mr-first-7v,
.village-mx-first-7v {
  margin-right: 1.75rem !important;
}

.village-mt-first-7v,
.village-my-first-7v {
  margin-top: 1.75rem !important;
}

.village-mb-first-7v,
.village-my-first-7v {
  margin-bottom: 1.75rem !important;
}

.village-m-first-8v,
.village-m-first-4w {
  margin: 2rem !important;
}

.village-ml-first-8v,
.village-ml-first-4w,
.village-mx-first-8v,
.village-mx-first-4w {
  margin-left: 2rem !important;
}

.village-mr-first-8v,
.village-mr-first-4w,
.village-mx-first-8v,
.village-mx-first-4w {
  margin-right: 2rem !important;
}

.village-mt-first-8v,
.village-mt-first-4w,
.village-my-first-8v,
.village-my-first-4w {
  margin-top: 2rem !important;
}

.village-mb-first-8v,
.village-mb-first-4w,
.village-my-first-8v,
.village-my-first-4w {
  margin-bottom: 2rem !important;
}

.village-m-first-9v {
  margin: 2.25rem !important;
}

.village-ml-first-9v,
.village-mx-first-9v {
  margin-left: 2.25rem !important;
}

.village-mr-first-9v,
.village-mx-first-9v {
  margin-right: 2.25rem !important;
}

.village-mt-first-9v,
.village-my-first-9v {
  margin-top: 2.25rem !important;
}

.village-mb-first-9v,
.village-my-first-9v {
  margin-bottom: 2.25rem !important;
}

.village-m-first-10v,
.village-m-first-5w {
  margin: 2.5rem !important;
}

.village-ml-first-10v,
.village-ml-first-5w,
.village-mx-first-10v,
.village-mx-first-5w {
  margin-left: 2.5rem !important;
}

.village-mr-first-10v,
.village-mr-first-5w,
.village-mx-first-10v,
.village-mx-first-5w {
  margin-right: 2.5rem !important;
}

.village-mt-first-10v,
.village-mt-first-5w,
.village-my-first-10v,
.village-my-first-5w {
  margin-top: 2.5rem !important;
}

.village-mb-first-10v,
.village-mb-first-5w,
.village-my-first-10v,
.village-my-first-5w {
  margin-bottom: 2.5rem !important;
}

.village-m-first-11v {
  margin: 2.75rem !important;
}

.village-ml-first-11v,
.village-mx-first-11v {
  margin-left: 2.75rem !important;
}

.village-mr-first-11v,
.village-mx-first-11v {
  margin-right: 2.75rem !important;
}

.village-mt-first-11v,
.village-my-first-11v {
  margin-top: 2.75rem !important;
}

.village-mb-first-11v,
.village-my-first-11v {
  margin-bottom: 2.75rem !important;
}

.village-m-first-12v,
.village-m-first-6w {
  margin: 3rem !important;
}

.village-ml-first-12v,
.village-ml-first-6w,
.village-mx-first-12v,
.village-mx-first-6w {
  margin-left: 3rem !important;
}

.village-mr-first-12v,
.village-mr-first-6w,
.village-mx-first-12v,
.village-mx-first-6w {
  margin-right: 3rem !important;
}

.village-mt-first-12v,
.village-mt-first-6w,
.village-my-first-12v,
.village-my-first-6w {
  margin-top: 3rem !important;
}

.village-mb-first-12v,
.village-mb-first-6w,
.village-my-first-12v,
.village-my-first-6w {
  margin-bottom: 3rem !important;
}

.village-m-first-13v {
  margin: 3.25rem !important;
}

.village-ml-first-13v,
.village-mx-first-13v {
  margin-left: 3.25rem !important;
}

.village-mr-first-13v,
.village-mx-first-13v {
  margin-right: 3.25rem !important;
}

.village-mt-first-13v,
.village-my-first-13v {
  margin-top: 3.25rem !important;
}

.village-mb-first-13v,
.village-my-first-13v {
  margin-bottom: 3.25rem !important;
}

.village-m-first-14v,
.village-m-first-7w {
  margin: 3.5rem !important;
}

.village-ml-first-14v,
.village-ml-first-7w,
.village-mx-first-14v,
.village-mx-first-7w {
  margin-left: 3.5rem !important;
}

.village-mr-first-14v,
.village-mr-first-7w,
.village-mx-first-14v,
.village-mx-first-7w {
  margin-right: 3.5rem !important;
}

.village-mt-first-14v,
.village-mt-first-7w,
.village-my-first-14v,
.village-my-first-7w {
  margin-top: 3.5rem !important;
}

.village-mb-first-14v,
.village-mb-first-7w,
.village-my-first-14v,
.village-my-first-7w {
  margin-bottom: 3.5rem !important;
}

.village-m-first-15v {
  margin: 3.75rem !important;
}

.village-ml-first-15v,
.village-mx-first-15v {
  margin-left: 3.75rem !important;
}

.village-mr-first-15v,
.village-mx-first-15v {
  margin-right: 3.75rem !important;
}

.village-mt-first-15v,
.village-my-first-15v {
  margin-top: 3.75rem !important;
}

.village-mb-first-15v,
.village-my-first-15v {
  margin-bottom: 3.75rem !important;
}

.village-m-first-16v,
.village-m-first-8w {
  margin: 4rem !important;
}

.village-ml-first-16v,
.village-ml-first-8w,
.village-mx-first-16v,
.village-mx-first-8w {
  margin-left: 4rem !important;
}

.village-mr-first-16v,
.village-mr-first-8w,
.village-mx-first-16v,
.village-mx-first-8w {
  margin-right: 4rem !important;
}

.village-mt-first-16v,
.village-mt-first-8w,
.village-my-first-16v,
.village-my-first-8w {
  margin-top: 4rem !important;
}

.village-mb-first-16v,
.village-mb-first-8w,
.village-my-first-16v,
.village-my-first-8w {
  margin-bottom: 4rem !important;
}

.village-m-first-17v {
  margin: 4.25rem !important;
}

.village-ml-first-17v,
.village-mx-first-17v {
  margin-left: 4.25rem !important;
}

.village-mr-first-17v,
.village-mx-first-17v {
  margin-right: 4.25rem !important;
}

.village-mt-first-17v,
.village-my-first-17v {
  margin-top: 4.25rem !important;
}

.village-mb-first-17v,
.village-my-first-17v {
  margin-bottom: 4.25rem !important;
}

.village-m-first-18v,
.village-m-first-9w {
  margin: 4.5rem !important;
}

.village-ml-first-18v,
.village-ml-first-9w,
.village-mx-first-18v,
.village-mx-first-9w {
  margin-left: 4.5rem !important;
}

.village-mr-first-18v,
.village-mr-first-9w,
.village-mx-first-18v,
.village-mx-first-9w {
  margin-right: 4.5rem !important;
}

.village-mt-first-18v,
.village-mt-first-9w,
.village-my-first-18v,
.village-my-first-9w {
  margin-top: 4.5rem !important;
}

.village-mb-first-18v,
.village-mb-first-9w,
.village-my-first-18v,
.village-my-first-9w {
  margin-bottom: 4.5rem !important;
}

.village-m-first-19v {
  margin: 4.75rem !important;
}

.village-ml-first-19v,
.village-mx-first-19v {
  margin-left: 4.75rem !important;
}

.village-mr-first-19v,
.village-mx-first-19v {
  margin-right: 4.75rem !important;
}

.village-mt-first-19v,
.village-my-first-19v {
  margin-top: 4.75rem !important;
}

.village-mb-first-19v,
.village-my-first-19v {
  margin-bottom: 4.75rem !important;
}

.village-m-first-20v,
.village-m-first-10w {
  margin: 5rem !important;
}

.village-ml-first-20v,
.village-ml-first-10w,
.village-mx-first-20v,
.village-mx-first-10w {
  margin-left: 5rem !important;
}

.village-mr-first-20v,
.village-mr-first-10w,
.village-mx-first-20v,
.village-mx-first-10w {
  margin-right: 5rem !important;
}

.village-mt-first-20v,
.village-mt-first-10w,
.village-my-first-20v,
.village-my-first-10w {
  margin-top: 5rem !important;
}

.village-mb-first-20v,
.village-mb-first-10w,
.village-my-first-20v,
.village-my-first-10w {
  margin-bottom: 5rem !important;
}

.village-m-first-21v {
  margin: 5.25rem !important;
}

.village-ml-first-21v,
.village-mx-first-21v {
  margin-left: 5.25rem !important;
}

.village-mr-first-21v,
.village-mx-first-21v {
  margin-right: 5.25rem !important;
}

.village-mt-first-21v,
.village-my-first-21v {
  margin-top: 5.25rem !important;
}

.village-mb-first-21v,
.village-my-first-21v {
  margin-bottom: 5.25rem !important;
}

.village-m-first-22v,
.village-m-first-11w {
  margin: 5.5rem !important;
}

.village-ml-first-22v,
.village-ml-first-11w,
.village-mx-first-22v,
.village-mx-first-11w {
  margin-left: 5.5rem !important;
}

.village-mr-first-22v,
.village-mr-first-11w,
.village-mx-first-22v,
.village-mx-first-11w {
  margin-right: 5.5rem !important;
}

.village-mt-first-22v,
.village-mt-first-11w,
.village-my-first-22v,
.village-my-first-11w {
  margin-top: 5.5rem !important;
}

.village-mb-first-22v,
.village-mb-first-11w,
.village-my-first-22v,
.village-my-first-11w {
  margin-bottom: 5.5rem !important;
}

.village-m-first-23v {
  margin: 5.75rem !important;
}

.village-ml-first-23v,
.village-mx-first-23v {
  margin-left: 5.75rem !important;
}

.village-mr-first-23v,
.village-mx-first-23v {
  margin-right: 5.75rem !important;
}

.village-mt-first-23v,
.village-my-first-23v {
  margin-top: 5.75rem !important;
}

.village-mb-first-23v,
.village-my-first-23v {
  margin-bottom: 5.75rem !important;
}

.village-m-first-24v,
.village-m-first-12w {
  margin: 6rem !important;
}

.village-ml-first-24v,
.village-ml-first-12w,
.village-mx-first-24v,
.village-mx-first-12w {
  margin-left: 6rem !important;
}

.village-mr-first-24v,
.village-mr-first-12w,
.village-mx-first-24v,
.village-mx-first-12w {
  margin-right: 6rem !important;
}

.village-mt-first-24v,
.village-mt-first-12w,
.village-my-first-24v,
.village-my-first-12w {
  margin-top: 6rem !important;
}

.village-mb-first-24v,
.village-mb-first-12w,
.village-my-first-24v,
.village-my-first-12w {
  margin-bottom: 6rem !important;
}

.village-m-first-25v {
  margin: 6.25rem !important;
}

.village-ml-first-25v,
.village-mx-first-25v {
  margin-left: 6.25rem !important;
}

.village-mr-first-25v,
.village-mx-first-25v {
  margin-right: 6.25rem !important;
}

.village-mt-first-25v,
.village-my-first-25v {
  margin-top: 6.25rem !important;
}

.village-mb-first-25v,
.village-my-first-25v {
  margin-bottom: 6.25rem !important;
}

.village-m-first-26v,
.village-m-first-13w {
  margin: 6.5rem !important;
}

.village-ml-first-26v,
.village-ml-first-13w,
.village-mx-first-26v,
.village-mx-first-13w {
  margin-left: 6.5rem !important;
}

.village-mr-first-26v,
.village-mr-first-13w,
.village-mx-first-26v,
.village-mx-first-13w {
  margin-right: 6.5rem !important;
}

.village-mt-first-26v,
.village-mt-first-13w,
.village-my-first-26v,
.village-my-first-13w {
  margin-top: 6.5rem !important;
}

.village-mb-first-26v,
.village-mb-first-13w,
.village-my-first-26v,
.village-my-first-13w {
  margin-bottom: 6.5rem !important;
}

.village-m-first-27v {
  margin: 6.75rem !important;
}

.village-ml-first-27v,
.village-mx-first-27v {
  margin-left: 6.75rem !important;
}

.village-mr-first-27v,
.village-mx-first-27v {
  margin-right: 6.75rem !important;
}

.village-mt-first-27v,
.village-my-first-27v {
  margin-top: 6.75rem !important;
}

.village-mb-first-27v,
.village-my-first-27v {
  margin-bottom: 6.75rem !important;
}

.village-m-first-28v,
.village-m-first-14w {
  margin: 7rem !important;
}

.village-ml-first-28v,
.village-ml-first-14w,
.village-mx-first-28v,
.village-mx-first-14w {
  margin-left: 7rem !important;
}

.village-mr-first-28v,
.village-mr-first-14w,
.village-mx-first-28v,
.village-mx-first-14w {
  margin-right: 7rem !important;
}

.village-mt-first-28v,
.village-mt-first-14w,
.village-my-first-28v,
.village-my-first-14w {
  margin-top: 7rem !important;
}

.village-mb-first-28v,
.village-mb-first-14w,
.village-my-first-28v,
.village-my-first-14w {
  margin-bottom: 7rem !important;
}

.village-m-first-29v {
  margin: 7.25rem !important;
}

.village-ml-first-29v,
.village-mx-first-29v {
  margin-left: 7.25rem !important;
}

.village-mr-first-29v,
.village-mx-first-29v {
  margin-right: 7.25rem !important;
}

.village-mt-first-29v,
.village-my-first-29v {
  margin-top: 7.25rem !important;
}

.village-mb-first-29v,
.village-my-first-29v {
  margin-bottom: 7.25rem !important;
}

.village-m-first-30v,
.village-m-first-15w {
  margin: 7.5rem !important;
}

.village-ml-first-30v,
.village-ml-first-15w,
.village-mx-first-30v,
.village-mx-first-15w {
  margin-left: 7.5rem !important;
}

.village-mr-first-30v,
.village-mr-first-15w,
.village-mx-first-30v,
.village-mx-first-15w {
  margin-right: 7.5rem !important;
}

.village-mt-first-30v,
.village-mt-first-15w,
.village-my-first-30v,
.village-my-first-15w {
  margin-top: 7.5rem !important;
}

.village-mb-first-30v,
.village-mb-first-15w,
.village-my-first-30v,
.village-my-first-15w {
  margin-bottom: 7.5rem !important;
}

.village-m-first-31v {
  margin: 7.75rem !important;
}

.village-ml-first-31v,
.village-mx-first-31v {
  margin-left: 7.75rem !important;
}

.village-mr-first-31v,
.village-mx-first-31v {
  margin-right: 7.75rem !important;
}

.village-mt-first-31v,
.village-my-first-31v {
  margin-top: 7.75rem !important;
}

.village-mb-first-31v,
.village-my-first-31v {
  margin-bottom: 7.75rem !important;
}

.village-m-first-32v,
.village-m-first-16w {
  margin: 8rem !important;
}

.village-ml-first-32v,
.village-ml-first-16w,
.village-mx-first-32v,
.village-mx-first-16w {
  margin-left: 8rem !important;
}

.village-mr-first-32v,
.village-mr-first-16w,
.village-mx-first-32v,
.village-mx-first-16w {
  margin-right: 8rem !important;
}

.village-mt-first-32v,
.village-mt-first-16w,
.village-my-first-32v,
.village-my-first-16w {
  margin-top: 8rem !important;
}

.village-mb-first-32v,
.village-mb-first-16w,
.village-my-first-32v,
.village-my-first-16w {
  margin-bottom: 8rem !important;
}

.village-m-first-auto {
  margin: auto;
}

.village-ml-first-auto,
.village-mx-first-auto {
  margin-left: auto;
}

.village-mr-first-auto,
.village-mx-first-auto {
  margin-right: auto;
}

.village-mt-first-auto,
.village-my-first-auto {
  margin-top: auto;
}

.village-mb-first-auto,
.village-my-first-auto {
  margin-bottom: auto;
}

.village-p-0 {
  padding: 0 !important;
}

.village-pl-0,
.village-px-0 {
  padding-left: 0 !important;
}

.village-pr-0,
.village-px-0 {
  padding-right: 0 !important;
}

.village-pt-0,
.village-py-0 {
  padding-top: 0 !important;
}

.village-pb-0,
.village-py-0 {
  padding-bottom: 0 !important;
}

.village-p-0-5v {
  padding: 0.125rem !important;
}

.village-pl-0-5v,
.village-px-0-5v {
  padding-left: 0.125rem !important;
}

.village-pr-0-5v,
.village-px-0-5v {
  padding-right: 0.125rem !important;
}

.village-pt-0-5v,
.village-py-0-5v {
  padding-top: 0.125rem !important;
}

.village-pb-0-5v,
.village-py-0-5v {
  padding-bottom: 0.125rem !important;
}

.village-p-1v {
  padding: 0.25rem !important;
}

.village-pl-1v,
.village-px-1v {
  padding-left: 0.25rem !important;
}

.village-pr-1v,
.village-px-1v {
  padding-right: 0.25rem !important;
}

.village-pt-1v,
.village-py-1v {
  padding-top: 0.25rem !important;
}

.village-pb-1v,
.village-py-1v {
  padding-bottom: 0.25rem !important;
}

.village-p-1-5v {
  padding: 0.375rem !important;
}

.village-pl-1-5v,
.village-px-1-5v {
  padding-left: 0.375rem !important;
}

.village-pr-1-5v,
.village-px-1-5v {
  padding-right: 0.375rem !important;
}

.village-pt-1-5v,
.village-py-1-5v {
  padding-top: 0.375rem !important;
}

.village-pb-1-5v,
.village-py-1-5v {
  padding-bottom: 0.375rem !important;
}

.village-p-2v,
.village-p-1w {
  padding: 0.5rem !important;
}

.village-pl-2v,
.village-pl-1w,
.village-px-2v,
.village-px-1w {
  padding-left: 0.5rem !important;
}

.village-pr-2v,
.village-pr-1w,
.village-px-2v,
.village-px-1w {
  padding-right: 0.5rem !important;
}

.village-pt-2v,
.village-pt-1w,
.village-py-2v,
.village-py-1w {
  padding-top: 0.5rem !important;
}

.village-pb-2v,
.village-pb-1w,
.village-py-2v,
.village-py-1w {
  padding-bottom: 0.5rem !important;
}

.village-p-3v {
  padding: 0.75rem !important;
}

.village-pl-3v,
.village-px-3v {
  padding-left: 0.75rem !important;
}

.village-pr-3v,
.village-px-3v {
  padding-right: 0.75rem !important;
}

.village-pt-3v,
.village-py-3v {
  padding-top: 0.75rem !important;
}

.village-pb-3v,
.village-py-3v {
  padding-bottom: 0.75rem !important;
}

.village-p-4v,
.village-p-2w {
  padding: 1rem !important;
}

.village-pl-4v,
.village-pl-2w,
.village-px-4v,
.village-px-2w {
  padding-left: 1rem !important;
}

.village-pr-4v,
.village-pr-2w,
.village-px-4v,
.village-px-2w {
  padding-right: 1rem !important;
}

.village-pt-4v,
.village-pt-2w,
.village-py-4v,
.village-py-2w {
  padding-top: 1rem !important;
}

.village-pb-4v,
.village-pb-2w,
.village-py-4v,
.village-py-2w {
  padding-bottom: 1rem !important;
}

.village-p-5v {
  padding: 1.25rem !important;
}

.village-pl-5v,
.village-px-5v {
  padding-left: 1.25rem !important;
}

.village-pr-5v,
.village-px-5v {
  padding-right: 1.25rem !important;
}

.village-pt-5v,
.village-py-5v {
  padding-top: 1.25rem !important;
}

.village-pb-5v,
.village-py-5v {
  padding-bottom: 1.25rem !important;
}

.village-p-6v,
.village-p-3w {
  padding: 1.5rem !important;
}

.village-pl-6v,
.village-pl-3w,
.village-px-6v,
.village-px-3w {
  padding-left: 1.5rem !important;
}

.village-pr-6v,
.village-pr-3w,
.village-px-6v,
.village-px-3w {
  padding-right: 1.5rem !important;
}

.village-pt-6v,
.village-pt-3w,
.village-py-6v,
.village-py-3w {
  padding-top: 1.5rem !important;
}

.village-pb-6v,
.village-pb-3w,
.village-py-6v,
.village-py-3w {
  padding-bottom: 1.5rem !important;
}

.village-p-7v {
  padding: 1.75rem !important;
}

.village-pl-7v,
.village-px-7v {
  padding-left: 1.75rem !important;
}

.village-pr-7v,
.village-px-7v {
  padding-right: 1.75rem !important;
}

.village-pt-7v,
.village-py-7v {
  padding-top: 1.75rem !important;
}

.village-pb-7v,
.village-py-7v {
  padding-bottom: 1.75rem !important;
}

.village-p-8v,
.village-p-4w {
  padding: 2rem !important;
}

.village-pl-8v,
.village-pl-4w,
.village-px-8v,
.village-px-4w {
  padding-left: 2rem !important;
}

.village-pr-8v,
.village-pr-4w,
.village-px-8v,
.village-px-4w {
  padding-right: 2rem !important;
}

.village-pt-8v,
.village-pt-4w,
.village-py-8v,
.village-py-4w {
  padding-top: 2rem !important;
}

.village-pb-8v,
.village-pb-4w,
.village-py-8v,
.village-py-4w {
  padding-bottom: 2rem !important;
}

.village-p-9v {
  padding: 2.25rem !important;
}

.village-pl-9v,
.village-px-9v {
  padding-left: 2.25rem !important;
}

.village-pr-9v,
.village-px-9v {
  padding-right: 2.25rem !important;
}

.village-pt-9v,
.village-py-9v {
  padding-top: 2.25rem !important;
}

.village-pb-9v,
.village-py-9v {
  padding-bottom: 2.25rem !important;
}

.village-p-10v,
.village-p-5w {
  padding: 2.5rem !important;
}

.village-pl-10v,
.village-pl-5w,
.village-px-10v,
.village-px-5w {
  padding-left: 2.5rem !important;
}

.village-pr-10v,
.village-pr-5w,
.village-px-10v,
.village-px-5w {
  padding-right: 2.5rem !important;
}

.village-pt-10v,
.village-pt-5w,
.village-py-10v,
.village-py-5w {
  padding-top: 2.5rem !important;
}

.village-pb-10v,
.village-pb-5w,
.village-py-10v,
.village-py-5w {
  padding-bottom: 2.5rem !important;
}

.village-p-11v {
  padding: 2.75rem !important;
}

.village-pl-11v,
.village-px-11v {
  padding-left: 2.75rem !important;
}

.village-pr-11v,
.village-px-11v {
  padding-right: 2.75rem !important;
}

.village-pt-11v,
.village-py-11v {
  padding-top: 2.75rem !important;
}

.village-pb-11v,
.village-py-11v {
  padding-bottom: 2.75rem !important;
}

.village-p-12v,
.village-p-6w {
  padding: 3rem !important;
}

.village-pl-12v,
.village-pl-6w,
.village-px-12v,
.village-px-6w {
  padding-left: 3rem !important;
}

.village-pr-12v,
.village-pr-6w,
.village-px-12v,
.village-px-6w {
  padding-right: 3rem !important;
}

.village-pt-12v,
.village-pt-6w,
.village-py-12v,
.village-py-6w {
  padding-top: 3rem !important;
}

.village-pb-12v,
.village-pb-6w,
.village-py-12v,
.village-py-6w {
  padding-bottom: 3rem !important;
}

.village-p-13v {
  padding: 3.25rem !important;
}

.village-pl-13v,
.village-px-13v {
  padding-left: 3.25rem !important;
}

.village-pr-13v,
.village-px-13v {
  padding-right: 3.25rem !important;
}

.village-pt-13v,
.village-py-13v {
  padding-top: 3.25rem !important;
}

.village-pb-13v,
.village-py-13v {
  padding-bottom: 3.25rem !important;
}

.village-p-14v,
.village-p-7w {
  padding: 3.5rem !important;
}

.village-pl-14v,
.village-pl-7w,
.village-px-14v,
.village-px-7w {
  padding-left: 3.5rem !important;
}

.village-pr-14v,
.village-pr-7w,
.village-px-14v,
.village-px-7w {
  padding-right: 3.5rem !important;
}

.village-pt-14v,
.village-pt-7w,
.village-py-14v,
.village-py-7w {
  padding-top: 3.5rem !important;
}

.village-pb-14v,
.village-pb-7w,
.village-py-14v,
.village-py-7w {
  padding-bottom: 3.5rem !important;
}

.village-p-15v {
  padding: 3.75rem !important;
}

.village-pl-15v,
.village-px-15v {
  padding-left: 3.75rem !important;
}

.village-pr-15v,
.village-px-15v {
  padding-right: 3.75rem !important;
}

.village-pt-15v,
.village-py-15v {
  padding-top: 3.75rem !important;
}

.village-pb-15v,
.village-py-15v {
  padding-bottom: 3.75rem !important;
}

.village-p-16v,
.village-p-8w {
  padding: 4rem !important;
}

.village-pl-16v,
.village-pl-8w,
.village-px-16v,
.village-px-8w {
  padding-left: 4rem !important;
}

.village-pr-16v,
.village-pr-8w,
.village-px-16v,
.village-px-8w {
  padding-right: 4rem !important;
}

.village-pt-16v,
.village-pt-8w,
.village-py-16v,
.village-py-8w {
  padding-top: 4rem !important;
}

.village-pb-16v,
.village-pb-8w,
.village-py-16v,
.village-py-8w {
  padding-bottom: 4rem !important;
}

.village-p-17v {
  padding: 4.25rem !important;
}

.village-pl-17v,
.village-px-17v {
  padding-left: 4.25rem !important;
}

.village-pr-17v,
.village-px-17v {
  padding-right: 4.25rem !important;
}

.village-pt-17v,
.village-py-17v {
  padding-top: 4.25rem !important;
}

.village-pb-17v,
.village-py-17v {
  padding-bottom: 4.25rem !important;
}

.village-p-18v,
.village-p-9w {
  padding: 4.5rem !important;
}

.village-pl-18v,
.village-pl-9w,
.village-px-18v,
.village-px-9w {
  padding-left: 4.5rem !important;
}

.village-pr-18v,
.village-pr-9w,
.village-px-18v,
.village-px-9w {
  padding-right: 4.5rem !important;
}

.village-pt-18v,
.village-pt-9w,
.village-py-18v,
.village-py-9w {
  padding-top: 4.5rem !important;
}

.village-pb-18v,
.village-pb-9w,
.village-py-18v,
.village-py-9w {
  padding-bottom: 4.5rem !important;
}

.village-p-19v {
  padding: 4.75rem !important;
}

.village-pl-19v,
.village-px-19v {
  padding-left: 4.75rem !important;
}

.village-pr-19v,
.village-px-19v {
  padding-right: 4.75rem !important;
}

.village-pt-19v,
.village-py-19v {
  padding-top: 4.75rem !important;
}

.village-pb-19v,
.village-py-19v {
  padding-bottom: 4.75rem !important;
}

.village-p-20v,
.village-p-10w {
  padding: 5rem !important;
}

.village-pl-20v,
.village-pl-10w,
.village-px-20v,
.village-px-10w {
  padding-left: 5rem !important;
}

.village-pr-20v,
.village-pr-10w,
.village-px-20v,
.village-px-10w {
  padding-right: 5rem !important;
}

.village-pt-20v,
.village-pt-10w,
.village-py-20v,
.village-py-10w {
  padding-top: 5rem !important;
}

.village-pb-20v,
.village-pb-10w,
.village-py-20v,
.village-py-10w {
  padding-bottom: 5rem !important;
}

.village-p-21v {
  padding: 5.25rem !important;
}

.village-pl-21v,
.village-px-21v {
  padding-left: 5.25rem !important;
}

.village-pr-21v,
.village-px-21v {
  padding-right: 5.25rem !important;
}

.village-pt-21v,
.village-py-21v {
  padding-top: 5.25rem !important;
}

.village-pb-21v,
.village-py-21v {
  padding-bottom: 5.25rem !important;
}

.village-p-22v,
.village-p-11w {
  padding: 5.5rem !important;
}

.village-pl-22v,
.village-pl-11w,
.village-px-22v,
.village-px-11w {
  padding-left: 5.5rem !important;
}

.village-pr-22v,
.village-pr-11w,
.village-px-22v,
.village-px-11w {
  padding-right: 5.5rem !important;
}

.village-pt-22v,
.village-pt-11w,
.village-py-22v,
.village-py-11w {
  padding-top: 5.5rem !important;
}

.village-pb-22v,
.village-pb-11w,
.village-py-22v,
.village-py-11w {
  padding-bottom: 5.5rem !important;
}

.village-p-23v {
  padding: 5.75rem !important;
}

.village-pl-23v,
.village-px-23v {
  padding-left: 5.75rem !important;
}

.village-pr-23v,
.village-px-23v {
  padding-right: 5.75rem !important;
}

.village-pt-23v,
.village-py-23v {
  padding-top: 5.75rem !important;
}

.village-pb-23v,
.village-py-23v {
  padding-bottom: 5.75rem !important;
}

.village-p-24v,
.village-p-12w {
  padding: 6rem !important;
}

.village-pl-24v,
.village-pl-12w,
.village-px-24v,
.village-px-12w {
  padding-left: 6rem !important;
}

.village-pr-24v,
.village-pr-12w,
.village-px-24v,
.village-px-12w {
  padding-right: 6rem !important;
}

.village-pt-24v,
.village-pt-12w,
.village-py-24v,
.village-py-12w {
  padding-top: 6rem !important;
}

.village-pb-24v,
.village-pb-12w,
.village-py-24v,
.village-py-12w {
  padding-bottom: 6rem !important;
}

.village-p-25v {
  padding: 6.25rem !important;
}

.village-pl-25v,
.village-px-25v {
  padding-left: 6.25rem !important;
}

.village-pr-25v,
.village-px-25v {
  padding-right: 6.25rem !important;
}

.village-pt-25v,
.village-py-25v {
  padding-top: 6.25rem !important;
}

.village-pb-25v,
.village-py-25v {
  padding-bottom: 6.25rem !important;
}

.village-p-26v,
.village-p-13w {
  padding: 6.5rem !important;
}

.village-pl-26v,
.village-pl-13w,
.village-px-26v,
.village-px-13w {
  padding-left: 6.5rem !important;
}

.village-pr-26v,
.village-pr-13w,
.village-px-26v,
.village-px-13w {
  padding-right: 6.5rem !important;
}

.village-pt-26v,
.village-pt-13w,
.village-py-26v,
.village-py-13w {
  padding-top: 6.5rem !important;
}

.village-pb-26v,
.village-pb-13w,
.village-py-26v,
.village-py-13w {
  padding-bottom: 6.5rem !important;
}

.village-p-27v {
  padding: 6.75rem !important;
}

.village-pl-27v,
.village-px-27v {
  padding-left: 6.75rem !important;
}

.village-pr-27v,
.village-px-27v {
  padding-right: 6.75rem !important;
}

.village-pt-27v,
.village-py-27v {
  padding-top: 6.75rem !important;
}

.village-pb-27v,
.village-py-27v {
  padding-bottom: 6.75rem !important;
}

.village-p-28v,
.village-p-14w {
  padding: 7rem !important;
}

.village-pl-28v,
.village-pl-14w,
.village-px-28v,
.village-px-14w {
  padding-left: 7rem !important;
}

.village-pr-28v,
.village-pr-14w,
.village-px-28v,
.village-px-14w {
  padding-right: 7rem !important;
}

.village-pt-28v,
.village-pt-14w,
.village-py-28v,
.village-py-14w {
  padding-top: 7rem !important;
}

.village-pb-28v,
.village-pb-14w,
.village-py-28v,
.village-py-14w {
  padding-bottom: 7rem !important;
}

.village-p-29v {
  padding: 7.25rem !important;
}

.village-pl-29v,
.village-px-29v {
  padding-left: 7.25rem !important;
}

.village-pr-29v,
.village-px-29v {
  padding-right: 7.25rem !important;
}

.village-pt-29v,
.village-py-29v {
  padding-top: 7.25rem !important;
}

.village-pb-29v,
.village-py-29v {
  padding-bottom: 7.25rem !important;
}

.village-p-30v,
.village-p-15w {
  padding: 7.5rem !important;
}

.village-pl-30v,
.village-pl-15w,
.village-px-30v,
.village-px-15w {
  padding-left: 7.5rem !important;
}

.village-pr-30v,
.village-pr-15w,
.village-px-30v,
.village-px-15w {
  padding-right: 7.5rem !important;
}

.village-pt-30v,
.village-pt-15w,
.village-py-30v,
.village-py-15w {
  padding-top: 7.5rem !important;
}

.village-pb-30v,
.village-pb-15w,
.village-py-30v,
.village-py-15w {
  padding-bottom: 7.5rem !important;
}

.village-p-31v {
  padding: 7.75rem !important;
}

.village-pl-31v,
.village-px-31v {
  padding-left: 7.75rem !important;
}

.village-pr-31v,
.village-px-31v {
  padding-right: 7.75rem !important;
}

.village-pt-31v,
.village-py-31v {
  padding-top: 7.75rem !important;
}

.village-pb-31v,
.village-py-31v {
  padding-bottom: 7.75rem !important;
}

.village-p-32v,
.village-p-16w {
  padding: 8rem !important;
}

.village-pl-32v,
.village-pl-16w,
.village-px-32v,
.village-px-16w {
  padding-left: 8rem !important;
}

.village-pr-32v,
.village-pr-16w,
.village-px-32v,
.village-px-16w {
  padding-right: 8rem !important;
}

.village-pt-32v,
.village-pt-16w,
.village-py-32v,
.village-py-16w {
  padding-top: 8rem !important;
}

.village-pb-32v,
.village-pb-16w,
.village-py-32v,
.village-py-16w {
  padding-bottom: 8rem !important;
}

.village-p-first-0 {
  padding: 0 !important;
}

.village-pl-first-0,
.village-px-first-0 {
  padding-left: 0 !important;
}

.village-pr-first-0,
.village-px-first-0 {
  padding-right: 0 !important;
}

.village-pt-first-0,
.village-py-first-0 {
  padding-top: 0 !important;
}

.village-pb-first-0,
.village-py-first-0 {
  padding-bottom: 0 !important;
}

.village-p-first-0-5v {
  padding: 0.125rem !important;
}

.village-pl-first-0-5v,
.village-px-first-0-5v {
  padding-left: 0.125rem !important;
}

.village-pr-first-0-5v,
.village-px-first-0-5v {
  padding-right: 0.125rem !important;
}

.village-pt-first-0-5v,
.village-py-first-0-5v {
  padding-top: 0.125rem !important;
}

.village-pb-first-0-5v,
.village-py-first-0-5v {
  padding-bottom: 0.125rem !important;
}

.village-p-first-1v {
  padding: 0.25rem !important;
}

.village-pl-first-1v,
.village-px-first-1v {
  padding-left: 0.25rem !important;
}

.village-pr-first-1v,
.village-px-first-1v {
  padding-right: 0.25rem !important;
}

.village-pt-first-1v,
.village-py-first-1v {
  padding-top: 0.25rem !important;
}

.village-pb-first-1v,
.village-py-first-1v {
  padding-bottom: 0.25rem !important;
}

.village-p-first-1-5v {
  padding: 0.375rem !important;
}

.village-pl-first-1-5v,
.village-px-first-1-5v {
  padding-left: 0.375rem !important;
}

.village-pr-first-1-5v,
.village-px-first-1-5v {
  padding-right: 0.375rem !important;
}

.village-pt-first-1-5v,
.village-py-first-1-5v {
  padding-top: 0.375rem !important;
}

.village-pb-first-1-5v,
.village-py-first-1-5v {
  padding-bottom: 0.375rem !important;
}

.village-p-first-2v,
.village-p-first-1w {
  padding: 0.5rem !important;
}

.village-pl-first-2v,
.village-pl-first-1w,
.village-px-first-2v,
.village-px-first-1w {
  padding-left: 0.5rem !important;
}

.village-pr-first-2v,
.village-pr-first-1w,
.village-px-first-2v,
.village-px-first-1w {
  padding-right: 0.5rem !important;
}

.village-pt-first-2v,
.village-pt-first-1w,
.village-py-first-2v,
.village-py-first-1w {
  padding-top: 0.5rem !important;
}

.village-pb-first-2v,
.village-pb-first-1w,
.village-py-first-2v,
.village-py-first-1w {
  padding-bottom: 0.5rem !important;
}

.village-p-first-3v {
  padding: 0.75rem !important;
}

.village-pl-first-3v,
.village-px-first-3v {
  padding-left: 0.75rem !important;
}

.village-pr-first-3v,
.village-px-first-3v {
  padding-right: 0.75rem !important;
}

.village-pt-first-3v,
.village-py-first-3v {
  padding-top: 0.75rem !important;
}

.village-pb-first-3v,
.village-py-first-3v {
  padding-bottom: 0.75rem !important;
}

.village-p-first-4v,
.village-p-first-2w {
  padding: 1rem !important;
}

.village-pl-first-4v,
.village-pl-first-2w,
.village-px-first-4v,
.village-px-first-2w {
  padding-left: 1rem !important;
}

.village-pr-first-4v,
.village-pr-first-2w,
.village-px-first-4v,
.village-px-first-2w {
  padding-right: 1rem !important;
}

.village-pt-first-4v,
.village-pt-first-2w,
.village-py-first-4v,
.village-py-first-2w {
  padding-top: 1rem !important;
}

.village-pb-first-4v,
.village-pb-first-2w,
.village-py-first-4v,
.village-py-first-2w {
  padding-bottom: 1rem !important;
}

.village-p-first-5v {
  padding: 1.25rem !important;
}

.village-pl-first-5v,
.village-px-first-5v {
  padding-left: 1.25rem !important;
}

.village-pr-first-5v,
.village-px-first-5v {
  padding-right: 1.25rem !important;
}

.village-pt-first-5v,
.village-py-first-5v {
  padding-top: 1.25rem !important;
}

.village-pb-first-5v,
.village-py-first-5v {
  padding-bottom: 1.25rem !important;
}

.village-p-first-6v,
.village-p-first-3w {
  padding: 1.5rem !important;
}

.village-pl-first-6v,
.village-pl-first-3w,
.village-px-first-6v,
.village-px-first-3w {
  padding-left: 1.5rem !important;
}

.village-pr-first-6v,
.village-pr-first-3w,
.village-px-first-6v,
.village-px-first-3w {
  padding-right: 1.5rem !important;
}

.village-pt-first-6v,
.village-pt-first-3w,
.village-py-first-6v,
.village-py-first-3w {
  padding-top: 1.5rem !important;
}

.village-pb-first-6v,
.village-pb-first-3w,
.village-py-first-6v,
.village-py-first-3w {
  padding-bottom: 1.5rem !important;
}

.village-p-first-7v {
  padding: 1.75rem !important;
}

.village-pl-first-7v,
.village-px-first-7v {
  padding-left: 1.75rem !important;
}

.village-pr-first-7v,
.village-px-first-7v {
  padding-right: 1.75rem !important;
}

.village-pt-first-7v,
.village-py-first-7v {
  padding-top: 1.75rem !important;
}

.village-pb-first-7v,
.village-py-first-7v {
  padding-bottom: 1.75rem !important;
}

.village-p-first-8v,
.village-p-first-4w {
  padding: 2rem !important;
}

.village-pl-first-8v,
.village-pl-first-4w,
.village-px-first-8v,
.village-px-first-4w {
  padding-left: 2rem !important;
}

.village-pr-first-8v,
.village-pr-first-4w,
.village-px-first-8v,
.village-px-first-4w {
  padding-right: 2rem !important;
}

.village-pt-first-8v,
.village-pt-first-4w,
.village-py-first-8v,
.village-py-first-4w {
  padding-top: 2rem !important;
}

.village-pb-first-8v,
.village-pb-first-4w,
.village-py-first-8v,
.village-py-first-4w {
  padding-bottom: 2rem !important;
}

.village-p-first-9v {
  padding: 2.25rem !important;
}

.village-pl-first-9v,
.village-px-first-9v {
  padding-left: 2.25rem !important;
}

.village-pr-first-9v,
.village-px-first-9v {
  padding-right: 2.25rem !important;
}

.village-pt-first-9v,
.village-py-first-9v {
  padding-top: 2.25rem !important;
}

.village-pb-first-9v,
.village-py-first-9v {
  padding-bottom: 2.25rem !important;
}

.village-p-first-10v,
.village-p-first-5w {
  padding: 2.5rem !important;
}

.village-pl-first-10v,
.village-pl-first-5w,
.village-px-first-10v,
.village-px-first-5w {
  padding-left: 2.5rem !important;
}

.village-pr-first-10v,
.village-pr-first-5w,
.village-px-first-10v,
.village-px-first-5w {
  padding-right: 2.5rem !important;
}

.village-pt-first-10v,
.village-pt-first-5w,
.village-py-first-10v,
.village-py-first-5w {
  padding-top: 2.5rem !important;
}

.village-pb-first-10v,
.village-pb-first-5w,
.village-py-first-10v,
.village-py-first-5w {
  padding-bottom: 2.5rem !important;
}

.village-p-first-11v {
  padding: 2.75rem !important;
}

.village-pl-first-11v,
.village-px-first-11v {
  padding-left: 2.75rem !important;
}

.village-pr-first-11v,
.village-px-first-11v {
  padding-right: 2.75rem !important;
}

.village-pt-first-11v,
.village-py-first-11v {
  padding-top: 2.75rem !important;
}

.village-pb-first-11v,
.village-py-first-11v {
  padding-bottom: 2.75rem !important;
}

.village-p-first-12v,
.village-p-first-6w {
  padding: 3rem !important;
}

.village-pl-first-12v,
.village-pl-first-6w,
.village-px-first-12v,
.village-px-first-6w {
  padding-left: 3rem !important;
}

.village-pr-first-12v,
.village-pr-first-6w,
.village-px-first-12v,
.village-px-first-6w {
  padding-right: 3rem !important;
}

.village-pt-first-12v,
.village-pt-first-6w,
.village-py-first-12v,
.village-py-first-6w {
  padding-top: 3rem !important;
}

.village-pb-first-12v,
.village-pb-first-6w,
.village-py-first-12v,
.village-py-first-6w {
  padding-bottom: 3rem !important;
}

.village-p-first-13v {
  padding: 3.25rem !important;
}

.village-pl-first-13v,
.village-px-first-13v {
  padding-left: 3.25rem !important;
}

.village-pr-first-13v,
.village-px-first-13v {
  padding-right: 3.25rem !important;
}

.village-pt-first-13v,
.village-py-first-13v {
  padding-top: 3.25rem !important;
}

.village-pb-first-13v,
.village-py-first-13v {
  padding-bottom: 3.25rem !important;
}

.village-p-first-14v,
.village-p-first-7w {
  padding: 3.5rem !important;
}

.village-pl-first-14v,
.village-pl-first-7w,
.village-px-first-14v,
.village-px-first-7w {
  padding-left: 3.5rem !important;
}

.village-pr-first-14v,
.village-pr-first-7w,
.village-px-first-14v,
.village-px-first-7w {
  padding-right: 3.5rem !important;
}

.village-pt-first-14v,
.village-pt-first-7w,
.village-py-first-14v,
.village-py-first-7w {
  padding-top: 3.5rem !important;
}

.village-pb-first-14v,
.village-pb-first-7w,
.village-py-first-14v,
.village-py-first-7w {
  padding-bottom: 3.5rem !important;
}

.village-p-first-15v {
  padding: 3.75rem !important;
}

.village-pl-first-15v,
.village-px-first-15v {
  padding-left: 3.75rem !important;
}

.village-pr-first-15v,
.village-px-first-15v {
  padding-right: 3.75rem !important;
}

.village-pt-first-15v,
.village-py-first-15v {
  padding-top: 3.75rem !important;
}

.village-pb-first-15v,
.village-py-first-15v {
  padding-bottom: 3.75rem !important;
}

.village-p-first-16v,
.village-p-first-8w {
  padding: 4rem !important;
}

.village-pl-first-16v,
.village-pl-first-8w,
.village-px-first-16v,
.village-px-first-8w {
  padding-left: 4rem !important;
}

.village-pr-first-16v,
.village-pr-first-8w,
.village-px-first-16v,
.village-px-first-8w {
  padding-right: 4rem !important;
}

.village-pt-first-16v,
.village-pt-first-8w,
.village-py-first-16v,
.village-py-first-8w {
  padding-top: 4rem !important;
}

.village-pb-first-16v,
.village-pb-first-8w,
.village-py-first-16v,
.village-py-first-8w {
  padding-bottom: 4rem !important;
}

.village-p-first-17v {
  padding: 4.25rem !important;
}

.village-pl-first-17v,
.village-px-first-17v {
  padding-left: 4.25rem !important;
}

.village-pr-first-17v,
.village-px-first-17v {
  padding-right: 4.25rem !important;
}

.village-pt-first-17v,
.village-py-first-17v {
  padding-top: 4.25rem !important;
}

.village-pb-first-17v,
.village-py-first-17v {
  padding-bottom: 4.25rem !important;
}

.village-p-first-18v,
.village-p-first-9w {
  padding: 4.5rem !important;
}

.village-pl-first-18v,
.village-pl-first-9w,
.village-px-first-18v,
.village-px-first-9w {
  padding-left: 4.5rem !important;
}

.village-pr-first-18v,
.village-pr-first-9w,
.village-px-first-18v,
.village-px-first-9w {
  padding-right: 4.5rem !important;
}

.village-pt-first-18v,
.village-pt-first-9w,
.village-py-first-18v,
.village-py-first-9w {
  padding-top: 4.5rem !important;
}

.village-pb-first-18v,
.village-pb-first-9w,
.village-py-first-18v,
.village-py-first-9w {
  padding-bottom: 4.5rem !important;
}

.village-p-first-19v {
  padding: 4.75rem !important;
}

.village-pl-first-19v,
.village-px-first-19v {
  padding-left: 4.75rem !important;
}

.village-pr-first-19v,
.village-px-first-19v {
  padding-right: 4.75rem !important;
}

.village-pt-first-19v,
.village-py-first-19v {
  padding-top: 4.75rem !important;
}

.village-pb-first-19v,
.village-py-first-19v {
  padding-bottom: 4.75rem !important;
}

.village-p-first-20v,
.village-p-first-10w {
  padding: 5rem !important;
}

.village-pl-first-20v,
.village-pl-first-10w,
.village-px-first-20v,
.village-px-first-10w {
  padding-left: 5rem !important;
}

.village-pr-first-20v,
.village-pr-first-10w,
.village-px-first-20v,
.village-px-first-10w {
  padding-right: 5rem !important;
}

.village-pt-first-20v,
.village-pt-first-10w,
.village-py-first-20v,
.village-py-first-10w {
  padding-top: 5rem !important;
}

.village-pb-first-20v,
.village-pb-first-10w,
.village-py-first-20v,
.village-py-first-10w {
  padding-bottom: 5rem !important;
}

.village-p-first-21v {
  padding: 5.25rem !important;
}

.village-pl-first-21v,
.village-px-first-21v {
  padding-left: 5.25rem !important;
}

.village-pr-first-21v,
.village-px-first-21v {
  padding-right: 5.25rem !important;
}

.village-pt-first-21v,
.village-py-first-21v {
  padding-top: 5.25rem !important;
}

.village-pb-first-21v,
.village-py-first-21v {
  padding-bottom: 5.25rem !important;
}

.village-p-first-22v,
.village-p-first-11w {
  padding: 5.5rem !important;
}

.village-pl-first-22v,
.village-pl-first-11w,
.village-px-first-22v,
.village-px-first-11w {
  padding-left: 5.5rem !important;
}

.village-pr-first-22v,
.village-pr-first-11w,
.village-px-first-22v,
.village-px-first-11w {
  padding-right: 5.5rem !important;
}

.village-pt-first-22v,
.village-pt-first-11w,
.village-py-first-22v,
.village-py-first-11w {
  padding-top: 5.5rem !important;
}

.village-pb-first-22v,
.village-pb-first-11w,
.village-py-first-22v,
.village-py-first-11w {
  padding-bottom: 5.5rem !important;
}

.village-p-first-23v {
  padding: 5.75rem !important;
}

.village-pl-first-23v,
.village-px-first-23v {
  padding-left: 5.75rem !important;
}

.village-pr-first-23v,
.village-px-first-23v {
  padding-right: 5.75rem !important;
}

.village-pt-first-23v,
.village-py-first-23v {
  padding-top: 5.75rem !important;
}

.village-pb-first-23v,
.village-py-first-23v {
  padding-bottom: 5.75rem !important;
}

.village-p-first-24v,
.village-p-first-12w {
  padding: 6rem !important;
}

.village-pl-first-24v,
.village-pl-first-12w,
.village-px-first-24v,
.village-px-first-12w {
  padding-left: 6rem !important;
}

.village-pr-first-24v,
.village-pr-first-12w,
.village-px-first-24v,
.village-px-first-12w {
  padding-right: 6rem !important;
}

.village-pt-first-24v,
.village-pt-first-12w,
.village-py-first-24v,
.village-py-first-12w {
  padding-top: 6rem !important;
}

.village-pb-first-24v,
.village-pb-first-12w,
.village-py-first-24v,
.village-py-first-12w {
  padding-bottom: 6rem !important;
}

.village-p-first-25v {
  padding: 6.25rem !important;
}

.village-pl-first-25v,
.village-px-first-25v {
  padding-left: 6.25rem !important;
}

.village-pr-first-25v,
.village-px-first-25v {
  padding-right: 6.25rem !important;
}

.village-pt-first-25v,
.village-py-first-25v {
  padding-top: 6.25rem !important;
}

.village-pb-first-25v,
.village-py-first-25v {
  padding-bottom: 6.25rem !important;
}

.village-p-first-26v,
.village-p-first-13w {
  padding: 6.5rem !important;
}

.village-pl-first-26v,
.village-pl-first-13w,
.village-px-first-26v,
.village-px-first-13w {
  padding-left: 6.5rem !important;
}

.village-pr-first-26v,
.village-pr-first-13w,
.village-px-first-26v,
.village-px-first-13w {
  padding-right: 6.5rem !important;
}

.village-pt-first-26v,
.village-pt-first-13w,
.village-py-first-26v,
.village-py-first-13w {
  padding-top: 6.5rem !important;
}

.village-pb-first-26v,
.village-pb-first-13w,
.village-py-first-26v,
.village-py-first-13w {
  padding-bottom: 6.5rem !important;
}

.village-p-first-27v {
  padding: 6.75rem !important;
}

.village-pl-first-27v,
.village-px-first-27v {
  padding-left: 6.75rem !important;
}

.village-pr-first-27v,
.village-px-first-27v {
  padding-right: 6.75rem !important;
}

.village-pt-first-27v,
.village-py-first-27v {
  padding-top: 6.75rem !important;
}

.village-pb-first-27v,
.village-py-first-27v {
  padding-bottom: 6.75rem !important;
}

.village-p-first-28v,
.village-p-first-14w {
  padding: 7rem !important;
}

.village-pl-first-28v,
.village-pl-first-14w,
.village-px-first-28v,
.village-px-first-14w {
  padding-left: 7rem !important;
}

.village-pr-first-28v,
.village-pr-first-14w,
.village-px-first-28v,
.village-px-first-14w {
  padding-right: 7rem !important;
}

.village-pt-first-28v,
.village-pt-first-14w,
.village-py-first-28v,
.village-py-first-14w {
  padding-top: 7rem !important;
}

.village-pb-first-28v,
.village-pb-first-14w,
.village-py-first-28v,
.village-py-first-14w {
  padding-bottom: 7rem !important;
}

.village-p-first-29v {
  padding: 7.25rem !important;
}

.village-pl-first-29v,
.village-px-first-29v {
  padding-left: 7.25rem !important;
}

.village-pr-first-29v,
.village-px-first-29v {
  padding-right: 7.25rem !important;
}

.village-pt-first-29v,
.village-py-first-29v {
  padding-top: 7.25rem !important;
}

.village-pb-first-29v,
.village-py-first-29v {
  padding-bottom: 7.25rem !important;
}

.village-p-first-30v,
.village-p-first-15w {
  padding: 7.5rem !important;
}

.village-pl-first-30v,
.village-pl-first-15w,
.village-px-first-30v,
.village-px-first-15w {
  padding-left: 7.5rem !important;
}

.village-pr-first-30v,
.village-pr-first-15w,
.village-px-first-30v,
.village-px-first-15w {
  padding-right: 7.5rem !important;
}

.village-pt-first-30v,
.village-pt-first-15w,
.village-py-first-30v,
.village-py-first-15w {
  padding-top: 7.5rem !important;
}

.village-pb-first-30v,
.village-pb-first-15w,
.village-py-first-30v,
.village-py-first-15w {
  padding-bottom: 7.5rem !important;
}

.village-p-first-31v {
  padding: 7.75rem !important;
}

.village-pl-first-31v,
.village-px-first-31v {
  padding-left: 7.75rem !important;
}

.village-pr-first-31v,
.village-px-first-31v {
  padding-right: 7.75rem !important;
}

.village-pt-first-31v,
.village-py-first-31v {
  padding-top: 7.75rem !important;
}

.village-pb-first-31v,
.village-py-first-31v {
  padding-bottom: 7.75rem !important;
}

.village-p-first-32v,
.village-p-first-16w {
  padding: 8rem !important;
}

.village-pl-first-32v,
.village-pl-first-16w,
.village-px-first-32v,
.village-px-first-16w {
  padding-left: 8rem !important;
}

.village-pr-first-32v,
.village-pr-first-16w,
.village-px-first-32v,
.village-px-first-16w {
  padding-right: 8rem !important;
}

.village-pt-first-32v,
.village-pt-first-16w,
.village-py-first-32v,
.village-py-first-16w {
  padding-top: 8rem !important;
}

.village-pb-first-32v,
.village-pb-first-16w,
.village-py-first-32v,
.village-py-first-16w {
  padding-bottom: 8rem !important;
}

:root[data-village-theme=dark] {
  --shadow-color: rgba(0, 0, 18, 0.32);
  --grey-1000-50: #161616;
  --grey-1000-50-hover: #343434;
  --grey-1000-50-active: #474747;
  --grey-975-75: #1e1e1e;
  --grey-975-75-hover: #3f3f3f;
  --grey-975-75-active: #525252;
  --grey-950-100: #242424;
  --grey-950-100-hover: #474747;
  --grey-950-100-active: #5b5b5b;
  --grey-200-850: #cecece;
  --grey-925-125: #2a2a2a;
  --grey-1000-75: #1e1e1e;
  --grey-1000-75-hover: #3f3f3f;
  --grey-1000-75-active: #525252;
  --grey-1000-100: #242424;
  --grey-1000-100-hover: #474747;
  --grey-1000-100-active: #5b5b5b;
  --grey-975-100: #242424;
  --grey-975-100-hover: #474747;
  --grey-975-100-active: #5b5b5b;
  --grey-975-125: #2a2a2a;
  --grey-975-125-hover: #4e4e4e;
  --grey-975-125-active: #636363;
  --grey-950-125: #2a2a2a;
  --grey-950-125-hover: #4e4e4e;
  --grey-950-125-active: #636363;
  --grey-950-150: #2f2f2f;
  --grey-950-150-hover: #545454;
  --grey-950-150-active: #696969;
  --grey-50-1000: #fff;
  --grey-425-625: #929292;
  --grey-625-425: #666;
  --grey-0-1000: #fff;
  --grey-900-175: #353535;
  --village-primary-975-75: hsl(180, 20%, 7%);
  --village-primary-975-75-hover: hsl(180, 20%, 12%);
  --village-primary-975-75-active: hsl(180, 30%, 15%);
  --village-primary-950-100: hsl(180, 20%, 10%);
  --village-primary-950-100-hover: hsl(180, 22%, 13%);
  --village-primary-950-100-active: hsl(180, 33%, 18%);
  --village-primary-sun-625: hsl(180, 80%, 65%);
  --village-primary-sun-625-hover: hsl(180, 60%, 65%);
  --village-primary-sun-625-active: hsl(180, 90%, 65%);
  --village-primary-925-125: hsl(180, 33%, 13%);
  --village-primary-925-125-hover: hsl(180, 40%, 65%);
  --village-primary-925-125-active: hsl(180, 45%, 65%);
  --village-primary-975-sun: hsl(180, 75%, 25%);
  --village-primary-main: hsl(180, 85%, 25%);
  --village-primary-850-200: hsl(180, 45%, 20%);
  --village-secondary-975-75: hsl(270, 20%, 7%);
  --village-secondary-975-75-hover: hsl(270, 20%, 12%);
  --village-secondary-975-75-active: hsl(270, 30%, 15%);
  --village-secondary-950-100: hsl(270, 20%, 10%);
  --village-secondary-950-100-hover: hsl(270, 22%, 13%);
  --village-secondary-950-100-active: hsl(270, 33%, 18%);
  --village-secondary-sun-625: hsl(270, 80%, 65%);
  --village-secondary-sun-625-hover: hsl(270, 60%, 65%);
  --village-secondary-sun-625-active: hsl(270, 90%, 65%);
  --village-secondary-925-125: hsl(270, 33%, 13%);
  --village-secondary-925-125-hover: hsl(270, 40%, 65%);
  --village-secondary-925-125-active: hsl(270, 45%, 65%);
  --village-secondary-975-sun: hsl(270, 75%, 25%);
  --village-secondary-main: hsl(270, 85%, 25%);
  --village-secondary-850-200: hsl(270, 45%, 20%);
  --info-950-100: hsl(180, 20%, 10%);
  --info-950-100-hover: hsl(180, 22%, 13%);
  --info-950-100-active: hsl(180, 33%, 18%);
  --info-425-625: hsl(180, 80%, 65%);
  --info-425-625-hover: hsl(180, 60%, 65%);
  --info-425-625-active: hsl(180, 90%, 65%);
  --info-975-75: hsl(180, 20%, 7%);
  --success-950-100: hsl(90, 20%, 10%);
  --success-950-100-hover: hsl(90, 22%, 13%);
  --success-950-100-active: hsl(90, 33%, 18%);
  --success-425-625: hsl(90, 80%, 65%);
  --success-425-625-hover: hsl(90, 60%, 65%);
  --success-425-625-active: hsl(90, 90%, 65%);
  --success-975-75: hsl(90, 20%, 7%);
  --warning-950-100: hsl(270, 20%, 10%);
  --warning-950-100-hover: hsl(270, 22%, 13%);
  --warning-950-100-active: hsl(270, 33%, 18%);
  --warning-425-625: hsl(270, 80%, 65%);
  --warning-425-625-hover: hsl(270, 60%, 65%);
  --warning-425-625-active: hsl(270, 90%, 65%);
  --warning-975-75: hsl(270, 20%, 7%);
  --error-950-100: hsl(0, 20%, 10%);
  --error-950-100-hover: hsl(0, 22%, 13%);
  --error-950-100-active: hsl(0, 33%, 18%);
  --error-425-625: hsl(0, 80%, 65%);
  --error-425-625-hover: hsl(0, 60%, 65%);
  --error-425-625-active: hsl(0, 90%, 65%);
  --error-975-75: hsl(0, 20%, 7%);
  --village-color3-975-75: hsl(0, 20%, 7%);
  --village-color3-975-75-hover: hsl(0, 20%, 12%);
  --village-color3-975-75-active: hsl(0, 30%, 15%);
  --village-color3-950-100: hsl(0, 20%, 10%);
  --village-color3-950-100-hover: hsl(0, 22%, 13%);
  --village-color3-950-100-active: hsl(0, 33%, 18%);
  --village-color3-sun-moon: hsl(0, 80%, 75%);
  --village-color3-sun-moon-hover: hsl(0, 60%, 75%);
  --village-color3-sun-moon-active: hsl(0, 40%, 75%);
  --village-color3-925-125: hsl(0, 33%, 13%);
  --village-color3-925-125-hover: hsl(0, 40%, 65%);
  --village-color3-925-125-active: hsl(0, 45%, 65%);
  --village-color3-850-200: hsl(0, 45%, 20%);
  --village-color4-975-75: hsl(90, 20%, 7%);
  --village-color4-975-75-hover: hsl(90, 20%, 12%);
  --village-color4-975-75-active: hsl(90, 30%, 15%);
  --village-color4-950-100: hsl(90, 20%, 10%);
  --village-color4-950-100-hover: hsl(90, 22%, 13%);
  --village-color4-950-100-active: hsl(90, 33%, 18%);
  --village-color4-sun-moon: hsl(90, 80%, 75%);
  --village-color4-sun-moon-hover: hsl(90, 60%, 75%);
  --village-color4-sun-moon-active: hsl(90, 40%, 75%);
  --village-color4-925-125: hsl(90, 33%, 13%);
  --village-color4-925-125-hover: hsl(90, 40%, 65%);
  --village-color4-925-125-active: hsl(90, 45%, 65%);
  --village-color4-850-200: hsl(90, 45%, 20%);
  --village-color5-975-75: hsl(180, 20%, 7%);
  --village-color5-975-75-hover: hsl(180, 20%, 12%);
  --village-color5-975-75-active: hsl(180, 30%, 15%);
  --village-color5-950-100: hsl(180, 20%, 10%);
  --village-color5-950-100-hover: hsl(180, 22%, 13%);
  --village-color5-950-100-active: hsl(180, 33%, 18%);
  --village-color5-sun-moon: hsl(180, 80%, 75%);
  --village-color5-sun-moon-hover: hsl(180, 60%, 75%);
  --village-color5-sun-moon-active: hsl(180, 40%, 75%);
  --village-color5-925-125: hsl(180, 33%, 13%);
  --village-color5-925-125-hover: hsl(180, 40%, 65%);
  --village-color5-925-125-active: hsl(180, 45%, 65%);
  --village-color5-850-200: hsl(180, 45%, 20%);
  --village-color6-975-75: hsl(290, 20%, 7%);
  --village-color6-975-75-hover: hsl(290, 20%, 12%);
  --village-color6-975-75-active: hsl(290, 30%, 15%);
  --village-color6-950-100: hsl(290, 20%, 10%);
  --village-color6-950-100-hover: hsl(290, 22%, 13%);
  --village-color6-950-100-active: hsl(290, 33%, 18%);
  --village-color6-sun-moon: hsl(290, 80%, 75%);
  --village-color6-sun-moon-hover: hsl(290, 60%, 75%);
  --village-color6-sun-moon-active: hsl(290, 40%, 75%);
  --village-color6-925-125: hsl(290, 33%, 13%);
  --village-color6-925-125-hover: hsl(290, 40%, 65%);
  --village-color6-925-125-active: hsl(290, 45%, 65%);
  --village-color6-850-200: hsl(290, 45%, 20%);
  --village-color7-975-75: hsl(0, 20%, 7%);
  --village-color7-975-75-hover: hsl(0, 20%, 12%);
  --village-color7-975-75-active: hsl(0, 30%, 15%);
  --village-color7-950-100: hsl(0, 20%, 10%);
  --village-color7-950-100-hover: hsl(0, 22%, 13%);
  --village-color7-950-100-active: hsl(0, 33%, 18%);
  --village-color7-sun-moon: hsl(0, 80%, 75%);
  --village-color7-sun-moon-hover: hsl(0, 60%, 75%);
  --village-color7-sun-moon-active: hsl(0, 40%, 75%);
  --village-color7-925-125: hsl(0, 33%, 13%);
  --village-color7-925-125-hover: hsl(0, 40%, 65%);
  --village-color7-925-125-active: hsl(0, 45%, 65%);
  --village-color7-850-200: hsl(0, 45%, 20%);
  --village-color8-975-75: hsl(90, 20%, 7%);
  --village-color8-975-75-hover: hsl(90, 20%, 12%);
  --village-color8-975-75-active: hsl(90, 30%, 15%);
  --village-color8-950-100: hsl(90, 20%, 10%);
  --village-color8-950-100-hover: hsl(90, 22%, 13%);
  --village-color8-950-100-active: hsl(90, 33%, 18%);
  --village-color8-sun-moon: hsl(90, 80%, 75%);
  --village-color8-sun-moon-hover: hsl(90, 60%, 75%);
  --village-color8-sun-moon-active: hsl(90, 40%, 75%);
  --village-color8-925-125: hsl(90, 33%, 13%);
  --village-color8-925-125-hover: hsl(90, 40%, 65%);
  --village-color8-925-125-active: hsl(90, 45%, 65%);
  --village-color8-850-200: hsl(90, 45%, 20%);
  --village-color9-975-75: hsl(180, 20%, 7%);
  --village-color9-975-75-hover: hsl(180, 20%, 12%);
  --village-color9-975-75-active: hsl(180, 30%, 15%);
  --village-color9-950-100: hsl(180, 20%, 10%);
  --village-color9-950-100-hover: hsl(180, 22%, 13%);
  --village-color9-950-100-active: hsl(180, 33%, 18%);
  --village-color9-sun-moon: hsl(180, 80%, 75%);
  --village-color9-sun-moon-hover: hsl(180, 60%, 75%);
  --village-color9-sun-moon-active: hsl(180, 40%, 75%);
  --village-color9-925-125: hsl(180, 33%, 13%);
  --village-color9-925-125-hover: hsl(180, 40%, 65%);
  --village-color9-925-125-active: hsl(180, 45%, 65%);
  --village-color9-850-200: hsl(180, 45%, 20%);
  --village-color10-975-75: hsl(270, 20%, 7%);
  --village-color10-975-75-hover: hsl(270, 20%, 12%);
  --village-color10-975-75-active: hsl(270, 30%, 15%);
  --village-color10-950-100: hsl(270, 20%, 10%);
  --village-color10-950-100-hover: hsl(270, 22%, 13%);
  --village-color10-950-100-active: hsl(270, 33%, 18%);
  --village-color10-sun-moon: hsl(270, 80%, 75%);
  --village-color10-sun-moon-hover: hsl(270, 60%, 75%);
  --village-color10-sun-moon-active: hsl(270, 40%, 75%);
  --village-color10-925-125: hsl(270, 33%, 13%);
  --village-color10-925-125-hover: hsl(270, 40%, 65%);
  --village-color10-925-125-active: hsl(270, 45%, 65%);
  --village-color10-850-200: hsl(270, 45%, 20%);
  --village-color11-975-75: hsl(0, 20%, 7%);
  --village-color11-975-75-hover: hsl(0, 20%, 12%);
  --village-color11-975-75-active: hsl(0, 30%, 15%);
  --village-color11-950-100: hsl(0, 20%, 10%);
  --village-color11-950-100-hover: hsl(0, 22%, 13%);
  --village-color11-950-100-active: hsl(0, 33%, 18%);
  --village-color11-sun-moon: hsl(0, 80%, 75%);
  --village-color11-sun-moon-hover: hsl(0, 60%, 75%);
  --village-color11-sun-moon-active: hsl(0, 40%, 75%);
  --village-color11-925-125: hsl(0, 33%, 13%);
  --village-color11-925-125-hover: hsl(0, 40%, 65%);
  --village-color11-925-125-active: hsl(0, 45%, 65%);
  --village-color11-850-200: hsl(0, 45%, 20%);
  --village-color12-975-75: hsl(90, 20%, 7%);
  --village-color12-975-75-hover: hsl(90, 20%, 12%);
  --village-color12-975-75-active: hsl(90, 30%, 15%);
  --village-color12-950-100: hsl(90, 20%, 10%);
  --village-color12-950-100-hover: hsl(90, 22%, 13%);
  --village-color12-950-100-active: hsl(90, 33%, 18%);
  --village-color12-sun-moon: hsl(90, 80%, 75%);
  --village-color12-sun-moon-hover: hsl(90, 60%, 75%);
  --village-color12-sun-moon-active: hsl(90, 40%, 75%);
  --village-color12-925-125: hsl(90, 33%, 13%);
  --village-color12-925-125-hover: hsl(90, 40%, 65%);
  --village-color12-925-125-active: hsl(90, 45%, 65%);
  --village-color12-850-200: hsl(90, 45%, 20%);
  --village-color13-975-75: hsl(180, 20%, 7%);
  --village-color13-975-75-hover: hsl(180, 20%, 12%);
  --village-color13-975-75-active: hsl(180, 30%, 15%);
  --village-color13-950-100: hsl(180, 20%, 10%);
  --village-color13-950-100-hover: hsl(180, 22%, 13%);
  --village-color13-950-100-active: hsl(180, 33%, 18%);
  --village-color13-sun-moon: hsl(180, 80%, 75%);
  --village-color13-sun-moon-hover: hsl(180, 60%, 75%);
  --village-color13-sun-moon-active: hsl(180, 40%, 75%);
  --village-color13-925-125: hsl(180, 33%, 13%);
  --village-color13-925-125-hover: hsl(180, 40%, 65%);
  --village-color13-925-125-active: hsl(180, 45%, 65%);
  --village-color13-850-200: hsl(180, 45%, 20%);
  --village-color14-975-75: hsl(270, 20%, 7%);
  --village-color14-975-75-hover: hsl(270, 20%, 12%);
  --village-color14-975-75-active: hsl(270, 30%, 15%);
  --village-color14-950-100: hsl(270, 20%, 10%);
  --village-color14-950-100-hover: hsl(270, 22%, 13%);
  --village-color14-950-100-active: hsl(270, 33%, 18%);
  --village-color14-sun-moon: hsl(270, 80%, 75%);
  --village-color14-sun-moon-hover: hsl(270, 60%, 75%);
  --village-color14-sun-moon-active: hsl(270, 40%, 75%);
  --village-color14-925-125: hsl(270, 33%, 13%);
  --village-color14-925-125-hover: hsl(270, 40%, 65%);
  --village-color14-925-125-active: hsl(270, 45%, 65%);
  --village-color14-850-200: hsl(270, 45%, 20%);
  --village-color15-975-75: hsl(0, 20%, 7%);
  --village-color15-975-75-hover: hsl(0, 20%, 12%);
  --village-color15-975-75-active: hsl(0, 30%, 15%);
  --village-color15-950-100: hsl(0, 20%, 10%);
  --village-color15-950-100-hover: hsl(0, 22%, 13%);
  --village-color15-950-100-active: hsl(0, 33%, 18%);
  --village-color15-sun-moon: hsl(0, 80%, 75%);
  --village-color15-sun-moon-hover: hsl(0, 60%, 75%);
  --village-color15-sun-moon-active: hsl(0, 40%, 75%);
  --village-color15-925-125: hsl(0, 33%, 13%);
  --village-color15-925-125-hover: hsl(0, 40%, 65%);
  --village-color15-925-125-active: hsl(0, 45%, 65%);
  --village-color15-850-200: hsl(0, 45%, 20%);
  --village-color16-975-75: hsl(90, 20%, 7%);
  --village-color16-975-75-hover: hsl(90, 20%, 12%);
  --village-color16-975-75-active: hsl(90, 30%, 15%);
  --village-color16-950-100: hsl(90, 20%, 10%);
  --village-color16-950-100-hover: hsl(90, 22%, 13%);
  --village-color16-950-100-active: hsl(90, 33%, 18%);
  --village-color16-sun-moon: hsl(90, 80%, 75%);
  --village-color16-sun-moon-hover: hsl(90, 60%, 75%);
  --village-color16-sun-moon-active: hsl(90, 40%, 75%);
  --village-color16-925-125: hsl(90, 33%, 13%);
  --village-color16-925-125-hover: hsl(90, 40%, 65%);
  --village-color16-925-125-active: hsl(90, 45%, 65%);
  --village-color16-850-200: hsl(90, 45%, 20%);
  --village-color17-975-75: hsl(180, 20%, 7%);
  --village-color17-975-75-hover: hsl(180, 20%, 12%);
  --village-color17-975-75-active: hsl(180, 30%, 15%);
  --village-color17-950-100: hsl(180, 20%, 10%);
  --village-color17-950-100-hover: hsl(180, 22%, 13%);
  --village-color17-950-100-active: hsl(180, 33%, 18%);
  --village-color17-sun-moon: hsl(180, 80%, 75%);
  --village-color17-sun-moon-hover: hsl(180, 60%, 75%);
  --village-color17-sun-moon-active: hsl(180, 40%, 75%);
  --village-color17-925-125: hsl(180, 33%, 13%);
  --village-color17-925-125-hover: hsl(180, 40%, 65%);
  --village-color17-925-125-active: hsl(180, 45%, 65%);
  --village-color17-850-200: hsl(180, 45%, 20%);
  --village-color18-975-75: hsl(270, 20%, 7%);
  --village-color18-975-75-hover: hsl(270, 20%, 12%);
  --village-color18-975-75-active: hsl(270, 30%, 15%);
  --village-color18-950-100: hsl(270, 20%, 10%);
  --village-color18-950-100-hover: hsl(270, 22%, 13%);
  --village-color18-950-100-active: hsl(270, 33%, 18%);
  --village-color18-sun-moon: hsl(270, 80%, 75%);
  --village-color18-sun-moon-hover: hsl(270, 60%, 75%);
  --village-color18-sun-moon-active: hsl(270, 40%, 75%);
  --village-color18-925-125: hsl(270, 33%, 13%);
  --village-color18-925-125-hover: hsl(270, 40%, 65%);
  --village-color18-925-125-active: hsl(270, 45%, 65%);
  --village-color18-850-200: hsl(270, 45%, 20%);
  --village-color19-975-75: hsl(0, 20%, 7%);
  --village-color19-975-75-hover: hsl(0, 20%, 12%);
  --village-color19-975-75-active: hsl(0, 30%, 15%);
  --village-color19-950-100: hsl(0, 20%, 10%);
  --village-color19-950-100-hover: hsl(0, 22%, 13%);
  --village-color19-950-100-active: hsl(0, 33%, 18%);
  --village-color19-sun-moon: hsl(0, 80%, 75%);
  --village-color19-sun-moon-hover: hsl(0, 60%, 75%);
  --village-color19-sun-moon-active: hsl(0, 40%, 75%);
  --village-color19-925-125: hsl(0, 33%, 13%);
  --village-color19-925-125-hover: hsl(0, 40%, 65%);
  --village-color19-925-125-active: hsl(0, 45%, 65%);
  --village-color19-850-200: hsl(0, 45%, 20%);
}

.village-placement {
  position: fixed;
  top: 0;
  left: 0;
}

@-moz-document url-prefix() {
  :root[data-village-scrolling] body {
    position: sticky;
  }

  :root {
    --underline-thickness: calc(0.0625em + 0.25px);
  }
}

.village-displayed-lg {
  display: none !important;
}

.village-responsive-img--32x9 {
  aspect-ratio: 3.5555555556 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--16x9 {
  aspect-ratio: 1.7777777778 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--3x2 {
  aspect-ratio: 1.5 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--4x3 {
  aspect-ratio: 1.3333333333 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--1x1 {
  aspect-ratio: 1 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--3x4 {
  aspect-ratio: 0.75 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-img--2x3 {
  aspect-ratio: 0.6666666667 !important;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-responsive-vid--16x9 {
  aspect-ratio: 1.7777777778 !important;
}

.village-responsive-vid--4x3 {
  aspect-ratio: 1.3333333333 !important;
}

.village-responsive-vid--1x1 {
  aspect-ratio: 1 !important;
}

.village-fi--xs::before,
.village-fi--xs::after {
  --icon-size: 0.75rem;
}

.village-fi--sm::before,
.village-fi--sm::after {
  --icon-size: 1rem;
}

.village-fi--md::before,
.village-fi--md::after {
  --icon-size: 1.5rem;
}

.village-fi--lg::before,
.village-fi--lg::after {
  --icon-size: 2rem;
}

.village-artwork-decorative {
  fill: var(--artwork-decorative-village-primary);
}

.village-artwork-minor {
  fill: var(--artwork-minor-village-secondary);
}

.village-artwork-major {
  fill: var(--artwork-major-village-primary);
}

.village-artwork-background {
  fill: var(--artwork-background-grey);
}

.village-artwork-motif {
  fill: var(--artwork-motif-grey);
}

.village-artwork--village-color3 .village-artwork-minor {
  fill: var(--artwork-minor-village-color3);
}

.village-artwork--village-color4 .village-artwork-minor {
  fill: var(--artwork-minor-village-color4);
}

.village-artwork--village-color5 .village-artwork-minor {
  fill: var(--artwork-minor-village-color5);
}

.village-artwork--village-color6 .village-artwork-minor {
  fill: var(--artwork-minor-village-color6);
}

.village-artwork--village-color7 .village-artwork-minor {
  fill: var(--artwork-minor-village-color7);
}

.village-artwork--village-color8 .village-artwork-minor {
  fill: var(--artwork-minor-village-color8);
}

.village-artwork--village-color9 .village-artwork-minor {
  fill: var(--artwork-minor-village-color9);
}

.village-artwork--village-color10 .village-artwork-minor {
  fill: var(--artwork-minor-village-color10);
}

.village-artwork--village-color11 .village-artwork-minor {
  fill: var(--artwork-minor-village-color11);
}

.village-artwork--village-color12 .village-artwork-minor {
  fill: var(--artwork-minor-village-color12);
}

.village-artwork--village-color13 .village-artwork-minor {
  fill: var(--artwork-minor-village-color13);
}

.village-artwork--village-color14 .village-artwork-minor {
  fill: var(--artwork-minor-village-color14);
}

.village-artwork--village-color15 .village-artwork-minor {
  fill: var(--artwork-minor-village-color15);
}

.village-artwork--village-color16 .village-artwork-minor {
  fill: var(--artwork-minor-village-color16);
}

.village-artwork--village-color17 .village-artwork-minor {
  fill: var(--artwork-minor-village-color17);
}

.village-artwork--village-color18 .village-artwork-minor {
  fill: var(--artwork-minor-village-color18);
}

.village-artwork--village-color19 .village-artwork-minor {
  fill: var(--artwork-minor-village-color19);
}

[disabled] .village-artwork * {
  fill: var(--text-disabled-grey);
}

.village-h6,
.village-h5,
.village-h4,
.village-h3,
.village-h2,
.village-h1,
.village-display-xs,
.village-display-sm,
.village-display-md,
.village-display-lg,
.village-display-xl {
  color: var(--text-title-grey);
}

h6,
h5,
h4,
h3,
h2,
h1 {
  color: var(--text-title-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SCHEME
\* ˍˍˍˍˍˍˍˍˍ */

/* ¯¯¯¯¯¯¯¯¯ *\
  UPLOAD
\* ˍˍˍˍˍˍˍˍˍ */
.village-upload-group .village-label .village-hint-text {
  margin-top: 0.75rem;
}

.village-upload-group .village-label + .village-upload {
  margin-top: 1rem;
}

.village-upload-group .village-message:first-child {
  margin-top: 0.5rem;
}

.village-upload {
  font-size: 0.875rem;
  line-height: 1.5rem;
  width: 100%;
  display: inline-flex;
  margin: 0;
}

.village-upload:disabled::-webkit-file-upload-button {
  outline-style: none;
  cursor: not-allowed;
}

.village-upload::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font: inherit;
  cursor: pointer;
  margin-right: 0.5rem;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  RANGE
\* ˍˍˍˍˍˍˍˍˍ */
.village-range-group {
  position: relative;
}

.village-range-group--valid::before,
.village-range-group--error::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -0.75rem;
  bottom: 0;
  left: -0.75rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 0.125rem 100%;
}

.village-range {
  --thumb-size: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.village-range input[type=range] {
  outline: none;
  width: 100%;
}

.village-range__output {
  visibility: hidden;
  color: var(--text-active-village-primary);
}

.village-range__output,
.village-range__min,
.village-range__max {
  text-align: center;
  min-width: var(--thumb-size);
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.village-range[data-village-js-range] {
  --progress-left: 0;
  --progress-right: calc(var(--thumb-size) * 0.5);
}

.village-range[data-village-js-range]::before,
.village-range[data-village-js-range]::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.625rem;
  right: 0;
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-radius: 0.375rem;
}

.village-range[data-village-js-range]::before {
  outline-offset: -1px;
  box-shadow: inset 0 0 0 1px var(--border-action-high-village-primary);
}

.village-range[data-village-js-range]::after {
  clip-path: polygon(var(--progress-left) 0, var(--progress-right) 0, var(--progress-right) 100%, var(--progress-left) 100%);
  background-color: var(--background-active-village-primary);

  --idle: transparent;
  --hover: var(--background-active-village-primary-hover);
  --active: var(--background-active-village-primary-active);
}

.village-range[data-village-js-range] input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 100%;
  height: var(--thumb-size);
  z-index: 1;
}

.village-range[data-village-js-range] input[type=range]:not(:only-of-type) {
  pointer-events: none;
}

.village-range[data-village-js-range] input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  border-radius: 50%;
  border: none;
  pointer-events: auto;
  z-index: calc(var(--ground) + 500);
  background-color: var(--background-raised-grey);
  --hover: var(--background-raised-grey-hover);
  --active: var(--background-raised-grey-active);
  filter: drop-shadow(var(--raised-shadow));
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  border: 1px solid var(--border-action-high-village-primary);
}

.village-range[data-village-js-range] input[type=range]::-webkit-slider-thumb:active {
  z-index: 2;
}

.village-range[data-village-js-range] input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  border-radius: 50%;
  border: none;
  pointer-events: auto;
  z-index: calc(var(--ground) + 500);
  background-color: var(--background-raised-grey);
  --hover: var(--background-raised-grey-hover);
  --active: var(--background-raised-grey-active);
  filter: drop-shadow(var(--raised-shadow));
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  border: 1px solid var(--border-action-high-village-primary);
}

.village-range[data-village-js-range] input[type=range]::-moz-range-thumb:active {
  z-index: 2;
}

.village-range[data-village-js-range] .village-range__output {
  visibility: visible;
}

.village-range--sm {
  --thumb-size: 1rem;
}

.village-range--sm[data-village-js-range]::before,
.village-range--sm[data-village-js-range]::after {
  top: 1.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
}

.village-range--step[data-village-js-range] {
  --step-width: 0;
}

.village-range--step[data-village-js-range]::before,
.village-range--step[data-village-js-range]::after {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  background-repeat: repeat-x;
  background-size: var(--step-width) 100%;
  background-position: 0.625rem 0;
  background-clip: content-box;
}

.village-range--step.village-range--sm[data-village-js-range]::before,
.village-range--step.village-range--sm[data-village-js-range]::after {
  background-position: 0.375rem 0;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.village-range--double .village-range__output {
  min-width: calc(var(--thumb-size) * 2);
}

.village-range--double[data-village-js-range] input[type=range] {
  width: calc(100% - var(--thumb-size));
}

.village-range--double[data-village-js-range] input[type=range]:nth-of-type(1) {
  margin-right: var(--thumb-size);
}

.village-range--double[data-village-js-range] input[type=range]:nth-of-type(2) {
  position: absolute;
  right: 0;
  top: 1.25rem;
}

.village-range--double.village-range--step[data-village-js-range]::before,
.village-range--double.village-range--step[data-village-js-range]::after {
  background-size: 0;
}

.village-range[data-village-js-range] input[type=range]:disabled::-webkit-slider-thumb {
  border: 1px solid var(--border-disabled-grey);
}

.village-range[data-village-js-range] input[type=range]:disabled::-moz-range-thumb {
  border: 1px solid var(--border-disabled-grey);
}

.village-range__min,
.village-range__max {
  color: var(--text-mention-grey);
}

.village-range--step[data-village-js-range]::before {
  background-image: radial-gradient(circle at 2px 50%, var(--background-action-high-village-primary) 0, var(--background-action-high-village-primary) 1px, transparent 1px);
}

.village-range--step[data-village-js-range]::after {
  background-image: radial-gradient(circle at 2px 50%, var(--background-action-low-village-primary) 0, var(--background-action-low-village-primary) 2px, transparent 2px);
  box-shadow: inset 10px 0 0 0 var(--border-active-village-primary), inset -10px 0 0 0 var(--border-active-village-primary);
}

.village-range--step.village-range--sm[data-village-js-range]::after {
  box-shadow: inset 6px 0 0 0 var(--border-active-village-primary), inset -6px 0 0 0 var(--border-active-village-primary);
}

.village-range-group--error::before {
  background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.village-range-group--valid::before {
  background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.village-range-group--disabled .village-range[data-village-js-range]::before {
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}

.village-range-group--disabled .village-range[data-village-js-range]::after {
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

.village-range-group--disabled .village-range--step[data-village-js-range]::before {
  background-image: radial-gradient(circle at 2px 50%, var(--background-disabled-grey) 0, var(--background-disabled-grey) 1px, transparent 1px);
}

.village-range-group--disabled .village-range--step[data-village-js-range]::after {
  background-image: radial-gradient(circle at 2px 50%, var(--background-default-grey) 0, var(--background-default-grey) 2px, transparent 2px);
}

.village-range-group--disabled .village-range__output,
.village-range-group--disabled .village-range__min,
.village-range-group--disabled .village-range__max {
  color: var(--text-disabled-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ACCORDION
\* ˍˍˍˍˍˍˍˍˍ */
.village-accordion {
  position: relative;
}

.village-accordion::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey), 0 1px 0 0 var(--border-default-grey);
}

.village-accordion__title {
  margin: 0;
  display: block;
  font-size: unset;
  line-height: unset;
}

.village-accordion:focus-within {
  z-index: 1;
}

.village-accordion__btn {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  width: 100%;
  text-align: left;
  margin: 0;
  color: var(--text-action-high-village-primary);
}

.village-accordion__btn::before,
.village-accordion__btn::after {
  display: block;
}

.village-accordion__btn::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.25rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  content: "";
  transition: transform 0.3s;
  margin-right: 0;
  margin-left: auto;
}

.village-accordion__btn::before {
  content: none;
}

.village-accordion__btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.village-accordion .village-collapse {
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
  transition: visibility 0.3s, padding 0.3s;
}

.village-accordion .village-collapse--expanded {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.village-accordions-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
}

.village-accordion__btn[aria-expanded=true] {
  background-color: var(--background-open-village-primary);

  --idle: transparent;
  --hover: var(--background-open-village-primary-hover);
  --active: var(--background-open-village-primary-active);
}

/* ------------------------------------ *\
  Badge
\* ------------------------------------ */
.village-badge {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 1.5rem;
  padding: 0 0.5rem;
  overflow: initial;
  max-height: none;
  font-weight: 700;
  max-width: 100%;
  text-transform: uppercase;
  border-radius: 0.25rem;
  color: var(--text-default-grey);
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-badge::before,
.village-badge::after {
  display: block;
}

.village-badge--icon-left[class^=village-icon-],
.village-badge--icon-left[class*=" village-icon-"],
.village-badge--icon-left[class^=village-fi-],
.village-badge--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-badge--icon-left[class^=village-icon-]::before,
.village-badge--icon-left[class*=" village-icon-"]::before,
.village-badge--icon-left[class^=village-fi-]::before,
.village-badge--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.25rem;
}

.village-badge[class^=village-icon-]:not([class*=village-badge--icon-])::before,
.village-badge[class*=" village-icon-"]:not([class*=village-badge--icon-])::before,
.village-badge[class^=village-fi-]:not([class*=village-badge--icon-])::before,
.village-badge[class*=" village-fi-"]:not([class*=village-badge--icon-])::before {
  content: none;
}

.village-badge--sm {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.125rem;
  padding: 0 0.375rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-badge--sm.village-badge--icon-left[class^=village-icon-],
.village-badge--sm.village-badge--icon-left[class*=" village-icon-"],
.village-badge--sm.village-badge--icon-left[class^=village-fi-],
.village-badge--sm.village-badge--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-badge--sm.village-badge--icon-left[class^=village-icon-]::before,
.village-badge--sm.village-badge--icon-left[class*=" village-icon-"]::before,
.village-badge--sm.village-badge--icon-left[class^=village-fi-]::before,
.village-badge--sm.village-badge--icon-left[class*=" village-fi-"]::before {
  --icon-size: 0.75rem;
  margin-left: -0.09375rem;
  margin-right: 0.25rem;
}

.village-badge--sm[class^=village-icon-]:not([class*=village-badge--icon-])::before,
.village-badge--sm[class*=" village-icon-"]:not([class*=village-badge--icon-])::before,
.village-badge--sm[class^=village-fi-]:not([class*=village-badge--icon-])::before,
.village-badge--sm[class*=" village-fi-"]:not([class*=village-badge--icon-])::before {
  content: none;
}

.village-badge::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.25rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.village-badge--sm::before {
  --icon-size: 0.75rem;
  margin-left: -0.09375rem;
  margin-right: 0.25rem;
}

.village-badge.village-badge--info::before,
.village-badge--sm.village-badge--info::before {
  -webkit-mask-image: url("icons/system/village--info-fill.svg");
  mask-image: url("icons/system/village--info-fill.svg");
}

.village-badge.village-badge--success::before,
.village-badge--sm.village-badge--success::before {
  -webkit-mask-image: url("icons/system/village--success-fill.svg");
  mask-image: url("icons/system/village--success-fill.svg");
}

.village-badge.village-badge--error::before,
.village-badge--sm.village-badge--error::before {
  -webkit-mask-image: url("icons/system/village--error-fill.svg");
  mask-image: url("icons/system/village--error-fill.svg");
}

.village-badge.village-badge--warning::before,
.village-badge--sm.village-badge--warning::before {
  -webkit-mask-image: url("icons/system/village--warning-fill.svg");
  mask-image: url("icons/system/village--warning-fill.svg");
}

.village-badge.village-badge--new::before,
.village-badge--sm.village-badge--new::before {
  -webkit-mask-image: url("icons/weather/flashlight-fill.svg");
  mask-image: url("icons/weather/flashlight-fill.svg");
}

.village-badge--info::before,
.village-badge--success::before,
.village-badge--error::before,
.village-badge--warning::before,
.village-badge--new::before,
.village-badge--sm--info::before,
.village-badge--sm--success::before,
.village-badge--sm--error::before,
.village-badge--sm--warning::before,
.village-badge--sm--new::before {
  content: "";
}

.village-badge.village-badge--no-icon::before,
.village-badge--sm.village-badge--no-icon::before {
  content: none;
}

.village-badges-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 0;
}

.village-badges-group > li {
  display: inline-flex;
  max-width: 100%;
}

.village-badges-group .village-badge {
  margin: 0 0.25rem 0.5rem 0.25rem;
}

.village-badges-group--sm .village-badge {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.125rem;
  padding: 0 0.375rem;
}

.village-badges-group--sm .village-badge::before,
.village-badges-group--sm .village-badge::after {
  --icon-size: 0.75rem;
}

.village-badge--info {
  color: var(--text-default-info);
  background-color: var(--background-contrast-info);

  --idle: transparent;
  --hover: var(--background-contrast-info-hover);
  --active: var(--background-contrast-info-active);
}

.village-badge--error {
  color: var(--text-default-error);
  background-color: var(--background-contrast-error);

  --idle: transparent;
  --hover: var(--background-contrast-error-hover);
  --active: var(--background-contrast-error-active);
}

.village-badge--success {
  color: var(--text-default-success);
  background-color: var(--background-contrast-success);

  --idle: transparent;
  --hover: var(--background-contrast-success-hover);
  --active: var(--background-contrast-success-active);
}

.village-badge--warning {
  color: var(--text-default-warning);
  background-color: var(--background-contrast-warning);

  --idle: transparent;
  --hover: var(--background-contrast-warning-hover);
  --active: var(--background-contrast-warning-active);
}

.village-badge--new {
  color: var(--text-action-high-village-color14);
  background-color: var(--background-contrast-village-color14);

  --idle: transparent;
  --hover: var(--background-contrast-village-color14-hover);
  --active: var(--background-contrast-village-color14-active);
}

.village-badge--village-color3 {
  color: var(--text-label-village-color3);
  background-color: var(--background-contrast-village-color3);

  --idle: transparent;
  --hover: var(--background-contrast-village-color3-hover);
  --active: var(--background-contrast-village-color3-active);
}

.village-badge--village-color4 {
  color: var(--text-label-village-color4);
  background-color: var(--background-contrast-village-color4);

  --idle: transparent;
  --hover: var(--background-contrast-village-color4-hover);
  --active: var(--background-contrast-village-color4-active);
}

.village-badge--village-color5 {
  color: var(--text-label-village-color5);
  background-color: var(--background-contrast-village-color5);

  --idle: transparent;
  --hover: var(--background-contrast-village-color5-hover);
  --active: var(--background-contrast-village-color5-active);
}

.village-badge--village-color6 {
  color: var(--text-label-village-color6);
  background-color: var(--background-contrast-village-color6);

  --idle: transparent;
  --hover: var(--background-contrast-village-color6-hover);
  --active: var(--background-contrast-village-color6-active);
}

.village-badge--village-color7 {
  color: var(--text-label-village-color7);
  background-color: var(--background-contrast-village-color7);

  --idle: transparent;
  --hover: var(--background-contrast-village-color7-hover);
  --active: var(--background-contrast-village-color7-active);
}

.village-badge--village-color8 {
  color: var(--text-label-village-color8);
  background-color: var(--background-contrast-village-color8);

  --idle: transparent;
  --hover: var(--background-contrast-village-color8-hover);
  --active: var(--background-contrast-village-color8-active);
}

.village-badge--village-color9 {
  color: var(--text-label-village-color9);
  background-color: var(--background-contrast-village-color9);

  --idle: transparent;
  --hover: var(--background-contrast-village-color9-hover);
  --active: var(--background-contrast-village-color9-active);
}

.village-badge--village-color10 {
  color: var(--text-label-village-color10);
  background-color: var(--background-contrast-village-color10);

  --idle: transparent;
  --hover: var(--background-contrast-village-color10-hover);
  --active: var(--background-contrast-village-color10-active);
}

.village-badge--village-color11 {
  color: var(--text-label-village-color11);
  background-color: var(--background-contrast-village-color11);

  --idle: transparent;
  --hover: var(--background-contrast-village-color11-hover);
  --active: var(--background-contrast-village-color11-active);
}

.village-badge--village-color12 {
  color: var(--text-label-village-color12);
  background-color: var(--background-contrast-village-color12);

  --idle: transparent;
  --hover: var(--background-contrast-village-color12-hover);
  --active: var(--background-contrast-village-color12-active);
}

.village-badge--village-color13 {
  color: var(--text-label-village-color13);
  background-color: var(--background-contrast-village-color13);

  --idle: transparent;
  --hover: var(--background-contrast-village-color13-hover);
  --active: var(--background-contrast-village-color13-active);
}

.village-badge--village-color14 {
  color: var(--text-label-village-color14);
  background-color: var(--background-contrast-village-color14);

  --idle: transparent;
  --hover: var(--background-contrast-village-color14-hover);
  --active: var(--background-contrast-village-color14-active);
}

.village-badge--village-color15 {
  color: var(--text-label-village-color15);
  background-color: var(--background-contrast-village-color15);

  --idle: transparent;
  --hover: var(--background-contrast-village-color15-hover);
  --active: var(--background-contrast-village-color15-active);
}

.village-badge--village-color16 {
  color: var(--text-label-village-color16);
  background-color: var(--background-contrast-village-color16);

  --idle: transparent;
  --hover: var(--background-contrast-village-color16-hover);
  --active: var(--background-contrast-village-color16-active);
}

.village-badge--village-color17 {
  color: var(--text-label-village-color17);
  background-color: var(--background-contrast-village-color17);

  --idle: transparent;
  --hover: var(--background-contrast-village-color17-hover);
  --active: var(--background-contrast-village-color17-active);
}

.village-badge--village-color18 {
  color: var(--text-label-village-color18);
  background-color: var(--background-contrast-village-color18);

  --idle: transparent;
  --hover: var(--background-contrast-village-color18-hover);
  --active: var(--background-contrast-village-color18-active);
}

.village-badge--village-color19 {
  color: var(--text-label-village-color19);
  background-color: var(--background-contrast-village-color19);

  --idle: transparent;
  --hover: var(--background-contrast-village-color19-hover);
  --active: var(--background-contrast-village-color19-active);
}

.village-badge-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.village-badge-group > li {
  display: inline-flex;
  max-width: 100%;
}

.village-badge-group .village-badge {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  LOGO
\* ˍˍˍˍˍˍˍˍˍ */
.village-logo {
  max-height: 90px;
  width: auto;
  color: var(--text-black-white-grey);
}

:root[data-village-mourning] .village-logo::before {
  box-shadow: 0 0 0 1px #fff;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  BUTTON
\* ˍˍˍˍˍˍˍˍˍ */
.village-btn {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  background-color: var(--background-action-high-village-primary);

  --idle: transparent;
  --hover: var(--background-action-high-village-primary-hover);
  --active: var(--background-action-high-village-primary-active);
  color: var(--text-inverted-village-primary);
}

.village-btn::before,
.village-btn::after {
  display: block;
}

.village-btn[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn[target=_blank]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btn--align-on-content {
  margin-left: -1rem;
  margin-right: -1rem;
}

.village-btn[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-btn[class^=village-icon-]:not([class*=village-btn--icon-])::before,
.village-btn[class*=" village-icon-"]:not([class*=village-btn--icon-])::before,
.village-btn[class^=village-fi-]:not([class*=village-btn--icon-])::before,
.village-btn[class*=" village-fi-"]:not([class*=village-btn--icon-])::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btn--align-on-content[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn--align-on-content[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn--align-on-content[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn--align-on-content[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.village-btn--icon-left[class^=village-icon-],
.village-btn--icon-left[class*=" village-icon-"],
.village-btn--icon-left[class^=village-fi-],
.village-btn--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--icon-left[class^=village-icon-]::before,
.village-btn--icon-left[class*=" village-icon-"]::before,
.village-btn--icon-left[class^=village-fi-]::before,
.village-btn--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-btn--align-on-content.village-btn--icon-left[class^=village-icon-],
.village-btn--align-on-content.village-btn--icon-left[class*=" village-icon-"],
.village-btn--align-on-content.village-btn--icon-left[class^=village-fi-],
.village-btn--align-on-content.village-btn--icon-left[class*=" village-fi-"] {
  margin-left: -0.875rem;
  margin-right: -1rem;
}

.village-btn--icon-right[class^=village-icon-],
.village-btn--icon-right[class*=" village-icon-"],
.village-btn--icon-right[class^=village-fi-],
.village-btn--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--icon-right[class^=village-icon-]::after,
.village-btn--icon-right[class*=" village-icon-"]::after,
.village-btn--icon-right[class^=village-fi-]::after,
.village-btn--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btn--icon-right[class^=village-icon-]::before,
.village-btn--icon-right[class*=" village-icon-"]::before,
.village-btn--icon-right[class^=village-fi-]::before,
.village-btn--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-btn--align-on-content.village-btn--icon-right[class^=village-icon-],
.village-btn--align-on-content.village-btn--icon-right[class*=" village-icon-"],
.village-btn--align-on-content.village-btn--icon-right[class^=village-fi-],
.village-btn--align-on-content.village-btn--icon-right[class*=" village-fi-"] {
  margin-left: -1rem;
  margin-right: -0.875rem;
}

.village-btn--sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
}

.village-btn--sm[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--sm[target=_blank]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btn--sm.village-btn--align-on-content {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.village-btn--sm[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn--sm[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn--sm[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn--sm[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-btn--sm[class^=village-icon-]:not([class*=village-btn--icon-])::before,
.village-btn--sm[class*=" village-icon-"]:not([class*=village-btn--icon-])::before,
.village-btn--sm[class^=village-fi-]:not([class*=village-btn--icon-])::before,
.village-btn--sm[class*=" village-fi-"]:not([class*=village-btn--icon-])::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btn--sm.village-btn--align-on-content[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn--sm.village-btn--align-on-content[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn--sm.village-btn--align-on-content[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn--sm.village-btn--align-on-content[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.village-btn--sm.village-btn--icon-left[class^=village-icon-],
.village-btn--sm.village-btn--icon-left[class*=" village-icon-"],
.village-btn--sm.village-btn--icon-left[class^=village-fi-],
.village-btn--sm.village-btn--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--sm.village-btn--icon-left[class^=village-icon-]::before,
.village-btn--sm.village-btn--icon-left[class*=" village-icon-"]::before,
.village-btn--sm.village-btn--icon-left[class^=village-fi-]::before,
.village-btn--sm.village-btn--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-btn--sm.village-btn--align-on-content.village-btn--icon-left[class^=village-icon-],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-left[class*=" village-icon-"],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-left[class^=village-fi-],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-left[class*=" village-fi-"] {
  margin-left: -0.625rem;
  margin-right: -0.75rem;
}

.village-btn--sm.village-btn--icon-right[class^=village-icon-],
.village-btn--sm.village-btn--icon-right[class*=" village-icon-"],
.village-btn--sm.village-btn--icon-right[class^=village-fi-],
.village-btn--sm.village-btn--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--sm.village-btn--icon-right[class^=village-icon-]::after,
.village-btn--sm.village-btn--icon-right[class*=" village-icon-"]::after,
.village-btn--sm.village-btn--icon-right[class^=village-fi-]::after,
.village-btn--sm.village-btn--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btn--sm.village-btn--icon-right[class^=village-icon-]::before,
.village-btn--sm.village-btn--icon-right[class*=" village-icon-"]::before,
.village-btn--sm.village-btn--icon-right[class^=village-fi-]::before,
.village-btn--sm.village-btn--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-btn--sm.village-btn--align-on-content.village-btn--icon-right[class^=village-icon-],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-right[class*=" village-icon-"],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-right[class^=village-fi-],
.village-btn--sm.village-btn--align-on-content.village-btn--icon-right[class*=" village-fi-"] {
  margin-left: -0.75rem;
  margin-right: -0.625rem;
}

.village-btn--lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
}

.village-btn--lg[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--lg[target=_blank]::after {
  content: "";

  --icon-size: 1.5rem;
  margin-right: -0.1875rem;
  margin-left: 0.5rem;
}

.village-btn--lg.village-btn--align-on-content {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.village-btn--lg[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn--lg[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn--lg[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn--lg[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  overflow: hidden;
  white-space: nowrap;
  max-width: 3rem;
  max-height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-btn--lg[class^=village-icon-]:not([class*=village-btn--icon-])::before,
.village-btn--lg[class*=" village-icon-"]:not([class*=village-btn--icon-])::before,
.village-btn--lg[class^=village-fi-]:not([class*=village-btn--icon-])::before,
.village-btn--lg[class*=" village-fi-"]:not([class*=village-btn--icon-])::before {
  --icon-size: 2rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btn--lg.village-btn--align-on-content[class^=village-icon-]:not([class*=village-btn--icon-]),
.village-btn--lg.village-btn--align-on-content[class*=" village-icon-"]:not([class*=village-btn--icon-]),
.village-btn--lg.village-btn--align-on-content[class^=village-fi-]:not([class*=village-btn--icon-]),
.village-btn--lg.village-btn--align-on-content[class*=" village-fi-"]:not([class*=village-btn--icon-]) {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.village-btn--lg.village-btn--icon-left[class^=village-icon-],
.village-btn--lg.village-btn--icon-left[class*=" village-icon-"],
.village-btn--lg.village-btn--icon-left[class^=village-fi-],
.village-btn--lg.village-btn--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--lg.village-btn--icon-left[class^=village-icon-]::before,
.village-btn--lg.village-btn--icon-left[class*=" village-icon-"]::before,
.village-btn--lg.village-btn--icon-left[class^=village-fi-]::before,
.village-btn--lg.village-btn--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1.5rem;
  margin-left: -0.1875rem;
  margin-right: 0.5rem;
}

.village-btn--lg.village-btn--align-on-content.village-btn--icon-left[class^=village-icon-],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-left[class*=" village-icon-"],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-left[class^=village-fi-],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-left[class*=" village-fi-"] {
  margin-left: -1.3125rem;
  margin-right: -1.5rem;
}

.village-btn--lg.village-btn--icon-right[class^=village-icon-],
.village-btn--lg.village-btn--icon-right[class*=" village-icon-"],
.village-btn--lg.village-btn--icon-right[class^=village-fi-],
.village-btn--lg.village-btn--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--lg.village-btn--icon-right[class^=village-icon-]::after,
.village-btn--lg.village-btn--icon-right[class*=" village-icon-"]::after,
.village-btn--lg.village-btn--icon-right[class^=village-fi-]::after,
.village-btn--lg.village-btn--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1.5rem;
  margin-right: -0.1875rem;
  margin-left: 0.5rem;
}

.village-btn--lg.village-btn--icon-right[class^=village-icon-]::before,
.village-btn--lg.village-btn--icon-right[class*=" village-icon-"]::before,
.village-btn--lg.village-btn--icon-right[class^=village-fi-]::before,
.village-btn--lg.village-btn--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-btn--lg.village-btn--align-on-content.village-btn--icon-right[class^=village-icon-],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-right[class*=" village-icon-"],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-right[class^=village-fi-],
.village-btn--lg.village-btn--align-on-content.village-btn--icon-right[class*=" village-fi-"] {
  margin-left: -1.5rem;
  margin-right: -1.3125rem;
}

.village-btns-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;

  /**
  * village-btns-group--inline : aligne les boutons horizontalement dans tout les cas
  * village-btns-group--inline-(sm/md/lg) : permet de passer en horizontal à partir de la valeur du breakpoint appliqué (sm, md, lg)
  */

  /**
  * village-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)
  */

  /**
  * village-btns-group--right : aligne les boutons sur la droite
  */

  /**
  * village-btns-group--center : aligne les boutons au centre du conteneur
  */

  /**
  * village-btns-group--center : aligne les boutons au centre du conteneur
  */

  /**
  * village-btns-group--equisized : Fixe la largeur des boutons à celle du plus grand. Géré en grande partie en JS.
  */

  /**
  * village-btns-group--sm : Fixe les boutons à la taille SM
  */

  /**
  * village-btns-group--md : (défaut) Fixe les boutons à la taille MD
  */

  /**
  * village-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)
  */
}

.village-btns-group > li,
.village-btns-group > div {
  width: 100%;
  max-width: 100%;
}

.village-btns-group .village-btn {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 1rem;
  justify-content: center;
}

.village-btns-group--inline .village-btn {
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.village-btns-group--inline > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-btns-group--inline.village-btns-group--right.village-btns-group--inline-reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.village-btns-group--left,
.village-btns-group--left li {
  justify-content: flex-start;
  text-align: left;
}

.village-btns-group--right,
.village-btns-group--right li {
  justify-content: flex-end;
  text-align: right;
}

.village-btns-group--center,
.village-btns-group--center li {
  justify-content: center;
  text-align: center;
}

.village-btns-group--between,
.village-btns-group--between li {
  justify-content: space-between;
  text-align: center;
}

.village-btns-group--equisized {
  --equisized-width: auto;
}

.village-btns-group--equisized .village-btn {
  justify-content: center;
  width: var(--equisized-width);
}

.village-btns-group--sm .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
}

.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-],
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"],
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-],
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"] {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: flex-start;
}

.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
.village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btns-group--sm.village-btns-group--icon-left .village-btn[class^=village-icon-],
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class*=" village-icon-"],
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class^=village-fi-],
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class*=" village-fi-"] {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group--sm.village-btns-group--icon-left .village-btn[class^=village-icon-]::before,
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class*=" village-icon-"]::before,
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class^=village-fi-]::before,
.village-btns-group--sm.village-btns-group--icon-left .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-icon-],
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-icon-"],
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-fi-],
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-fi-"] {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-icon-]::after,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-icon-"]::after,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-fi-]::after,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-icon-]::before,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-icon-"]::before,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class^=village-fi-]::before,
.village-btns-group--sm.village-btns-group--icon-right .village-btn[class*=" village-fi-"]::before {
  content: none;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"] {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: flex-start;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class^=village-icon-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class*=" village-icon-"],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class^=village-fi-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class*=" village-fi-"] {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class^=village-icon-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class*=" village-icon-"]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class^=village-fi-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-left .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-icon-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-icon-"],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-fi-],
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-fi-"] {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-icon-]::after,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-icon-"]::after,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-fi-]::after,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-icon-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-icon-"]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class^=village-fi-]::before,
.village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg).village-btns-group--icon-right .village-btn[class*=" village-fi-"]::before {
  content: none;
}

.village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
}

.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-],
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"],
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-],
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 3rem;
  max-height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: flex-start;
}

.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
.village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before {
  --icon-size: 2rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-btns-group--lg.village-btns-group--icon-left .village-btn[class^=village-icon-],
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class*=" village-icon-"],
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class^=village-fi-],
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class*=" village-fi-"] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group--lg.village-btns-group--icon-left .village-btn[class^=village-icon-]::before,
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class*=" village-icon-"]::before,
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class^=village-fi-]::before,
.village-btns-group--lg.village-btns-group--icon-left .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1.5rem;
  margin-left: -0.1875rem;
  margin-right: 0.5rem;
}

.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-icon-],
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-icon-"],
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-fi-],
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-fi-"] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-icon-]::after,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-icon-"]::after,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-fi-]::after,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1.5rem;
  margin-right: -0.1875rem;
  margin-left: 0.5rem;
}

.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-icon-]::before,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-icon-"]::before,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class^=village-fi-]::before,
.village-btns-group--lg.village-btns-group--icon-right .village-btn[class*=" village-fi-"]::before {
  content: none;
}

.village-fieldset__element > .village-btns-group {
  margin-bottom: -1rem;
}

.village-btn--close {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  display: flex;
  margin-left: auto;
}

.village-btn--close::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  content: "";
}

.village-btn--close::before {
  content: none;
}

.village-btn--tooltip {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-btn--tooltip::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/question-line.svg");
  mask-image: url("icons/system/question-line.svg");
  content: "";
}

.village-btn--fullscreen {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--fullscreen::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/media/fullscreen-line.svg");
  mask-image: url("icons/media/fullscreen-line.svg");
  content: "";
}

.village-btn--fullscreen::before {
  content: none;
}

.village-btn--display {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--display::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/village--theme-fill.svg");
  mask-image: url("icons/system/village--theme-fill.svg");
  content: "";
}

.village-btn--account {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--account::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/user/account-circle-fill.svg");
  mask-image: url("icons/user/account-circle-fill.svg");
  content: "";
}

.village-btn--team {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--team::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/user/team-line.svg");
  mask-image: url("icons/user/team-line.svg");
  content: "";
}

.village-btn--briefcase {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-btn--briefcase::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/business/briefcase-fill.svg");
  mask-image: url("icons/business/briefcase-fill.svg");
  content: "";
}

.village-btn:disabled,
a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

.village-btn--secondary {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-action-high-village-primary);
}

.village-btn--secondary:disabled,
a.village-btn--secondary:not([href]) {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-btn--tertiary,
.village-btn--account {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-btn--tertiary:disabled,
a.village-btn--tertiary:not([href]),
a.village-btn--account:not([href]),
.village-btn--account:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-btn--tertiary-no-outline,
.village-btn--close,
.village-btn--display,
.village-btn--fullscreen,
.village-btn--tooltip,
.village-btn--briefcase,
.village-btn--team {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-btn--tertiary-no-outline:disabled,
a.village-btn--tertiary-no-outline:not([href]),
a.village-btn--close:not([href]),
a.village-btn--display:not([href]),
a.village-btn--fullscreen:not([href]),
a.village-btn--tooltip:not([href]),
a.village-btn--briefcase:not([href]),
a.village-btn--team:not([href]),
.village-btn--close:disabled,
.village-btn--display:disabled,
.village-btn--fullscreen:disabled,
.village-btn--tooltip:disabled,
.village-btn--briefcase:disabled,
.village-btn--team:disabled {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CONNECT
\* ˍˍˍˍˍˍˍˍˍ */
.village-connect {
  position: relative;
  padding: 0.625em 0.75em 0.625em 4em;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 0.75rem;

  --underline-img: none;
  --hover-tint: var(--hover);
  --active-tint: var(--active);
  --external-link-content: none;
  background-color: var(--background-action-high-village-primary);

  --idle: transparent;
  --hover: var(--background-action-high-village-primary-hover);
  --active: var(--background-action-high-village-primary-active);
  color: var(--text-inverted-village-primary);
}

.village-connect:hover {
  background-color: var(--hover-tint);
}

.village-connect:active {
  background-color: var(--active-tint);
}

.village-connect::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0.25em;
  left: 0.75em;
  width: 2.5em;
  height: 3em;
  margin-top: -1.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='256' height='256' id='svg2' sodipodi:version='0.32' inkscape:version='0.47 r22583' sodipodi:docname='openid.svg' version='1.0' inkscape:output_extension='org.inkscape.output.svg.inkscape'%3E %3Ctitle   id='title2910'%3Efacebook web%3C/title%3E %3Cdefs   id='defs4'%3E  %3Cinkscape:perspective     sodipodi:type='inkscape:persp3d'     inkscape:vp_x='0 : 128 : 1'     inkscape:vp_y='0 : 1000 : 0'     inkscape:vp_z='256 : 128 : 1'     inkscape:persp3d-origin='128 : 85.333333 : 1'     id='perspective17' /%3E  %3ClinearGradient     inkscape:collect='always'     id='linearGradient2555'%3E    %3Cstop       style='stop-color: rgb(255, 255, 255); stop-opacity: 1;'       offset='0'       id='stop2557' /%3E    %3Cstop       style='stop-color: rgb(255, 255, 255); stop-opacity: 0;'       offset='1'       id='stop2559' /%3E  %3C/linearGradient%3E  %3ClinearGradient     inkscape:collect='always'     xlink:href='%23linearGradient2555'     id='linearGradient2449'     gradientUnits='userSpaceOnUse'     gradientTransform='matrix(-0.5914584,0,0,0.5914584,210.02161,142.23241)'     x1='-344.15295'     y1='274.711'     x2='-395.84943'     y2='425.39993' /%3E %3C/defs%3E %3Cg   inkscape:label='Layer 1'   inkscape:groupmode='layer'   id='layer1'   transform='translate(-373.642,-318.344)'%3E  %3Crect     inkscape:export-ydpi='7.7063322'     inkscape:export-xdpi='7.7063322'     inkscape:export-filename='C:\documents and SettingsMolumenÞsktoppath3511111.png'     transform='scale(-1,1)'     ry='35.487503'     rx='35.487503'     y='328.34399'     x='-619.64203'     height='236'     width='236'     id='rect1942'     style='fill:%23ebebee;fill-opacity:1;fill-rule:evenodd;stroke:%23000000;stroke-width:0.5;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.5,1;stroke-dashoffset:0;stroke-opacity:1' /%3E  %3Cpath     inkscape:export-ydpi='7.7063322'     inkscape:export-xdpi='7.7063322'     inkscape:export-filename='C:\documents and SettingsMolumenÞsktoppath3511111.png'     sodipodi:nodetypes='ccccsssc'     id='path1950'     d='M 557.29062,338.43314 L 445.99327,338.43314 C 416.53255,338.43314 392.81507,362.34527 392.81507,392.04777 L 392.81507,500.64007 C 393.76867,523.8254 397.43678,509.16812 404.41887,483.49194 C 412.53354,453.65102 438.96056,427.56963 471.144,408.02312 C 495.7086,393.10398 523.20395,383.5772 573.25282,382.6709 C 601.63697,382.15694 599.13112,345.83025 557.29062,338.43314 z'     style='opacity:0.98283262;fill:url(%23linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1' /%3E  %3Cpath     style='fill:%23ff8e00;fill-opacity:1;stroke:none'     d='m 488.0825,538.40564 26.93006,-19.41471 -1.2525,-154.06511 -25.67756,20.04099 0,153.43883 z'     id='path25468' /%3E  %3Cpath     style='fill:%23626262;fill-opacity:1;stroke:none'     d='M 488.39564,538.40564 C 387.66591,522.39153 384.79535,434.69468 487.76935,415.65457 l 0.31315,18.16215 c -73.04418,12.17854 -63.78999,77.70661 0,87.36619 l 0.31314,17.22273 z'     id='path25470'     sodipodi:nodetypes='ccccc' /%3E  %3Cpath     style='fill:%23626262;fill-opacity:1;stroke:none'     d='m 514.69946,433.19044 c 12.45669,0.0847 23.30841,5.78683 34.13233,11.58619 l -15.97017,11.89934 51.04191,0 0.3131,-34.75859 -15.97018,11.89934 c -16.16175,-8.16308 -31.01691,-17.95941 -53.54699,-18.16215 l 0,17.53587 z'     id='path25472'     sodipodi:nodetypes='cccccccc' /%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2.5em 3em;
}

.village-connect__login,
.village-connect__brand {
  line-height: 1;
  z-index: 1;
  white-space: nowrap;
}

.village-connect__login {
  font-size: 1.0625em;
}

.village-connect__brand {
  font-weight: bold;
  font-size: 1.125em;
}

.village-connect--plus {
  padding-right: 3em;
}

.village-connect--plus::after {
  content: "+";
  display: block;
  position: absolute;
  right: 0.25em;
  bottom: 0;
  font-size: 3em;
  font-weight: bold;
  line-height: 1;
  transform: translate(5%, -17%);
}

.village-connect-group {
  --text-spacing: 0 0 1rem 0;
}

.village-connect-group p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--text-mention-grey);
}

.village-connect-group .village-connect + p a {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--text-action-high-village-primary);
}

.village-connect:disabled,
a.village-connect:not([href]) {
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
  color: var(--text-disabled-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  QUOTE
\* ˍˍˍˍˍˍˍˍˍ */
.village-quote {
  position: relative;
  margin: 0;
  padding: 0 0.5rem 2rem 0.5rem;
  background-size: 50% 1px;
  background-repeat: no-repeat;
  background-position: 0.5rem 100%;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-quote::before,
.village-quote::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/editor/village--quote-line.svg");
  mask-image: url("icons/editor/village--quote-line.svg");
  --icon-size: 2rem;
}

.village-quote::before {
  content: "";
  display: block;
  margin-bottom: 0.5rem;
  color: var(--artwork-minor-village-primary);
}

.village-quote--column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.village-quote--column .village-quote__author {
  margin-left: 5.25rem;
}

.village-quote--column .village-quote__source {
  margin-left: 5.25rem;
}

.village-quote--column figcaption {
  min-height: 4.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.village-quote blockquote {
  margin: 0;

  --text-spacing: 0 0 1rem;
}

.village-quote blockquote p {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 700;
}

.village-quote__author {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;

  --text-spacing: 0 0 0.25rem;
}

.village-quote__image {
  width: 4.25rem;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  display: flex;
  flex-direction: row;
}

.village-quote__image img {
  width: 100%;
  height: 100%;
}

.village-quote cite {
  font-style: italic;
}

.village-quote figcaption {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
}

.village-quote figcaption .village-quote__source {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.village-quote figcaption .village-quote__source li {
  display: inline-block;
}

.village-quote figcaption .village-quote__source li:not(:last-child)::after {
  content: "·";
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.village-quote--village-color3::before {
  color: var(--artwork-minor-village-color3);
}

.village-quote--village-color4::before {
  color: var(--artwork-minor-village-color4);
}

.village-quote--village-color5::before {
  color: var(--artwork-minor-village-color5);
}

.village-quote--village-color6::before {
  color: var(--artwork-minor-village-color6);
}

.village-quote--village-color7::before {
  color: var(--artwork-minor-village-color7);
}

.village-quote--village-color8::before {
  color: var(--artwork-minor-village-color8);
}

.village-quote--village-color9::before {
  color: var(--artwork-minor-village-color9);
}

.village-quote--village-color10::before {
  color: var(--artwork-minor-village-color10);
}

.village-quote--village-color11::before {
  color: var(--artwork-minor-village-color11);
}

.village-quote--village-color12::before {
  color: var(--artwork-minor-village-color12);
}

.village-quote--village-color13::before {
  color: var(--artwork-minor-village-color13);
}

.village-quote--village-color14::before {
  color: var(--artwork-minor-village-color14);
}

.village-quote--village-color15::before {
  color: var(--artwork-minor-village-color15);
}

.village-quote--village-color16::before {
  color: var(--artwork-minor-village-color16);
}

.village-quote--village-color17::before {
  color: var(--artwork-minor-village-color17);
}

.village-quote--village-color18::before {
  color: var(--artwork-minor-village-color18);
}

.village-quote--village-color19::before {
  color: var(--artwork-minor-village-color19);
}

.village-quote__source {
  color: var(--text-mention-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  BREADCRUMB
\* ˍˍˍˍˍˍˍˍˍ */

/**
un padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.
 */
.village-breadcrumb {
  margin: 1rem 0 2rem;
  font-size: 0.75rem;
  line-height: 1.25rem;

  --text-spacing: 0 0 0.5rem;
  position: relative;
  color: var(--text-mention-grey);
}

.village-breadcrumb__button {
  background-image: var(--underline-img), var(--underline-img);
  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
  background-repeat: no-repeat, no-repeat;
  transition: background-size 0s;
  background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0;
  padding: 0;

  --hover-tint: var(--idle);
  --active-tint: var(--idle);
  color: inherit;
}

.village-breadcrumb__button:hover,
.village-breadcrumb__button:active {
  --underline-hover-width: var(--underline-max-width);
}

.village-breadcrumb__button[aria-expanded=true] {
  display: none;
}

.village-breadcrumb .village-collapse {
  margin-left: -4px;
  margin-right: -4px;
  padding-left: 4px;
  padding-right: 4px;
  transform: translateY(-4px);
}

.village-breadcrumb__list {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  transform: translateY(4px);
}

.village-breadcrumb__list li {
  display: inline;
  line-height: 1.75rem;

  /**
  * flèche séparatrice en font-icon
  */
}

.village-breadcrumb__list li:not(:first-child)::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-right-s-line.svg");
  mask-image: url("icons/system/arrow-right-s-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  vertical-align: -0.0625em;
}

.village-breadcrumb__link {
  vertical-align: top;
  position: relative;
  background-image: var(--underline-img), var(--underline-img);
  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
  background-repeat: no-repeat, no-repeat;
  transition: background-size 0s;
  background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);

  --hover-tint: var(--idle);
  --active-tint: var(--idle);
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0;
}

.village-breadcrumb__link:hover,
.village-breadcrumb__link:active {
  --underline-hover-width: var(--underline-max-width);
}

.village-breadcrumb__link[aria-current]:not([aria-current=false]) {
  pointer-events: none;
  cursor: default;

  --underline-img: none;
  color: var(--text-default-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  FORM
\* ˍˍˍˍˍˍˍˍˍ */
.village-label {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--text-label-grey);
}

.village-label + .village-input,
.village-label + .village-input-wrap,
.village-label + .village-select {
  margin-top: 0.5rem;
}

.village-hint-text {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25rem;

  --text-spacing: 0 0 1rem;
}

.village-hint-text + .village-hint-text {
  margin-top: 0.25rem;
}

.village-fieldset {
  position: relative;
  margin: 0 -0.75rem 1rem;
  padding: 0 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  border: 0;
}

.village-fieldset__legend {
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  width: 100%;
  color: var(--text-label-grey);
}

.village-fieldset__legend--regular {
  font-weight: 400;
}

.village-fieldset__legend .village-hint-text {
  margin-top: 0.5rem;
  font-weight: 400;
}

.village-fieldset--valid,
.village-fieldset--error,
.village-fieldset--info {
  background-repeat: no-repeat;
  background-position: 0 -2.25rem;
  background-size: 2px calc(100% + 1.25rem);
}

.village-fieldset--valid .village-fieldset__legend,
.village-fieldset--error .village-fieldset__legend,
.village-fieldset--info .village-fieldset__legend {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2px 100%;
}

.village-fieldset__element {
  flex: 1 1 100%;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

.village-fieldset__element--inline {
  flex: 0 0 auto;
}

.village-fieldset__element--inline-grow,
.village-fieldset__element--inline\@md.village-fieldset__element--inline-grow {
  flex-grow: 1;
}

.village-fieldset__element--year {
  flex: 0 0 8rem;
}

.village-fieldset__element--year:not(.village-fieldset__element--inline) {
  margin-right: calc(100% - 8rem);
}

.village-fieldset__element--postal {
  flex: 0 0 16rem;
}

.village-fieldset__element--postal:not(.village-fieldset__element--inline) {
  margin-right: calc(100% - 16rem);
}

.village-fieldset__element--number {
  flex: 0 0 6rem;
}

.village-fieldset__element--number:not(.village-fieldset__element--inline) {
  margin-right: calc(100% - 6rem);
}

.village-fieldset__legend > h1:last-child::after,
.village-fieldset__legend > h2:last-child::after,
.village-fieldset__legend > h3:last-child::after,
.village-fieldset__legend > h4:last-child::after,
.village-fieldset__legend > h5:last-child::after,
.village-fieldset__legend > h6:last-child::after,
.village-fieldset__legend > p:last-child::after,
.village-fieldset__legend > .village-fieldset:last-child::after,
.village-fieldset__element > h1:last-child::after,
.village-fieldset__element > h2:last-child::after,
.village-fieldset__element > h3:last-child::after,
.village-fieldset__element > h4:last-child::after,
.village-fieldset__element > h5:last-child::after,
.village-fieldset__element > h6:last-child::after,
.village-fieldset__element > p:last-child::after,
.village-fieldset__element > .village-fieldset:last-child::after {
  content: "";
  display: block;
  margin-bottom: -1rem;
}

.village-fieldset > .village-messages-group {
  flex: 1 1 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-fieldset > .village-messages-group > .village-message:last-child {
  margin-bottom: 1rem;
}

.village-message {
  --comma: ", ";
  --content: var(--comma);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0 0 0.25rem 0;
}

.village-message::after {
  content: var(--content);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
}

.village-message:last-child {
  --comma: ". ";
  margin-bottom: 0;
}

.village-message--error::before,
.village-message--valid::before,
.village-message--info::before {
  flex: 0 0 auto;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1rem;
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
}

.village-message--error::before {
  -webkit-mask-image: url("icons/system/village--error-fill.svg");
  mask-image: url("icons/system/village--error-fill.svg");
}

.village-message--valid::before {
  -webkit-mask-image: url("icons/system/village--success-fill.svg");
  mask-image: url("icons/system/village--success-fill.svg");
}

.village-message--info::before {
  -webkit-mask-image: url("icons/system/village--info-fill.svg");
  mask-image: url("icons/system/village--info-fill.svg");
}

.village-select-group--valid label,
.village-input-group--valid label,
.village-range-group--valid label,
.village-upload-group--valid label {
  color: var(--text-default-success);
}

.village-select-group--error label,
.village-input-group--error label,
.village-range-group--error label,
.village-upload-group--error label {
  color: var(--text-default-error);
}

.village-select-group--info label,
.village-input-group--info label,
.village-range-group--info label,
.village-upload-group--info label {
  color: var(--text-default-info);
}

.village-select-group--disabled label,
.village-select-group--disabled .village-hint-text,
.village-input-group--disabled label,
.village-input-group--disabled .village-hint-text,
.village-range-group--disabled label,
.village-range-group--disabled .village-hint-text,
.village-upload-group--disabled label,
.village-upload-group--disabled .village-hint-text {
  color: var(--text-disabled-grey);
}

.village-label--error {
  color: var(--text-default-error);
}

.village-label--success {
  color: var(--text-default-success);
}

.village-label--info {
  color: var(--text-default-info);
}

.village-label--disabled,
.village-label--disabled .village-hint-text {
  color: var(--text-disabled-grey);
}

.village-hint-text,
.village-message {
  color: var(--text-mention-grey);
}

.village-message--error {
  color: var(--text-default-error);
}

.village-message--valid {
  color: var(--text-default-success);
}

.village-message--info {
  color: var(--text-default-info);
}

.village-fieldset:disabled .village-label,
.village-fieldset:disabled .village-hint-text,
.village-fieldset:disabled .village-fieldset__legend {
  color: var(--text-disabled-grey);
}

.village-fieldset input:disabled + label,
.village-fieldset input:disabled + label .village-hint-text,
.village-fieldset input:disabled + label + .village-hint-text {
  color: var(--text-disabled-grey);
}

.village-fieldset--error,
.village-fieldset--error .village-fieldset__legend {
  background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.village-fieldset--error .village-fieldset__legend,
.village-fieldset--error .village-label {
  color: var(--text-default-error);
}

.village-fieldset--valid,
.village-fieldset--valid .village-fieldset__legend {
  background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.village-fieldset--valid .village-fieldset__legend,
.village-fieldset--valid .village-label {
  color: var(--text-default-success);
}

.village-fieldset--info,
.village-fieldset--info .village-fieldset__legend {
  background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

.village-fieldset--info .village-fieldset__legend,
.village-fieldset--info .village-label {
  color: var(--text-default-info);
}

.village-select-group:not(:last-child),
.village-input-group:not(:last-child) {
  margin-bottom: 1.5rem;
}

.village-select-group .village-label .village-hint-text,
.village-input-group .village-label .village-hint-text {
  margin-top: 0.25rem;
}

.village-fieldset--inline .village-fieldset__content {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.75rem 0.5rem 0 0.5rem;
}

.village-fieldset--inline .village-checkbox-group {
  display: inline-flex;
  margin-bottom: 0;
}

.village-fieldset--inline .village-checkbox-group:first-child {
  margin-top: 0;
}

.village-fieldset--inline .village-checkbox-group:not(:last-child) {
  margin-right: 1.25rem;
}

.village-fieldset--inline .village-checkbox-group:last-child {
  margin-bottom: 0;
}

.village-fieldset--inline .village-radio-group {
  display: inline-flex;
}

.village-fieldset--inline .village-radio-group:not(:last-child) {
  margin-right: 1.75rem;
}

.village-fieldset--inline .village-radio-group:first-child {
  margin-top: 0;
}

.village-fieldset--inline .village-radio-group:last-child {
  margin-bottom: 0;
}

.village-fieldset__content {
  position: relative;
  margin: 0 0.5rem;
  width: 100%;
}

.village-fieldset__content .village-radio-group:first-child,
.village-fieldset__content .village-checkbox-group:first-child {
  margin-top: -0.75rem;
}

.village-fieldset__content .village-radio-group label,
.village-fieldset__content .village-checkbox-group label {
  padding: 0.75rem 0;
}

.village-fieldset__content .village-radio-group:not(.village-radio-rich) input[type=radio] + label::before,
.village-fieldset__content .village-checkbox-group input[type=checkbox] + label::before {
  top: 0.75rem;
}

.village-fieldset__content + .village-error-text,
.village-fieldset__content + .village-valid-text,
.village-fieldset__content + .village-info-text {
  margin-top: 0;
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}

.village-error-text,
.village-valid-text,
.village-info-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.village-error-text::before,
.village-valid-text::before,
.village-info-text::before {
  flex: 0 0 auto;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1rem;
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
}

.village-error-text + .village-error-text,
.village-error-text + .village-valid-text,
.village-error-text + .village-info-text,
.village-valid-text + .village-error-text,
.village-valid-text + .village-valid-text,
.village-valid-text + .village-info-text,
.village-info-text + .village-error-text,
.village-info-text + .village-valid-text,
.village-info-text + .village-info-text {
  margin-top: 0.25rem;
}

.village-error-text::before {
  -webkit-mask-image: url("icons/system/village--error-fill.svg");
  mask-image: url("icons/system/village--error-fill.svg");
}

.village-valid-text::before {
  -webkit-mask-image: url("icons/system/village--success-fill.svg");
  mask-image: url("icons/system/village--success-fill.svg");
}

.village-info-text::before {
  -webkit-mask-image: url("icons/system/village--info-fill.svg");
  mask-image: url("icons/system/village--info-fill.svg");
}

.village-error-text {
  color: var(--text-default-error);
}

.village-valid-text {
  color: var(--text-default-success);
}

.village-info-text {
  color: var(--text-default-info);
}

.village-fieldset--valid .village-fieldset__content::before {
  box-shadow: inset 2px 0 0 0 var(--border-plain-success);
}

.village-fieldset--error .village-fieldset__content::before {
  box-shadow: inset 2px 0 0 0 var(--border-plain-error);
}

.village-fieldset--info .village-fieldset__content::before {
  box-shadow: inset 2px 0 0 0 var(--border-plain-info);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  STEPPER
\* ˍˍˍˍˍˍˍˍˍ */
.village-stepper {
  --title-spacing: 0;
  --text-spacing: 0;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}

.village-stepper__title {
  display: flex;
  flex-direction: column-reverse;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;

  --title-spacing: 0 0 0.75rem 0;
  --text-spacing: 0 0 0.75rem 0;
  color: var(--text-title-grey);
}

.village-stepper__state {
  font-size: 0.875rem;
  line-height: 1.5rem;

  --title-spacing: 0 0 0.25rem 0;
  --text-spacing: 0 0 0.25rem 0;
  font-weight: 400;
  color: var(--text-mention-grey);
}

.village-stepper__state::after {
  content: "\a";
  white-space: pre;
  line-height: 2rem;
}

.village-stepper__details {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 0.75rem;
  color: var(--text-mention-grey);
}

.village-stepper .village-stepper__steps[data-village-steps="2"][data-village-current-step="2"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="3"][data-village-current-step="3"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="4"][data-village-current-step="4"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="5"][data-village-current-step="5"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="6"][data-village-current-step="6"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="7"][data-village-current-step="7"] + .village-stepper__details,
.village-stepper .village-stepper__steps[data-village-steps="8"][data-village-current-step="8"] + .village-stepper__details {
  display: none;
}

.village-stepper__steps {
  --stepper-size: 0.5rem;
  --default-outer: calc((100% + var(--stepper-size)) / var(--steps));
  --default-inner: calc(var(--default-outer) - var(--stepper-size));
  --active-outer: calc((100% + var(--stepper-size)) / var(--current-step));
  --active-inner: calc(var(--active-outer) - var(--stepper-size));
  width: 100%;
  height: var(--stepper-size);
  background-repeat: no-repeat;
  background-size: calc((100% + var(--stepper-size)) * var(--current-step) / var(--steps) - var(--stepper-size)) 100%, 100% 100%;
  background-position: 0 0, 0 0;

  --current-step: 0;
  background-image: repeating-linear-gradient(to right, var(--background-active-village-primary) 0, var(--background-active-village-primary) var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)), repeating-linear-gradient(to right, var(--background-contrast-grey) 0, var(--background-contrast-grey) var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
}

.village-stepper__steps[data-village-steps="2"] {
  --steps: 2;
  --step-width: calc(100% / 2);
}

.village-stepper__steps[data-village-steps="3"] {
  --steps: 3;
  --step-width: calc(100% / 3);
}

.village-stepper__steps[data-village-steps="4"] {
  --steps: 4;
  --step-width: calc(100% / 4);
}

.village-stepper__steps[data-village-steps="5"] {
  --steps: 5;
  --step-width: calc(100% / 5);
}

.village-stepper__steps[data-village-steps="6"] {
  --steps: 6;
  --step-width: calc(100% / 6);
}

.village-stepper__steps[data-village-steps="7"] {
  --steps: 7;
  --step-width: calc(100% / 7);
}

.village-stepper__steps[data-village-steps="8"] {
  --steps: 8;
  --step-width: calc(100% / 8);
}

.village-stepper__steps[data-village-current-step="1"] {
  --current-step: 1;
}

.village-stepper__steps[data-village-current-step="2"] {
  --current-step: 2;
}

.village-stepper__steps[data-village-current-step="3"] {
  --current-step: 3;
}

.village-stepper__steps[data-village-current-step="4"] {
  --current-step: 4;
}

.village-stepper__steps[data-village-current-step="5"] {
  --current-step: 5;
}

.village-stepper__steps[data-village-current-step="6"] {
  --current-step: 6;
}

.village-stepper__steps[data-village-current-step="7"] {
  --current-step: 7;
}

.village-stepper__steps[data-village-current-step="8"] {
  --current-step: 8;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TOOLTIP
\* ˍˍˍˍˍˍˍˍˍ */
.village-tooltip {
  --arrow-x: 0;
  display: block;
  max-width: min(24rem, calc((100vw - 2rem) * 2 / 3));
  padding: 0.5rem 0.5rem 1.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  opacity: 1;
  visibility: visible;
  transition: opacity 0s 0.15s, visibility 0s 0.15s;
  text-align: left;
  background-repeat: no-repeat;
  background-position: calc(50% + var(--arrow-x)) calc(100% - 0.5rem), calc(50% + var(--arrow-x)) calc(100% - 0.375rem), 50% calc(100% - 0.75rem), 50% calc(100% - 0.75rem);
  background-size: 0.5rem 0.375rem, 0.5rem 0.375rem, 100% 1px, 100% calc(100% - 0.75rem);
  color: var(--text-default-grey);
}

.village-tooltip:not(.village-tooltip--shown) {
  display: none;
  opacity: 0;
}

.village-tooltip.village-placement--bottom {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  background-position-y: 0.5rem, 0.375rem, 0.75rem, 0.75rem;
}

.village-tooltip.village-placement {
  z-index: calc(var(--ground) + 1000);
  filter: drop-shadow(var(--overlap-shadow));
  background-image: linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
}
@supports (background: conic-gradient(white, black)) {
  .village-tooltip.village-placement--top {
    background-image: conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, var(--background-overlap-grey) 0deg, var(--background-overlap-grey) 67.38deg, transparent 67.38deg), conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, var(--border-default-grey) 0deg, var(--border-default-grey) 67.38deg, transparent 67.38deg), linear-gradient(90deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
  }

  .village-tooltip.village-placement--bottom {
    background-image: conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, var(--background-overlap-grey) 0deg, var(--background-overlap-grey) 67.38deg, transparent 67.38deg), conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, var(--border-default-grey) 0deg, var(--border-default-grey) 67.38deg, transparent 67.38deg), linear-gradient(90deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
  }
}

/* ¯¯¯¯¯¯¯¯¯ *\
  LINK
\* ˍˍˍˍˍˍˍˍˍ */
.village-link {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0;
  color: var(--text-action-high-village-primary);
}

.village-link[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link[target=_blank]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-link--icon-left[class^=village-icon-],
.village-link--icon-left[class*=" village-icon-"],
.village-link--icon-left[class^=village-fi-],
.village-link--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--icon-left[class^=village-icon-]::before,
.village-link--icon-left[class*=" village-icon-"]::before,
.village-link--icon-left[class^=village-fi-]::before,
.village-link--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-link--icon-right[class^=village-icon-],
.village-link--icon-right[class*=" village-icon-"],
.village-link--icon-right[class^=village-fi-],
.village-link--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--icon-right[class^=village-icon-]::after,
.village-link--icon-right[class*=" village-icon-"]::after,
.village-link--icon-right[class^=village-fi-]::after,
.village-link--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-link--icon-right[class^=village-icon-]::before,
.village-link--icon-right[class*=" village-icon-"]::before,
.village-link--icon-right[class^=village-fi-]::before,
.village-link--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-link[class^=village-icon-]:not([class*=village-link--icon-])::before,
.village-link[class*=" village-icon-"]:not([class*=village-link--icon-])::before,
.village-link[class^=village-fi-]:not([class*=village-link--icon-])::before,
.village-link[class*=" village-fi-"]:not([class*=village-link--icon-])::before {
  content: none;
}

.village-link--xs {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0 0;
}

.village-link--xs[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--xs[target=_blank]::after {
  content: "";

  --icon-size: 0.75rem;
  margin-right: -0.09375rem;
  margin-left: 0.5rem;
}

.village-link--xs.village-link--icon-left[class^=village-icon-],
.village-link--xs.village-link--icon-left[class*=" village-icon-"],
.village-link--xs.village-link--icon-left[class^=village-fi-],
.village-link--xs.village-link--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--xs.village-link--icon-left[class^=village-icon-]::before,
.village-link--xs.village-link--icon-left[class*=" village-icon-"]::before,
.village-link--xs.village-link--icon-left[class^=village-fi-]::before,
.village-link--xs.village-link--icon-left[class*=" village-fi-"]::before {
  --icon-size: 0.75rem;
  margin-left: -0.09375rem;
  margin-right: 0.5rem;
}

.village-link--xs.village-link--icon-right[class^=village-icon-],
.village-link--xs.village-link--icon-right[class*=" village-icon-"],
.village-link--xs.village-link--icon-right[class^=village-fi-],
.village-link--xs.village-link--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--xs.village-link--icon-right[class^=village-icon-]::after,
.village-link--xs.village-link--icon-right[class*=" village-icon-"]::after,
.village-link--xs.village-link--icon-right[class^=village-fi-]::after,
.village-link--xs.village-link--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 0.75rem;
  margin-right: -0.09375rem;
  margin-left: 0.5rem;
}

.village-link--xs.village-link--icon-right[class^=village-icon-]::before,
.village-link--xs.village-link--icon-right[class*=" village-icon-"]::before,
.village-link--xs.village-link--icon-right[class^=village-fi-]::before,
.village-link--xs.village-link--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-link--xs[class^=village-icon-]:not([class*=village-link--icon-])::before,
.village-link--xs[class*=" village-icon-"]:not([class*=village-link--icon-])::before,
.village-link--xs[class^=village-fi-]:not([class*=village-link--icon-])::before,
.village-link--xs[class*=" village-fi-"]:not([class*=village-link--icon-])::before {
  content: none;
}

.village-link--sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0;
}

.village-link--sm[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--sm[target=_blank]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-link--sm.village-link--icon-left[class^=village-icon-],
.village-link--sm.village-link--icon-left[class*=" village-icon-"],
.village-link--sm.village-link--icon-left[class^=village-fi-],
.village-link--sm.village-link--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--sm.village-link--icon-left[class^=village-icon-]::before,
.village-link--sm.village-link--icon-left[class*=" village-icon-"]::before,
.village-link--sm.village-link--icon-left[class^=village-fi-]::before,
.village-link--sm.village-link--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-link--sm.village-link--icon-right[class^=village-icon-],
.village-link--sm.village-link--icon-right[class*=" village-icon-"],
.village-link--sm.village-link--icon-right[class^=village-fi-],
.village-link--sm.village-link--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--sm.village-link--icon-right[class^=village-icon-]::after,
.village-link--sm.village-link--icon-right[class*=" village-icon-"]::after,
.village-link--sm.village-link--icon-right[class^=village-fi-]::after,
.village-link--sm.village-link--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-link--sm.village-link--icon-right[class^=village-icon-]::before,
.village-link--sm.village-link--icon-right[class*=" village-icon-"]::before,
.village-link--sm.village-link--icon-right[class^=village-fi-]::before,
.village-link--sm.village-link--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-link--sm[class^=village-icon-]:not([class*=village-link--icon-])::before,
.village-link--sm[class*=" village-icon-"]:not([class*=village-link--icon-])::before,
.village-link--sm[class^=village-fi-]:not([class*=village-link--icon-])::before,
.village-link--sm[class*=" village-fi-"]:not([class*=village-link--icon-])::before {
  content: none;
}

.village-link--lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 0 0;
}

.village-link--lg[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--lg[target=_blank]::after {
  content: "";

  --icon-size: 1.5rem;
  margin-right: -0.1875rem;
  margin-left: 0.5rem;
}

.village-link--lg.village-link--icon-left[class^=village-icon-],
.village-link--lg.village-link--icon-left[class*=" village-icon-"],
.village-link--lg.village-link--icon-left[class^=village-fi-],
.village-link--lg.village-link--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--lg.village-link--icon-left[class^=village-icon-]::before,
.village-link--lg.village-link--icon-left[class*=" village-icon-"]::before,
.village-link--lg.village-link--icon-left[class^=village-fi-]::before,
.village-link--lg.village-link--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1.5rem;
  margin-left: -0.1875rem;
  margin-right: 0.5rem;
}

.village-link--lg.village-link--icon-right[class^=village-icon-],
.village-link--lg.village-link--icon-right[class*=" village-icon-"],
.village-link--lg.village-link--icon-right[class^=village-fi-],
.village-link--lg.village-link--icon-right[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link--lg.village-link--icon-right[class^=village-icon-]::after,
.village-link--lg.village-link--icon-right[class*=" village-icon-"]::after,
.village-link--lg.village-link--icon-right[class^=village-fi-]::after,
.village-link--lg.village-link--icon-right[class*=" village-fi-"]::after {
  content: "";

  --icon-size: 1.5rem;
  margin-right: -0.1875rem;
  margin-left: 0.5rem;
}

.village-link--lg.village-link--icon-right[class^=village-icon-]::before,
.village-link--lg.village-link--icon-right[class*=" village-icon-"]::before,
.village-link--lg.village-link--icon-right[class^=village-fi-]::before,
.village-link--lg.village-link--icon-right[class*=" village-fi-"]::before {
  content: none;
}

.village-link--lg[class^=village-icon-]:not([class*=village-link--icon-])::before,
.village-link--lg[class*=" village-icon-"]:not([class*=village-link--icon-])::before,
.village-link--lg[class^=village-fi-]:not([class*=village-link--icon-])::before,
.village-link--lg[class*=" village-fi-"]:not([class*=village-link--icon-])::before {
  content: none;
}

.village-links-group--download .village-link,
.village-link--download {
  position: relative;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-links-group--download .village-link::after,
.village-link--download::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/download-line.svg");
  mask-image: url("icons/system/download-line.svg");
  content: "";
  margin-bottom: 1.75rem;
  vertical-align: calc((0.75rem - var(--icon-size)) * 0.5 - 1.75rem);
}

.village-links-group--download .village-link::before,
.village-link--download::before {
  content: none;
}

.village-links-group--download .village-link .village-link__detail,
.village-link--download .village-link__detail {
  position: absolute;
  left: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 1.75rem;
  white-space: nowrap;
  pointer-events: none;
  cursor: text;
}

.village-links-group--download .village-link .village-link__detail abbr,
.village-link--download .village-link__detail abbr {
  text-decoration: none;
}

.village-links-group--download {
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
}

.village-links-group--download > li {
  display: block;
}

.village-links-group--download .village-link,
.village-links-group .village-link--download {
  margin-bottom: 2.5rem;
}

.village-links-group {
  --li-bottom: 0.5rem;
}

.village-links-group--inline {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: inline;
  margin: 0 -0.5rem;
}

.village-links-group--inline > li {
  display: inline;
  line-height: 2.75rem;
}

.village-links-group--inline .village-link {
  margin: 0 0.5rem 1rem;
}

.village-links-group--sm .village-link {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0;
}

.village-links-group--sm .village-link::before,
.village-links-group--sm .village-link::after {
  --icon-size: 1rem;
}

.village-links-group--sm .village-link:not(.village-link--download) {
  vertical-align: top;
}

.village-links-group--lg .village-link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 0 0;
}

.village-links-group--lg .village-link::before,
.village-links-group--lg .village-link::after {
  --icon-size: 1.5rem;
}

.village-links-group__title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
}

.village-links-group--bordered {
  padding: 1.5rem 1.5rem 0.5rem;
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-link--close {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  display: flex;
  margin-left: auto;
  margin-right: 0;
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-link--close::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  content: "";
}

.village-link--close::before {
  content: none;
}

.village-link.village-link--icon-left.village-fi-theme-fill {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-link.village-link--icon-left.village-fi-theme-fill::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-link__detail {
  color: var(--text-mention-grey);
}

.village-links-group li::marker {
  color: var(--text-action-high-village-primary);
}

.village-link--close:disabled,
a.village-link--close:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SIDEMENU
\* ˍˍˍˍˍˍˍˍˍ */
.village-sidemenu {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  --underline-img: none;
  --text-spacing: 0;
  --title-spacing: 0;
  position: relative;
  margin-left: -1rem;
  margin-right: -1rem;
  /**
  * Titre facultatif
   */
  /**
   * Variantes du sidemenu proposées juste à partir du breakpoint md
   */
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey), inset 0 1px 0 0 var(--border-default-grey);

  /*
  @include elevation.elevate(raised, (legacy:$legacy));
  @include respond-from(md) {
    @include elevation.drop((legacy:$legacy));
  }
   */
}

.village-sidemenu a:not([href]) {
  cursor: default;
}

.village-sidemenu .village-collapse {
  margin: -0.25rem -0.25rem 0;
  padding: 0.25rem 0.25rem 0;
}

.village-sidemenu .village-collapse.village-collapsing {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.village-sidemenu__title {
  padding: 1rem 0;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--text-title-grey);
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}

.village-sidemenu__list {
  font-weight: 700;
}

.village-sidemenu__list .village-sidemenu__list {
  margin: 0 1rem 1rem;
  font-weight: 400;
}

.village-sidemenu__list .village-sidemenu__list .village-sidemenu__link,
.village-sidemenu__list .village-sidemenu__list .village-sidemenu__btn {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.village-sidemenu__list .village-sidemenu__list .village-sidemenu__list .village-sidemenu__link,
.village-sidemenu__list .village-sidemenu__list .village-sidemenu__list .village-sidemenu__btn {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-sidemenu__item {
  position: relative;
}

.village-sidemenu__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: 0 -1px 0 0 var(--border-default-grey), inset 0 -1px 0 0 var(--border-default-grey);
}

.village-sidemenu__item .village-sidemenu__item .village-sidemenu__item::before {
  content: none;
}

.village-sidemenu__inner {
  /**
  * Ce wrapper ne sert que pour la version mobile
  * On l'utilise pour l'ouverture/fermeture du sidemenu entier
  */
}

.village-sidemenu__inner > .village-collapse {
  margin: -0.25rem 0.75rem 0;
  padding: 0.25rem 0.75rem 0;
}

/**
 * Styles du bouton et du lien d'accès direct du sidemnu
 */
.village-sidemenu__link,
.village-sidemenu__btn {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  font-weight: 700;

  --hover-tint: var(--hover);
  --active-tint: var(--active);
  color: var(--text-action-high-village-primary);
}

.village-sidemenu__link[aria-current]:not([aria-current=false])::before,
.village-sidemenu__btn[aria-current]:not([aria-current=false])::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  bottom: 0.75rem;
  left: 0;
  width: 2px;
  background-color: var(--border-active-village-primary);

  --idle: transparent;
  --hover: var(--border-active-village-primary-hover);
  --active: var(--border-active-village-primary-active);
}

.village-sidemenu__link:not([href])[aria-current]:not([aria-current=false]) {
  pointer-events: none;
  cursor: default;
}

/**
 * Style du bouton du sidemnenu pour ouvrir/refermer les listes de niveaux 1 et 2
 * Bouton pour la version mobile pour ouvrir/refermer le sidemenu
 */
.village-sidemenu__btn[aria-expanded] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.village-sidemenu__btn[aria-expanded]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: auto;
  margin-right: 0;
  transition: transform 0.3s;
}

.village-sidemenu__btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

/**
 * Modificateur pour le bouton en version mobile permettant d'ouvrir/refermer le sidemenu
 * L'icône de gauche est défini dans _sidemenu.scss (provisoire)
 */
.village-sidemenu__inner > .village-sidemenu__btn {
  width: 100%;
  font-weight: 500;

  /**
  * Ajout de l'icône de menu en mode mobile (provisoire)
  */
}

.village-sidemenu__inner > .village-sidemenu__btn::after {
  margin-right: 1rem;
}

.village-sidemenu__inner > .village-sidemenu__btn::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/menu-2-fill.svg");
  mask-image: url("icons/system/menu-2-fill.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.village-sidemenu__item .village-sidemenu__link,
.village-sidemenu__item .village-sidemenu__btn {
  color: var(--text-action-high-grey);
}

.village-sidemenu__item:first-child::before {
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}

.village-sidemenu__item:last-child::before {
  box-shadow: 0 -1px 0 0 var(--border-default-grey);
}

.village-sidemenu__link[aria-current]:not([aria-current=false]),
.village-sidemenu__btn[aria-current]:not([aria-current=false]) {
  color: var(--text-active-village-primary);
}

.village-sidemenu__btn[aria-expanded=true] {
  background-color: var(--background-open-village-primary);

  --idle: transparent;
  --hover: var(--background-open-village-primary-hover);
  --active: var(--background-open-village-primary-active);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  HIGHLIGHT
\* ˍˍˍˍˍˍˍˍˍ */
.village-highlight {
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  background-size: 0.25rem 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-default-village-primary), var(--border-default-village-primary));
}

.village-highlight--village-color3 {
  background-image: linear-gradient(0deg, var(--border-default-village-color3), var(--border-default-village-color3));
}

.village-highlight--village-color4 {
  background-image: linear-gradient(0deg, var(--border-default-village-color4), var(--border-default-village-color4));
}

.village-highlight--village-color5 {
  background-image: linear-gradient(0deg, var(--border-default-village-color5), var(--border-default-village-color5));
}

.village-highlight--village-color6 {
  background-image: linear-gradient(0deg, var(--border-default-village-color6), var(--border-default-village-color6));
}

.village-highlight--village-color7 {
  background-image: linear-gradient(0deg, var(--border-default-village-color7), var(--border-default-village-color7));
}

.village-highlight--village-color8 {
  background-image: linear-gradient(0deg, var(--border-default-village-color8), var(--border-default-village-color8));
}

.village-highlight--village-color9 {
  background-image: linear-gradient(0deg, var(--border-default-village-color9), var(--border-default-village-color9));
}

.village-highlight--village-color10 {
  background-image: linear-gradient(0deg, var(--border-default-village-color10), var(--border-default-village-color10));
}

.village-highlight--village-color11 {
  background-image: linear-gradient(0deg, var(--border-default-village-color11), var(--border-default-village-color11));
}

.village-highlight--village-color12 {
  background-image: linear-gradient(0deg, var(--border-default-village-color12), var(--border-default-village-color12));
}

.village-highlight--village-color13 {
  background-image: linear-gradient(0deg, var(--border-default-village-color13), var(--border-default-village-color13));
}

.village-highlight--village-color14 {
  background-image: linear-gradient(0deg, var(--border-default-village-color14), var(--border-default-village-color14));
}

.village-highlight--village-color15 {
  background-image: linear-gradient(0deg, var(--border-default-village-color15), var(--border-default-village-color15));
}

.village-highlight--village-color16 {
  background-image: linear-gradient(0deg, var(--border-default-village-color16), var(--border-default-village-color16));
}

.village-highlight--village-color17 {
  background-image: linear-gradient(0deg, var(--border-default-village-color17), var(--border-default-village-color17));
}

.village-highlight--village-color18 {
  background-image: linear-gradient(0deg, var(--border-default-village-color18), var(--border-default-village-color18));
}

.village-highlight--village-color19 {
  background-image: linear-gradient(0deg, var(--border-default-village-color19), var(--border-default-village-color19));
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TAB
\* ˍˍˍˍˍˍˍˍˍ */
.village-tabs__tab {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  position: relative;
  overflow: visible;
  font-weight: 700;
  z-index: 1;
  margin: 0 0.25rem;
  height: 100%;
  white-space: nowrap;
  background-size: 0 2px, 1px 0, 1px 0, 100% 1px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 calc(100% - 1px), 100% calc(100% - 1px), 100% 100%;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
  box-shadow: 0 2px 0 0 var(--background-default-grey);
}

.village-tabs__tab::before,
.village-tabs__tab::after {
  display: block;
}

.village-tabs__tab[class^=village-icon-]:not([class*=village-tabs__tab--icon-]),
.village-tabs__tab[class*=" village-icon-"]:not([class*=village-tabs__tab--icon-]),
.village-tabs__tab[class^=village-fi-]:not([class*=village-tabs__tab--icon-]),
.village-tabs__tab[class*=" village-fi-"]:not([class*=village-tabs__tab--icon-]) {
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.village-tabs__tab[class^=village-icon-]:not([class*=village-tabs__tab--icon-])::before,
.village-tabs__tab[class*=" village-icon-"]:not([class*=village-tabs__tab--icon-])::before,
.village-tabs__tab[class^=village-fi-]:not([class*=village-tabs__tab--icon-])::before,
.village-tabs__tab[class*=" village-fi-"]:not([class*=village-tabs__tab--icon-])::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.75rem;
}

.village-tabs__tab--icon-left[class^=village-icon-],
.village-tabs__tab--icon-left[class*=" village-icon-"],
.village-tabs__tab--icon-left[class^=village-fi-],
.village-tabs__tab--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-tabs__tab--icon-left[class^=village-icon-]::before,
.village-tabs__tab--icon-left[class*=" village-icon-"]::before,
.village-tabs__tab--icon-left[class^=village-fi-]::before,
.village-tabs__tab--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-tabs {
  --tabs-height: auto;
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  --underline-img: none;
  position: relative;
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  margin-top: -4px;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  height: var(--tabs-height);

  /**
  * Animation de la hauteur du panel
  */
  transition: height 0.3s;

  /**
   * ul : element srollable des boutons
   */

  /**
  * Tab button
  */

  /**
  * Tab Panel
  */
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);

  /**
  * Tab button
  */
}

.village-tabs--viewport-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.village-tabs::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -1px;
  order: 2;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey), inset 1px 0 0 0 var(--border-default-grey), inset -1px 0 0 0 var(--border-default-grey);
}

.village-tabs__list {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  width: 100%;
  min-height: 3rem;
  z-index: 1;
  order: 1;

  /**
  * overflow vertical de 4px pour le focus
  */
  margin: -4px 0 -4px;
  padding: 4px 0.75rem;
}

.village-tabs__tab[aria-selected=true] {
  background-size: 100% 2px, 1px calc(100% - 1px), 1px calc(100% - 1px), 0 1px;
}

.village-tabs__panel {
  --underline-img: linear-gradient(0deg, currentColor, currentColor);
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
  display: block;
  order: 3;
  position: relative;
  left: -100%;
  width: 100%;
  height: auto;
  padding: 1rem;
  margin-right: -100%;
  flex: 0 0 100%;
  transition: visibility 0.3s, transform 0.3s;

  /**
  * Les éléments non sélectionnés sont cachés et rendus innaccessibles au focus
  * Point d'attention : visibility hidden sur le panel et surcharge sur l'élément selected avec visibility visible créé des problèmes dans la gestion du focus en cas d'imbrication d'onglets
  *
  * tabs
  * └─ panel selected
  * └─ panel (visibility hidden, tabindex -1)
  *    └─ tabs
  *       └─ panel selected (visibility visible tabindex 0)
  *            ↑ ce panel est accessible alors que caché par son panel parent
  * solution : visibility hidden seulement sur les éléments non sélectionnés
  **/
}

.village-tabs__panel:focus,
.village-tabs__panel:focus-visible {
  outline-offset: calc(-1rem + 2px);
}

.village-tabs__panel--direction-end {
  transform: translate(100%);
}

.village-tabs__panel--direction-start {
  transform: translate(-100%);
}

.village-tabs__panel:not(.village-tabs__panel--selected) {
  visibility: hidden;
}

/*
* Ombres ajoutées en Js si le contenu est plus grand que le conteneur
*/
.village-tabs__shadow {
  --tabs-list-height: 3rem;

  /**
  * Modifier ombre à gauche
  **/

  /**
  * Modifier ombre à droite
  **/

  /**
  * Modifier combinaison ombre à gauche et ombre à droite
  **/
}

.village-tabs__shadow::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  z-index: 2;
  box-shadow: inset 0 0 0 0 rgba(22, 22, 22, 0), inset 0 0 0 0 rgba(22, 22, 22, 0);
  height: calc(var(--tabs-list-height) - 8px);
  opacity: 0.8;
  pointer-events: none;
  transition: box-shadow 0.3s;
}

.village-tabs__shadow--left::before {
  box-shadow: inset 2rem 0 1.5rem -2rem #161616, inset 0 0 0 0 rgba(22, 22, 22, 0);
}

.village-tabs__shadow--right::before {
  box-shadow: inset 0 0 0 0 rgba(22, 22, 22, 0), inset -2rem 0 1.5rem -2rem #161616;
}

.village-tabs__shadow--left.village-tabs__shadow--right::before {
  box-shadow: inset 2rem 0 1.5rem -2rem #161616, inset -2rem 0 1.5rem -2rem #161616;
}

:root[data-village-theme=dark] .village-tabs__shadow::before {
  opacity: 1;
}

.village-tabs__tab:not([aria-selected=true]) {
  background-color: var(--background-action-low-village-primary);

  --idle: transparent;
  --hover: var(--background-action-low-village-primary-hover);
  --active: var(--background-action-low-village-primary-active);
  color: var(--text-action-high-grey);
}

.village-tabs__tab[aria-selected=true]:not(:disabled) {
  background-image: linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  color: var(--text-active-village-primary);
}

.village-tabs__tab:disabled {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  PAGINATION
\* ˍˍˍˍˍˍˍˍˍ */
.village-pagination__link {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  --hover-tint: var(--hover);
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  min-width: 2rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;

  --underline-img: none;
  position: relative;
}

.village-pagination__link::before,
.village-pagination__link::after {
  display: block;
}

.village-pagination {
  --underline-img: none;
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  color: var(--text-action-high-grey);
}

.village-pagination__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.village-pagination__list > *:first-child,
.village-pagination__list > *:first-child * {
  margin-left: 0;
}

.village-pagination__list > *:last-child,
.village-pagination__list > *:last-child * {
  margin-right: 0;
}

.village-pagination__link:not([href])[aria-current]:not([aria-current=false]) {
  cursor: default;
  pointer-events: none;
}

.village-pagination__link--first {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-pagination__link--first::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
  mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
  content: "";
}

.village-pagination__link--first.village-pagination__link--label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-pagination__link--first.village-pagination__link--label::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
  mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
  content: "";
}

.village-pagination__link--prev {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-pagination__link--prev::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-left-s-line.svg");
  mask-image: url("icons/system/arrow-left-s-line.svg");
  content: "";
}

.village-pagination__link--prev.village-pagination__link--label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-pagination__link--prev.village-pagination__link--label::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-left-s-line.svg");
  mask-image: url("icons/system/arrow-left-s-line.svg");
  content: "";
}

.village-pagination__link--next {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-pagination__link--next::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-right-s-line.svg");
  mask-image: url("icons/system/arrow-right-s-line.svg");
  content: "";
}

.village-pagination__link--next.village-pagination__link--label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-pagination__link--next.village-pagination__link--label::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-right-s-line.svg");
  mask-image: url("icons/system/arrow-right-s-line.svg");
  content: "";
}

.village-pagination__link--next.village-pagination__link--label::before {
  content: none;
}

.village-pagination__link--last {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-pagination__link--last::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
  mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
  content: "";
}

.village-pagination__link--last.village-pagination__link--label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-pagination__link--last.village-pagination__link--label::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
  mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
  content: "";
}

.village-pagination__link--last.village-pagination__link--label::before {
  content: none;
}

.village-pagination__link[aria-current]:not([aria-current=false]) {
  background-color: var(--background-active-village-primary);

  --idle: transparent;
  --hover: var(--background-active-village-primary-hover);
  --active: var(--background-active-village-primary-active);
  color: var(--text-inverted-village-primary);
}

.village-pagination__link:not([aria-current]):disabled,
a.village-pagination__link:not([aria-current]):not([href]),
a.village-pagination__link[aria-current=false]:not([href]),
.village-pagination__link[aria-current=false]:disabled {
  color: var(--text-disabled-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SUMMARY
\* ˍˍˍˍˍˍˍˍˍ */
.village-summary {
  --text-spacing: 0 0 0.5rem 0;
  --title-spacing: 0 0 0.5rem 0;
  padding: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-summary ol {
  list-style-type: none;
}

.village-summary li {
  padding: 0.5rem 0;
}

.village-summary li::marker {
  content: none;
}

.village-summary__title {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding-left: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-title-grey);
}

.village-summary__link {
  display: inline;
  position: relative;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.village-summary__link::before {
  content: var(--ol-content);
  position: absolute;
  right: 100%;
  font-size: var(--xl-size);
  font-weight: bold;
}

.village-summary__link:not(:hover):not(:active) {
  --underline-idle-width: 0;
}

.village-summary li > a {
  color: var(--text-action-high-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TABLE
\* ˍˍˍˍˍˍˍˍˍ */
.village-table {
  --table-offset: 1rem;
  --text-spacing: 0;
  --title-spacing: 0;
  position: relative;
  margin-bottom: 2.5rem;
  padding-top: var(--table-offset);
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}

.village-table:not(.village-table--no-scroll) table {
  width: 100%;
}

.village-table table {
  width: 100%;
  display: block;
  overflow: auto;
  border-spacing: 0;
}

.village-table[data-village-js-table=true] caption {
  position: absolute;
  top: 0;
}

.village-table caption {
  position: initial;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
  font-weight: 700;
  text-align: left;
  color: var(--text-title-grey);
}

.village-table td,
.village-table th {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  border: 0;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-table th {
  font-weight: 700;
}

.village-table thead {
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey));
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
  color: var(--text-title-grey);
}

.village-table thead td,
.village-table thead th {
  font-weight: 700;
  padding-bottom: 0.875rem;
}

/*
* Cache la caption
*/
.village-table--no-caption {
  padding-top: 0;
}

.village-table--no-caption caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
  height: 0;
}

/*
* Fixe le caption en bas du tableau
*/
.village-table--caption-bottom {
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 1rem;
}

.village-table--caption-bottom table {
  margin-bottom: calc(var(--table-offset) + 2.75rem);
}

.village-table--caption-bottom[data-village-js-table=true] caption {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 1rem;
}

.village-table--caption-bottom caption {
  margin-top: 1rem;
  height: min-content;
  caption-side: bottom;
}

/*
* pas de scroll ni de shadow
*/
.village-table--no-scroll {
  min-width: auto;
}

.village-table--no-scroll table {
  overflow-x: hidden;
}

.village-table--no-scroll caption {
  max-width: calc(100vw - 2rem);
}

/*
* Fixe la taille des colonnes du tableau
*/
.village-table--layout-fixed table {
  display: table;
  table-layout: fixed;
}

/* Style bordered, ajoute des bordures entre chaque ligne */
.village-table--bordered tbody tr {
  background-size: 100% 1px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));

  /* Style bordered, enleve le style even/odd  */
}

/*
* Ombres ajoutées en Js si le contenu est plus grand que le conteneur
*/
.village-table__shadow {
  /**
  * Modifier ombre à gauche
  **/

  /**
  * Modifier ombre à droite
  **/

  /**
  * Modifier combinaison ombre à gauche et ombre à droite
  **/
}

.village-table__shadow::before {
  content: "";
  display: block;
  position: absolute;
  top: var(--table-offset);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-shadow: inset 0 0 0 0 #161616, inset 0 0 0 0 #161616;
  opacity: 0.32;
  pointer-events: none;
  transition: box-shadow 0.3s;
}

.village-table__shadow--left::before {
  box-shadow: inset 2rem 0 1rem -2rem #161616, inset 0 0 0 0 #161616;
}

.village-table__shadow--right::before {
  box-shadow: inset 0 0 0 0 #161616, inset -2rem 0 1rem -2rem #161616;
}

.village-table__shadow--left.village-table__shadow--right::before {
  content: "";
  display: block;
  box-shadow: inset 2rem 0 1rem -2rem #161616, inset -2rem 0 1rem -2rem #161616;
}

/*
* Positionnement ombres sur le tableau sans caption
*/
.village-table--no-caption .village-table__shadow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*
* Positionnement ombres sur le tableau avec caption en bas
*/
.village-table--caption-bottom .village-table__shadow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

:root[data-village-theme=dark] .village-table__shadow::before {
  opacity: 1;
}

.village-table tbody {
  background-color: var(--background-alt-grey);

  --idle: transparent;
  --hover: var(--background-alt-grey-hover);
  --active: var(--background-alt-grey-active);
}

.village-table tbody tr:nth-child(even) {
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-table--village-color3 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color3 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color3), var(--border-plain-village-color3));
  background-color: var(--background-contrast-village-color3);

  --idle: transparent;
  --hover: var(--background-contrast-village-color3-hover);
  --active: var(--background-contrast-village-color3-active);
}

.village-table--village-color3 tbody {
  background-color: var(--background-alt-village-color3);

  --idle: transparent;
  --hover: var(--background-alt-village-color3-hover);
  --active: var(--background-alt-village-color3-active);
}

.village-table--village-color3 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color3);

  --idle: transparent;
  --hover: var(--background-contrast-village-color3-hover);
  --active: var(--background-contrast-village-color3-active);
}

.village-table--village-color3.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color3), var(--border-default-village-color3));
}

.village-table--village-color4 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color4 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color4), var(--border-plain-village-color4));
  background-color: var(--background-contrast-village-color4);

  --idle: transparent;
  --hover: var(--background-contrast-village-color4-hover);
  --active: var(--background-contrast-village-color4-active);
}

.village-table--village-color4 tbody {
  background-color: var(--background-alt-village-color4);

  --idle: transparent;
  --hover: var(--background-alt-village-color4-hover);
  --active: var(--background-alt-village-color4-active);
}

.village-table--village-color4 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color4);

  --idle: transparent;
  --hover: var(--background-contrast-village-color4-hover);
  --active: var(--background-contrast-village-color4-active);
}

.village-table--village-color4.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color4), var(--border-default-village-color4));
}

.village-table--village-color5 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color5 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color5), var(--border-plain-village-color5));
  background-color: var(--background-contrast-village-color5);

  --idle: transparent;
  --hover: var(--background-contrast-village-color5-hover);
  --active: var(--background-contrast-village-color5-active);
}

.village-table--village-color5 tbody {
  background-color: var(--background-alt-village-color5);

  --idle: transparent;
  --hover: var(--background-alt-village-color5-hover);
  --active: var(--background-alt-village-color5-active);
}

.village-table--village-color5 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color5);

  --idle: transparent;
  --hover: var(--background-contrast-village-color5-hover);
  --active: var(--background-contrast-village-color5-active);
}

.village-table--village-color5.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color5), var(--border-default-village-color5));
}

.village-table--village-color6 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color6 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color6), var(--border-plain-village-color6));
  background-color: var(--background-contrast-village-color6);

  --idle: transparent;
  --hover: var(--background-contrast-village-color6-hover);
  --active: var(--background-contrast-village-color6-active);
}

.village-table--village-color6 tbody {
  background-color: var(--background-alt-village-color6);

  --idle: transparent;
  --hover: var(--background-alt-village-color6-hover);
  --active: var(--background-alt-village-color6-active);
}

.village-table--village-color6 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color6);

  --idle: transparent;
  --hover: var(--background-contrast-village-color6-hover);
  --active: var(--background-contrast-village-color6-active);
}

.village-table--village-color6.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color6), var(--border-default-village-color6));
}

.village-table--village-color7 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color7 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color7), var(--border-plain-village-color7));
  background-color: var(--background-contrast-village-color7);

  --idle: transparent;
  --hover: var(--background-contrast-village-color7-hover);
  --active: var(--background-contrast-village-color7-active);
}

.village-table--village-color7 tbody {
  background-color: var(--background-alt-village-color7);

  --idle: transparent;
  --hover: var(--background-alt-village-color7-hover);
  --active: var(--background-alt-village-color7-active);
}

.village-table--village-color7 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color7);

  --idle: transparent;
  --hover: var(--background-contrast-village-color7-hover);
  --active: var(--background-contrast-village-color7-active);
}

.village-table--village-color7.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color7), var(--border-default-village-color7));
}

.village-table--village-color8 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color8 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color8), var(--border-plain-village-color8));
  background-color: var(--background-contrast-village-color8);

  --idle: transparent;
  --hover: var(--background-contrast-village-color8-hover);
  --active: var(--background-contrast-village-color8-active);
}

.village-table--village-color8 tbody {
  background-color: var(--background-alt-village-color8);

  --idle: transparent;
  --hover: var(--background-alt-village-color8-hover);
  --active: var(--background-alt-village-color8-active);
}

.village-table--village-color8 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color8);

  --idle: transparent;
  --hover: var(--background-contrast-village-color8-hover);
  --active: var(--background-contrast-village-color8-active);
}

.village-table--village-color8.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color8), var(--border-default-village-color8));
}

.village-table--village-color9 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color9 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color9), var(--border-plain-village-color9));
  background-color: var(--background-contrast-village-color9);

  --idle: transparent;
  --hover: var(--background-contrast-village-color9-hover);
  --active: var(--background-contrast-village-color9-active);
}

.village-table--village-color9 tbody {
  background-color: var(--background-alt-village-color9);

  --idle: transparent;
  --hover: var(--background-alt-village-color9-hover);
  --active: var(--background-alt-village-color9-active);
}

.village-table--village-color9 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color9);

  --idle: transparent;
  --hover: var(--background-contrast-village-color9-hover);
  --active: var(--background-contrast-village-color9-active);
}

.village-table--village-color9.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color9), var(--border-default-village-color9));
}

.village-table--village-color10 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color10 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color10), var(--border-plain-village-color10));
  background-color: var(--background-contrast-village-color10);

  --idle: transparent;
  --hover: var(--background-contrast-village-color10-hover);
  --active: var(--background-contrast-village-color10-active);
}

.village-table--village-color10 tbody {
  background-color: var(--background-alt-village-color10);

  --idle: transparent;
  --hover: var(--background-alt-village-color10-hover);
  --active: var(--background-alt-village-color10-active);
}

.village-table--village-color10 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color10);

  --idle: transparent;
  --hover: var(--background-contrast-village-color10-hover);
  --active: var(--background-contrast-village-color10-active);
}

.village-table--village-color10.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color10), var(--border-default-village-color10));
}

.village-table--village-color11 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color11 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color11), var(--border-plain-village-color11));
  background-color: var(--background-contrast-village-color11);

  --idle: transparent;
  --hover: var(--background-contrast-village-color11-hover);
  --active: var(--background-contrast-village-color11-active);
}

.village-table--village-color11 tbody {
  background-color: var(--background-alt-village-color11);

  --idle: transparent;
  --hover: var(--background-alt-village-color11-hover);
  --active: var(--background-alt-village-color11-active);
}

.village-table--village-color11 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color11);

  --idle: transparent;
  --hover: var(--background-contrast-village-color11-hover);
  --active: var(--background-contrast-village-color11-active);
}

.village-table--village-color11.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color11), var(--border-default-village-color11));
}

.village-table--village-color12 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color12 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color12), var(--border-plain-village-color12));
  background-color: var(--background-contrast-village-color12);

  --idle: transparent;
  --hover: var(--background-contrast-village-color12-hover);
  --active: var(--background-contrast-village-color12-active);
}

.village-table--village-color12 tbody {
  background-color: var(--background-alt-village-color12);

  --idle: transparent;
  --hover: var(--background-alt-village-color12-hover);
  --active: var(--background-alt-village-color12-active);
}

.village-table--village-color12 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color12);

  --idle: transparent;
  --hover: var(--background-contrast-village-color12-hover);
  --active: var(--background-contrast-village-color12-active);
}

.village-table--village-color12.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color12), var(--border-default-village-color12));
}

.village-table--village-color13 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color13 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color13), var(--border-plain-village-color13));
  background-color: var(--background-contrast-village-color13);

  --idle: transparent;
  --hover: var(--background-contrast-village-color13-hover);
  --active: var(--background-contrast-village-color13-active);
}

.village-table--village-color13 tbody {
  background-color: var(--background-alt-village-color13);

  --idle: transparent;
  --hover: var(--background-alt-village-color13-hover);
  --active: var(--background-alt-village-color13-active);
}

.village-table--village-color13 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color13);

  --idle: transparent;
  --hover: var(--background-contrast-village-color13-hover);
  --active: var(--background-contrast-village-color13-active);
}

.village-table--village-color13.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color13), var(--border-default-village-color13));
}

.village-table--village-color14 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color14 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color14), var(--border-plain-village-color14));
  background-color: var(--background-contrast-village-color14);

  --idle: transparent;
  --hover: var(--background-contrast-village-color14-hover);
  --active: var(--background-contrast-village-color14-active);
}

.village-table--village-color14 tbody {
  background-color: var(--background-alt-village-color14);

  --idle: transparent;
  --hover: var(--background-alt-village-color14-hover);
  --active: var(--background-alt-village-color14-active);
}

.village-table--village-color14 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color14);

  --idle: transparent;
  --hover: var(--background-contrast-village-color14-hover);
  --active: var(--background-contrast-village-color14-active);
}

.village-table--village-color14.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color14), var(--border-default-village-color14));
}

.village-table--village-color15 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color15 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color15), var(--border-plain-village-color15));
  background-color: var(--background-contrast-village-color15);

  --idle: transparent;
  --hover: var(--background-contrast-village-color15-hover);
  --active: var(--background-contrast-village-color15-active);
}

.village-table--village-color15 tbody {
  background-color: var(--background-alt-village-color15);

  --idle: transparent;
  --hover: var(--background-alt-village-color15-hover);
  --active: var(--background-alt-village-color15-active);
}

.village-table--village-color15 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color15);

  --idle: transparent;
  --hover: var(--background-contrast-village-color15-hover);
  --active: var(--background-contrast-village-color15-active);
}

.village-table--village-color15.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color15), var(--border-default-village-color15));
}

.village-table--village-color16 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color16 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color16), var(--border-plain-village-color16));
  background-color: var(--background-contrast-village-color16);

  --idle: transparent;
  --hover: var(--background-contrast-village-color16-hover);
  --active: var(--background-contrast-village-color16-active);
}

.village-table--village-color16 tbody {
  background-color: var(--background-alt-village-color16);

  --idle: transparent;
  --hover: var(--background-alt-village-color16-hover);
  --active: var(--background-alt-village-color16-active);
}

.village-table--village-color16 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color16);

  --idle: transparent;
  --hover: var(--background-contrast-village-color16-hover);
  --active: var(--background-contrast-village-color16-active);
}

.village-table--village-color16.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color16), var(--border-default-village-color16));
}

.village-table--village-color17 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color17 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color17), var(--border-plain-village-color17));
  background-color: var(--background-contrast-village-color17);

  --idle: transparent;
  --hover: var(--background-contrast-village-color17-hover);
  --active: var(--background-contrast-village-color17-active);
}

.village-table--village-color17 tbody {
  background-color: var(--background-alt-village-color17);

  --idle: transparent;
  --hover: var(--background-alt-village-color17-hover);
  --active: var(--background-alt-village-color17-active);
}

.village-table--village-color17 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color17);

  --idle: transparent;
  --hover: var(--background-contrast-village-color17-hover);
  --active: var(--background-contrast-village-color17-active);
}

.village-table--village-color17.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color17), var(--border-default-village-color17));
}

.village-table--village-color18 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color18 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color18), var(--border-plain-village-color18));
  background-color: var(--background-contrast-village-color18);

  --idle: transparent;
  --hover: var(--background-contrast-village-color18-hover);
  --active: var(--background-contrast-village-color18-active);
}

.village-table--village-color18 tbody {
  background-color: var(--background-alt-village-color18);

  --idle: transparent;
  --hover: var(--background-alt-village-color18-hover);
  --active: var(--background-alt-village-color18-active);
}

.village-table--village-color18 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color18);

  --idle: transparent;
  --hover: var(--background-contrast-village-color18-hover);
  --active: var(--background-contrast-village-color18-active);
}

.village-table--village-color18.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color18), var(--border-default-village-color18));
}

.village-table--village-color19 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color19 thead {
  background-image: linear-gradient(0deg, var(--border-plain-village-color19), var(--border-plain-village-color19));
  background-color: var(--background-contrast-village-color19);

  --idle: transparent;
  --hover: var(--background-contrast-village-color19-hover);
  --active: var(--background-contrast-village-color19-active);
}

.village-table--village-color19 tbody {
  background-color: var(--background-alt-village-color19);

  --idle: transparent;
  --hover: var(--background-alt-village-color19-hover);
  --active: var(--background-alt-village-color19-active);
}

.village-table--village-color19 tbody tr:nth-child(even) {
  background-color: var(--background-contrast-village-color19);

  --idle: transparent;
  --hover: var(--background-contrast-village-color19-hover);
  --active: var(--background-contrast-village-color19-active);
}

.village-table--village-color19.village-table--bordered tbody tr {
  background-image: linear-gradient(0deg, var(--border-default-village-color19), var(--border-default-village-color19));
}

.village-table--bordered tbody tr:nth-child(even) {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TAG
\* ˍˍˍˍˍˍˍˍˍ */
.village-tag {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  min-width: 2.25rem;
  justify-content: center;
  color: var(--text-label-grey);
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-tag::before,
.village-tag::after {
  display: block;
}

.village-tag[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-tag[target=_blank]::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.25rem;
}

.village-tag--icon-left[class^=village-icon-],
.village-tag--icon-left[class*=" village-icon-"],
.village-tag--icon-left[class^=village-fi-],
.village-tag--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-tag--icon-left[class^=village-icon-]::before,
.village-tag--icon-left[class*=" village-icon-"]::before,
.village-tag--icon-left[class^=village-fi-]::before,
.village-tag--icon-left[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.25rem;
}

.village-tag[class^=village-icon-]:not([class*=village-tag--icon-])::before,
.village-tag[class*=" village-icon-"]:not([class*=village-tag--icon-])::before,
.village-tag[class^=village-fi-]:not([class*=village-tag--icon-])::before,
.village-tag[class*=" village-fi-"]:not([class*=village-tag--icon-])::before {
  content: none;
}

.village-tag--sm {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
}

.village-tag--sm[target=_blank] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-tag--sm[target=_blank]::after {
  content: "";

  --icon-size: 0.75rem;
  margin-right: -0.09375rem;
  margin-left: 0.25rem;
}

.village-tag--sm.village-tag--icon-left[class^=village-icon-],
.village-tag--sm.village-tag--icon-left[class*=" village-icon-"],
.village-tag--sm.village-tag--icon-left[class^=village-fi-],
.village-tag--sm.village-tag--icon-left[class*=" village-fi-"] {
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-tag--sm.village-tag--icon-left[class^=village-icon-]::before,
.village-tag--sm.village-tag--icon-left[class*=" village-icon-"]::before,
.village-tag--sm.village-tag--icon-left[class^=village-fi-]::before,
.village-tag--sm.village-tag--icon-left[class*=" village-fi-"]::before {
  --icon-size: 0.75rem;
  margin-left: -0.09375rem;
  margin-right: 0.25rem;
}

.village-tag--sm[class^=village-icon-]:not([class*=village-tag--icon-])::before,
.village-tag--sm[class*=" village-icon-"]:not([class*=village-tag--icon-])::before,
.village-tag--sm[class^=village-fi-]:not([class*=village-tag--icon-])::before,
.village-tag--sm[class*=" village-fi-"]:not([class*=village-tag--icon-])::before {
  content: none;
}

a.village-tag[aria-pressed=true],
button.village-tag[aria-pressed=true],
input[type=button].village-tag[aria-pressed=true],
input[type=image].village-tag[aria-pressed=true],
input[type=reset].village-tag[aria-pressed=true],
input[type=submit].village-tag[aria-pressed=true] {
  position: relative;
  overflow: visible;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

a.village-tag[aria-pressed=true]::after,
button.village-tag[aria-pressed=true]::after,
input[type=button].village-tag[aria-pressed=true]::after,
input[type=image].village-tag[aria-pressed=true]::after,
input[type=reset].village-tag[aria-pressed=true]::after,
input[type=submit].village-tag[aria-pressed=true]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/checkbox-circle-line.svg");
  mask-image: url("icons/system/checkbox-circle-line.svg");
  --icon-size: 1rem;
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  margin: -0.5rem;
}

a.village-tag[aria-pressed=true].village-tag--sm::after,
button.village-tag[aria-pressed=true].village-tag--sm::after,
input[type=button].village-tag[aria-pressed=true].village-tag--sm::after,
input[type=image].village-tag[aria-pressed=true].village-tag--sm::after,
input[type=reset].village-tag[aria-pressed=true].village-tag--sm::after,
input[type=submit].village-tag[aria-pressed=true].village-tag--sm::after {
  --icon-size: 0.75rem;
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  margin: -0.375rem;
}

a.village-tag--dismiss::before,
button.village-tag--dismiss::before,
input[type=button].village-tag--dismiss::before,
input[type=image].village-tag--dismiss::before,
input[type=reset].village-tag--dismiss::before,
input[type=submit].village-tag--dismiss::before {
  content: none;
}

a.village-tag--dismiss::after,
button.village-tag--dismiss::after,
input[type=button].village-tag--dismiss::after,
input[type=image].village-tag--dismiss::after,
input[type=reset].village-tag--dismiss::after,
input[type=submit].village-tag--dismiss::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.25rem;
  margin-right: -0.25rem;
}

a.village-tag--dismiss.village-tag--sm::after,
button.village-tag--dismiss.village-tag--sm::after,
input[type=button].village-tag--dismiss.village-tag--sm::after,
input[type=image].village-tag--dismiss.village-tag--sm::after,
input[type=reset].village-tag--dismiss.village-tag--sm::after,
input[type=submit].village-tag--dismiss.village-tag--sm::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 0.75rem;
  content: "";
  margin-right: -0.1875rem;
  margin-left: 0.125rem;
}

.village-tags-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  flex-direction: row;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  flex-wrap: wrap;
}

.village-tags-group > li {
  line-height: 2.75rem;
}

.village-tags-group .village-tag {
  margin: 0 0.25rem 0.5rem 0.25rem;
  vertical-align: top;
}

.village-tags-group.village-tags-group--sm .village-tag {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
}

.village-tags-group.village-tags-group--sm .village-tag::before,
.village-tags-group.village-tags-group--sm .village-tag::after {
  --icon-size: 0.75rem;
}

.village-tags-group.village-tags-group--sm button.village-tag.village-tag--dismiss::after,
.village-tags-group.village-tags-group--sm input[type=button].village-tag.village-tag--dismiss::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 0.75rem;
  content: "";
  margin-right: -0.1875rem;
}

.village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]::after,
.village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 0.75rem;
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  margin: -0.375rem;
}

.village-tag[aria-pressed=false] {
  color: var(--text-action-high-village-primary);
  background-color: var(--background-action-low-village-primary);

  --idle: transparent;
  --hover: var(--background-action-low-village-primary-hover);
  --active: var(--background-action-low-village-primary-active);
}

.village-tag.village-tag--dismiss {
  color: var(--text-inverted-village-primary);
  background-color: var(--background-action-high-village-primary);

  --idle: transparent;
  --hover: var(--background-action-high-village-primary-hover);
  --active: var(--background-action-high-village-primary-active);
}

a.village-tag,
button.village-tag,
input[type=button].village-tag {
  color: var(--text-action-high-village-primary);
  background-color: var(--background-action-low-village-primary);

  --idle: transparent;
  --hover: var(--background-action-low-village-primary-hover);
  --active: var(--background-action-low-village-primary-active);
}

a.village-tag--village-color3,
button.village-tag--village-color3,
input[type=button].village-tag--village-color3 {
  color: var(--text-action-high-village-color3);
  background-color: var(--background-action-low-village-color3);

  --idle: transparent;
  --hover: var(--background-action-low-village-color3-hover);
  --active: var(--background-action-low-village-color3-active);
}

a.village-tag--village-color4,
button.village-tag--village-color4,
input[type=button].village-tag--village-color4 {
  color: var(--text-action-high-village-color4);
  background-color: var(--background-action-low-village-color4);

  --idle: transparent;
  --hover: var(--background-action-low-village-color4-hover);
  --active: var(--background-action-low-village-color4-active);
}

a.village-tag--village-color5,
button.village-tag--village-color5,
input[type=button].village-tag--village-color5 {
  color: var(--text-action-high-village-color5);
  background-color: var(--background-action-low-village-color5);

  --idle: transparent;
  --hover: var(--background-action-low-village-color5-hover);
  --active: var(--background-action-low-village-color5-active);
}

a.village-tag--village-color6,
button.village-tag--village-color6,
input[type=button].village-tag--village-color6 {
  color: var(--text-action-high-village-color6);
  background-color: var(--background-action-low-village-color6);

  --idle: transparent;
  --hover: var(--background-action-low-village-color6-hover);
  --active: var(--background-action-low-village-color6-active);
}

a.village-tag--village-color7,
button.village-tag--village-color7,
input[type=button].village-tag--village-color7 {
  color: var(--text-action-high-village-color7);
  background-color: var(--background-action-low-village-color7);

  --idle: transparent;
  --hover: var(--background-action-low-village-color7-hover);
  --active: var(--background-action-low-village-color7-active);
}

a.village-tag--village-color8,
button.village-tag--village-color8,
input[type=button].village-tag--village-color8 {
  color: var(--text-action-high-village-color8);
  background-color: var(--background-action-low-village-color8);

  --idle: transparent;
  --hover: var(--background-action-low-village-color8-hover);
  --active: var(--background-action-low-village-color8-active);
}

a.village-tag--village-color9,
button.village-tag--village-color9,
input[type=button].village-tag--village-color9 {
  color: var(--text-action-high-village-color9);
  background-color: var(--background-action-low-village-color9);

  --idle: transparent;
  --hover: var(--background-action-low-village-color9-hover);
  --active: var(--background-action-low-village-color9-active);
}

a.village-tag--village-color10,
button.village-tag--village-color10,
input[type=button].village-tag--village-color10 {
  color: var(--text-action-high-village-color10);
  background-color: var(--background-action-low-village-color10);

  --idle: transparent;
  --hover: var(--background-action-low-village-color10-hover);
  --active: var(--background-action-low-village-color10-active);
}

a.village-tag--village-color11,
button.village-tag--village-color11,
input[type=button].village-tag--village-color11 {
  color: var(--text-action-high-village-color11);
  background-color: var(--background-action-low-village-color11);

  --idle: transparent;
  --hover: var(--background-action-low-village-color11-hover);
  --active: var(--background-action-low-village-color11-active);
}

a.village-tag--village-color12,
button.village-tag--village-color12,
input[type=button].village-tag--village-color12 {
  color: var(--text-action-high-village-color12);
  background-color: var(--background-action-low-village-color12);

  --idle: transparent;
  --hover: var(--background-action-low-village-color12-hover);
  --active: var(--background-action-low-village-color12-active);
}

a.village-tag--village-color13,
button.village-tag--village-color13,
input[type=button].village-tag--village-color13 {
  color: var(--text-action-high-village-color13);
  background-color: var(--background-action-low-village-color13);

  --idle: transparent;
  --hover: var(--background-action-low-village-color13-hover);
  --active: var(--background-action-low-village-color13-active);
}

a.village-tag--village-color14,
button.village-tag--village-color14,
input[type=button].village-tag--village-color14 {
  color: var(--text-action-high-village-color14);
  background-color: var(--background-action-low-village-color14);

  --idle: transparent;
  --hover: var(--background-action-low-village-color14-hover);
  --active: var(--background-action-low-village-color14-active);
}

a.village-tag--village-color15,
button.village-tag--village-color15,
input[type=button].village-tag--village-color15 {
  color: var(--text-action-high-village-color15);
  background-color: var(--background-action-low-village-color15);

  --idle: transparent;
  --hover: var(--background-action-low-village-color15-hover);
  --active: var(--background-action-low-village-color15-active);
}

a.village-tag--village-color16,
button.village-tag--village-color16,
input[type=button].village-tag--village-color16 {
  color: var(--text-action-high-village-color16);
  background-color: var(--background-action-low-village-color16);

  --idle: transparent;
  --hover: var(--background-action-low-village-color16-hover);
  --active: var(--background-action-low-village-color16-active);
}

a.village-tag--village-color17,
button.village-tag--village-color17,
input[type=button].village-tag--village-color17 {
  color: var(--text-action-high-village-color17);
  background-color: var(--background-action-low-village-color17);

  --idle: transparent;
  --hover: var(--background-action-low-village-color17-hover);
  --active: var(--background-action-low-village-color17-active);
}

a.village-tag--village-color18,
button.village-tag--village-color18,
input[type=button].village-tag--village-color18 {
  color: var(--text-action-high-village-color18);
  background-color: var(--background-action-low-village-color18);

  --idle: transparent;
  --hover: var(--background-action-low-village-color18-hover);
  --active: var(--background-action-low-village-color18-active);
}

a.village-tag--village-color19,
button.village-tag--village-color19,
input[type=button].village-tag--village-color19 {
  color: var(--text-action-high-village-color19);
  background-color: var(--background-action-low-village-color19);

  --idle: transparent;
  --hover: var(--background-action-low-village-color19-hover);
  --active: var(--background-action-low-village-color19-active);
}

button.village-tag[aria-pressed=true]:not(:disabled),
input[type=button].village-tag[aria-pressed=true]:not(:disabled) {
  background-color: transparent;
  color: var(--text-inverted-village-primary);
  background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-active-village-primary) 0.625rem);
}

button.village-tag[aria-pressed=true]:not(:disabled):hover,
input[type=button].village-tag[aria-pressed=true]:not(:disabled):hover {
  background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-active-village-primary-hover) 0.625rem);
}

button.village-tag[aria-pressed=true]:not(:disabled):active,
input[type=button].village-tag[aria-pressed=true]:not(:disabled):active {
  background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-active-village-primary-active) 0.625rem);
}

button.village-tag[aria-pressed=true]::after,
input[type=button].village-tag[aria-pressed=true]::after {
  color: var(--text-action-high-village-primary);
}

button.village-tag[aria-pressed=true]:disabled,
input[type=button].village-tag[aria-pressed=true]:disabled {
  background-color: transparent;
  background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-disabled-grey) 0.625rem);
}

button.village-tag[aria-pressed=true]:disabled::after,
input[type=button].village-tag[aria-pressed=true]:disabled::after {
  color: var(--text-disabled-grey);
}

button.village-tag[aria-pressed=true].village-tag--sm,
input[type=button].village-tag[aria-pressed=true].village-tag--sm {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary) 0.5rem);
}

button.village-tag[aria-pressed=true].village-tag--sm:hover,
input[type=button].village-tag[aria-pressed=true].village-tag--sm:hover {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary-hover) 0.5rem);
}

button.village-tag[aria-pressed=true].village-tag--sm:active,
input[type=button].village-tag[aria-pressed=true].village-tag--sm:active {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary-active) 0.5rem);
}

button.village-tag[aria-pressed=true].village-tag--sm:disabled,
input[type=button].village-tag[aria-pressed=true].village-tag--sm:disabled {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);
}

button.village-tag:disabled,
input[type=button].village-tag:disabled {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

a:not([href]).village-tag {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

.village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true],
.village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true] {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary) 0.5rem);
}

.village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:hover,
.village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:hover {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary-hover) 0.5rem);
}

.village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:active,
.village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:active {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-active-village-primary-active) 0.5rem);
}

.village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:disabled,
.village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:disabled {
  background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  Download
\* ˍˍˍˍˍˍˍˍˍ */
.village-download__link {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline;
  color: var(--text-action-high-village-primary);
}

.village-download {
  --text-spacing: 0;
  --title-spacing: 0;
  position: relative;
  padding-bottom: 1.5rem;
  margin: 0 0 1rem 0;
}

.village-download .village-download__link {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  font-weight: 400;
}

.village-download .village-download__link::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/download-line.svg");
  mask-image: url("icons/system/download-line.svg");
  content: "";
}

.village-download__desc {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  display: none;
}

.village-download__detail {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  max-width: 100%;
  white-space: nowrap;
  pointer-events: none;
  cursor: text;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-mention-grey);
}

.village-download__detail abbr {
  text-decoration: none;
}

.village-download--card {
  padding: 1.5rem 1.5rem 4rem 1.5rem;

  --text-spacing: 0;
  --title-spacing: 0;
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-download--card .village-download__link {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--text-action-high-village-primary);
}

.village-download--card .village-download__link::after {
  --icon-size: 1rem;
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  margin: 0;
  color: var(--text-action-high-village-primary);
}

.village-download--card .village-download__desc {
  display: block;
  margin-top: 0.5rem;
}

.village-download--card .village-download__detail {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  max-width: calc(100% - 6.25rem);
}

.village-download--card .village-download__detail[class^=village-icon-]::before,
.village-download--card .village-download__detail[class*=" village-icon-"]::before,
.village-download--card .village-download__detail[class^=village-fi-]::before,
.village-download--card .village-download__detail[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-right: 0.5rem;
}

.village-downloads-group__title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
}

.village-downloads-group--bordered {
  padding: 1.5rem 1.5rem 0.5rem;
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-downloads-group > ul {
  margin-top: 0;
  margin-bottom: 0;
}

.village-downloads-group > ul > li {
  padding-bottom: 0;
}

.village-downloads-group .village-download {
  margin-bottom: 1rem;
}

.village-downloads-group li::marker {
  color: var(--text-action-high-village-primary);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ALERT
\* ˍˍˍˍˍˍˍˍˍ */
.village-alert {
  position: relative;
  padding: 1rem 2.25rem 0.75rem 3.5rem;

  --title-spacing: 0 0 0.25rem;
  --text-spacing: 0 0 0.25rem;
  background-size: 100% 1px, 1px 100%, 100% 1px, 2.5rem 100%;
  background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat no-repeat, no-repeat;
  background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--background-flat-grey), var(--background-flat-grey));
}

.village-alert::before {
  --icon-size: 1.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 1rem 0.5rem;
  color: var(--text-inverted-grey);
}

.village-alert__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.village-alert .village-btn--close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-alert .village-btn--close::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  content: "";
}

.village-alert + .village-alert {
  margin-top: 1rem;
}

.village-alert--info::before {
  -webkit-mask-image: url("icons/system/village--info-fill.svg");
  mask-image: url("icons/system/village--info-fill.svg");
}

.village-alert--success::before {
  -webkit-mask-image: url("icons/system/village--success-fill.svg");
  mask-image: url("icons/system/village--success-fill.svg");
}

.village-alert--error::before {
  -webkit-mask-image: url("icons/system/village--error-fill.svg");
  mask-image: url("icons/system/village--error-fill.svg");
}

.village-alert--warning::before {
  -webkit-mask-image: url("icons/system/village--warning-fill.svg");
  mask-image: url("icons/system/village--warning-fill.svg");
}

.village-alert--info::before,
.village-alert--success::before,
.village-alert--error::before,
.village-alert--warning::before {
  content: "";
}

.village-alert--sm {
  padding: 0.5rem 2.25rem 0.25rem 3rem;
}

.village-alert--sm::before {
  margin: 0.5rem 0.5rem;
}

.village-alert .village-link--close {
  position: absolute;
  top: 0.25rem;
  right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  align-items: center;
}

.village-alert .village-link--close::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  content: "";
}

.village-alert--info {
  background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--background-flat-info), var(--background-flat-info));
}

.village-alert--error {
  background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--background-flat-error), var(--background-flat-error));
}

.village-alert--success {
  background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--background-flat-success), var(--background-flat-success));
}

.village-alert--warning {
  background-image: linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--background-flat-warning), var(--background-flat-warning));
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ALERT
\* ˍˍˍˍˍˍˍˍˍ */
.village-notice {
  position: relative;

  --title-spacing: 0;
  --text-spacing: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--background-contrast-grey);
  color: var(--text-title-grey);
}

.village-notice__body {
  position: relative;
  padding: 0 2.5rem 0 2.5rem;
}

.village-notice__body::before {
  --icon-size: 1.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
  left: 0;
}

.village-notice__title {
  position: relative;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.village-notice .village-btn--close {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2rem;
  max-height: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: absolute;
  top: -0.25rem;
  right: 0;
}

.village-notice .village-btn--close::before {
  --icon-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/close-line.svg");
  mask-image: url("icons/system/close-line.svg");
  content: "";
}

.village-notice--info .village-notice__body::before {
  -webkit-mask-image: url("icons/system/village--info-fill.svg");
  mask-image: url("icons/system/village--info-fill.svg");
  content: "";
}

.village-notice--info {
  background-color: var(--background-contrast-info);

  --idle: transparent;
  --hover: var(--background-contrast-info-hover);
  --active: var(--background-contrast-info-active);
  color: var(--text-default-info);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  RADIO
\* ˍˍˍˍˍˍˍˍˍ */
.village-radio-group {
  position: relative;
  max-width: max-content;
}

.village-radio-group input[type=radio] {
  position: absolute;
  margin: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
}

.village-radio-group input[type=radio] + label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 2rem;
  background-position: calc(-0.25rem + 1px) calc(-0.25rem + 1px), calc(-0.25rem + 1px) calc(-0.25rem + 1px);
  background-size: 1.875rem 1.875rem, 1.875rem 1.875rem;
  background-repeat: no-repeat, no-repeat;
  background-image: radial-gradient(transparent 10px, var(--border-action-high-village-primary) 11px, transparent 12px);
}

.village-radio-group input[type=radio] + label::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0;
  border-radius: 1.5rem;
  margin-left: -2rem;
}

.village-radio-group input[type=radio] + label .village-hint-text {
  margin: 0;
  width: 100%;
}

.village-radio-group--sm input[type=radio] {
  width: 1rem;
  height: 1rem;
  top: 0.25rem;
}

.village-radio-group--sm input[type=radio] + label {
  padding-left: 1.5rem;
  background-position: calc(-0.125rem + 1px) calc(0.25rem - 1px), calc(-0.125rem + 1px) calc(0.25rem - 1px);
  background-size: 1.125rem 1.125rem, 1.125rem 1.125rem;
  background-image: radial-gradient(transparent 6px, var(--border-action-high-village-primary) 7px, transparent 8px);
}

.village-radio-group--sm input[type=radio] + label::before {
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  margin-left: -1.5rem;
}

.village-radio-rich {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
}

.village-radio-rich input[type=radio] {
  width: 1rem;
  height: 1rem;
  left: 1.75rem;
  top: calc(50% - 0.5rem);
}

.village-radio-rich input[type=radio] + label {
  padding-left: 3.5rem;
  margin-left: 0;
  align-self: stretch;
  min-height: 5rem;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%, 1.125rem 1.125rem, 1.125rem 1.125rem;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 100% 0, 0 100%, 0 0, 1.75rem 50%, 1.75rem 50%;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--border-action-high-village-primary) 7px, transparent 8px);
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-radio-rich input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  border-radius: 0;
}

.village-radio-rich input[type=radio] + label .village-hint-text {
  margin-left: 0;
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label {
  --hover-tint: var(--hover);
  --active-tint: var(--active);
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:hover {
  background-color: var(--hover-tint);
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:active {
  background-color: var(--active-tint);
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:hover + .village-radio-rich__pictogram {
  background-color: var(--hover);
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:active + .village-radio-rich__pictogram {
  background-color: var(--active);
}

.village-radio-rich__pictogram {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
  padding: 0.25rem;
  width: 5.5rem;
  min-width: 5.5rem;
  align-self: stretch;
  pointer-events: none;
  background-size: 100% 1px, 100% 1px, 1px 100%, 1px calc(100% - 0.5rem);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 100%, 100% 0, 0 0.25rem;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-radio-rich__pictogram img,
.village-radio-rich__pictogram svg {
  max-width: 3.5rem;
  max-height: 3.5rem;
}

.village-control > .village-radio-rich.village-radio-group {
  margin-top: 0;
  margin-bottom: 0;
}

.village-radio-group input[type=radio]:disabled + label {
  background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px);
}

.village-radio-group input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 10px, var(--border-active-village-primary) 11px, transparent 12px), radial-gradient(var(--background-active-village-primary) 5px, transparent 6px);
}

.village-radio-group input[type=radio]:checked:disabled + label {
  background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px), radial-gradient(var(--background-disabled-grey) 5px, transparent 6px);
}

.village-fieldset--error .village-radio-group input[type=radio] + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-error) 11px, transparent 12px);
}

.village-fieldset--error .village-radio-group input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-error) 11px, transparent 12px), radial-gradient(var(--background-active-village-primary) 5px, transparent 6px);
}

.village-fieldset--valid .village-radio-group input[type=radio] + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-success) 11px, transparent 12px);
}

.village-fieldset--valid .village-radio-group input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-success) 11px, transparent 12px), radial-gradient(var(--background-active-village-primary) 5px, transparent 6px);
}

.village-fieldset--info .village-radio-group input[type=radio] + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-info) 11px, transparent 12px);
}

.village-fieldset--info .village-radio-group input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 10px, var(--border-plain-info) 11px, transparent 12px), radial-gradient(var(--background-active-village-primary) 5px, transparent 6px);
}

.village-fieldset .village-radio-group input[type=radio]:disabled + label {
  background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px);
}

.village-fieldset .village-radio-group input[type=radio]:disabled:checked + label {
  background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px), radial-gradient(var(--background-disabled-grey) 5px, transparent 6px);
}

.village-radio-group--sm input[type=radio]:disabled + label {
  background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
}

.village-radio-group--sm input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 6px, var(--border-active-village-primary) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-radio-group--sm input[type=radio]:checked:disabled + label {
  background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
}

.village-fieldset--error .village-radio-group--sm input[type=radio] + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px);
}

.village-fieldset--error .village-radio-group--sm input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset--valid .village-radio-group--sm input[type=radio] + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px);
}

.village-fieldset--valid .village-radio-group--sm input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset--info .village-radio-group--sm input[type=radio] + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px);
}

.village-fieldset--info .village-radio-group--sm input[type=radio]:checked + label {
  background-image: radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset .village-radio-group--sm input[type=radio]:disabled + label {
  background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
}

.village-fieldset .village-radio-group--sm input[type=radio]:disabled:checked + label {
  background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
}

.village-radio-rich input[type=radio]:disabled + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
}

.village-radio-rich input[type=radio]:disabled ~ .village-radio-rich__pictogram svg * {
  fill: var(--text-disabled-grey);
}

.village-radio-rich input[type=radio]:checked + label {
  background-image: linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary)), linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary)), linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary)), linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(transparent 6px, var(--border-active-village-primary) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-radio-rich input[type=radio]:checked ~ .village-radio-rich__pictogram {
  background-image: linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-radio-rich input[type=radio]:checked:disabled + label {
  background-image: linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
}

.village-radio-rich input[type=radio]:checked:disabled ~ .village-radio-rich__pictogram {
  background-image: linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)), linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)), linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-fieldset--error .village-radio-rich input[type=radio] + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px);
}

.village-fieldset--error .village-radio-rich input[type=radio]:checked + label {
  background-image: linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset--valid .village-radio-rich input[type=radio] + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px);
}

.village-fieldset--valid .village-radio-rich input[type=radio]:checked + label {
  background-image: linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset--info .village-radio-rich input[type=radio] + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px);
}

.village-fieldset--info .village-radio-rich input[type=radio]:checked + label {
  background-image: linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px), radial-gradient(var(--background-active-village-primary) 3px, transparent 4px);
}

.village-fieldset .village-radio-rich input[type=radio]:disabled + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
}

.village-fieldset .village-radio-rich input[type=radio]:disabled:checked + label {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
}

.village-fieldset .village-fieldset__content .village-radio-group:not(.village-radio-rich) input[type=radio] + label {
  background-position: calc(-0.25rem + 1px) calc(0.5rem + 1px), calc(-0.25rem + 1px) calc(0.5rem + 1px);
}

.village-fieldset .village-fieldset__content .village-radio-group--sm:not(.village-radio-rich) input[type=radio] + label {
  background-position: calc(-0.125rem + 1px) calc(1rem - 1px), calc(-0.125rem + 1px) calc(1rem - 1px);
}

.village-fieldset .village-fieldset__content .village-radio-rich {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.village-fieldset .village-fieldset__content .village-radio-rich:last-child {
  margin-bottom: 0.75rem;
}

.village-fieldset .village-fieldset__content .village-radio-rich:first-child {
  margin-top: 0;
}

.village-fieldset--inline .village-fieldset__content .village-radio-rich:not(:last-child) {
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}

.village-fieldset--inline .village-fieldset__content .village-radio-rich:first-child {
  margin-top: 0.75rem;
}

.village-fieldset--inline .village-fieldset__content .village-radio-rich:first-child .village-radio-rich__img {
  top: 1rem;
}

.village-fieldset--inline .village-fieldset__content .village-radio-rich__img {
  top: 0.75rem;
}

.village-fieldset--inline .village-hint-text + .village-fieldset__content .village-radio-rich:first-child {
  margin-top: 1.5rem;
}

.village-radio-rich__img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
  padding: 0.25rem;
  width: 5.5rem;
  min-width: 5.5rem;
  align-self: stretch;
  pointer-events: none;
  background-size: 100% 1px, 100% 1px, 1px 100%, 1px calc(100% - 0.5rem);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 100%, 100% 0, 0 0.25rem;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-radio-rich__img img,
.village-radio-rich__img svg {
  max-width: 3.5rem;
  max-height: 3.5rem;
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:hover + .village-radio-rich__img {
  background-color: var(--hover);
}

.village-radio-rich input[type=radio]:not(:disabled) ~ label:active + .village-radio-rich__img {
  background-color: var(--active);
}

.village-radio-rich input[type=radio]:disabled ~ .village-radio-rich__img svg * {
  fill: var(--text-disabled-grey);
}

.village-radio-rich input[type=radio]:checked ~ .village-radio-rich__img {
  background-image: linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--background-action-high-village-primary), var(--background-action-high-village-primary)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-radio-rich input[type=radio]:checked:disabled ~ .village-radio-rich__img {
  background-image: linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CARD
\* ˍˍˍˍˍˍˍˍˍ */
.village-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-card.village-enlarge-link .village-card__title a::after {
  --icon-size: 1.5rem;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}

.village-card:not(.village-card--no-border):not(.village-card--shadow) {
  background-size: 100% 1px, 1px 100%, 1px 100%, 100% 1px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 100% 100%, 0 0, 100% 0, 100% 0;
  padding: 1px;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-card--no-icon .village-card__title a:not([target=_blank])::after,
.village-card:not(.village-enlarge-link):not(.village-card--download) .village-card__title a:not([target=_blank])::after {
  content: none;
}

.village-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 auto;
  order: 2;
  padding: 0 2rem;
}

.village-grid-row .village-card {
  height: 100%;
}

.village-card__header {
  order: 1;
  position: relative;
  flex: 0 0 auto;
}

.village-card__header .village-badges-group {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.75rem;
}

.village-card.village-enlarge-link:hover .village-card__img,
.village-card.village-enlarge-link:hover .village-card__vid {
  --brightness: calc(100% + var(--brighten) * 10%);
}

.village-card.village-enlarge-link:active .village-card__img,
.village-card.village-enlarge-link:active .village-card__vid {
  --brightness: calc(100% + var(--brighten) * 20%);
}

.village-card__img,
.village-card__vid {
  filter: brightness(var(--brightness));
}

.village-card__img img,
.village-card__img svg,
.village-card__vid iframe,
.village-card__vid video {
  aspect-ratio: 1.7777777778;
  object-fit: cover;
  object-position: 50% 50%;
}

.village-card__img img {
  display: block;
}

.village-card__content {
  order: 1;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  height: 100%;
  margin: 0 -2rem;
}

.village-card__title {
  order: 2;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--text-title-grey);
}

.village-card__title a::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-right-line.svg");
  mask-image: url("icons/system/arrow-right-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.5rem;
}

.village-card__title [target=_blank]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/external-link-line.svg");
  mask-image: url("icons/system/external-link-line.svg");
  --icon-size: 1rem;
  content: "";
}

.village-card__desc {
  order: 3;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.village-card__start {
  order: 1;
  margin-bottom: 0.25rem;
}

.village-card__start .village-badges-group,
.village-card__start .village-tags-group {
  margin-bottom: 0.25rem;
}

.village-card__start .village-card__detail {
  margin-bottom: 0.75rem;
}

.village-card__end {
  order: 4;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  padding-top: 0.5rem;
  height: 100%;
}

.village-card__detail {
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 0;
  color: var(--text-mention-grey);
}

.village-card__detail[class^=village-icon-]::before,
.village-card__detail[class*=" village-icon-"]::before,
.village-card__detail[class^=village-fi-]::before,
.village-card__detail[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-right: 0.5rem;
}

.village-card.village-enlarge-link:not(.village-card--no-icon) .village-card__end {
  margin-bottom: -3rem;
  min-height: 2rem;
  padding-right: 2rem;
  justify-content: flex-end;
}

.village-card.village-enlarge-link:not(.village-card--no-icon) .village-card__content {
  padding-bottom: 5rem;
}

.village-card__footer {
  order: 2;
  padding: 0.5rem 2rem 2rem;
  margin: 0 -2rem;
}

.village-card__footer .village-btns-group,
.village-card__footer .village-links-group {
  margin-bottom: -1rem;
}

.village-card--sm .village-card__header .village-badge {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.125rem;
  padding: 0 0.375rem;
}

.village-card--sm .village-card__header .village-badge::before,
.village-card--sm .village-card__header .village-badge::after {
  --icon-size: 0.75rem;
}

.village-card--sm .village-card__header .village-tag {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
}

.village-card--sm .village-card__header .village-tag::before,
.village-card--sm .village-card__header .village-tag::after {
  --icon-size: 0.75rem;
}

.village-card--sm .village-card__content {
  padding: 1.5rem;
}

.village-card--sm .village-card__content .village-badge {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.125rem;
  padding: 0 0.375rem;
}

.village-card--sm .village-card__content .village-badge::before,
.village-card--sm .village-card__content .village-badge::after {
  --icon-size: 0.75rem;
}

.village-card--sm .village-card__content .village-tag {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
}

.village-card--sm .village-card__content .village-tag::before,
.village-card--sm .village-card__content .village-tag::after {
  --icon-size: 0.75rem;
}

.village-card--sm .village-card__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.village-card--sm .village-card__title a::after {
  --icon-size: 1rem;
}

.village-card--sm .village-card__desc {
  margin-top: 0.5rem;
}

.village-card--sm .village-card__start .village-badges-group,
.village-card--sm .village-card__start .village-tags-group {
  margin-bottom: 0;
}

.village-card--sm .village-card__start .village-card__detail {
  margin-bottom: 0.5rem;
}

.village-card--sm .village-card__end {
  margin-top: 0.75rem;
  padding-top: 0.25rem;
  margin-top: 1.5rem;
  padding-top: 0.5rem;
}

.village-card--sm.village-enlarge-link:not(.village-card--no-icon) .village-card__end {
  margin-bottom: -2rem;
  min-height: 1.25rem;
  padding-right: 1.5rem;
}

.village-card--sm.village-enlarge-link:not(.village-card--no-icon) .village-card__content {
  padding-bottom: 3.5rem;
}

.village-card--sm.village-enlarge-link:not(.village-card--no-icon) .village-card__title a::after {
  --icon-size: 1rem;
  right: 1.5rem;
  bottom: 1.5rem;
}

.village-card--sm .village-card__footer {
  padding: 0.5rem 1.5rem 1.5rem;
}

.village-card--lg .village-card__content {
  padding: 2.5rem;
}

.village-card--lg .village-card__title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.village-card--lg .village-card__title a::after {
  --icon-size: 1.5rem;
}

.village-card--lg .village-card__desc {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1rem;
}

.village-card--lg .village-card__start {
  margin-bottom: 0.5rem;
}

.village-card--lg .village-card__start .village-badges-group,
.village-card--lg .village-card__start .village-tags-group {
  margin-bottom: 0.5rem;
}

.village-card--lg .village-card__start .village-card__detail {
  margin-bottom: 1rem;
}

.village-card--lg.village-enlarge-link:not(.village-card--no-icon) .village-card__end {
  margin-bottom: -4rem;
  min-height: 2.5rem;
  padding-right: 2.5rem;
}

.village-card--lg.village-enlarge-link:not(.village-card--no-icon) .village-card__content {
  padding-bottom: 6.5rem;
}

.village-card--lg.village-enlarge-link:not(.village-card--no-icon) .village-card__title a::after {
  --icon-size: 2rem;
  right: 2.5rem;
  bottom: 2.5rem;
}

.village-card--lg .village-card__footer {
  padding: 0.5rem 2.5rem 2.5rem;
}

.village-card--download .village-card__header {
  aspect-ratio: 16/9;
}

.village-card--download .village-card__header .village-card__img {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
}

.village-card--download .village-card__header .village-card__img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.village-card--download .village-card__title a::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/download-line.svg");
  mask-image: url("icons/system/download-line.svg");
  content: "";
}

.village-card__body > .village-card__detail,
.village-card__body > .village-card__title {
  margin-top: 2rem;
}

.village-card__body > .village-card__detail {
  margin-bottom: -1rem;
}

.village-card__body > .village-card__desc,
.village-card__body > .village-card__title {
  margin-bottom: 2rem;
}

.village-card__body > .village-card__desc {
  margin-top: -1rem;
}

.village-card.village-enlarge-link:not(.village-card--no-arrow) .village-card__body > .village-card__desc,
.village-card.village-enlarge-link:not(.village-card--no-arrow) .village-card__body > .village-card__title {
  margin-bottom: 4.5rem;
}

.village-card.village-enlarge-link:not(.village-card--no-arrow) .village-card__body > .village-card__desc {
  margin-top: -3.5rem;
}

.village-card--grey {
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-card--shadow {
  z-index: calc(var(--ground) + 500);
  background-color: var(--background-raised-grey);

  --idle: transparent;
  --hover: var(--background-raised-grey-hover);
  --active: var(--background-raised-grey-active);
  filter: drop-shadow(var(--raised-shadow));
}

.village-card--shadow.village-card--grey {
  background-color: var(--background-contrast-raised-grey);

  --idle: transparent;
  --hover: var(--background-contrast-raised-grey-hover);
  --active: var(--background-contrast-raised-grey-active);
}

.village-card--no-background {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-card--download:not(.village-card--no-background) .village-card__header {
  background-color: var(--background-alt-grey);

  --idle: transparent;
  --hover: var(--background-alt-grey-hover);
  --active: var(--background-alt-grey-active);
}

.village-card__title a[href] {
  color: var(--text-action-high-village-primary);
}

.village-card__title:disabled,
a.village-card__title:not([href]) {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CHECKBOX
\* ˍˍˍˍˍˍˍˍˍ */
.village-checkbox-group {
  position: relative;
}

.village-checkbox-group input[type=checkbox] {
  position: absolute;
  margin: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
}

.village-checkbox-group input[type=checkbox] + label {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 2rem;

  --data-uri-svg: none;

  /**
  * On ajoute l'icône check-line en taille sm via un pseudo element before
  */
}

.village-checkbox-group input[type=checkbox] + label .village-hint-text {
  margin: 0;
  width: 100%;
}

.village-checkbox-group input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -2rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  background-size: 0.25rem 0.25rem, calc(100% - 0.25rem) 1px, 0.25rem 0.25rem, 1px calc(100% - 0.5rem), 0.25rem 0.25rem, calc(100% - 0.5rem) 1px, 0.25rem 0.25rem, 1px calc(100% - 0.5rem), 1rem;
  background-position: 0 0, 0.25rem 0, 100% 0, 0 0.25rem, 100% 100%, calc(100% - 0.25rem) 100%, 0 100%, 100% 0.25rem, center;
  background-repeat: no-repeat;
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), var(--data-uri-svg);
}

.village-checkbox-group--sm input[type=checkbox] {
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.village-checkbox-group--sm input[type=checkbox] + label {
  margin-left: 1.5rem;
}

.village-checkbox-group--sm input[type=checkbox] + label::before {
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
  left: -1.5rem;
}

.village-checkbox-group--error::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.75rem;
  width: 2px;
  height: 100%;
  background-color: var(--border-plain-error);

  --idle: transparent;
  --hover: var(--border-plain-error-hover);
  --active: var(--border-plain-error-active);
}

.village-checkbox-group--valid::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.75rem;
  width: 2px;
  height: 100%;
  background-color: var(--border-plain-success);

  --idle: transparent;
  --hover: var(--border-plain-success-hover);
  --active: var(--border-plain-success-active);
}

.village-checkbox-group .village-message:first-child {
  margin-top: 1rem;
}

.village-checkbox-group input[type=checkbox]:checked + label::before {
  background-color: var(--background-active-village-primary);
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), var(--data-uri-svg);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 80%, 98%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

:root[data-village-theme=dark] .village-checkbox-group input[type=checkbox]:checked + label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 75%, 25%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-checkbox-group input[type=checkbox]:disabled + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), var(--data-uri-svg);
}

.village-checkbox-group input[type=checkbox]:disabled:checked + label::before {
  background-color: var(--background-disabled-grey);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

:root[data-village-theme=dark] .village-checkbox-group input[type=checkbox]:disabled:checked + label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-checkbox-group--error input[type=checkbox] + label,
.village-checkbox-group--error input[type=checkbox]:checked + label {
  color: var(--text-default-error);
}

.village-checkbox-group--error input[type=checkbox] + label::before,
.village-checkbox-group--error input[type=checkbox]:checked + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
}

.village-checkbox-group--valid input[type=checkbox] + label,
.village-checkbox-group--valid input[type=checkbox]:checked + label {
  color: var(--text-default-success);
}

.village-checkbox-group--valid input[type=checkbox] + label::before,
.village-checkbox-group--valid input[type=checkbox]:checked + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
}

.village-fieldset--error .village-checkbox-group input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
}

.village-fieldset--valid .village-checkbox-group input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
}

.village-fieldset .village-fieldset__content .village-checkbox-group--sm label::before {
  margin-top: 0.25rem;
}

.village-fieldset .village-fieldset__content .village-checkbox-group input[type=checkbox] {
  margin-top: 0.75rem;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SEGMENTED
\* ˍˍˍˍˍˍˍˍˍ */
.village-segmented {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  border: 0;
}

.village-segmented__legend {
  margin-bottom: 0.75rem;
  padding: 0;
}

.village-segmented__legend .village-hint-text {
  margin-top: 0.25rem;
}

.village-segmented__legend--inline {
  float: left;
  display: contents;
}

.village-segmented__legend--inline + .village-segmented__elements {
  margin-left: 1rem;
}

.village-segmented__elements {
  display: flex;
  flex-direction: row;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-segmented__element {
  position: relative;
}

.village-segmented .village-segmented__element input {
  opacity: 0;
}

.village-segmented input {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.village-segmented input + label {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  width: 100%;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  white-space: nowrap;
}

.village-segmented input + label::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-segmented input:not([disabled]):not(:checked) + label {
  -webkit-mask-image: linear-gradient(0deg, #fff 0, #fff 100%), linear-gradient(0deg, #fff 0, #fff 100%), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>");
  mask-image: linear-gradient(0deg, #fff 0, #fff 100%), linear-gradient(0deg, #fff 0, #fff 100%), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"), url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>");
  -webkit-mask-size: calc(100% - 0.5rem) calc(100% - 0.75rem), calc(100% - 0.75rem) calc(100% - 0.5rem), 0.25rem 0.25rem, 0.25rem 0.25rem, 0.25rem 0.25rem, 0.25rem 0.25rem;
  mask-size: calc(100% - 0.5rem) calc(100% - 0.75rem), calc(100% - 0.75rem) calc(100% - 0.5rem), 0.25rem 0.25rem, 0.25rem 0.25rem, 0.25rem 0.25rem, 0.25rem 0.25rem;
  -webkit-mask-position: 0.25rem 0.375rem, 0.375rem 0.25rem, 0.25rem 0.25rem, calc(100% - 0.25rem) 0.25rem, 0.25rem calc(100% - 0.25rem), calc(100% - 0.25rem) calc(100% - 0.25rem);
  mask-position: 0.25rem 0.375rem, 0.375rem 0.25rem, 0.25rem 0.25rem, calc(100% - 0.25rem) 0.25rem, 0.25rem calc(100% - 0.25rem), calc(100% - 0.25rem) calc(100% - 0.25rem);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.village-segmented input:not([disabled]):not(:checked) + label:hover {
  background-color: var(--hover);
}

.village-segmented input:not([disabled]):not(:checked) + label:active {
  background-color: var(--active);
}

.village-segmented--vertical .village-segmented__elements {
  flex-direction: column;
  margin-left: 0;
}

.village-segmented--vertical .village-segmented__legend--inline {
  float: none;
  display: block;
}

.village-segmented--no-legend legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
}

.village-segmented--no-legend legend + .village-segmented__elements {
  margin-left: 0;
}

.village-segmented__element input:focus + label {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
  outline-style: solid;
}

.village-segmented__element input:focus:not(:focus-visible) + label {
  outline-style: none;
}

.village-segmented__element input:focus-visible + label {
  outline-style: solid;
}

.village-segmented--sm .village-segmented__legend {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-segmented--sm input + label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-segmented--sm input + label::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-segmented__element label {
  color: var(--text-action-high-grey);
}

.village-segmented__element input:checked + label {
  box-shadow: inset 0 0 0 1px var(--border-active-village-primary);
  color: var(--text-active-village-primary);
}

.village-segmented__element input:checked:disabled + label {
  box-shadow: inset 0 0 0 1px var(--text-disabled-grey);
  color: var(--text-disabled-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TOGGLE
\* ˍˍˍˍˍˍˍˍˍ */
.village-toggle {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 1rem 0;

  --text-spacing: 0;
  --title-spacing: 0;
}

.village-toggle input[type=checkbox] {
  width: 2.5rem;
  height: 1.5rem;
  position: absolute;
  opacity: 0;
  box-shadow: inset 0 0 0 1px var(--border-action-high-village-primary);
}

.village-toggle input[type=checkbox]:checked ~ .village-toggle__label[data-village-unchecked-label][data-village-checked-label]::before {
  content: attr(data-village-checked-label);
}

.village-toggle input[type=checkbox]:checked ~ .village-toggle__label::after {
  transform: translateX(1rem);
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 75%, 25%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
  background-image: var(--data-uri-svg);
}

.village-toggle label {
  --toggle-status-width: auto;
  display: inline-flex;
  width: calc(100% - 2rem);
  min-height: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--text-label-grey);
}

.village-toggle label[data-village-unchecked-label][data-village-checked-label] {
  padding-left: 0;
}

.village-toggle label[data-village-unchecked-label][data-village-checked-label]::before {
  content: attr(data-village-unchecked-label);
  margin-right: calc(var(--toggle-status-width) - 0.5rem);
  margin-bottom: 1rem;
}

.village-toggle label[data-village-unchecked-label][data-village-checked-label] + .village-hint-text {
  margin-top: 0.5rem;
}

.village-toggle label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  height: calc(1.25rem + 1px);
  padding-top: 1.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border-radius: 0.75rem;
  margin-right: 2rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  background-repeat: no-repeat;
  color: var(--text-active-village-primary);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(180, 75%, 25%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

.village-toggle label::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
  color: var(--text-active-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-action-high-village-primary);
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-toggle .village-hint-text {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
  flex-basis: 100%;
  color: var(--text-mention-grey);
}

.village-toggle--label-left .village-toggle__input {
  order: 1;
  margin: 0 0 0 auto;
}

.village-toggle--label-left .village-toggle__input + label[data-village-checked-label]::before {
  margin-right: 0;
  margin-left: calc(var(--toggle-status-width) - 0.5rem);
}

.village-toggle--label-left .village-toggle__label {
  justify-content: space-between;
  padding-left: 0;
  width: calc(100% - 2rem);
  flex: 1;
}

.village-toggle--label-left .village-toggle__label::before {
  flex-shrink: 0;
  order: 1;
  margin-left: 1rem;
  margin-right: 0;
  text-align: right;
  direction: rtl;
}

.village-toggle--label-left .village-toggle__label::after {
  left: auto;
  right: 1rem;
}

.village-toggle--label-left .village-hint-text {
  order: 2;
}

.village-toggle__list {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
}

.village-fieldset .village-toggle__list li:first-child .village-toggle {
  padding-top: 0;
}

.village-fieldset .village-toggle__list li:first-child .village-toggle label::after {
  top: 0;
}

:root[data-village-theme=dark] .village-toggle label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(180, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle input[type=checkbox]:checked {
  background-color: var(--background-active-village-primary);

  --idle: transparent;
  --hover: var(--background-active-village-primary-hover);
  --active: var(--background-active-village-primary-active);
}

.village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(180, 75%, 25%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(180, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 80%, 65%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

:root[data-village-theme=dark] .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::after {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 80%, 65%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-toggle input[type=checkbox]:disabled {
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}

.village-toggle input[type=checkbox]:disabled:checked {
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

.village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%232a2a2a' height='24' viewBox='0 0 40 24' fill='%232a2a2a' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::after {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::after {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-toggle input[type=checkbox]:disabled ~ .village-toggle__label::before {
  color: var(--text-disabled-grey);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle input[type=checkbox]:disabled ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%232a2a2a' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle input[type=checkbox]:disabled ~ .village-toggle__label::after {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}

.village-toggle--border-bottom {
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}

.village-toggle--error label,
.village-fieldset--error .village-toggle label {
  color: var(--text-default-error);
}

.village-toggle--error label::before,
.village-fieldset--error .village-toggle label::before {
  color: var(--text-default-error);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(0, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle--error label::before,
:root[data-village-theme=dark] .village-fieldset--error .village-toggle label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(0, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle--error label::after,
.village-fieldset--error .village-toggle label::after {
  box-shadow: inset 0 0 0 1px var(--border-plain-error);
}

.village-toggle--error input[type=checkbox]:checked ~ .village-toggle__label::before,
.village-fieldset--error .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(0, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle--error input[type=checkbox]:checked ~ .village-toggle__label::before,
:root[data-village-theme=dark] .village-fieldset--error .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(0, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 80%, 65%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle--valid label,
.village-fieldset--valid .village-toggle label {
  color: var(--text-default-success);
}

.village-toggle--valid label::before,
.village-fieldset--valid .village-toggle label::before {
  color: var(--text-default-success);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(90, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle--valid label::before,
:root[data-village-theme=dark] .village-fieldset--valid .village-toggle label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(90, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

.village-toggle--valid label::after,
.village-fieldset--valid .village-toggle label::after {
  box-shadow: inset 0 0 0 1px var(--border-plain-success);
}

.village-toggle--valid input[type=checkbox]:checked ~ .village-toggle__label::before,
.village-fieldset--valid .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(90, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-toggle--valid input[type=checkbox]:checked ~ .village-toggle__label::before,
:root[data-village-theme=dark] .village-fieldset--valid .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='hsl(90, 80%, 65%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 80%, 65%)' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SKIPLINK
\* ˍˍˍˍˍˍˍˍˍ */
.village-skiplinks {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  position: absolute;
  top: 0;
  padding: 1rem 0;
  transform: translateY(-100%);
  opacity: 0;
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-skiplinks:focus-within {
  position: relative;
  transform: translateY(0);
  opacity: 1;
}

.village-skiplinks__list {
  display: flex;
  flex-direction: column;
}

.village-skiplinks__list > li {
  margin-bottom: 1rem;
}

.village-skiplinks__list > li::before {
  content: none;
}

.village-skiplinks__list > li .village-link {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0;
}

.village-skiplinks__list > li .village-link::before,
.village-skiplinks__list > li .village-link::after {
  --icon-size: 1rem;
}

.village-skiplinks__list > li:last-child {
  margin-bottom: 0;
}

.village-skiplinks__list:focus-within {
  position: relative;
  transform: translateY(0);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SELECT
\* ˍˍˍˍˍˍˍˍˍ */
.village-select {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border-radius: 0.25rem 0.25rem 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
  background-size: 1rem 1rem;
  color: var(--text-default-grey);
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
  box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
  background-image: var(--data-uri-svg);

  /**
  * Mixin pour gérer l'état disabled
  */

  /**
  * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
  * sur les navigateurs webkit.
  */
}

.village-select-group {
  position: relative;
}

.village-select-group .village-message:first-child {
  margin-top: 1rem;
}

.village-select-group--valid::before,
.village-select-group--error::before,
.village-select-group--info::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -0.75rem;
  bottom: 0;
  left: -0.75rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 0.125rem 100%;
}

:root[data-village-theme=dark] .village-select {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23fff' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
}

.village-fieldset--valid .village-select,
.village-select-group--valid .village-select {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}

.village-fieldset--error .village-select,
.village-select-group--error .village-select {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}

.village-select-group--error::before {
  background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.village-select-group--valid::before {
  background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.village-select-group--info::before {
  background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

.village-select:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
  background-image: var(--data-uri-svg);
}

:root[data-village-theme=dark] .village-select:disabled {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23666' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
}

.village-select:-webkit-autofill,
.village-select:-webkit-autofill:hover,
.village-select:-webkit-autofill:focus {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), inset 0 0 0 1000px var(--background-contrast-village-primary);
  -webkit-text-fill-color: var(--text-label-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CALLOUT
\* ˍˍˍˍˍˍˍˍˍ */
.village-callout {
  position: relative;
  padding: 1.5rem;

  --title-spacing: 0 0 0.5rem;
  --text-spacing: 0;
  margin: 0 0 1.5rem;
  background-size: 0.25rem 100%;
  background-position: 0 0;
  background-repeat: no-repeat;

  /**
   * Inclusion de l'icône (optionnel)
   */

  /**
   * Ajout de marge quand on inclut un bouton (optionnel)
   */
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
  background-image: linear-gradient(0deg, var(--border-default-village-primary), var(--border-default-village-primary));
}

.village-callout[class^=village-icon-]::before,
.village-callout[class*=" village-icon-"]::before,
.village-callout[class^=village-fi-]::before,
.village-callout[class*=" village-fi-"]::before {
  display: block;
  margin: -0.5rem 0 0.5rem;
}

.village-callout__title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: var(--text-title-grey);
}

.village-callout__text {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.village-callout .village-btn {
  margin-top: 1rem;
}

.village-callout::before {
  color: var(--text-title-grey);
}

.village-callout--village-color3 {
  background-image: linear-gradient(0deg, var(--border-default-village-color3), var(--border-default-village-color3));
  background-color: var(--background-contrast-village-color3);

  --idle: transparent;
  --hover: var(--background-contrast-village-color3-hover);
  --active: var(--background-contrast-village-color3-active);
}

.village-callout--village-color4 {
  background-image: linear-gradient(0deg, var(--border-default-village-color4), var(--border-default-village-color4));
  background-color: var(--background-contrast-village-color4);

  --idle: transparent;
  --hover: var(--background-contrast-village-color4-hover);
  --active: var(--background-contrast-village-color4-active);
}

.village-callout--village-color5 {
  background-image: linear-gradient(0deg, var(--border-default-village-color5), var(--border-default-village-color5));
  background-color: var(--background-contrast-village-color5);

  --idle: transparent;
  --hover: var(--background-contrast-village-color5-hover);
  --active: var(--background-contrast-village-color5-active);
}

.village-callout--village-color6 {
  background-image: linear-gradient(0deg, var(--border-default-village-color6), var(--border-default-village-color6));
  background-color: var(--background-contrast-village-color6);

  --idle: transparent;
  --hover: var(--background-contrast-village-color6-hover);
  --active: var(--background-contrast-village-color6-active);
}

.village-callout--village-color7 {
  background-image: linear-gradient(0deg, var(--border-default-village-color7), var(--border-default-village-color7));
  background-color: var(--background-contrast-village-color7);

  --idle: transparent;
  --hover: var(--background-contrast-village-color7-hover);
  --active: var(--background-contrast-village-color7-active);
}

.village-callout--village-color8 {
  background-image: linear-gradient(0deg, var(--border-default-village-color8), var(--border-default-village-color8));
  background-color: var(--background-contrast-village-color8);

  --idle: transparent;
  --hover: var(--background-contrast-village-color8-hover);
  --active: var(--background-contrast-village-color8-active);
}

.village-callout--village-color9 {
  background-image: linear-gradient(0deg, var(--border-default-village-color9), var(--border-default-village-color9));
  background-color: var(--background-contrast-village-color9);

  --idle: transparent;
  --hover: var(--background-contrast-village-color9-hover);
  --active: var(--background-contrast-village-color9-active);
}

.village-callout--village-color10 {
  background-image: linear-gradient(0deg, var(--border-default-village-color10), var(--border-default-village-color10));
  background-color: var(--background-contrast-village-color10);

  --idle: transparent;
  --hover: var(--background-contrast-village-color10-hover);
  --active: var(--background-contrast-village-color10-active);
}

.village-callout--village-color11 {
  background-image: linear-gradient(0deg, var(--border-default-village-color11), var(--border-default-village-color11));
  background-color: var(--background-contrast-village-color11);

  --idle: transparent;
  --hover: var(--background-contrast-village-color11-hover);
  --active: var(--background-contrast-village-color11-active);
}

.village-callout--village-color12 {
  background-image: linear-gradient(0deg, var(--border-default-village-color12), var(--border-default-village-color12));
  background-color: var(--background-contrast-village-color12);

  --idle: transparent;
  --hover: var(--background-contrast-village-color12-hover);
  --active: var(--background-contrast-village-color12-active);
}

.village-callout--village-color13 {
  background-image: linear-gradient(0deg, var(--border-default-village-color13), var(--border-default-village-color13));
  background-color: var(--background-contrast-village-color13);

  --idle: transparent;
  --hover: var(--background-contrast-village-color13-hover);
  --active: var(--background-contrast-village-color13-active);
}

.village-callout--village-color14 {
  background-image: linear-gradient(0deg, var(--border-default-village-color14), var(--border-default-village-color14));
  background-color: var(--background-contrast-village-color14);

  --idle: transparent;
  --hover: var(--background-contrast-village-color14-hover);
  --active: var(--background-contrast-village-color14-active);
}

.village-callout--village-color15 {
  background-image: linear-gradient(0deg, var(--border-default-village-color15), var(--border-default-village-color15));
  background-color: var(--background-contrast-village-color15);

  --idle: transparent;
  --hover: var(--background-contrast-village-color15-hover);
  --active: var(--background-contrast-village-color15-active);
}

.village-callout--village-color16 {
  background-image: linear-gradient(0deg, var(--border-default-village-color16), var(--border-default-village-color16));
  background-color: var(--background-contrast-village-color16);

  --idle: transparent;
  --hover: var(--background-contrast-village-color16-hover);
  --active: var(--background-contrast-village-color16-active);
}

.village-callout--village-color17 {
  background-image: linear-gradient(0deg, var(--border-default-village-color17), var(--border-default-village-color17));
  background-color: var(--background-contrast-village-color17);

  --idle: transparent;
  --hover: var(--background-contrast-village-color17-hover);
  --active: var(--background-contrast-village-color17-active);
}

.village-callout--village-color18 {
  background-image: linear-gradient(0deg, var(--border-default-village-color18), var(--border-default-village-color18));
  background-color: var(--background-contrast-village-color18);

  --idle: transparent;
  --hover: var(--background-contrast-village-color18-hover);
  --active: var(--background-contrast-village-color18-active);
}

.village-callout--village-color19 {
  background-image: linear-gradient(0deg, var(--border-default-village-color19), var(--border-default-village-color19));
  background-color: var(--background-contrast-village-color19);

  --idle: transparent;
  --hover: var(--background-contrast-village-color19-hover);
  --active: var(--background-contrast-village-color19-active);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  MODAL
\* ˍˍˍˍˍˍˍˍˍ */
.village-modal {
  border: none;
  color: inherit;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(22, 22, 22, 0.64);

  --ground: 2000;
  z-index: 1750;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0.3s;

  /**
  * Modifier pour fixer la modale en haut en mobile (par defaut en bas)
  */
}

.village-modal > .village-container {
  pointer-events: none;
}

.village-modal:focus {
  outline: none;
}

.village-modal::before {
  content: "";
  display: block;
  width: 0;
  height: 2rem;
  flex: 1 0 2rem;
}

.village-modal::after {
  content: none;
  display: block;
  width: 0;
  height: 2rem;
  flex: 1 0 2rem;
}

.village-modal--top::before {
  content: none;
}

.village-modal--top::after {
  content: "";
}

.village-modal--opened {
  visibility: inherit;
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s, visibility 0.3s;
}

.village-modal__body {
  --modal-max-height: calc(100vh - 2rem);
  pointer-events: all;
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: var(--modal-max-height);
  z-index: calc(var(--ground) + 2000);
  background-color: var(--background-lifted-grey);

  --idle: transparent;
  --hover: var(--background-lifted-grey-hover);
  --active: var(--background-lifted-grey-active);
  filter: drop-shadow(var(--lifted-shadow));
}

.village-modal__header {
  flex: auto 0 0;
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0.5rem;
}

.village-modal__content {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 3.5rem;
}

.village-modal__footer {
  flex: auto 0 0;
  display: flex;
  padding: 1rem;
  margin-top: -2.5rem;
  position: sticky;
  bottom: 0;
  transition: box-shadow 0.3s;
  background-color: var(--background-lifted-grey);

  --idle: transparent;
  --hover: var(--background-lifted-grey-hover);
  --active: var(--background-lifted-grey-active);
}

.village-modal__footer .village-btns-group {
  margin-bottom: -1rem;
  width: calc(100% + 1rem);
}

.village-modal__title {
  --title-spacing: 0 0 1rem 0;
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--text-title-grey);
}

.village-modal__title[class^=village-icon-],
.village-modal__title[class*=" village-icon-"],
.village-modal__title[class^=village-fi-],
.village-modal__title[class*=" village-fi-"] {
  margin-right: 0.5rem;
}

.village-modal__body.village-scroll-divider .village-modal__footer {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

/* ¯¯¯¯¯¯¯¯¯ *\
  NAVIGATION
\* ˍˍˍˍˍˍˍˍˍ */
.village-nav {
  --underline-img: none;
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  --text-spacing: 0;
  --title-spacing: 0;
  margin: 0 auto;
  width: fit-content;
}

.village-nav__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 2rem;
  margin: 0 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--background-contrast-village-secondary);

  --idle: transparent;
  --hover: var(--background-contrast-village-secondary-hover);
  --active: var(--background-contrast-village-secondary-active);
}

.village-nav__list > .village-nav__link,
.village-nav__list > .village-nav__btn,
.village-nav__list > * > .village-nav__link,
.village-nav__list > * > .village-nav__btn {
  font-weight: bold;
}

.village-nav__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 1 auto;
  position: relative;
}

.village-nav__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: 0 -1px 0 0 var(--border-default-grey), inset 0 -1px 0 0 var(--border-default-grey);
}

.village-nav__item .village-btn,
.village-nav__item .village-link {
  min-height: 3rem;
}

.village-nav__link,
.village-nav__btn {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;

  --hover-tint: var(--hover);
  --active-tint: var(--active);
  color: var(--text-action-high-grey);
}

.village-nav__link[aria-current]:not([aria-current=false]),
.village-nav__btn[aria-current]:not([aria-current=false]) {
  position: relative;
  color: var(--text-active-village-primary);
}

.village-nav__link[aria-current]:not([aria-current=false])::before,
.village-nav__btn[aria-current]:not([aria-current=false])::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 1.5rem;
  margin-top: -0.75rem;
  background-color: var(--background-active-village-primary);

  --idle: transparent;
  --hover: var(--background-active-village-primary-hover);
  --active: var(--background-active-village-primary-active);
}

.village-nav__link {
  display: block;
}

.village-nav__link:not([href])[aria-current]:not([aria-current=false]) {
  pointer-events: none;
  cursor: default;
}

.village-nav__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.village-nav__btn::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.5rem;
  margin-right: 0;
  transition: transform 0.3s;
}

.village-nav__btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.village-menu {
  margin: -4px -1rem;
  padding: 4px 1rem;
  width: auto;
}

.village-menu.village-collapsing {
  margin-top: 0;
  padding-top: 0;
}

.village-menu__list {
  margin: 0;
  padding: 0 1rem 1rem;
}

.village-menu .village-nav__link {
  padding-left: 1rem;
  padding-right: 1rem;
}

.village-menu .village-nav__link::before {
  left: 0;
}

.village-mega-menu:focus {
  outline: none;
}

.village-mega-menu > .village-container {
  padding: 0.5rem 1rem 0;
}

.village-mega-menu .village-btn--close {
  display: none;
}

.village-mega-menu .village-nav__link {
  padding-left: 1rem;
  padding-right: 1rem;
}

.village-mega-menu .village-nav__link::before {
  left: 0;
}

.village-mega-menu__leader {
  --underline-img: linear-gradient(0deg, currentColor, currentColor);
  padding-top: 0.5rem;

  --text-spacing: 0 0 0.5rem;
  --title-spacing: 0 0 0.5rem;
}

.village-mega-menu__leader .village-link {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0;
}

.village-mega-menu__leader .village-link::before,
.village-mega-menu__leader .village-link::after {
  --icon-size: 1rem;
}

.village-mega-menu__leader p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-mega-menu__category {
  font-weight: 700;
}

.village-mega-menu__list {
  padding-bottom: 1rem;
  position: relative;
}

.village-mega-menu__list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: 0 1px 0 0 var(--border-default-grey);
}

.village-nav__btn[aria-expanded=true]:not(:disabled) {
  background-color: var(--background-open-village-primary);

  --idle: transparent;
  --hover: var(--background-open-village-primary-hover);
  --active: var(--background-open-village-primary-active);
  color: var(--text-action-high-village-primary);
}

.village-nav__item:first-child::before {
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}

.village-nav__item:last-child::before {
  box-shadow: 0 -1px 0 0 var(--border-default-grey);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SHARE
\* ˍˍˍˍˍˍˍˍˍ */
.village-share {
  display: flex;
  flex-direction: column;

  --text-spacing: 0 0 1rem;
  --title-spacing: 0 0 1rem;
}

.village-share__title {
  font-size: 1rem;
  line-height: 1.5rem;
  order: 1;
}

.village-share__text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  order: 3;
  color: var(--text-mention-grey);
}

.village-share .village-btns-group {
  width: auto;
  order: 2;
}

.village-share .village-btns-group .village-btn {
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  justify-content: flex-start;
}

.village-share .village-btns-group > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before {
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1.5rem;
  content: "";
}

.village-btn--facebook::before {
  -webkit-mask-image: url("icons/logo/facebook-circle-line.svg");
  mask-image: url("icons/logo/facebook-circle-line.svg");
}

.village-btn--linkedin::before {
  -webkit-mask-image: url("icons/logo/linkedin-box-line.svg");
  mask-image: url("icons/logo/linkedin-box-line.svg");
}

.village-btn--mastodon::before {
  -webkit-mask-image: url("icons/logo/mastodon-line.svg");
  mask-image: url("icons/logo/mastodon-line.svg");
}

.village-btn--threads::before {
  -webkit-mask-image: url("icons/logo/threads-line.svg");
  mask-image: url("icons/logo/threads-line.svg");
}

.village-btn--twitter::before {
  -webkit-mask-image: url("icons/logo/twitter-line.svg");
  mask-image: url("icons/logo/twitter-line.svg");
}

.village-btn--twitter-x::before {
  -webkit-mask-image: url("icons/logo/twitter-x-line.svg");
  mask-image: url("icons/logo/twitter-x-line.svg");
}

.village-btn--mail::before {
  -webkit-mask-image: url("icons/business/mail-line.svg");
  mask-image: url("icons/business/mail-line.svg");
}

.village-btn--copy::before {
  -webkit-mask-image: url("icons/business/links-fill.svg");
  mask-image: url("icons/business/links-fill.svg");
}

.village-share__group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
  order: 2;
  display: flex;
}

.village-share__group .village-btn {
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.village-share__group > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-share__link {
  --underline-img: none;
  --hover-tint: var(--hover);
  display: inline-flex;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-share__link--facebook {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share__link--facebook::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/facebook-circle-line.svg");
  mask-image: url("icons/logo/facebook-circle-line.svg");
  content: "";
}

.village-share__link--twitter {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share__link--twitter::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/twitter-line.svg");
  mask-image: url("icons/logo/twitter-line.svg");
  content: "";
}

.village-share__link--linkedin {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share__link--linkedin::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/linkedin-box-line.svg");
  mask-image: url("icons/logo/linkedin-box-line.svg");
  content: "";
}

.village-share__link--mail {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share__link--mail::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/business/mail-line.svg");
  mask-image: url("icons/business/mail-line.svg");
  content: "";
}

.village-share__link--copy {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-share__link--copy::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/business/links-fill.svg");
  mask-image: url("icons/business/links-fill.svg");
  content: "";
}

.village-share .village-btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-share .village-btn:disabled,
.village-share a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-share__link:disabled,
a.village-share__link:not([href]) {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  FOOTER
\* ˍˍˍˍˍˍˍˍˍ */
.village-footer {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  width: 100%;
  padding-top: 2rem;

  /**
   * Conteneur du bloc marque, avec le logo principal et éventuellement
   * un logo opérateur
   */

  /**
   * Hauteur auto pour le logo opérateur
   */
  /**
  * Contenu texte simple
  */

  /**
  * Liste des liens situés en dessous de la partie texte
  */
  /**
  * Catégorie (optionnel)
  */

  /**
  * Style de la liste
  */

  /**
  * Style du lien
  */
  /**
  * Liste de liens avec séparateur
  */

  /**
  * Style du lien de la liste
  */

  /**
  * Copyright
  */
  /**
  * Container des logos partenaires (principaux et secondaires)
  */

  /**
  * Container des logos partenaires principaux
  */

  /**
  * Container des logos partenaires secondaires
  */
  box-shadow: inset 0 2px 0 0 var(--border-plain-village-primary), inset 0 -1px 0 0 var(--border-default-grey);
}

.village-footer__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.village-footer__body + .village-footer__bottom {
  margin-top: 1rem;
}

.village-footer__brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 100%;

  /**
   * Si on ajoute un logo opérateur à côté du logo principal, on lui applique une marge à gauche
   * On prévoit que le logo soit encapsulé dans un <a>, ou bien directement en img ou en svg
   * (Eventuellement prévoir une classe pour pouvoir le mettre en background image)
   */
}

.village-footer__brand .village-logo {
  font-size: 1.05rem;
  padding: 1rem;
  margin: -1rem;
}

.village-footer__brand .village-logo::before {
  width: 2.75rem;
  height: 1rem;
  margin-bottom: 0.3333333333rem;
  background-size: 2.75rem 1.125rem, 2.75rem 1rem, 0;
  background-position: 0 -0.0625rem, 0 0, 0 0;
}

:root[data-village-mourning] .village-footer__brand .village-logo::before {
  background-size: 2.75rem 1.125rem, 0, 2.75rem 1rem;
}

.village-footer__brand .village-logo::after {
  min-width: 2.625rem;
  background-size: 5.25rem 3.75rem;
  background-position: 0 calc(100% + 1.875rem);
  padding-top: 2.2083333333rem;
}

[data-village-theme=dark] .village-footer__brand .village-logo::after {
  background-position: -2.625rem 100%;
}

.village-footer__brand-link {
  display: flex;
  flex-direction: row;

  --external-link-content: none;
}

.village-footer__brand .village-logo + .village-footer__brand-link {
  margin-left: 1.5rem;
}

.village-footer__logo {
  height: auto;
  max-height: 100%;
}

/**
 * La partie "content" représente les informations sous forme de texte rajoutées dans le footer
 * ainsi que les éventuels liens simples
 */

.village-footer__content {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin-top: 1.5rem;
}

.village-footer__content-desc {
  --underline-img: linear-gradient(0deg, currentColor, currentColor);
  --text-spacing: 0 0 0 0;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-footer__content-list {
  display: flex;
  flex-direction: row;
  align-self: center;
  margin-bottom: -0.5rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.village-footer__content-list > li {
  margin-right: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.village-footer__content-list > li::before {
  content: none;
}

.village-footer__content-list > li:last-child {
  margin-right: 0;
}

.village-footer__content-link {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--text-default-grey);
}

.village-footer__content-link:not(:hover):not(:active) {
  --underline-idle-width: 0;
}

/**
 * La partie "top" du footer est constituée de colonnes basées sur le système de grille du Design System
 * Ces colonnes sont constituées d’une catégorie (optionnel) et d'une liste verticale de liens
 */

.village-footer__top {
  display: flex;
  margin: -1.875rem 0 1.5rem;
  padding: 2rem 0 1.25rem;
  background-color: var(--background-alt-grey);

  --idle: transparent;
  --hover: var(--background-alt-grey-hover);
  --active: var(--background-alt-grey-active);
}

.village-footer__top-cat {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
  font-weight: 700;
  text-align: left;
  color: var(--text-title-grey);
}

.village-footer__top-list {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0;
}

.village-footer__top-list li {
  margin-bottom: 0.75rem;
}

.village-footer__top-link {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.village-footer__top-link:not(:hover):not(:active) {
  --underline-idle-width: 0;
}

/**
 * La partie "bottom" du footer est constituée d'une liste de liens simples (ferrée à gauche)
 * ainsi que du copyright (ferré à droite)
 */

.village-footer__bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-footer__bottom .village-btn {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.25rem;
  padding: 0 0.5rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  display: inline;
  color: var(--text-mention-grey);
}

.village-footer__bottom .village-btn::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-footer__bottom-list {
  padding: 0.5rem 0;
  width: 100%;
  margin: 0;
}

.village-footer__bottom-item {
  position: relative;
  margin: 0.5rem 0 0 0.25rem;
  display: inline;
}

.village-footer__bottom-item::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 1px;
  height: 1rem;
  margin-right: 0.25rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-footer__bottom-item:first-child {
  margin: 0.5rem 0 0;
}

.village-footer__bottom-item:first-child::before {
  content: none;
}

.village-footer__bottom-link {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--text-mention-grey);
}

.village-footer__bottom-link:not(:hover):not(:active) {
  --underline-idle-width: 0;
}

.village-footer__bottom-copy {
  --text-spacing: 0 0 1rem 0;
  margin-top: 0.5rem;
  color: var(--text-mention-grey);
}

.village-footer__bottom-copy * {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

/**
 * La partie "partners" du footer est constituée de logos organisés
 * en partenaires principaux (ferré à gauche) et secondaires (ferrés à droite)
 */

.village-footer__partners {
  margin-top: 1rem;
  padding-top: 1rem;

  /**
  * On surcharge le style du logo de base
  */
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-footer__partners a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.village-footer__partners .village-footer__logo {
  width: auto;
  height: auto;
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-footer__partners + .village-footer__bottom {
  margin-top: 0.5rem;
}

.village-footer__partners-title {
  --title-spacing: 0 0 0.75rem 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  flex-basis: 100%;
  text-align: center;
  color: var(--text-default-grey);
}

.village-footer__partners-link {
  --external-link-content: none;
}

.village-footer__partners-logos {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 -0.5rem 0;
}

.village-footer__partners-main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2rem;
}

.village-footer__partners-sub {
  margin-bottom: 0.5rem;

  /**
  * On surcharge le style du lien pour les logos secondaires
  */
}

.village-footer__partners-sub,
.village-footer__partners-sub > ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}

.village-footer__partners-sub > li:first-child,
.village-footer__partners-sub > ul > li:first-child {
  margin-left: 0;
}

.village-footer__partners-sub .village-footer__partners-link {
  margin-bottom: 1rem;
}

.village-footer__partners .village-footer__partners-link,
.village-footer__partners .village-footer__partners-link:hover,
.village-footer__partners .village-footer__partners-link:active {
  background: #fff;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TILE
\* ˍˍˍˍˍˍˍˍˍ */
.village-tile {
  position: relative;
  display: flex;
  flex-direction: column;

  --text-spacing: 0;
  --title-spacing: 0 0 0.25rem;
  background-size: 100% 1px, 1px 100%, 1px 100%, 100% 1px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0 100%, 0 0, 100% 0, 100% 0;
  padding: 2rem 2rem 2.25rem;
  text-align: center;
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-grid-row .village-tile {
  height: 100%;
}

.village-tile.village-enlarge-link:hover .village-tile__pictogram {
  --brightness: calc(100% + var(--brighten) * 10%);
}

.village-tile.village-enlarge-link:active .village-tile__pictogram {
  --brightness: calc(100% + var(--brighten) * 20%);
}

.village-tile__header {
  order: 1;
  margin-bottom: 1rem;
}

.village-tile__pictogram {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  overflow: hidden;
}

.village-tile__pictogram > svg {
  width: 100%;
  height: 100%;
}

.village-tile__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.village-tile__body {
  height: 100%;
  order: 2;
  flex: 1 1 auto;
}

.village-tile.village-enlarge-link .village-tile__title a::before,
.village-tile.village-enlarge-link .village-tile__title a::after {
  --icon-size: 1.5rem;
  position: absolute;
  right: 2rem;
  bottom: 2.25rem;
}

.village-tile--no-icon .village-tile__title a:not([target=_blank])::after,
.village-tile:not(.village-enlarge-link):not(.village-tile--download) .village-tile__title a:not([target=_blank])::after {
  content: none;
}

.village-tile__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  order: 2;
  color: var(--text-title-grey);
}

.village-tile__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-position: 0 100%;
  background-size: 100% 0.25rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey));
}

.village-tile__title a::before {
  background-position: 0 100%;
  background-size: 100% 0.25rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-active-village-primary), var(--border-active-village-primary));
}

.village-tile__title a::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-right-line.svg");
  mask-image: url("icons/system/arrow-right-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: 0.5rem;
}

.village-tile__title [target=_blank]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/external-link-line.svg");
  mask-image: url("icons/system/external-link-line.svg");
  --icon-size: 1rem;
  content: "";
}

.village-tile__desc {
  font-size: 1rem;
  line-height: 1.5rem;
  flex: 1 1 auto;
  order: 3;
}

.village-tile__start {
  order: 1;
  margin-bottom: 0.75rem;
}

.village-tile__start .village-badges-group,
.village-tile__start .village-tags-group {
  margin-bottom: -0.5rem;
}

.village-tile__detail {
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 0;
  margin-top: 0.75rem;
  order: 4;
}

.village-tile__detail[class^=village-icon-]::before,
.village-tile__detail[class*=" village-icon-"]::before,
.village-tile__detail[class^=village-fi-]::before,
.village-tile__detail[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-right: 0.5rem;
}

.village-tile.village-enlarge-link:not(.village-tile--no-icon) .village-tile__content {
  padding-bottom: 2.5rem;
}

.village-tile--sm {
  padding: 1.5rem 1.5rem 1.75rem;
}

.village-tile--sm .village-badge {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.125rem;
  padding: 0 0.375rem;
}

.village-tile--sm .village-badge::before,
.village-tile--sm .village-badge::after {
  --icon-size: 0.75rem;
}

.village-tile--sm .village-tag {
  font-size: 0.75rem;
  line-height: 1.25rem;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.75rem;
}

.village-tile--sm .village-tag::before,
.village-tile--sm .village-tag::after {
  --icon-size: 0.75rem;
}

.village-tile--sm .village-tile__title {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}

.village-tile--sm .village-tile__title a::after {
  --icon-size: 1rem;
}

.village-tile--sm .village-tile__desc {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-tile--sm .village-tile__start {
  margin-bottom: 0.5rem;
}

.village-tile--sm .village-tile__pictogram {
  width: 3.5rem;
  height: 3.5rem;
}

.village-tile--sm.village-tile--horizontal .village-tile__header {
  margin-right: 1.5rem;
}

.village-tile--sm.village-tile--horizontal .village-tile__pictogram {
  width: 2.5rem;
  height: 2.5rem;
}

.village-tile--sm.village-enlarge-link:not(.village-tile--no-icon) .village-tile__title a::after {
  --icon-size: 1rem;
  position: absolute;
  right: 1.5rem;
  bottom: 1.75rem;
}

.village-tile--sm.village-enlarge-link:not(.village-tile--no-icon) .village-tile__content {
  padding-bottom: 2rem;
}

.village-tile--horizontal,
.village-tile--download {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.village-tile--horizontal .village-tile__header,
.village-tile--download .village-tile__header {
  margin-right: 2rem;
  margin-bottom: 0;
}

.village-tile--horizontal .village-tile__pictogram,
.village-tile--download .village-tile__pictogram {
  width: 4rem;
  height: 4rem;
}

.village-tile--horizontal .village-tile__content,
.village-tile--download .village-tile__content {
  align-items: flex-start;
}

.village-tile--horizontal:not(.village-tile--no-icon) .village-tile__detail,
.village-tile--download:not(.village-tile--no-icon) .village-tile__detail {
  padding-right: 2rem;
  margin-bottom: -2.5rem;
  margin-top: 1.25rem;
}

.village-tile--horizontal:not(.village-tile--no-icon) .village-tile__content,
.village-tile--download:not(.village-tile--no-icon) .village-tile__content {
  padding-bottom: 2.5rem;
}

.village-tile--horizontal:not(.village-tile--no-icon).village-tile--sm .village-tile__detail,
.village-tile--download:not(.village-tile--no-icon).village-tile--sm .village-tile__detail {
  padding-right: 2rem;
  margin-bottom: -2rem;
  margin-top: 0.75rem;
}

.village-tile--horizontal:not(.village-tile--no-icon).village-tile--sm .village-tile__content,
.village-tile--download:not(.village-tile--no-icon).village-tile--sm .village-tile__content {
  padding-bottom: 2rem;
}

.village-tile.village-tile--download .village-tile__title a::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/download-line.svg");
  mask-image: url("icons/system/download-line.svg");
  content: "";
}

.village-tile:not(.village-tile--no-border):not(.village-tile--shadow) {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

.village-tile--grey {
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-tile--shadow {
  z-index: calc(var(--ground) + 500);
  background-color: var(--background-raised-grey);

  --idle: transparent;
  --hover: var(--background-raised-grey-hover);
  --active: var(--background-raised-grey-active);
  filter: drop-shadow(var(--raised-shadow));
}

.village-tile--shadow.village-tile--grey {
  background-color: var(--background-contrast-raised-grey);

  --idle: transparent;
  --hover: var(--background-contrast-raised-grey-hover);
  --active: var(--background-contrast-raised-grey-active);
}

.village-tile--no-background {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-tile__title:disabled,
a.village-tile__title:not([href]) {
  color: var(--text-disabled-grey);
  background-color: var(--background-disabled-grey);

  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
}

.village-tile__title a {
  color: var(--text-action-high-village-primary);
}

.village-tile__title a:not([href]) {
  color: var(--text-disabled-grey);
}

.village-tile__title a:not([href])::before {
  background-image: linear-gradient(0deg, var(--border-disabled-grey), var(--border-disabled-grey));
}

.village-tile__img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1.5rem;
  overflow: hidden;
  filter: brightness(var(--brightness));
}

.village-tile__img > svg {
  width: 100%;
  height: 100%;
}

.village-tile__body > .village-tile__desc {
  padding-bottom: 2.5rem;
}

.village-tile--horizontal .village-tile__img {
  width: 3rem;
  height: 3rem;
  margin: 0 1.5rem 0 0;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TRANSLATE
\* ˍˍˍˍˍˍˍˍˍ */
.village-translate {
  --rows: 8;
  position: relative;
}

.village-translate .village-translate__btn {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  font-weight: 500;
  min-height: 3rem;
  width: 100%;
}

.village-translate .village-translate__btn::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/editor/translate-2.svg");
  mask-image: url("icons/editor/translate-2.svg");
  content: "";
}

.village-translate .village-translate__btn::after {
  transition: transform 0.3s;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  --icon-size: 1rem;
  content: "";
  margin-left: auto;
}

.village-translate .village-translate__btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.village-translate__language {
  white-space: nowrap;
}

.village-translate__language[aria-current]:not([aria-current=false]) {
  display: none;
}

.village-translate__menu {
  margin: 0;
}

.village-translate .village-nav__item::before {
  content: none;
}

.village-translate .village-menu__list {
  width: auto;
  padding: 0;
}

.village-translate .village-translate__btn[aria-expanded=true] {
  color: var(--text-active-village-primary);
  background-color: var(--background-open-village-primary);

  --idle: transparent;
  --hover: var(--background-open-village-primary-hover);
  --active: var(--background-open-village-primary-active);
}

.village-translate .village-translate__btn[aria-expanded=true]:hover {
  background-color: var(--hover-tint);
}

.village-translate .village-translate__btn[aria-expanded=true]:active {
  background-color: var(--active-tint);
}

.village-translate__menu .village-translate__language {
  box-shadow: none;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  TRANSCRIPTION
\* ˍˍˍˍˍˍˍˍˍ */
.village-transcription {
  position: relative;
  width: 100%;
}

.village-transcription::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-transcription__btn {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 3rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0.75rem 1rem;
  color: var(--text-action-high-village-primary);
}

.village-transcription__btn::before,
.village-transcription__btn::after {
  display: block;
}

.village-transcription__btn::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.25rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  content: "";
  margin-right: 0;
  margin-left: auto;
  transition: transform 0.3s;
}

.village-transcription__btn::before {
  content: none;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/media/align-left.svg");
  mask-image: url("icons/media/align-left.svg");
  --icon-size: 1rem;
  content: "";
  margin-right: 0.5rem;
}

.village-transcription__btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.village-transcription__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-transcription__footer {
  position: relative;
  padding: 0.75rem 1rem;
  margin: 0;
}

.village-transcription__footer::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-transcription__actions-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.village-transcription__actions-group > li,
.village-transcription__actions-group > div {
  width: 100%;
  max-width: 100%;
}

.village-transcription__actions-group .village-btn {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 1rem;
  justify-content: center;
  width: auto;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
  margin-bottom: 0;
  margin-right: 0;
}

.village-transcription__actions-group > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-transcription__actions-group .village-btn::after {
  content: "";

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
}

.village-transcription__actions-group .village-btn::before {
  content: none;
}

.village-transcription__actions-group .village-link {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0;
}

.village-transcription__actions-group .village-link::before,
.village-transcription__actions-group .village-link::after {
  --icon-size: 1rem;
}

.village-transcription__actions-group > *:not(:first-child) {
  margin-left: 1rem;
}

.village-transcription .village-collapse {
  display: flex;
  flex-direction: column-reverse;
}

.village-transcription .village-collapse--expanded {
  margin: 0 0.0625rem;
}

.village-transcription .village-modal:not(.village-modal--opened) {
  visibility: inherit;
  opacity: inherit;
  background-color: inherit;
  position: relative;
  z-index: auto;
}

.village-transcription .village-modal:not(.village-modal--opened)::after {
  content: none;
}

.village-transcription .village-modal:not(.village-modal--opened)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-transcription .village-modal:not(.village-modal--opened) > .village-container {
  padding: 0.0625rem 0;
}

.village-transcription .village-modal:not(.village-modal--opened) > .village-container > .village-grid-row {
  display: inherit;
}

.village-transcription .village-modal:not(.village-modal--opened) > .village-container > .village-grid-row > [class^=village-col-],
.village-transcription .village-modal:not(.village-modal--opened) > .village-container > .village-grid-row > [class*=" village-col-"],
.village-transcription .village-modal:not(.village-modal--opened) > .village-container > .village-grid-row > .village-col {
  flex: inherit;
  width: inherit;
  max-width: inherit;
}

.village-transcription .village-modal:not(.village-modal--opened) .village-modal__body {
  filter: inherit;
  max-height: inherit;
  background-color: inherit;
}

.village-transcription .village-modal:not(.village-modal--opened) .village-modal__header {
  display: none;
}

.village-transcription .village-modal:not(.village-modal--opened) .village-modal__content {
  --transcription-max-height: 9.5rem;
  overflow-y: auto;
  max-height: var(--transcription-max-height);
  margin: 0;
  padding: 1rem;
}

.village-transcription .village-modal:not(.village-modal--opened) .village-modal__title {
  display: none;
}

.village-transcription .village-modal--opened .village-transcription__footer {
  display: none;
}

.village-transcription__btn[aria-expanded=true] {
  background-color: var(--background-open-village-primary);

  --idle: transparent;
  --hover: var(--background-open-village-primary-hover);
  --active: var(--background-open-village-primary-active);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  INPUT
\* ˍˍˍˍˍˍˍˍˍ */
.village-input {
  display: block;
  width: 100%;
  border-radius: 0.25rem 0.25rem 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-default-grey);
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
  box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
}

.village-input:not(textarea) {
  max-height: 2.5rem;
}

.village-input::placeholder {
  opacity: 1;
  font-style: italic;
  color: var(--text-mention-grey);
}

.village-input::-webkit-contacts-auto-fill-button {
  cursor: pointer;
  background-color: var(--text-label-grey);

  --idle: transparent;
  --hover: var(--text-label-grey-hover);
  --active: var(--text-label-grey-active);
}

.village-input[type=date] {
  min-height: 2.5rem;
}
@supports selector(::-webkit-calendar-picker-indicator) {
  .village-input[type=date] {
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) 50%;
    background-size: 1rem 1rem;
    padding-right: 3rem;
    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23161616' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
    background-image: var(--data-uri-svg);
  }

  .village-input[type=date]::-webkit-calendar-picker-indicator {
    display: block;
    padding: 1rem;
    margin-right: -2.5rem;
    opacity: 0;
  }
}

.village-input-wrap {
  position: relative;
  display: block;
}

.village-input-wrap[class^=village-icon-] .village-input,
.village-input-wrap[class*=" village-icon-"] .village-input,
.village-input-wrap[class^=village-fi-] .village-input,
.village-input-wrap[class*=" village-fi-"] .village-input {
  padding-right: 3rem;
}

.village-input-wrap[class^=village-icon-]::before,
.village-input-wrap[class*=" village-icon-"]::before,
.village-input-wrap[class^=village-fi-]::before,
.village-input-wrap[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  bottom: 0.75rem;
  margin: auto;
  pointer-events: none;
}

.village-input-wrap--addon,
.village-input-wrap--action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.village-input-wrap--addon > *:first-child:not(:last-child) {
  border-radius: 0.25rem 0 0 0;
}

.village-input-wrap--addon > *:last-child:not(:first-child) {
  border-radius: 0 0.25rem 0 0;
}

.village-input-wrap--action .village-btn {
  margin-left: 1rem;
}

.village-input-wrap + .village-hint-text {
  margin-top: 1rem;
}

.village-input-group {
  position: relative;
}

.village-input-group .village-message:first-child {
  margin-top: 1rem;
}

.village-input-group--valid::before,
.village-input-group--error::before,
.village-input-group--info::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -0.75rem;
  bottom: 0;
  left: -0.75rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 0.125rem 100%;
}

textarea.village-input {
  min-height: 3.75rem;
}

.village-input:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}

.village-input:autofill,
.village-input:autofill:hover,
.village-input:autofill:focus,
.village-input:-webkit-autofill,
.village-input:-webkit-autofill:hover,
.village-input:-webkit-autofill:focus {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), inset 0 0 0 1000px var(--background-contrast-info);
  -webkit-text-fill-color: var(--text-label-grey);
}
@supports selector(::-webkit-calendar-picker-indicator) {

  :root[data-village-theme=dark] .village-input[type=date] {
    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23fff' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
  }

  .village-input[type=date]:disabled {
    color: var(--text-disabled-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);

    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23929292' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
    background-image: var(--data-uri-svg);
  }

  :root[data-village-theme=dark] .village-input[type=date]:disabled {
    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23666' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
  }
}

.village-input-wrap--addon > .village-input:not(:last-child) {
  box-shadow: inset 0 -2px 0 0 var(--border-action-high-village-primary);
}

.village-fieldset--valid .village-input,
.village-fieldset--valid .village-input-wrap--addon > .village-input:not(:last-child),
.village-input-group--valid .village-input,
.village-input-group--valid .village-input-wrap--addon > .village-input:not(:last-child) {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}

.village-fieldset--error .village-input,
.village-fieldset--error .village-input-wrap--addon > .village-input:not(:last-child),
.village-input-group--error .village-input,
.village-input-group--error .village-input-wrap--addon > .village-input:not(:last-child) {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}

.village-input-group--error::before {
  background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.village-input-group--valid::before {
  background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.village-input-group--info::before {
  background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

/* ¯¯¯¯¯¯¯¯¯ *\
  SEARCH
\* ˍˍˍˍˍˍˍˍˍ */
.village-search-bar {
  display: flex;
  flex-direction: row;
}

.village-search-bar .village-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
}

.village-search-bar .village-input {
  margin: 0;
  border-radius: 0.25rem 0 0;
  max-height: 2.5rem;
  box-shadow: inset 0 -2px 0 0 var(--border-action-high-village-primary);
}

.village-search-bar .village-input::placeholder {
  font-style: italic;
}

.village-search-bar .village-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  --data-uri-svg: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23161616" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>');
  background-image: var(--data-uri-svg);
}

.village-search-bar .village-btn {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  flex: 1 0 auto;
  border-radius: 0 0.25rem 0 0;
}

.village-search-bar .village-btn::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/search-line.svg");
  mask-image: url("icons/system/search-line.svg");
  content: "";
}

.village-search-bar .village-input--valid {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}

.village-search-bar .village-input--error {
  box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}

:root[data-village-theme=dark] .village-search-bar .village-input::-webkit-search-cancel-button {
  --data-uri-svg: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23fff" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>');
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CONTENT
\* ˍˍˍˍˍˍˍˍˍ */
.village-content-media {
  width: 100%;
  margin: 2.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;

  --text-spacing: 0;
  --title-spacing: 0;
}

.village-content-media__img {
  width: 100%;
}

.village-content-media [class^=village-responsive-img],
.village-content-media [class*=" village-responsive-img"],
.village-content-media [class^=village-responsive-vid],
.village-content-media [class*=" village-responsive-vid"] {
  aspect-ratio: 1.7777777778;
}

.village-content-media__caption {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.village-content-media__caption .village-link {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0 0;
  margin-right: auto;
}

.village-content-media__caption .village-link::before,
.village-content-media__caption .village-link::after {
  --icon-size: 0.75rem;
}

.village-content-media .village-transcription {
  margin-top: 1.5rem;
}

.village-content-media--sm .village-content-media__img,
.village-content-media--sm .village-responsive-vid {
  width: 83.3333333333%;
}

.village-content-media--lg .village-content-media__img,
.village-content-media--lg .village-responsive-vid {
  width: 116.6666666667%;
  max-width: 100vw;
}

.village-content-media__transcription .village-link {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;

  --underline-img: none;
  --hover-tint: var(--hover);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-content-media__transcription .village-link::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/menu-2-fill.svg");
  mask-image: url("icons/system/menu-2-fill.svg");
  content: "";
}

.village-content-media__transcription .village-link::before {
  content: none;
}

.village-content-media__caption,
.village-content-media .village-link {
  color: var(--text-mention-grey);
}

.village-content-media__transcription .village-link:disabled,
.village-content-media__transcription a.village-link:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  CONSENT MAIN
\* ˍˍˍˍˍˍˍˍˍ */
.village-consent-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  text-align: center;

  --text-spacing: 0 0 1.5rem;
  --title-spacing: 0 0 0.5rem;
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

.village-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: calc(100% - 8rem);
  padding: 1rem;
  overflow: auto;

  --text-spacing: 0 0 1rem;
  --title-spacing: 0 0 1rem;
  z-index: calc(var(--ground) + 1500);
  background-color: var(--background-alt-overlap-grey);

  --idle: transparent;
  --hover: var(--background-alt-overlap-grey-hover);
  --active: var(--background-alt-overlap-grey-active);
  filter: drop-shadow(var(--overlap-shadow));
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-consent-banner__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.village-consent-banner__buttons {
  margin-top: 1.5rem;
  margin-bottom: -1rem;
}

.village-consent-service {
  position: relative;
}

.village-consent-service > .village-fieldset {
  padding: 0 0 1.25rem;
  margin: 0;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: initial;
}

.village-consent-service:last-child > .village-fieldset {
  padding: 2rem 0 1rem;
}

.village-consent-service:last-child > .village-fieldset .village-consent-service > .village-fieldset:last-child {
  margin-bottom: 0;
}

.village-consent-service__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 2rem 0 0.75rem;
  margin: 0;
  color: var(--text-title-grey);
}

.village-consent-service__desc {
  font-size: 0.875rem;
  line-height: 1.5rem;

  --text-spacing: 0.75rem 0 0.5rem 0;
}

.village-consent-service__collapse {
  margin-top: -0.25rem;
  margin-bottom: 0.75rem;
  width: 100%;
}

.village-consent-service__collapse .village-consent-service__collapse-btn {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-consent-service__collapse .village-consent-service__collapse-btn::after {

  --icon-size: 1rem;
  margin-right: -0.125rem;
  margin-left: 0.25rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/arrow-down-s-line.svg");
  mask-image: url("icons/system/arrow-down-s-line.svg");
  content: "";
}

.village-consent-service__collapse .village-consent-service__collapse-btn::before {
  content: none;
}

.village-consent-service__radios {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.village-consent-service .village-radio-group {
  position: relative;
}

.village-consent-service .village-radio-group:not(:last-child) {
  margin-right: 3rem;
}

.village-consent-service .village-radio-group:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.5rem;
  position: absolute;
  top: 0;
  left: calc(-1.5rem - 1px);
}

.village-consent-service .village-consent-service__collapse-btn {
  --text-spacing: 0;
  --title-spacing: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  background: transparent;
  padding: 0 0.25rem 0 0;
  color: inherit;

  --hover-tint: var(--idle);
  --active-tint: var(--idle);
  background-image: var(--underline-img), var(--underline-img);
  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
  background-repeat: no-repeat, no-repeat;
  transition: background-size 0s;
  background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
  color: var(--text-action-high-village-primary);
}

.village-consent-service .village-consent-service__collapse-btn::before,
.village-consent-service .village-consent-service__collapse-btn::after {
  display: block;
}

.village-consent-service .village-consent-service__collapse-btn:hover,
.village-consent-service .village-consent-service__collapse-btn:active {
  --underline-hover-width: var(--underline-max-width);
}

.village-consent-service .village-consent-service__collapse-btn::after {
  margin-right: -1.25rem;
  transition: transform 0.3s;
}

.village-consent-service .village-consent-service__collapse-btn[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.village-consent-services {
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  width: 100%;
}

.village-consent-services .village-consent-service > .village-fieldset,
.village-consent-services .village-consent-service:last-child > .village-fieldset {
  padding: 0;
}

.village-consent-services .village-consent-service:last-child > .village-fieldset {
  margin-bottom: 1.25rem;
}

.village-consent-services .village-consent-service__title {
  padding-top: 0.75rem;
}

.village-consent-services .village-consent-service__radios {
  top: 0;
}

.village-consent-services .village-consent-service__desc {
  --text-spacing: 0.25rem 0 0.75rem 0;
}

.village-consent-manager__header {
  padding-top: 0;
}

.village-consent-manager__header .village-consent-service__title {
  width: 100%;
  padding: 0 0 0.75rem 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.village-consent-manager__header .village-consent-service__radios {
  width: 100%;
  justify-content: flex-start;
  top: 0;
  position: initial;
}

.village-consent-manager__buttons {
  margin-bottom: -3rem;
  margin-top: 1rem;
}

.village-consent-manager__header,
.village-consent-service {
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
  color: var(--text-default-grey);
}

.village-consent-manager__header .village-radio-group + .village-radio-group::before,
.village-consent-service .village-radio-group + .village-radio-group::before {
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-consent-service:last-of-type,
.village-consent-service .village-consent-service {
  box-shadow: none;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  FOLLOW
\* ˍˍˍˍˍˍˍˍˍ */

/**
* Mixin d'ajout des icones des réseaux sociaux
**/

/**
* Mixin d'ajout des icones des réseaux sociaux
**/
.village-follow {
  padding: 1.5rem 0;

  --title-spacing: 0 0 0.5rem;
  --text-spacing: 0 0 1rem;
  background-color: var(--background-alt-village-primary);

  --idle: transparent;
  --hover: var(--background-alt-village-primary-hover);
  --active: var(--background-alt-village-primary-active);
}

.village-follow__newsletter .village-input-group {
  margin-bottom: 1rem;
}

.village-follow__newsletter .village-hint-text {
  margin-bottom: 0;
}

.village-follow__newsletter .village-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
  display: block;
}

.village-follow__newsletter .village-input-wrap {
  display: flex;
  flex-direction: column;
  max-width: 37.5rem;
  margin-top: 0;
}

.village-follow__newsletter .village-input-wrap .village-input {
  margin-bottom: 1rem;
  margin-top: 0;
  border-radius: 0.25rem 0.25rem 0 0;
}

.village-follow__newsletter .village-input-wrap .village-btn {
  justify-content: center;
  width: 100%;
  border-radius: 0;
}

.village-follow__newsletter .village-messages-group {
  margin-top: 1rem;
}

.village-follow__social {
  --text-spacing: 0 0 0.75rem;
  --title-spacing: 0 0 0.75rem;
}

.village-follow__social .village-btns-group {
  margin-bottom: -1rem;
  width: auto;
}

.village-follow__social .village-btns-group .village-btn {
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  justify-content: flex-start;
}

.village-follow__social .village-btns-group > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-follow__social .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-follow__social .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before {
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 1.5rem;
  content: "";
}

.village-follow__social .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 3rem;
  max-height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-follow__social .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before {
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --icon-size: 2rem;
  content: "";
}

.village-follow .village-grid-row > *:not(:first-child) {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  box-shadow: 0 -1px 0 0 var(--border-default-village-primary);
}

.village-follow .village-btn--dailymotion::before {
  -webkit-mask-image: url("icons/logo/village--dailymotion-fill.svg");
  mask-image: url("icons/logo/village--dailymotion-fill.svg");
}

.village-follow .village-btn--facebook::before {
  -webkit-mask-image: url("icons/logo/facebook-circle-fill.svg");
  mask-image: url("icons/logo/facebook-circle-fill.svg");
}

.village-follow .village-btn--github::before {
  -webkit-mask-image: url("icons/logo/github-fill.svg");
  mask-image: url("icons/logo/github-fill.svg");
}

.village-follow .village-btn--instagram::before {
  -webkit-mask-image: url("icons/logo/instagram-fill.svg");
  mask-image: url("icons/logo/instagram-fill.svg");
}

.village-follow .village-btn--linkedin::before {
  -webkit-mask-image: url("icons/logo/linkedin-box-fill.svg");
  mask-image: url("icons/logo/linkedin-box-fill.svg");
}

.village-follow .village-btn--mastodon::before {
  -webkit-mask-image: url("icons/logo/mastodon-fill.svg");
  mask-image: url("icons/logo/mastodon-fill.svg");
}

.village-follow .village-btn--snapchat::before {
  -webkit-mask-image: url("icons/logo/snapchat-fill.svg");
  mask-image: url("icons/logo/snapchat-fill.svg");
}

.village-follow .village-btn--telegram::before {
  -webkit-mask-image: url("icons/logo/telegram-fill.svg");
  mask-image: url("icons/logo/telegram-fill.svg");
}

.village-follow .village-btn--threads::before {
  -webkit-mask-image: url("icons/logo/threads-fill.svg");
  mask-image: url("icons/logo/threads-fill.svg");
}

.village-follow .village-btn--tiktok::before {
  -webkit-mask-image: url("icons/logo/village--tiktok-fill.svg");
  mask-image: url("icons/logo/village--tiktok-fill.svg");
}

.village-follow .village-btn--twitch::before {
  -webkit-mask-image: url("icons/logo/twitch-fill.svg");
  mask-image: url("icons/logo/twitch-fill.svg");
}

.village-follow .village-btn--twitter::before {
  -webkit-mask-image: url("icons/logo/twitter-fill.svg");
  mask-image: url("icons/logo/twitter-fill.svg");
}

.village-follow .village-btn--twitter-x::before {
  -webkit-mask-image: url("icons/logo/twitter-x-fill.svg");
  mask-image: url("icons/logo/twitter-x-fill.svg");
}

.village-follow .village-btn--vimeo::before {
  -webkit-mask-image: url("icons/logo/vimeo-fill.svg");
  mask-image: url("icons/logo/vimeo-fill.svg");
}

.village-follow .village-btn--youtube::before {
  -webkit-mask-image: url("icons/logo/youtube-fill.svg");
  mask-image: url("icons/logo/youtube-fill.svg");
}

.village-follow .village-links-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  margin: 0 -1rem -1rem -1rem;
  width: auto;
  display: flex;
  flex-wrap: wrap;
}

.village-follow .village-links-group .village-btn {
  width: auto;
  max-width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.village-follow .village-links-group > li {
  display: inline-flex;
  max-width: 100%;
  width: auto;
}

.village-follow .village-valid-text,
.village-follow .village-error-text {
  margin-top: 1rem;
}

.village-follow .village-hint-text {
  margin-top: 1rem;
}

.village-follow__social .village-link {
  --underline-img: none;
  --hover-tint: var(--hover);
  display: inline-flex;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-follow__social .village-link::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-follow__social .village-links-group--lg .village-link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 3rem;
  max-height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-follow__social .village-links-group--lg .village-link::before {
  --icon-size: 2rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-follow .village-link--facebook::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/facebook-circle-fill.svg");
  mask-image: url("icons/logo/facebook-circle-fill.svg");
  content: "";
}

.village-follow .village-link--twitter::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/twitter-fill.svg");
  mask-image: url("icons/logo/twitter-fill.svg");
  content: "";
}

.village-follow .village-link--instagram::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/instagram-fill.svg");
  mask-image: url("icons/logo/instagram-fill.svg");
  content: "";
}

.village-follow .village-link--linkedin::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/linkedin-box-fill.svg");
  mask-image: url("icons/logo/linkedin-box-fill.svg");
  content: "";
}

.village-follow .village-link--youtube::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/logo/youtube-fill.svg");
  mask-image: url("icons/logo/youtube-fill.svg");
  content: "";
}

.village-follow .village-input {
  background-color: var(--background-default-grey);

  --idle: transparent;
  --hover: var(--background-default-grey-hover);
  --active: var(--background-default-grey-active);
}

.village-follow__title {
  color: var(--text-title-grey);
}

.village-follow__newsletter-legal {
  color: var(--text-mention-grey);
}

.village-follow__social .village-btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-follow__social .village-btn:disabled,
.village-follow__social a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-follow__social .village-link:disabled,
.village-follow__social a.village-link:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  Password
\* ˍˍˍˍˍˍˍˍˍ */
.village-password {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  --text-spacing: 0 0 0.5rem 0;
}

.village-password [data-village-capslock] .village-password__input {
  padding-right: 3rem;
}

.village-password [data-village-capslock]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/></svg>");
  background-image: var(--data-uri-svg);
}

.village-password__checkbox {
  order: -1;
  flex: 0;
  align-self: flex-end;
  margin-left: auto;
  padding-left: 0.5rem;
}

.village-password__checkbox .village-label {
  text-wrap: nowrap;
}

.village-password .village-input-wrap {
  flex: 1 0 100%;
}

.village-password__input {
  margin-bottom: 0.75rem;
}

.village-password__input::-webkit-caps-lock-indicator {
  content: none;
}

.village-password__input::-ms-reveal {
  display: none;
}

.village-password > .village-label {
  order: -1;
  flex: 1;
  min-width: 50%;
}

.village-password .village-message:first-child {
  --comma: " ";
}

.village-password .village-message--valid[data-village-valid] {
  --content: " - "attr(data-village-valid) var(--comma);
}

.village-password .village-message--error[data-village-error] {
  --content: " - "attr(data-village-error) var(--comma);
}

.village-password__btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-password__btn:disabled,
a.village-password__btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

:root[data-village-theme=dark] .village-password [data-village-capslock]::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/></svg>");
}

.village-password .village-password__checkbox input[type=checkbox] + label {
  color: var(--text-label-grey);
}

.village-password .village-password__checkbox input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), var(--data-uri-svg);
}

/* ¯¯¯¯¯¯¯¯¯ *\
  HEADER
\* ˍˍˍˍˍˍˍˍˍ */
.village-header {
  --underline-img: none;
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  --text-spacing: 0;
  --title-spacing: 0;
  width: 100%;
  position: relative;
}

.village-header__body {
  grid-area: h;
}

.village-header__body-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -1rem;
}

.village-header__brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: -webkit-fit-available;
  z-index: calc(var(--ground) + 750);
  background-color: var(--background-raised-grey);

  --idle: transparent;
  --hover: var(--background-raised-grey-hover);
  --active: var(--background-raised-grey-active);
  filter: drop-shadow(var(--raised-shadow));
}

.village-header__brand-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
}

.village-header__logo {
  order: 1;
  flex: 0 0 auto;
  padding: 0.75rem;
}

.village-header__logo .village-logo {
  font-size: 0.7875rem;
  padding: 0.75rem;
  margin: -0.75rem;
}

.village-header__logo .village-logo::before {
  width: 2.0625rem;
  height: 0.75rem;
  margin-bottom: 0.25rem;
  background-size: 2.0625rem 0.84375rem, 2.0625rem 0.75rem, 0;
  background-position: 0 -0.046875rem, 0 0, 0 0;
}

:root[data-village-mourning] .village-header__logo .village-logo::before {
  background-size: 2.0625rem 0.84375rem, 0, 2.0625rem 0.75rem;
}

.village-header__logo .village-logo::after {
  min-width: 1.96875rem;
  background-size: 3.9375rem 2.8125rem;
  background-position: 0 calc(100% + 1.40625rem);
  padding-top: 1.65625rem;
}

[data-village-theme=dark] .village-header__logo .village-logo::after {
  background-position: -1.96875rem 100%;
}

.village-header__operator {
  padding: 0.75rem;
  order: 2;
  flex: 0 1 auto;
}

.village-header__operator img {
  display: block;
  min-width: 3.5rem;
}

.village-header__service {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 100%;
  width: -webkit-fill-available;
  text-align: center;

  --external-link-content: none;
  text-align: left; /* chris2fr */
  color: var(--text-title-grey);
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-header__service-title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.village-header__service-title .village-badge {
  vertical-align: middle;
  margin: -0.25rem 0 0 0.25rem;
}

.village-header__service-tagline {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.village-header .village-modal {
  overflow: auto;
  justify-content: initial;
  background-color: var(--background-lifted-grey);

  --idle: transparent;
  --hover: var(--background-lifted-grey-hover);
  --active: var(--background-lifted-grey-active);
}

.village-header .village-modal:not([role=dialog]) {
  transition: none;
}

.village-header .village-modal::before {
  content: none;
}

.village-header .village-modal::after {
  content: none;
}

.village-header .village-modal > * > .village-btn--close {
  margin-bottom: 1.5rem;
}

.village-header .village-modal > .village-container {
  pointer-events: all;
  padding-top: 1rem;
  padding-bottom: 4.5rem;
  height: 100%;
  overflow: inherit;
}

.village-header__navbar {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0.25rem;
  margin-left: auto;
  margin-right: -0.5rem;
  margin-top: 0.25rem;
  order: 3;
  flex: 0 0 auto;
  align-self: flex-start;
  z-index: calc(var(--ground) + 1000);
}

.village-header__navbar .village-btn {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  white-space: nowrap;
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-header__navbar .village-btn::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
}

.village-header__navbar .village-btn--menu::before,
.village-header__navbar .village-btn--menu::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/menu-fill.svg");
  mask-image: url("icons/system/menu-fill.svg");
  --icon-size: 1.5rem;
}

.village-header__navbar .village-btn--menu::before {
  content: "";
}

.village-header__navbar .village-btn--search::before,
.village-header__navbar .village-btn--search::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url("icons/system/search-line.svg");
  mask-image: url("icons/system/search-line.svg");
  --icon-size: 1.5rem;
}

.village-header__navbar .village-btn--search::before {
  content: "";
}

.village-header__tools {
  grid-area: t;
}

.village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn {
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-header__tools-links {
  display: none;
}

.village-header__tools-links > .village-btn[class^=village-icon-],
.village-header__tools-links > .village-btn[class*=" village-icon-"],
.village-header__tools-links > .village-btn[class^=village-fi-],
.village-header__tools-links > .village-btn[class*=" village-fi-"] {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-header__tools-links > .village-btn[class^=village-icon-]::before,
.village-header__tools-links > .village-btn[class*=" village-icon-"]::before,
.village-header__tools-links > .village-btn[class^=village-fi-]::before,
.village-header__tools-links > .village-btn[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-header__tools-links > .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-header__tools-links > .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
}

.village-header .village-header__menu-links::after {
  content: "";
  display: block;
  margin: 0.75rem -1rem;
  width: calc(100% + 2rem);
  height: 1px;
}

.village-header .village-header__menu-links .village-translate {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.village-header .village-header__menu-links .village-translate__btn {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) {
  display: flex;
  flex-direction: column;
}

.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn {
  margin-bottom: 0;
}

.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-],
.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"],
.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-],
.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"] {
  min-height: 3rem;
  padding-left: 0;
  padding-right: 0;
}

.village-header .village-header__menu-links .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  min-height: 3rem;
  padding-left: 0;
  padding-right: 0;
}

.village-header .village-nav {
  grid-area: m;
}

.village-header .village-links-group {
  --ul-type: none;
  --ol-type: none;
  --ul-start: 0;
  --ol-start: 0;
  --xl-block: 0;
  --li-bottom: 0;
  --ol-content: none;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.village-header .village-links-group > li,
.village-header .village-links-group > div {
  width: 100%;
  max-width: 100%;
}

.village-header .village-links-group .village-btn {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 1rem;
  justify-content: center;
}

.village-header .village-links-group .village-link {
  --underline-img: none;
  --hover-tint: var(--hover);
  --active-tint: var(--active);
}

.village-header .village-links-group .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
}

.village-header .village-links-group .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
.village-header .village-links-group .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
  --icon-size: 1rem;
}

.village-header .village-links-group .village-link[class^=village-icon-],
.village-header .village-links-group .village-link[class*=" village-icon-"],
.village-header .village-links-group .village-link[class^=village-fi-],
.village-header .village-links-group .village-link[class*=" village-fi-"] {
  font-size: 0.875rem;
  line-height: 1.5rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;
}

.village-header .village-links-group .village-link[class^=village-icon-]::before,
.village-header .village-links-group .village-link[class*=" village-icon-"]::before,
.village-header .village-links-group .village-link[class^=village-fi-]::before,
.village-header .village-links-group .village-link[class*=" village-fi-"]::before {
  --icon-size: 1rem;
  margin-left: -0.125rem;
  margin-right: 0.5rem;
  content: "";
}

.village-header .village-header__menu-links .village-links-group .village-link {
  width: 100%;
  min-height: 3rem;
  padding-left: 0;
  margin-bottom: 0;
}

.village-header .village-modal > * > .village-link--close {
  margin-bottom: 1.5rem;
}

.village-header__menu-links::after {
  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
}

.village-header__menu-links .village-btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: none;
}

.village-header__menu-links .village-btn:disabled,
.village-header__menu-links a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header__tools-links .village-btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-header__tools-links .village-btn:disabled,
.village-header__tools-links a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header__tools-links > .village-translate:first-child:last-child .village-btn {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-header__tools-links > .village-translate:first-child:last-child .village-btn:disabled,
.village-header__tools-links > .village-translate:first-child:last-child a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header__navbar .village-service__title {
  color: var(--text-title-grey);
}

.village-header__navbar .village-btn:disabled,
.village-header__navbar a.village-btn:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header__navbar .village-btn--menu {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 0 0 1px var(--border-default-grey);
}

.village-header__navbar .village-btn--menu:disabled,
.village-header__navbar a.village-btn--menu:not([href]) {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header .village-header__menu .village-container {
  display: grid; /* chris2fr */
  grid-template-columns: 1fr;
  grid-template-areas: "l" "h" "m" "t";
}

.village-header__menu-logo {
  grid-area: l;
}

.village-header__menu-links .village-link {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}

.village-header__menu-links .village-link:disabled,
.village-header__menu-links a.village-link:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}

.village-header__tools-links .village-link {
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--text-action-high-village-primary);
}

.village-header__tools-links .village-link:disabled,
.village-header__tools-links a.village-link:not([href]) {
  color: var(--text-disabled-grey);
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
}
@media (min-width: 36em) {
  /*! media sm */

  /*! media sm */
  .village-hidden-sm {
    display: none !important;
  }

  .village-unhidden-sm {
    display: inherit !important;
  }

  .village-sr-only-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
    display: block;
  }

  .village-container-sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .village-container-sm--fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    overflow: hidden;
  }

  .village-grid-row-sm--gutters {
    margin: -0.5rem;
  }

  .village-grid-row-sm--gutters > [class^=village-col-],
  .village-grid-row-sm--gutters > [class*=" village-col-"],
  .village-grid-row-sm--gutters > .village-col {
    padding: 0.5rem;
  }

  .village-grid-row-sm--no-gutters {
    margin: 0;
  }

  .village-grid-row-sm--no-gutters > [class^=village-col-],
  .village-grid-row-sm--no-gutters > [class*=" village-col-"],
  .village-grid-row-sm--no-gutters > .village-col {
    padding: 0;
  }

  .village-col-sm {
    flex: 1;
  }

  .village-col-sm-1 {
    flex: 0 0 calc(100% / 12);
    width: calc(100% / 12);
    max-width: calc(100% / 12);
  }

  .village-col-offset-sm-1:not(.village-col-offset-sm-1--right) {
    margin-left: calc(100% / 12);
  }

  .village-col-offset-sm-1--right {
    margin-right: calc(100% / 12);
  }

  .village-col-sm-2 {
    flex: 0 0 calc(200% / 12);
    width: calc(200% / 12);
    max-width: calc(200% / 12);
  }

  .village-col-offset-sm-2:not(.village-col-offset-sm-2--right) {
    margin-left: calc(200% / 12);
  }

  .village-col-offset-sm-2--right {
    margin-right: calc(200% / 12);
  }

  .village-col-sm-3 {
    flex: 0 0 calc(300% / 12);
    width: calc(300% / 12);
    max-width: calc(300% / 12);
  }

  .village-col-offset-sm-3:not(.village-col-offset-sm-3--right) {
    margin-left: calc(300% / 12);
  }

  .village-col-offset-sm-3--right {
    margin-right: calc(300% / 12);
  }

  .village-col-sm-4 {
    flex: 0 0 calc(400% / 12);
    width: calc(400% / 12);
    max-width: calc(400% / 12);
  }

  .village-col-offset-sm-4:not(.village-col-offset-sm-4--right) {
    margin-left: calc(400% / 12);
  }

  .village-col-offset-sm-4--right {
    margin-right: calc(400% / 12);
  }

  .village-col-sm-5 {
    flex: 0 0 calc(500% / 12);
    width: calc(500% / 12);
    max-width: calc(500% / 12);
  }

  .village-col-offset-sm-5:not(.village-col-offset-sm-5--right) {
    margin-left: calc(500% / 12);
  }

  .village-col-offset-sm-5--right {
    margin-right: calc(500% / 12);
  }

  .village-col-sm-6 {
    flex: 0 0 calc(600% / 12);
    width: calc(600% / 12);
    max-width: calc(600% / 12);
  }

  .village-col-offset-sm-6:not(.village-col-offset-sm-6--right) {
    margin-left: calc(600% / 12);
  }

  .village-col-offset-sm-6--right {
    margin-right: calc(600% / 12);
  }

  .village-col-sm-7 {
    flex: 0 0 calc(700% / 12);
    width: calc(700% / 12);
    max-width: calc(700% / 12);
  }

  .village-col-offset-sm-7:not(.village-col-offset-sm-7--right) {
    margin-left: calc(700% / 12);
  }

  .village-col-offset-sm-7--right {
    margin-right: calc(700% / 12);
  }

  .village-col-sm-8 {
    flex: 0 0 calc(800% / 12);
    width: calc(800% / 12);
    max-width: calc(800% / 12);
  }

  .village-col-offset-sm-8:not(.village-col-offset-sm-8--right) {
    margin-left: calc(800% / 12);
  }

  .village-col-offset-sm-8--right {
    margin-right: calc(800% / 12);
  }

  .village-col-sm-9 {
    flex: 0 0 calc(900% / 12);
    width: calc(900% / 12);
    max-width: calc(900% / 12);
  }

  .village-col-offset-sm-9:not(.village-col-offset-sm-9--right) {
    margin-left: calc(900% / 12);
  }

  .village-col-offset-sm-9--right {
    margin-right: calc(900% / 12);
  }

  .village-col-sm-10 {
    flex: 0 0 calc(1000% / 12);
    width: calc(1000% / 12);
    max-width: calc(1000% / 12);
  }

  .village-col-offset-sm-10:not(.village-col-offset-sm-10--right) {
    margin-left: calc(1000% / 12);
  }

  .village-col-offset-sm-10--right {
    margin-right: calc(1000% / 12);
  }

  .village-col-sm-11 {
    flex: 0 0 calc(1100% / 12);
    width: calc(1100% / 12);
    max-width: calc(1100% / 12);
  }

  .village-col-offset-sm-11:not(.village-col-offset-sm-11--right) {
    margin-left: calc(1100% / 12);
  }

  .village-col-offset-sm-11--right {
    margin-right: calc(1100% / 12);
  }

  .village-col-sm-12 {
    flex: 0 0 calc(1200% / 12);
    width: calc(1200% / 12);
    max-width: calc(1200% / 12);
  }

  .village-col-offset-sm-12:not(.village-col-offset-sm-12--right) {
    margin-left: calc(1200% / 12);
  }

  .village-col-offset-sm-12--right {
    margin-right: calc(1200% / 12);
  }

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */
  .village-btns-group--inline-sm .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .village-btns-group--inline-sm > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
  }

  .village-btns-group--inline-sm.village-btns-group--right.village-btns-group--inline-reverse {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */
  .village-footer__content-list > li {
    margin-right: 1.5rem;
  }

  .village-footer__partners-title {
    text-align: left;
  }

  .village-footer__partners-logos {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: -0.5rem;
  }

  .village-footer__partners-main {
    margin-bottom: 1rem;
  }

  .village-footer__partners-sub,
  .village-footer__partners-sub > ul {
    flex-direction: row;
    align-items: flex-start;
  }

  .village-footer__partners-sub > li,
  .village-footer__partners-sub > ul > li {
    margin: 0 0.5rem 0 0.5rem;
  }

  .village-footer__partners-sub {
    order: 3;
  }

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */
  .village-follow__newsletter .village-input-group {
    margin-bottom: 0.5rem;
  }

  .village-follow__newsletter .village-input-wrap .village-btn {
    width: auto;
    border-radius: 0 0.25rem 0 0;
  }

  .village-follow__newsletter .village-input-wrap {
    flex-direction: row;
  }

  .village-follow__newsletter .village-input-wrap .village-input {
    margin-bottom: 0;
    border-radius: 0.25rem 0 0 0;
  }

  .village-follow__newsletter .village-messages-group {
    margin-bottom: 0.5rem;
  }

  /*! media sm */

  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */

  /*! media md */
  h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  h5 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .village-h6 {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  .village-h5 {
    font-size: 1.375rem !important;
    line-height: 1.75rem !important;
  }

  .village-h4 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

  .village-h3 {
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
  }

  .village-h2 {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  .village-h1 {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }

  .village-display--xs {
    font-size: 3rem !important;
    line-height: 3.5rem !important;
  }

  .village-display--sm {
    font-size: 3.5rem !important;
    line-height: 4rem !important;
  }

  .village-display--md {
    font-size: 4rem !important;
    line-height: 4.5rem !important;
  }

  .village-display--lg {
    font-size: 4.5rem !important;
    line-height: 5rem !important;
  }

  .village-display--xl {
    font-size: 5rem !important;
    line-height: 5.5rem !important;
  }

  .village-hidden-md {
    display: none !important;
  }

  .village-unhidden-md {
    display: inherit !important;
  }

  .village-sr-only-md {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
    display: block;
  }

  .village-container-md {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .village-container-md--fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    overflow: hidden;
  }

  .village-grid-row-md--gutters {
    margin: -0.5rem;
  }

  .village-grid-row-md--gutters > [class^=village-col-],
  .village-grid-row-md--gutters > [class*=" village-col-"],
  .village-grid-row-md--gutters > .village-col {
    padding: 0.5rem;
  }

  .village-grid-row-md--no-gutters {
    margin: 0;
  }

  .village-grid-row-md--no-gutters > [class^=village-col-],
  .village-grid-row-md--no-gutters > [class*=" village-col-"],
  .village-grid-row-md--no-gutters > .village-col {
    padding: 0;
  }

  .village-col-md {
    flex: 1;
  }

  .village-col-md-1 {
    flex: 0 0 calc(100% / 12);
    width: calc(100% / 12);
    max-width: calc(100% / 12);
  }

  .village-col-offset-md-1:not(.village-col-offset-md-1--right) {
    margin-left: calc(100% / 12);
  }

  .village-col-offset-md-1--right {
    margin-right: calc(100% / 12);
  }

  .village-col-md-2 {
    flex: 0 0 calc(200% / 12);
    width: calc(200% / 12);
    max-width: calc(200% / 12);
  }

  .village-col-offset-md-2:not(.village-col-offset-md-2--right) {
    margin-left: calc(200% / 12);
  }

  .village-col-offset-md-2--right {
    margin-right: calc(200% / 12);
  }

  .village-col-md-3 {
    flex: 0 0 calc(300% / 12);
    width: calc(300% / 12);
    max-width: calc(300% / 12);
  }

  .village-col-offset-md-3:not(.village-col-offset-md-3--right) {
    margin-left: calc(300% / 12);
  }

  .village-col-offset-md-3--right {
    margin-right: calc(300% / 12);
  }

  .village-col-md-4 {
    flex: 0 0 calc(400% / 12);
    width: calc(400% / 12);
    max-width: calc(400% / 12);
  }

  .village-col-offset-md-4:not(.village-col-offset-md-4--right) {
    margin-left: calc(400% / 12);
  }

  .village-col-offset-md-4--right {
    margin-right: calc(400% / 12);
  }

  .village-col-md-5 {
    flex: 0 0 calc(500% / 12);
    width: calc(500% / 12);
    max-width: calc(500% / 12);
  }

  .village-col-offset-md-5:not(.village-col-offset-md-5--right) {
    margin-left: calc(500% / 12);
  }

  .village-col-offset-md-5--right {
    margin-right: calc(500% / 12);
  }

  .village-col-md-6 {
    flex: 0 0 calc(600% / 12);
    width: calc(600% / 12);
    max-width: calc(600% / 12);
  }

  .village-col-offset-md-6:not(.village-col-offset-md-6--right) {
    margin-left: calc(600% / 12);
  }

  .village-col-offset-md-6--right {
    margin-right: calc(600% / 12);
  }

  .village-col-md-7 {
    flex: 0 0 calc(700% / 12);
    width: calc(700% / 12);
    max-width: calc(700% / 12);
  }

  .village-col-offset-md-7:not(.village-col-offset-md-7--right) {
    margin-left: calc(700% / 12);
  }

  .village-col-offset-md-7--right {
    margin-right: calc(700% / 12);
  }

  .village-col-md-8 {
    flex: 0 0 calc(800% / 12);
    width: calc(800% / 12);
    max-width: calc(800% / 12);
  }

  .village-col-offset-md-8:not(.village-col-offset-md-8--right) {
    margin-left: calc(800% / 12);
  }

  .village-col-offset-md-8--right {
    margin-right: calc(800% / 12);
  }

  .village-col-md-9 {
    flex: 0 0 calc(900% / 12);
    width: calc(900% / 12);
    max-width: calc(900% / 12);
  }

  .village-col-offset-md-9:not(.village-col-offset-md-9--right) {
    margin-left: calc(900% / 12);
  }

  .village-col-offset-md-9--right {
    margin-right: calc(900% / 12);
  }

  .village-col-md-10 {
    flex: 0 0 calc(1000% / 12);
    width: calc(1000% / 12);
    max-width: calc(1000% / 12);
  }

  .village-col-offset-md-10:not(.village-col-offset-md-10--right) {
    margin-left: calc(1000% / 12);
  }

  .village-col-offset-md-10--right {
    margin-right: calc(1000% / 12);
  }

  .village-col-md-11 {
    flex: 0 0 calc(1100% / 12);
    width: calc(1100% / 12);
    max-width: calc(1100% / 12);
  }

  .village-col-offset-md-11:not(.village-col-offset-md-11--right) {
    margin-left: calc(1100% / 12);
  }

  .village-col-offset-md-11--right {
    margin-right: calc(1100% / 12);
  }

  .village-col-md-12 {
    flex: 0 0 calc(1200% / 12);
    width: calc(1200% / 12);
    max-width: calc(1200% / 12);
  }

  .village-col-offset-md-12:not(.village-col-offset-md-12--right) {
    margin-left: calc(1200% / 12);
  }

  .village-col-offset-md-12--right {
    margin-right: calc(1200% / 12);
  }

  .village-m-md-n8v,
  .village-m-md-n4w {
    margin: -2rem !important;
  }

  .village-ml-md-n8v,
  .village-ml-md-n4w,
  .village-mx-md-n8v,
  .village-mx-md-n4w {
    margin-left: -2rem !important;
  }

  .village-mr-md-n8v,
  .village-mr-md-n4w,
  .village-mx-md-n8v,
  .village-mx-md-n4w {
    margin-right: -2rem !important;
  }

  .village-mt-md-n8v,
  .village-mt-md-n4w,
  .village-my-md-n8v,
  .village-my-md-n4w {
    margin-top: -2rem !important;
  }

  .village-mb-md-n8v,
  .village-mb-md-n4w,
  .village-my-md-n8v,
  .village-my-md-n4w {
    margin-bottom: -2rem !important;
  }

  .village-m-md-n7v {
    margin: -1.75rem !important;
  }

  .village-ml-md-n7v,
  .village-mx-md-n7v {
    margin-left: -1.75rem !important;
  }

  .village-mr-md-n7v,
  .village-mx-md-n7v {
    margin-right: -1.75rem !important;
  }

  .village-mt-md-n7v,
  .village-my-md-n7v {
    margin-top: -1.75rem !important;
  }

  .village-mb-md-n7v,
  .village-my-md-n7v {
    margin-bottom: -1.75rem !important;
  }

  .village-m-md-n6v,
  .village-m-md-n3w {
    margin: -1.5rem !important;
  }

  .village-ml-md-n6v,
  .village-ml-md-n3w,
  .village-mx-md-n6v,
  .village-mx-md-n3w {
    margin-left: -1.5rem !important;
  }

  .village-mr-md-n6v,
  .village-mr-md-n3w,
  .village-mx-md-n6v,
  .village-mx-md-n3w {
    margin-right: -1.5rem !important;
  }

  .village-mt-md-n6v,
  .village-mt-md-n3w,
  .village-my-md-n6v,
  .village-my-md-n3w {
    margin-top: -1.5rem !important;
  }

  .village-mb-md-n6v,
  .village-mb-md-n3w,
  .village-my-md-n6v,
  .village-my-md-n3w {
    margin-bottom: -1.5rem !important;
  }

  .village-m-md-n5v {
    margin: -1.25rem !important;
  }

  .village-ml-md-n5v,
  .village-mx-md-n5v {
    margin-left: -1.25rem !important;
  }

  .village-mr-md-n5v,
  .village-mx-md-n5v {
    margin-right: -1.25rem !important;
  }

  .village-mt-md-n5v,
  .village-my-md-n5v {
    margin-top: -1.25rem !important;
  }

  .village-mb-md-n5v,
  .village-my-md-n5v {
    margin-bottom: -1.25rem !important;
  }

  .village-m-md-n4v,
  .village-m-md-n2w {
    margin: -1rem !important;
  }

  .village-ml-md-n4v,
  .village-ml-md-n2w,
  .village-mx-md-n4v,
  .village-mx-md-n2w {
    margin-left: -1rem !important;
  }

  .village-mr-md-n4v,
  .village-mr-md-n2w,
  .village-mx-md-n4v,
  .village-mx-md-n2w {
    margin-right: -1rem !important;
  }

  .village-mt-md-n4v,
  .village-mt-md-n2w,
  .village-my-md-n4v,
  .village-my-md-n2w {
    margin-top: -1rem !important;
  }

  .village-mb-md-n4v,
  .village-mb-md-n2w,
  .village-my-md-n4v,
  .village-my-md-n2w {
    margin-bottom: -1rem !important;
  }

  .village-m-md-n3v {
    margin: -0.75rem !important;
  }

  .village-ml-md-n3v,
  .village-mx-md-n3v {
    margin-left: -0.75rem !important;
  }

  .village-mr-md-n3v,
  .village-mx-md-n3v {
    margin-right: -0.75rem !important;
  }

  .village-mt-md-n3v,
  .village-my-md-n3v {
    margin-top: -0.75rem !important;
  }

  .village-mb-md-n3v,
  .village-my-md-n3v {
    margin-bottom: -0.75rem !important;
  }

  .village-m-md-n2v,
  .village-m-md-n1w {
    margin: -0.5rem !important;
  }

  .village-ml-md-n2v,
  .village-ml-md-n1w,
  .village-mx-md-n2v,
  .village-mx-md-n1w {
    margin-left: -0.5rem !important;
  }

  .village-mr-md-n2v,
  .village-mr-md-n1w,
  .village-mx-md-n2v,
  .village-mx-md-n1w {
    margin-right: -0.5rem !important;
  }

  .village-mt-md-n2v,
  .village-mt-md-n1w,
  .village-my-md-n2v,
  .village-my-md-n1w {
    margin-top: -0.5rem !important;
  }

  .village-mb-md-n2v,
  .village-mb-md-n1w,
  .village-my-md-n2v,
  .village-my-md-n1w {
    margin-bottom: -0.5rem !important;
  }

  .village-m-md-n1v {
    margin: -0.25rem !important;
  }

  .village-ml-md-n1v,
  .village-mx-md-n1v {
    margin-left: -0.25rem !important;
  }

  .village-mr-md-n1v,
  .village-mx-md-n1v {
    margin-right: -0.25rem !important;
  }

  .village-mt-md-n1v,
  .village-my-md-n1v {
    margin-top: -0.25rem !important;
  }

  .village-mb-md-n1v,
  .village-my-md-n1v {
    margin-bottom: -0.25rem !important;
  }

  .village-m-md-n1-5v {
    margin: -0.375rem !important;
  }

  .village-ml-md-n1-5v,
  .village-mx-md-n1-5v {
    margin-left: -0.375rem !important;
  }

  .village-mr-md-n1-5v,
  .village-mx-md-n1-5v {
    margin-right: -0.375rem !important;
  }

  .village-mt-md-n1-5v,
  .village-my-md-n1-5v {
    margin-top: -0.375rem !important;
  }

  .village-mb-md-n1-5v,
  .village-my-md-n1-5v {
    margin-bottom: -0.375rem !important;
  }

  .village-m-md-0 {
    margin: 0 !important;
  }

  .village-ml-md-0,
  .village-mx-md-0 {
    margin-left: 0 !important;
  }

  .village-mr-md-0,
  .village-mx-md-0 {
    margin-right: 0 !important;
  }

  .village-mt-md-0,
  .village-my-md-0 {
    margin-top: 0 !important;
  }

  .village-mb-md-0,
  .village-my-md-0 {
    margin-bottom: 0 !important;
  }

  .village-m-md-n0-5v {
    margin: -0.125rem !important;
  }

  .village-ml-md-n0-5v,
  .village-mx-md-n0-5v {
    margin-left: -0.125rem !important;
  }

  .village-mr-md-n0-5v,
  .village-mx-md-n0-5v {
    margin-right: -0.125rem !important;
  }

  .village-mt-md-n0-5v,
  .village-my-md-n0-5v {
    margin-top: -0.125rem !important;
  }

  .village-mb-md-n0-5v,
  .village-my-md-n0-5v {
    margin-bottom: -0.125rem !important;
  }

  .village-m-md-0-5v {
    margin: 0.125rem !important;
  }

  .village-ml-md-0-5v,
  .village-mx-md-0-5v {
    margin-left: 0.125rem !important;
  }

  .village-mr-md-0-5v,
  .village-mx-md-0-5v {
    margin-right: 0.125rem !important;
  }

  .village-mt-md-0-5v,
  .village-my-md-0-5v {
    margin-top: 0.125rem !important;
  }

  .village-mb-md-0-5v,
  .village-my-md-0-5v {
    margin-bottom: 0.125rem !important;
  }

  .village-m-md-1v {
    margin: 0.25rem !important;
  }

  .village-ml-md-1v,
  .village-mx-md-1v {
    margin-left: 0.25rem !important;
  }

  .village-mr-md-1v,
  .village-mx-md-1v {
    margin-right: 0.25rem !important;
  }

  .village-mt-md-1v,
  .village-my-md-1v {
    margin-top: 0.25rem !important;
  }

  .village-mb-md-1v,
  .village-my-md-1v {
    margin-bottom: 0.25rem !important;
  }

  .village-m-md-1-5v {
    margin: 0.375rem !important;
  }

  .village-ml-md-1-5v,
  .village-mx-md-1-5v {
    margin-left: 0.375rem !important;
  }

  .village-mr-md-1-5v,
  .village-mx-md-1-5v {
    margin-right: 0.375rem !important;
  }

  .village-mt-md-1-5v,
  .village-my-md-1-5v {
    margin-top: 0.375rem !important;
  }

  .village-mb-md-1-5v,
  .village-my-md-1-5v {
    margin-bottom: 0.375rem !important;
  }

  .village-m-md-2v,
  .village-m-md-1w {
    margin: 0.5rem !important;
  }

  .village-ml-md-2v,
  .village-ml-md-1w,
  .village-mx-md-2v,
  .village-mx-md-1w {
    margin-left: 0.5rem !important;
  }

  .village-mr-md-2v,
  .village-mr-md-1w,
  .village-mx-md-2v,
  .village-mx-md-1w {
    margin-right: 0.5rem !important;
  }

  .village-mt-md-2v,
  .village-mt-md-1w,
  .village-my-md-2v,
  .village-my-md-1w {
    margin-top: 0.5rem !important;
  }

  .village-mb-md-2v,
  .village-mb-md-1w,
  .village-my-md-2v,
  .village-my-md-1w {
    margin-bottom: 0.5rem !important;
  }

  .village-m-md-3v {
    margin: 0.75rem !important;
  }

  .village-ml-md-3v,
  .village-mx-md-3v {
    margin-left: 0.75rem !important;
  }

  .village-mr-md-3v,
  .village-mx-md-3v {
    margin-right: 0.75rem !important;
  }

  .village-mt-md-3v,
  .village-my-md-3v {
    margin-top: 0.75rem !important;
  }

  .village-mb-md-3v,
  .village-my-md-3v {
    margin-bottom: 0.75rem !important;
  }

  .village-m-md-4v,
  .village-m-md-2w {
    margin: 1rem !important;
  }

  .village-ml-md-4v,
  .village-ml-md-2w,
  .village-mx-md-4v,
  .village-mx-md-2w {
    margin-left: 1rem !important;
  }

  .village-mr-md-4v,
  .village-mr-md-2w,
  .village-mx-md-4v,
  .village-mx-md-2w {
    margin-right: 1rem !important;
  }

  .village-mt-md-4v,
  .village-mt-md-2w,
  .village-my-md-4v,
  .village-my-md-2w {
    margin-top: 1rem !important;
  }

  .village-mb-md-4v,
  .village-mb-md-2w,
  .village-my-md-4v,
  .village-my-md-2w {
    margin-bottom: 1rem !important;
  }

  .village-m-md-5v {
    margin: 1.25rem !important;
  }

  .village-ml-md-5v,
  .village-mx-md-5v {
    margin-left: 1.25rem !important;
  }

  .village-mr-md-5v,
  .village-mx-md-5v {
    margin-right: 1.25rem !important;
  }

  .village-mt-md-5v,
  .village-my-md-5v {
    margin-top: 1.25rem !important;
  }

  .village-mb-md-5v,
  .village-my-md-5v {
    margin-bottom: 1.25rem !important;
  }

  .village-m-md-6v,
  .village-m-md-3w {
    margin: 1.5rem !important;
  }

  .village-ml-md-6v,
  .village-ml-md-3w,
  .village-mx-md-6v,
  .village-mx-md-3w {
    margin-left: 1.5rem !important;
  }

  .village-mr-md-6v,
  .village-mr-md-3w,
  .village-mx-md-6v,
  .village-mx-md-3w {
    margin-right: 1.5rem !important;
  }

  .village-mt-md-6v,
  .village-mt-md-3w,
  .village-my-md-6v,
  .village-my-md-3w {
    margin-top: 1.5rem !important;
  }

  .village-mb-md-6v,
  .village-mb-md-3w,
  .village-my-md-6v,
  .village-my-md-3w {
    margin-bottom: 1.5rem !important;
  }

  .village-m-md-7v {
    margin: 1.75rem !important;
  }

  .village-ml-md-7v,
  .village-mx-md-7v {
    margin-left: 1.75rem !important;
  }

  .village-mr-md-7v,
  .village-mx-md-7v {
    margin-right: 1.75rem !important;
  }

  .village-mt-md-7v,
  .village-my-md-7v {
    margin-top: 1.75rem !important;
  }

  .village-mb-md-7v,
  .village-my-md-7v {
    margin-bottom: 1.75rem !important;
  }

  .village-m-md-8v,
  .village-m-md-4w {
    margin: 2rem !important;
  }

  .village-ml-md-8v,
  .village-ml-md-4w,
  .village-mx-md-8v,
  .village-mx-md-4w {
    margin-left: 2rem !important;
  }

  .village-mr-md-8v,
  .village-mr-md-4w,
  .village-mx-md-8v,
  .village-mx-md-4w {
    margin-right: 2rem !important;
  }

  .village-mt-md-8v,
  .village-mt-md-4w,
  .village-my-md-8v,
  .village-my-md-4w {
    margin-top: 2rem !important;
  }

  .village-mb-md-8v,
  .village-mb-md-4w,
  .village-my-md-8v,
  .village-my-md-4w {
    margin-bottom: 2rem !important;
  }

  .village-m-md-9v {
    margin: 2.25rem !important;
  }

  .village-ml-md-9v,
  .village-mx-md-9v {
    margin-left: 2.25rem !important;
  }

  .village-mr-md-9v,
  .village-mx-md-9v {
    margin-right: 2.25rem !important;
  }

  .village-mt-md-9v,
  .village-my-md-9v {
    margin-top: 2.25rem !important;
  }

  .village-mb-md-9v,
  .village-my-md-9v {
    margin-bottom: 2.25rem !important;
  }

  .village-m-md-10v,
  .village-m-md-5w {
    margin: 2.5rem !important;
  }

  .village-ml-md-10v,
  .village-ml-md-5w,
  .village-mx-md-10v,
  .village-mx-md-5w {
    margin-left: 2.5rem !important;
  }

  .village-mr-md-10v,
  .village-mr-md-5w,
  .village-mx-md-10v,
  .village-mx-md-5w {
    margin-right: 2.5rem !important;
  }

  .village-mt-md-10v,
  .village-mt-md-5w,
  .village-my-md-10v,
  .village-my-md-5w {
    margin-top: 2.5rem !important;
  }

  .village-mb-md-10v,
  .village-mb-md-5w,
  .village-my-md-10v,
  .village-my-md-5w {
    margin-bottom: 2.5rem !important;
  }

  .village-m-md-11v {
    margin: 2.75rem !important;
  }

  .village-ml-md-11v,
  .village-mx-md-11v {
    margin-left: 2.75rem !important;
  }

  .village-mr-md-11v,
  .village-mx-md-11v {
    margin-right: 2.75rem !important;
  }

  .village-mt-md-11v,
  .village-my-md-11v {
    margin-top: 2.75rem !important;
  }

  .village-mb-md-11v,
  .village-my-md-11v {
    margin-bottom: 2.75rem !important;
  }

  .village-m-md-12v,
  .village-m-md-6w {
    margin: 3rem !important;
  }

  .village-ml-md-12v,
  .village-ml-md-6w,
  .village-mx-md-12v,
  .village-mx-md-6w {
    margin-left: 3rem !important;
  }

  .village-mr-md-12v,
  .village-mr-md-6w,
  .village-mx-md-12v,
  .village-mx-md-6w {
    margin-right: 3rem !important;
  }

  .village-mt-md-12v,
  .village-mt-md-6w,
  .village-my-md-12v,
  .village-my-md-6w {
    margin-top: 3rem !important;
  }

  .village-mb-md-12v,
  .village-mb-md-6w,
  .village-my-md-12v,
  .village-my-md-6w {
    margin-bottom: 3rem !important;
  }

  .village-m-md-13v {
    margin: 3.25rem !important;
  }

  .village-ml-md-13v,
  .village-mx-md-13v {
    margin-left: 3.25rem !important;
  }

  .village-mr-md-13v,
  .village-mx-md-13v {
    margin-right: 3.25rem !important;
  }

  .village-mt-md-13v,
  .village-my-md-13v {
    margin-top: 3.25rem !important;
  }

  .village-mb-md-13v,
  .village-my-md-13v {
    margin-bottom: 3.25rem !important;
  }

  .village-m-md-14v,
  .village-m-md-7w {
    margin: 3.5rem !important;
  }

  .village-ml-md-14v,
  .village-ml-md-7w,
  .village-mx-md-14v,
  .village-mx-md-7w {
    margin-left: 3.5rem !important;
  }

  .village-mr-md-14v,
  .village-mr-md-7w,
  .village-mx-md-14v,
  .village-mx-md-7w {
    margin-right: 3.5rem !important;
  }

  .village-mt-md-14v,
  .village-mt-md-7w,
  .village-my-md-14v,
  .village-my-md-7w {
    margin-top: 3.5rem !important;
  }

  .village-mb-md-14v,
  .village-mb-md-7w,
  .village-my-md-14v,
  .village-my-md-7w {
    margin-bottom: 3.5rem !important;
  }

  .village-m-md-15v {
    margin: 3.75rem !important;
  }

  .village-ml-md-15v,
  .village-mx-md-15v {
    margin-left: 3.75rem !important;
  }

  .village-mr-md-15v,
  .village-mx-md-15v {
    margin-right: 3.75rem !important;
  }

  .village-mt-md-15v,
  .village-my-md-15v {
    margin-top: 3.75rem !important;
  }

  .village-mb-md-15v,
  .village-my-md-15v {
    margin-bottom: 3.75rem !important;
  }

  .village-m-md-16v,
  .village-m-md-8w {
    margin: 4rem !important;
  }

  .village-ml-md-16v,
  .village-ml-md-8w,
  .village-mx-md-16v,
  .village-mx-md-8w {
    margin-left: 4rem !important;
  }

  .village-mr-md-16v,
  .village-mr-md-8w,
  .village-mx-md-16v,
  .village-mx-md-8w {
    margin-right: 4rem !important;
  }

  .village-mt-md-16v,
  .village-mt-md-8w,
  .village-my-md-16v,
  .village-my-md-8w {
    margin-top: 4rem !important;
  }

  .village-mb-md-16v,
  .village-mb-md-8w,
  .village-my-md-16v,
  .village-my-md-8w {
    margin-bottom: 4rem !important;
  }

  .village-m-md-17v {
    margin: 4.25rem !important;
  }

  .village-ml-md-17v,
  .village-mx-md-17v {
    margin-left: 4.25rem !important;
  }

  .village-mr-md-17v,
  .village-mx-md-17v {
    margin-right: 4.25rem !important;
  }

  .village-mt-md-17v,
  .village-my-md-17v {
    margin-top: 4.25rem !important;
  }

  .village-mb-md-17v,
  .village-my-md-17v {
    margin-bottom: 4.25rem !important;
  }

  .village-m-md-18v,
  .village-m-md-9w {
    margin: 4.5rem !important;
  }

  .village-ml-md-18v,
  .village-ml-md-9w,
  .village-mx-md-18v,
  .village-mx-md-9w {
    margin-left: 4.5rem !important;
  }

  .village-mr-md-18v,
  .village-mr-md-9w,
  .village-mx-md-18v,
  .village-mx-md-9w {
    margin-right: 4.5rem !important;
  }

  .village-mt-md-18v,
  .village-mt-md-9w,
  .village-my-md-18v,
  .village-my-md-9w {
    margin-top: 4.5rem !important;
  }

  .village-mb-md-18v,
  .village-mb-md-9w,
  .village-my-md-18v,
  .village-my-md-9w {
    margin-bottom: 4.5rem !important;
  }

  .village-m-md-19v {
    margin: 4.75rem !important;
  }

  .village-ml-md-19v,
  .village-mx-md-19v {
    margin-left: 4.75rem !important;
  }

  .village-mr-md-19v,
  .village-mx-md-19v {
    margin-right: 4.75rem !important;
  }

  .village-mt-md-19v,
  .village-my-md-19v {
    margin-top: 4.75rem !important;
  }

  .village-mb-md-19v,
  .village-my-md-19v {
    margin-bottom: 4.75rem !important;
  }

  .village-m-md-20v,
  .village-m-md-10w {
    margin: 5rem !important;
  }

  .village-ml-md-20v,
  .village-ml-md-10w,
  .village-mx-md-20v,
  .village-mx-md-10w {
    margin-left: 5rem !important;
  }

  .village-mr-md-20v,
  .village-mr-md-10w,
  .village-mx-md-20v,
  .village-mx-md-10w {
    margin-right: 5rem !important;
  }

  .village-mt-md-20v,
  .village-mt-md-10w,
  .village-my-md-20v,
  .village-my-md-10w {
    margin-top: 5rem !important;
  }

  .village-mb-md-20v,
  .village-mb-md-10w,
  .village-my-md-20v,
  .village-my-md-10w {
    margin-bottom: 5rem !important;
  }

  .village-m-md-21v {
    margin: 5.25rem !important;
  }

  .village-ml-md-21v,
  .village-mx-md-21v {
    margin-left: 5.25rem !important;
  }

  .village-mr-md-21v,
  .village-mx-md-21v {
    margin-right: 5.25rem !important;
  }

  .village-mt-md-21v,
  .village-my-md-21v {
    margin-top: 5.25rem !important;
  }

  .village-mb-md-21v,
  .village-my-md-21v {
    margin-bottom: 5.25rem !important;
  }

  .village-m-md-22v,
  .village-m-md-11w {
    margin: 5.5rem !important;
  }

  .village-ml-md-22v,
  .village-ml-md-11w,
  .village-mx-md-22v,
  .village-mx-md-11w {
    margin-left: 5.5rem !important;
  }

  .village-mr-md-22v,
  .village-mr-md-11w,
  .village-mx-md-22v,
  .village-mx-md-11w {
    margin-right: 5.5rem !important;
  }

  .village-mt-md-22v,
  .village-mt-md-11w,
  .village-my-md-22v,
  .village-my-md-11w {
    margin-top: 5.5rem !important;
  }

  .village-mb-md-22v,
  .village-mb-md-11w,
  .village-my-md-22v,
  .village-my-md-11w {
    margin-bottom: 5.5rem !important;
  }

  .village-m-md-23v {
    margin: 5.75rem !important;
  }

  .village-ml-md-23v,
  .village-mx-md-23v {
    margin-left: 5.75rem !important;
  }

  .village-mr-md-23v,
  .village-mx-md-23v {
    margin-right: 5.75rem !important;
  }

  .village-mt-md-23v,
  .village-my-md-23v {
    margin-top: 5.75rem !important;
  }

  .village-mb-md-23v,
  .village-my-md-23v {
    margin-bottom: 5.75rem !important;
  }

  .village-m-md-24v,
  .village-m-md-12w {
    margin: 6rem !important;
  }

  .village-ml-md-24v,
  .village-ml-md-12w,
  .village-mx-md-24v,
  .village-mx-md-12w {
    margin-left: 6rem !important;
  }

  .village-mr-md-24v,
  .village-mr-md-12w,
  .village-mx-md-24v,
  .village-mx-md-12w {
    margin-right: 6rem !important;
  }

  .village-mt-md-24v,
  .village-mt-md-12w,
  .village-my-md-24v,
  .village-my-md-12w {
    margin-top: 6rem !important;
  }

  .village-mb-md-24v,
  .village-mb-md-12w,
  .village-my-md-24v,
  .village-my-md-12w {
    margin-bottom: 6rem !important;
  }

  .village-m-md-25v {
    margin: 6.25rem !important;
  }

  .village-ml-md-25v,
  .village-mx-md-25v {
    margin-left: 6.25rem !important;
  }

  .village-mr-md-25v,
  .village-mx-md-25v {
    margin-right: 6.25rem !important;
  }

  .village-mt-md-25v,
  .village-my-md-25v {
    margin-top: 6.25rem !important;
  }

  .village-mb-md-25v,
  .village-my-md-25v {
    margin-bottom: 6.25rem !important;
  }

  .village-m-md-26v,
  .village-m-md-13w {
    margin: 6.5rem !important;
  }

  .village-ml-md-26v,
  .village-ml-md-13w,
  .village-mx-md-26v,
  .village-mx-md-13w {
    margin-left: 6.5rem !important;
  }

  .village-mr-md-26v,
  .village-mr-md-13w,
  .village-mx-md-26v,
  .village-mx-md-13w {
    margin-right: 6.5rem !important;
  }

  .village-mt-md-26v,
  .village-mt-md-13w,
  .village-my-md-26v,
  .village-my-md-13w {
    margin-top: 6.5rem !important;
  }

  .village-mb-md-26v,
  .village-mb-md-13w,
  .village-my-md-26v,
  .village-my-md-13w {
    margin-bottom: 6.5rem !important;
  }

  .village-m-md-27v {
    margin: 6.75rem !important;
  }

  .village-ml-md-27v,
  .village-mx-md-27v {
    margin-left: 6.75rem !important;
  }

  .village-mr-md-27v,
  .village-mx-md-27v {
    margin-right: 6.75rem !important;
  }

  .village-mt-md-27v,
  .village-my-md-27v {
    margin-top: 6.75rem !important;
  }

  .village-mb-md-27v,
  .village-my-md-27v {
    margin-bottom: 6.75rem !important;
  }

  .village-m-md-28v,
  .village-m-md-14w {
    margin: 7rem !important;
  }

  .village-ml-md-28v,
  .village-ml-md-14w,
  .village-mx-md-28v,
  .village-mx-md-14w {
    margin-left: 7rem !important;
  }

  .village-mr-md-28v,
  .village-mr-md-14w,
  .village-mx-md-28v,
  .village-mx-md-14w {
    margin-right: 7rem !important;
  }

  .village-mt-md-28v,
  .village-mt-md-14w,
  .village-my-md-28v,
  .village-my-md-14w {
    margin-top: 7rem !important;
  }

  .village-mb-md-28v,
  .village-mb-md-14w,
  .village-my-md-28v,
  .village-my-md-14w {
    margin-bottom: 7rem !important;
  }

  .village-m-md-29v {
    margin: 7.25rem !important;
  }

  .village-ml-md-29v,
  .village-mx-md-29v {
    margin-left: 7.25rem !important;
  }

  .village-mr-md-29v,
  .village-mx-md-29v {
    margin-right: 7.25rem !important;
  }

  .village-mt-md-29v,
  .village-my-md-29v {
    margin-top: 7.25rem !important;
  }

  .village-mb-md-29v,
  .village-my-md-29v {
    margin-bottom: 7.25rem !important;
  }

  .village-m-md-30v,
  .village-m-md-15w {
    margin: 7.5rem !important;
  }

  .village-ml-md-30v,
  .village-ml-md-15w,
  .village-mx-md-30v,
  .village-mx-md-15w {
    margin-left: 7.5rem !important;
  }

  .village-mr-md-30v,
  .village-mr-md-15w,
  .village-mx-md-30v,
  .village-mx-md-15w {
    margin-right: 7.5rem !important;
  }

  .village-mt-md-30v,
  .village-mt-md-15w,
  .village-my-md-30v,
  .village-my-md-15w {
    margin-top: 7.5rem !important;
  }

  .village-mb-md-30v,
  .village-mb-md-15w,
  .village-my-md-30v,
  .village-my-md-15w {
    margin-bottom: 7.5rem !important;
  }

  .village-m-md-31v {
    margin: 7.75rem !important;
  }

  .village-ml-md-31v,
  .village-mx-md-31v {
    margin-left: 7.75rem !important;
  }

  .village-mr-md-31v,
  .village-mx-md-31v {
    margin-right: 7.75rem !important;
  }

  .village-mt-md-31v,
  .village-my-md-31v {
    margin-top: 7.75rem !important;
  }

  .village-mb-md-31v,
  .village-my-md-31v {
    margin-bottom: 7.75rem !important;
  }

  .village-m-md-32v,
  .village-m-md-16w {
    margin: 8rem !important;
  }

  .village-ml-md-32v,
  .village-ml-md-16w,
  .village-mx-md-32v,
  .village-mx-md-16w {
    margin-left: 8rem !important;
  }

  .village-mr-md-32v,
  .village-mr-md-16w,
  .village-mx-md-32v,
  .village-mx-md-16w {
    margin-right: 8rem !important;
  }

  .village-mt-md-32v,
  .village-mt-md-16w,
  .village-my-md-32v,
  .village-my-md-16w {
    margin-top: 8rem !important;
  }

  .village-mb-md-32v,
  .village-mb-md-16w,
  .village-my-md-32v,
  .village-my-md-16w {
    margin-bottom: 8rem !important;
  }

  .village-m-md-auto {
    margin: auto;
  }

  .village-ml-md-auto,
  .village-mx-md-auto {
    margin-left: auto;
  }

  .village-mr-md-auto,
  .village-mx-md-auto {
    margin-right: auto;
  }

  .village-mt-md-auto,
  .village-my-md-auto {
    margin-top: auto;
  }

  .village-mb-md-auto,
  .village-my-md-auto {
    margin-bottom: auto;
  }

  .village-p-md-0 {
    padding: 0 !important;
  }

  .village-pl-md-0,
  .village-px-md-0 {
    padding-left: 0 !important;
  }

  .village-pr-md-0,
  .village-px-md-0 {
    padding-right: 0 !important;
  }

  .village-pt-md-0,
  .village-py-md-0 {
    padding-top: 0 !important;
  }

  .village-pb-md-0,
  .village-py-md-0 {
    padding-bottom: 0 !important;
  }

  .village-p-md-0-5v {
    padding: 0.125rem !important;
  }

  .village-pl-md-0-5v,
  .village-px-md-0-5v {
    padding-left: 0.125rem !important;
  }

  .village-pr-md-0-5v,
  .village-px-md-0-5v {
    padding-right: 0.125rem !important;
  }

  .village-pt-md-0-5v,
  .village-py-md-0-5v {
    padding-top: 0.125rem !important;
  }

  .village-pb-md-0-5v,
  .village-py-md-0-5v {
    padding-bottom: 0.125rem !important;
  }

  .village-p-md-1v {
    padding: 0.25rem !important;
  }

  .village-pl-md-1v,
  .village-px-md-1v {
    padding-left: 0.25rem !important;
  }

  .village-pr-md-1v,
  .village-px-md-1v {
    padding-right: 0.25rem !important;
  }

  .village-pt-md-1v,
  .village-py-md-1v {
    padding-top: 0.25rem !important;
  }

  .village-pb-md-1v,
  .village-py-md-1v {
    padding-bottom: 0.25rem !important;
  }

  .village-p-md-1-5v {
    padding: 0.375rem !important;
  }

  .village-pl-md-1-5v,
  .village-px-md-1-5v {
    padding-left: 0.375rem !important;
  }

  .village-pr-md-1-5v,
  .village-px-md-1-5v {
    padding-right: 0.375rem !important;
  }

  .village-pt-md-1-5v,
  .village-py-md-1-5v {
    padding-top: 0.375rem !important;
  }

  .village-pb-md-1-5v,
  .village-py-md-1-5v {
    padding-bottom: 0.375rem !important;
  }

  .village-p-md-2v,
  .village-p-md-1w {
    padding: 0.5rem !important;
  }

  .village-pl-md-2v,
  .village-pl-md-1w,
  .village-px-md-2v,
  .village-px-md-1w {
    padding-left: 0.5rem !important;
  }

  .village-pr-md-2v,
  .village-pr-md-1w,
  .village-px-md-2v,
  .village-px-md-1w {
    padding-right: 0.5rem !important;
  }

  .village-pt-md-2v,
  .village-pt-md-1w,
  .village-py-md-2v,
  .village-py-md-1w {
    padding-top: 0.5rem !important;
  }

  .village-pb-md-2v,
  .village-pb-md-1w,
  .village-py-md-2v,
  .village-py-md-1w {
    padding-bottom: 0.5rem !important;
  }

  .village-p-md-3v {
    padding: 0.75rem !important;
  }

  .village-pl-md-3v,
  .village-px-md-3v {
    padding-left: 0.75rem !important;
  }

  .village-pr-md-3v,
  .village-px-md-3v {
    padding-right: 0.75rem !important;
  }

  .village-pt-md-3v,
  .village-py-md-3v {
    padding-top: 0.75rem !important;
  }

  .village-pb-md-3v,
  .village-py-md-3v {
    padding-bottom: 0.75rem !important;
  }

  .village-p-md-4v,
  .village-p-md-2w {
    padding: 1rem !important;
  }

  .village-pl-md-4v,
  .village-pl-md-2w,
  .village-px-md-4v,
  .village-px-md-2w {
    padding-left: 1rem !important;
  }

  .village-pr-md-4v,
  .village-pr-md-2w,
  .village-px-md-4v,
  .village-px-md-2w {
    padding-right: 1rem !important;
  }

  .village-pt-md-4v,
  .village-pt-md-2w,
  .village-py-md-4v,
  .village-py-md-2w {
    padding-top: 1rem !important;
  }

  .village-pb-md-4v,
  .village-pb-md-2w,
  .village-py-md-4v,
  .village-py-md-2w {
    padding-bottom: 1rem !important;
  }

  .village-p-md-5v {
    padding: 1.25rem !important;
  }

  .village-pl-md-5v,
  .village-px-md-5v {
    padding-left: 1.25rem !important;
  }

  .village-pr-md-5v,
  .village-px-md-5v {
    padding-right: 1.25rem !important;
  }

  .village-pt-md-5v,
  .village-py-md-5v {
    padding-top: 1.25rem !important;
  }

  .village-pb-md-5v,
  .village-py-md-5v {
    padding-bottom: 1.25rem !important;
  }

  .village-p-md-6v,
  .village-p-md-3w {
    padding: 1.5rem !important;
  }

  .village-pl-md-6v,
  .village-pl-md-3w,
  .village-px-md-6v,
  .village-px-md-3w {
    padding-left: 1.5rem !important;
  }

  .village-pr-md-6v,
  .village-pr-md-3w,
  .village-px-md-6v,
  .village-px-md-3w {
    padding-right: 1.5rem !important;
  }

  .village-pt-md-6v,
  .village-pt-md-3w,
  .village-py-md-6v,
  .village-py-md-3w {
    padding-top: 1.5rem !important;
  }

  .village-pb-md-6v,
  .village-pb-md-3w,
  .village-py-md-6v,
  .village-py-md-3w {
    padding-bottom: 1.5rem !important;
  }

  .village-p-md-7v {
    padding: 1.75rem !important;
  }

  .village-pl-md-7v,
  .village-px-md-7v {
    padding-left: 1.75rem !important;
  }

  .village-pr-md-7v,
  .village-px-md-7v {
    padding-right: 1.75rem !important;
  }

  .village-pt-md-7v,
  .village-py-md-7v {
    padding-top: 1.75rem !important;
  }

  .village-pb-md-7v,
  .village-py-md-7v {
    padding-bottom: 1.75rem !important;
  }

  .village-p-md-8v,
  .village-p-md-4w {
    padding: 2rem !important;
  }

  .village-pl-md-8v,
  .village-pl-md-4w,
  .village-px-md-8v,
  .village-px-md-4w {
    padding-left: 2rem !important;
  }

  .village-pr-md-8v,
  .village-pr-md-4w,
  .village-px-md-8v,
  .village-px-md-4w {
    padding-right: 2rem !important;
  }

  .village-pt-md-8v,
  .village-pt-md-4w,
  .village-py-md-8v,
  .village-py-md-4w {
    padding-top: 2rem !important;
  }

  .village-pb-md-8v,
  .village-pb-md-4w,
  .village-py-md-8v,
  .village-py-md-4w {
    padding-bottom: 2rem !important;
  }

  .village-p-md-9v {
    padding: 2.25rem !important;
  }

  .village-pl-md-9v,
  .village-px-md-9v {
    padding-left: 2.25rem !important;
  }

  .village-pr-md-9v,
  .village-px-md-9v {
    padding-right: 2.25rem !important;
  }

  .village-pt-md-9v,
  .village-py-md-9v {
    padding-top: 2.25rem !important;
  }

  .village-pb-md-9v,
  .village-py-md-9v {
    padding-bottom: 2.25rem !important;
  }

  .village-p-md-10v,
  .village-p-md-5w {
    padding: 2.5rem !important;
  }

  .village-pl-md-10v,
  .village-pl-md-5w,
  .village-px-md-10v,
  .village-px-md-5w {
    padding-left: 2.5rem !important;
  }

  .village-pr-md-10v,
  .village-pr-md-5w,
  .village-px-md-10v,
  .village-px-md-5w {
    padding-right: 2.5rem !important;
  }

  .village-pt-md-10v,
  .village-pt-md-5w,
  .village-py-md-10v,
  .village-py-md-5w {
    padding-top: 2.5rem !important;
  }

  .village-pb-md-10v,
  .village-pb-md-5w,
  .village-py-md-10v,
  .village-py-md-5w {
    padding-bottom: 2.5rem !important;
  }

  .village-p-md-11v {
    padding: 2.75rem !important;
  }

  .village-pl-md-11v,
  .village-px-md-11v {
    padding-left: 2.75rem !important;
  }

  .village-pr-md-11v,
  .village-px-md-11v {
    padding-right: 2.75rem !important;
  }

  .village-pt-md-11v,
  .village-py-md-11v {
    padding-top: 2.75rem !important;
  }

  .village-pb-md-11v,
  .village-py-md-11v {
    padding-bottom: 2.75rem !important;
  }

  .village-p-md-12v,
  .village-p-md-6w {
    padding: 3rem !important;
  }

  .village-pl-md-12v,
  .village-pl-md-6w,
  .village-px-md-12v,
  .village-px-md-6w {
    padding-left: 3rem !important;
  }

  .village-pr-md-12v,
  .village-pr-md-6w,
  .village-px-md-12v,
  .village-px-md-6w {
    padding-right: 3rem !important;
  }

  .village-pt-md-12v,
  .village-pt-md-6w,
  .village-py-md-12v,
  .village-py-md-6w {
    padding-top: 3rem !important;
  }

  .village-pb-md-12v,
  .village-pb-md-6w,
  .village-py-md-12v,
  .village-py-md-6w {
    padding-bottom: 3rem !important;
  }

  .village-p-md-13v {
    padding: 3.25rem !important;
  }

  .village-pl-md-13v,
  .village-px-md-13v {
    padding-left: 3.25rem !important;
  }

  .village-pr-md-13v,
  .village-px-md-13v {
    padding-right: 3.25rem !important;
  }

  .village-pt-md-13v,
  .village-py-md-13v {
    padding-top: 3.25rem !important;
  }

  .village-pb-md-13v,
  .village-py-md-13v {
    padding-bottom: 3.25rem !important;
  }

  .village-p-md-14v,
  .village-p-md-7w {
    padding: 3.5rem !important;
  }

  .village-pl-md-14v,
  .village-pl-md-7w,
  .village-px-md-14v,
  .village-px-md-7w {
    padding-left: 3.5rem !important;
  }

  .village-pr-md-14v,
  .village-pr-md-7w,
  .village-px-md-14v,
  .village-px-md-7w {
    padding-right: 3.5rem !important;
  }

  .village-pt-md-14v,
  .village-pt-md-7w,
  .village-py-md-14v,
  .village-py-md-7w {
    padding-top: 3.5rem !important;
  }

  .village-pb-md-14v,
  .village-pb-md-7w,
  .village-py-md-14v,
  .village-py-md-7w {
    padding-bottom: 3.5rem !important;
  }

  .village-p-md-15v {
    padding: 3.75rem !important;
  }

  .village-pl-md-15v,
  .village-px-md-15v {
    padding-left: 3.75rem !important;
  }

  .village-pr-md-15v,
  .village-px-md-15v {
    padding-right: 3.75rem !important;
  }

  .village-pt-md-15v,
  .village-py-md-15v {
    padding-top: 3.75rem !important;
  }

  .village-pb-md-15v,
  .village-py-md-15v {
    padding-bottom: 3.75rem !important;
  }

  .village-p-md-16v,
  .village-p-md-8w {
    padding: 4rem !important;
  }

  .village-pl-md-16v,
  .village-pl-md-8w,
  .village-px-md-16v,
  .village-px-md-8w {
    padding-left: 4rem !important;
  }

  .village-pr-md-16v,
  .village-pr-md-8w,
  .village-px-md-16v,
  .village-px-md-8w {
    padding-right: 4rem !important;
  }

  .village-pt-md-16v,
  .village-pt-md-8w,
  .village-py-md-16v,
  .village-py-md-8w {
    padding-top: 4rem !important;
  }

  .village-pb-md-16v,
  .village-pb-md-8w,
  .village-py-md-16v,
  .village-py-md-8w {
    padding-bottom: 4rem !important;
  }

  .village-p-md-17v {
    padding: 4.25rem !important;
  }

  .village-pl-md-17v,
  .village-px-md-17v {
    padding-left: 4.25rem !important;
  }

  .village-pr-md-17v,
  .village-px-md-17v {
    padding-right: 4.25rem !important;
  }

  .village-pt-md-17v,
  .village-py-md-17v {
    padding-top: 4.25rem !important;
  }

  .village-pb-md-17v,
  .village-py-md-17v {
    padding-bottom: 4.25rem !important;
  }

  .village-p-md-18v,
  .village-p-md-9w {
    padding: 4.5rem !important;
  }

  .village-pl-md-18v,
  .village-pl-md-9w,
  .village-px-md-18v,
  .village-px-md-9w {
    padding-left: 4.5rem !important;
  }

  .village-pr-md-18v,
  .village-pr-md-9w,
  .village-px-md-18v,
  .village-px-md-9w {
    padding-right: 4.5rem !important;
  }

  .village-pt-md-18v,
  .village-pt-md-9w,
  .village-py-md-18v,
  .village-py-md-9w {
    padding-top: 4.5rem !important;
  }

  .village-pb-md-18v,
  .village-pb-md-9w,
  .village-py-md-18v,
  .village-py-md-9w {
    padding-bottom: 4.5rem !important;
  }

  .village-p-md-19v {
    padding: 4.75rem !important;
  }

  .village-pl-md-19v,
  .village-px-md-19v {
    padding-left: 4.75rem !important;
  }

  .village-pr-md-19v,
  .village-px-md-19v {
    padding-right: 4.75rem !important;
  }

  .village-pt-md-19v,
  .village-py-md-19v {
    padding-top: 4.75rem !important;
  }

  .village-pb-md-19v,
  .village-py-md-19v {
    padding-bottom: 4.75rem !important;
  }

  .village-p-md-20v,
  .village-p-md-10w {
    padding: 5rem !important;
  }

  .village-pl-md-20v,
  .village-pl-md-10w,
  .village-px-md-20v,
  .village-px-md-10w {
    padding-left: 5rem !important;
  }

  .village-pr-md-20v,
  .village-pr-md-10w,
  .village-px-md-20v,
  .village-px-md-10w {
    padding-right: 5rem !important;
  }

  .village-pt-md-20v,
  .village-pt-md-10w,
  .village-py-md-20v,
  .village-py-md-10w {
    padding-top: 5rem !important;
  }

  .village-pb-md-20v,
  .village-pb-md-10w,
  .village-py-md-20v,
  .village-py-md-10w {
    padding-bottom: 5rem !important;
  }

  .village-p-md-21v {
    padding: 5.25rem !important;
  }

  .village-pl-md-21v,
  .village-px-md-21v {
    padding-left: 5.25rem !important;
  }

  .village-pr-md-21v,
  .village-px-md-21v {
    padding-right: 5.25rem !important;
  }

  .village-pt-md-21v,
  .village-py-md-21v {
    padding-top: 5.25rem !important;
  }

  .village-pb-md-21v,
  .village-py-md-21v {
    padding-bottom: 5.25rem !important;
  }

  .village-p-md-22v,
  .village-p-md-11w {
    padding: 5.5rem !important;
  }

  .village-pl-md-22v,
  .village-pl-md-11w,
  .village-px-md-22v,
  .village-px-md-11w {
    padding-left: 5.5rem !important;
  }

  .village-pr-md-22v,
  .village-pr-md-11w,
  .village-px-md-22v,
  .village-px-md-11w {
    padding-right: 5.5rem !important;
  }

  .village-pt-md-22v,
  .village-pt-md-11w,
  .village-py-md-22v,
  .village-py-md-11w {
    padding-top: 5.5rem !important;
  }

  .village-pb-md-22v,
  .village-pb-md-11w,
  .village-py-md-22v,
  .village-py-md-11w {
    padding-bottom: 5.5rem !important;
  }

  .village-p-md-23v {
    padding: 5.75rem !important;
  }

  .village-pl-md-23v,
  .village-px-md-23v {
    padding-left: 5.75rem !important;
  }

  .village-pr-md-23v,
  .village-px-md-23v {
    padding-right: 5.75rem !important;
  }

  .village-pt-md-23v,
  .village-py-md-23v {
    padding-top: 5.75rem !important;
  }

  .village-pb-md-23v,
  .village-py-md-23v {
    padding-bottom: 5.75rem !important;
  }

  .village-p-md-24v,
  .village-p-md-12w {
    padding: 6rem !important;
  }

  .village-pl-md-24v,
  .village-pl-md-12w,
  .village-px-md-24v,
  .village-px-md-12w {
    padding-left: 6rem !important;
  }

  .village-pr-md-24v,
  .village-pr-md-12w,
  .village-px-md-24v,
  .village-px-md-12w {
    padding-right: 6rem !important;
  }

  .village-pt-md-24v,
  .village-pt-md-12w,
  .village-py-md-24v,
  .village-py-md-12w {
    padding-top: 6rem !important;
  }

  .village-pb-md-24v,
  .village-pb-md-12w,
  .village-py-md-24v,
  .village-py-md-12w {
    padding-bottom: 6rem !important;
  }

  .village-p-md-25v {
    padding: 6.25rem !important;
  }

  .village-pl-md-25v,
  .village-px-md-25v {
    padding-left: 6.25rem !important;
  }

  .village-pr-md-25v,
  .village-px-md-25v {
    padding-right: 6.25rem !important;
  }

  .village-pt-md-25v,
  .village-py-md-25v {
    padding-top: 6.25rem !important;
  }

  .village-pb-md-25v,
  .village-py-md-25v {
    padding-bottom: 6.25rem !important;
  }

  .village-p-md-26v,
  .village-p-md-13w {
    padding: 6.5rem !important;
  }

  .village-pl-md-26v,
  .village-pl-md-13w,
  .village-px-md-26v,
  .village-px-md-13w {
    padding-left: 6.5rem !important;
  }

  .village-pr-md-26v,
  .village-pr-md-13w,
  .village-px-md-26v,
  .village-px-md-13w {
    padding-right: 6.5rem !important;
  }

  .village-pt-md-26v,
  .village-pt-md-13w,
  .village-py-md-26v,
  .village-py-md-13w {
    padding-top: 6.5rem !important;
  }

  .village-pb-md-26v,
  .village-pb-md-13w,
  .village-py-md-26v,
  .village-py-md-13w {
    padding-bottom: 6.5rem !important;
  }

  .village-p-md-27v {
    padding: 6.75rem !important;
  }

  .village-pl-md-27v,
  .village-px-md-27v {
    padding-left: 6.75rem !important;
  }

  .village-pr-md-27v,
  .village-px-md-27v {
    padding-right: 6.75rem !important;
  }

  .village-pt-md-27v,
  .village-py-md-27v {
    padding-top: 6.75rem !important;
  }

  .village-pb-md-27v,
  .village-py-md-27v {
    padding-bottom: 6.75rem !important;
  }

  .village-p-md-28v,
  .village-p-md-14w {
    padding: 7rem !important;
  }

  .village-pl-md-28v,
  .village-pl-md-14w,
  .village-px-md-28v,
  .village-px-md-14w {
    padding-left: 7rem !important;
  }

  .village-pr-md-28v,
  .village-pr-md-14w,
  .village-px-md-28v,
  .village-px-md-14w {
    padding-right: 7rem !important;
  }

  .village-pt-md-28v,
  .village-pt-md-14w,
  .village-py-md-28v,
  .village-py-md-14w {
    padding-top: 7rem !important;
  }

  .village-pb-md-28v,
  .village-pb-md-14w,
  .village-py-md-28v,
  .village-py-md-14w {
    padding-bottom: 7rem !important;
  }

  .village-p-md-29v {
    padding: 7.25rem !important;
  }

  .village-pl-md-29v,
  .village-px-md-29v {
    padding-left: 7.25rem !important;
  }

  .village-pr-md-29v,
  .village-px-md-29v {
    padding-right: 7.25rem !important;
  }

  .village-pt-md-29v,
  .village-py-md-29v {
    padding-top: 7.25rem !important;
  }

  .village-pb-md-29v,
  .village-py-md-29v {
    padding-bottom: 7.25rem !important;
  }

  .village-p-md-30v,
  .village-p-md-15w {
    padding: 7.5rem !important;
  }

  .village-pl-md-30v,
  .village-pl-md-15w,
  .village-px-md-30v,
  .village-px-md-15w {
    padding-left: 7.5rem !important;
  }

  .village-pr-md-30v,
  .village-pr-md-15w,
  .village-px-md-30v,
  .village-px-md-15w {
    padding-right: 7.5rem !important;
  }

  .village-pt-md-30v,
  .village-pt-md-15w,
  .village-py-md-30v,
  .village-py-md-15w {
    padding-top: 7.5rem !important;
  }

  .village-pb-md-30v,
  .village-pb-md-15w,
  .village-py-md-30v,
  .village-py-md-15w {
    padding-bottom: 7.5rem !important;
  }

  .village-p-md-31v {
    padding: 7.75rem !important;
  }

  .village-pl-md-31v,
  .village-px-md-31v {
    padding-left: 7.75rem !important;
  }

  .village-pr-md-31v,
  .village-px-md-31v {
    padding-right: 7.75rem !important;
  }

  .village-pt-md-31v,
  .village-py-md-31v {
    padding-top: 7.75rem !important;
  }

  .village-pb-md-31v,
  .village-py-md-31v {
    padding-bottom: 7.75rem !important;
  }

  .village-p-md-32v,
  .village-p-md-16w {
    padding: 8rem !important;
  }

  .village-pl-md-32v,
  .village-pl-md-16w,
  .village-px-md-32v,
  .village-px-md-16w {
    padding-left: 8rem !important;
  }

  .village-pr-md-32v,
  .village-pr-md-16w,
  .village-px-md-32v,
  .village-px-md-16w {
    padding-right: 8rem !important;
  }

  .village-pt-md-32v,
  .village-pt-md-16w,
  .village-py-md-32v,
  .village-py-md-16w {
    padding-top: 8rem !important;
  }

  .village-pb-md-32v,
  .village-pb-md-16w,
  .village-py-md-32v,
  .village-py-md-16w {
    padding-bottom: 8rem !important;
  }

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */
  .village-accordion .village-collapse {
    margin: 0 -0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /*! media md */

  /*! media md */

  /*! media md */
  .village-btns-group--inline-md .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .village-btns-group--inline-md > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
  }

  .village-btns-group--inline-md.village-btns-group--right.village-btns-group--inline-reverse {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  /*! media md */

  /*! media md */
  .village-quote {
    padding: 0 0 0 2rem;
    background-size: 1px 100%;
    background-position: 0 0;
  }

  .village-quote--column {
    margin-left: 13.5rem;
    min-height: 13rem;
  }

  .village-quote--column .village-quote__author {
    margin-left: 0;
  }

  .village-quote--column .village-quote__source {
    margin-left: 0;
  }

  .village-quote--column figcaption {
    min-height: auto;
  }

  .village-quote__image {
    position: absolute;
    top: 50%;
    left: -13.5rem;
    width: 11.5rem;
    height: 11.5rem;
    margin-top: -5.75rem;
  }

  /*! media md */
  .village-breadcrumb {
    margin-bottom: 2.5rem;
  }

  .village-breadcrumb__button {
    display: none;
  }

  .village-breadcrumb .village-collapse {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    transform: none;
    visibility: inherit;
    overflow: visible;
    max-height: none;
  }

  .village-breadcrumb .village-collapse::before {
    content: none;
  }

  .village-breadcrumb__list {
    transform: none;
  }

  /*! media md */
  .village-fieldset__element--inline\@md {
    flex: 0 0 auto;
  }

  /*! media md */
  .village-stepper__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  /*! media md */

  /*! media md */
  .village-links-group--download .village-link,
  .village-links-group .village-link--download {
    margin-bottom: 3rem;
  }

  .village-links-group__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .village-links-group--bordered {
    padding: 2rem 2rem 0.5rem;
  }

  /*! media md */
  .village-sidemenu {
    margin-left: 0;
    margin-right: 0;
    padding-right: 2rem;
    /**
     * Modificateur pour que le sidemenu s'adapte à un affichage à droite du contenu
     * La bordure se met sur la gauche
     */

    /**
     * Modificateur pour que le sidemenu soit sticky
     */

    /**
     * Modificateur pour que le sidemenu soit à la fois sticky et prenne toute la hauteur de la page
     */
    box-shadow: none;
  }

  .village-sidemenu .village-collapse {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .village-sidemenu__title {
    margin: 0 0 1.5rem;
    padding: 0;
    box-shadow: none;
  }

  .village-sidemenu__list .village-sidemenu__list {
    margin: 0 1rem 1rem;
  }

  .village-sidemenu__list {
    margin: 0;
  }

  .village-sidemenu__item::before {
    content: none;
  }

  .village-sidemenu__inner {
    padding: 0 1.5rem 0 0;
    box-shadow: inset -1px 0 0 0 var(--border-default-grey);
  }

  .village-sidemenu__inner > .village-collapse {
    padding: 0;
    margin: 0;
    overflow: initial;
    max-height: none;
  }

  .village-sidemenu__inner > .village-collapse::before {
    display: none;
  }

  .village-sidemenu__inner > .village-collapse:not(.village-collapse--expanded) {
    visibility: inherit;
  }

  .village-sidemenu--right {
    padding-left: 2rem;
    padding-right: 0;
  }

  .village-sidemenu--right .village-sidemenu__inner {
    padding: 0 1rem 0 2rem;
    border-right: 0;
    box-shadow: inset 1px 0 0 0 var(--border-default-grey);
  }

  .village-sidemenu--sticky {
    position: sticky;
    top: 0;
  }

  .village-sidemenu--sticky .village-sidemenu__inner {
    padding-top: 0.5rem;
    overflow: auto;
    max-height: 100vh;
  }

  .village-sidemenu--sticky-full-height {
    position: sticky;
    top: 0;
    height: 100vh;
  }

  .village-sidemenu--sticky-full-height .village-sidemenu__inner {
    padding-top: 0.5rem;
    overflow: auto;
    height: 100%;
  }

  .village-sidemenu__link,
  .village-sidemenu__btn {
    margin: 0;
    width: 100%;
  }

  .village-sidemenu__btn[aria-expanded] {
    padding: 0.75rem 2.5rem 0.75rem 1rem;
  }

  .village-sidemenu__btn[aria-expanded]::after {
    margin-right: -1.5rem;
  }

  .village-sidemenu__inner > .village-sidemenu__btn {
    display: none;
  }

  /*! media md */
  .village-highlight {
    padding-left: 2.25rem;
    margin-left: 2rem;
  }

  /*! media md */
  .village-tabs--viewport-width {
    margin-left: 0;
    margin-right: 0;
  }

  .village-tabs__panel {
    padding: 2rem;
  }

  .village-tabs__panel:focus,
  .village-tabs__panel:focus-visible {
    outline-offset: calc(-2rem + 2px);
  }

  /*! media md */

  /*! media md */
  .village-summary {
    padding: 2rem;
  }

  /*! media md */
  .village-table caption {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .village-table td,
  .village-table th {
    padding: 1rem;
  }

  .village-table thead td,
  .village-table thead th {
    padding-bottom: 1.125rem;
  }

  /*! media md */

  /*! media md */

  /*! media md */
  .village-download--card {
    padding: 2rem 2rem 5rem 2rem;
  }

  .village-download--card .village-download__link {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  .village-download--card .village-download__link::after {
    --icon-size: 1.5rem;
    bottom: 2rem;
    right: 2rem;
  }

  .village-download--card .village-download__desc {
    margin-top: 0.75rem;
  }

  .village-download--card .village-download__detail {
    bottom: 2rem;
    left: 2rem;
  }

  .village-downloads-group__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .village-downloads-group--bordered {
    padding: 2rem 2rem 0.5rem;
  }

  .village-downloads-group .village-download {
    margin-bottom: 1.5rem;
  }

  /*! media md */
  .village-alert__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  /*! media md */

  /*! media md */

  /*! media md */
  .village-card__title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  .village-card--sm .village-card__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .village-card--lg .village-card__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .village-card--horizontal,
  .village-card--horizontal-half,
  .village-card--horizontal-tier {
    flex-direction: row;
  }

  .village-card--horizontal .village-card__img,
  .village-card--horizontal-half .village-card__img,
  .village-card--horizontal-tier .village-card__img {
    height: 100%;
  }

  .village-card--horizontal .village-card__img img,
  .village-card--horizontal-half .village-card__img img,
  .village-card--horizontal-tier .village-card__img img {
    height: 100%;
    object-fit: cover;
  }

  .village-card--horizontal .village-card__header {
    width: 40%;
    flex: 0 0 40%;
  }

  .village-card--horizontal-half .village-card__header {
    width: 50%;
    flex: 0 0 50%;
  }

  .village-card--horizontal-tier .village-card__header {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .village-card--download {
    flex-direction: row;
  }

  .village-card--download .village-card__header {
    width: 40%;
    flex: 0 0 40%;
    aspect-ratio: auto;
  }

  .village-card--download .village-card__header .village-card__img img {
    object-position: 50% 0;
  }

  .village-card--download .village-card__img {
    height: 100%;
  }

  .village-card--download .village-card__img img {
    height: 100%;
    object-fit: cover;
  }

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */
  .village-skiplinks {
    padding: 0.75rem 0;
  }

  .village-skiplinks__list > li {
    margin: 0 0.5rem;
  }

  .village-skiplinks__list {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -1rem;
  }

  /*! media md */

  /*! media md */
  .village-callout {
    padding: 2rem 3rem;
  }

  .village-callout[class^=village-icon-]::before,
  .village-callout[class*=" village-icon-"]::before,
  .village-callout[class^=village-fi-]::before,
  .village-callout[class*=" village-fi-"]::before {
    margin: -1rem 0 1rem -2rem;
  }

  .village-callout__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  /*! media md */
  .village-modal {
    padding-right: var(--scrollbar-width);
  }

  .village-modal--top::before {
    content: "";
  }

  .village-modal::before {
    width: 0;
    height: 10vh;
    flex: 1 0 10vh;
  }

  .village-modal::after {
    content: "";
    width: 0;
    height: 10vh;
    flex: 1 0 10vh;
  }

  .village-modal__body {
    max-height: 80vh !important;
  }

  .village-modal__header {
    padding: 1rem 2rem;
  }

  .village-modal__content {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 4rem;
  }

  .village-modal__footer {
    padding: 2rem;
    margin-top: -3rem;
  }

  .village-modal__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  /*! media md */

  /*! media md */
  .village-share__text {
    max-width: 18rem;
  }

  /*! media md */
  .village-footer__body {
    margin-bottom: 1.5rem;
  }

  .village-footer__brand .village-logo {
    font-size: 1.3125rem;
    padding: 1.25rem;
    margin: -1.25rem;
  }

  .village-footer__brand .village-logo::before {
    width: 3.4375rem;
    height: 1.25rem;
    margin-bottom: 0.4166666667rem;
    background-size: 3.4375rem 1.40625rem, 3.4375rem 1.25rem, 0;
    background-position: 0 -0.078125rem, 0 0, 0 0;
  }

  :root[data-village-mourning] .village-footer__brand .village-logo::before {
    background-size: 3.4375rem 1.40625rem, 0, 3.4375rem 1.25rem;
  }

  .village-footer__brand .village-logo::after {
    min-width: 3.28125rem;
    background-size: 6.5625rem 4.6875rem;
    background-position: 0 calc(100% + 2.34375rem);
    padding-top: 2.7604166667rem;
  }

  [data-village-theme=dark] .village-footer__brand .village-logo::after {
    background-position: -3.28125rem 100%;
  }

  .village-footer__brand .village-logo + .village-footer__brand-link {
    margin-left: 2rem;
  }

  .village-footer__brand {
    flex-basis: auto;
    margin-right: 1rem;
  }

  .village-footer__brand.village-enlarge-link {
    margin: -1rem 0 -1rem -1rem;
    padding: 1rem;
    align-self: flex-start;
  }

  .village-footer__content {
    margin-left: auto;
  }

  .village-footer__content-list {
    margin-top: 0.5rem;
  }

  .village-footer__top {
    margin: -1.875rem 0 2rem;
  }

  .village-footer__bottom-item {
    margin: 0.5rem 0 0 0.75rem;
  }

  .village-footer__bottom-item::before {
    margin-right: 0.75rem;
  }

  .village-footer__partners-logos {
    margin-right: -1rem;
    flex-wrap: nowrap;
  }

  .village-footer__partners-main + .village-footer__partners-sub {
    padding-left: 1rem;
  }

  .village-footer__partners-sub,
  .village-footer__partners-sub > ul {
    padding-top: 0;
  }

  .village-footer__partners-sub > ul,
  .village-footer__partners-sub > ul > ul {
    justify-content: flex-end;
  }

  .village-footer__partners-sub > li,
  .village-footer__partners-sub > ul > li {
    margin: 0 1rem 0 1rem;
  }

  .village-footer__partners-sub .village-footer__partners-link {
    margin-bottom: 0.5rem;
  }

  /*! media md */
  .village-tile__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .village-tile--vertical\@md {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .village-tile--vertical\@md .village-tile__header {
    margin-bottom: 1rem;
    margin-right: 0 !important;
  }

  .village-tile--vertical\@md .village-tile__pictogram {
    width: 5rem;
    height: 5rem;
  }

  .village-tile--vertical\@md .village-tile__content {
    align-items: center;
  }

  .village-tile--vertical\@md .village-tile__detail {
    margin-top: 0.75rem;
  }

  .village-tile--vertical\@md.village-enlarge-link:not(.village-tile--no-icon) .village-tile__content {
    padding-bottom: 2.5rem;
  }

  .village-tile--vertical\@md.village-enlarge-link:not(.village-tile--no-icon) .village-tile__detail {
    margin-bottom: 0;
    padding-right: 0;
  }

  .village-tile--horizontal .village-tile__img {
    width: 5rem;
    height: 5rem;
    margin: 0 2rem 0 0;
  }

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */
  .village-search-bar--lg .village-btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
    min-height: 3rem;
    padding: 0.5rem 1.5rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-search-bar--lg .village-btn::before {
    --icon-size: 1.5rem;
    margin-left: -0.1875rem;
    margin-right: 0.5rem;
  }

  .village-search-bar--lg .village-input {
    max-height: 3rem;
  }

  /*! media md */
  .village-content-media--sm .village-content-media__img,
  .village-content-media--sm .village-responsive-vid {
    width: 75%;
  }

  .village-content-media--lg .village-content-media__img,
  .village-content-media--lg .village-responsive-vid {
    width: 125%;
  }

  /*! media md */
  .village-consent-banner {
    padding: 2rem;
    bottom: 2.5rem;
    left: 2.5rem;
    max-width: 40rem;
    max-height: calc(100% - 5rem);
  }

  .village-consent-banner__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .village-consent-banner__buttons {
    margin-top: 2rem;
  }

  .village-consent-service > .village-fieldset {
    padding: 0 0 1.25rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .village-consent-service:last-child > .village-fieldset {
    padding: 1.25rem 0 1rem;
  }

  .village-consent-service__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    width: 50%;
  }

  .village-consent-service__desc {
    --text-spacing: 0.25rem 1.5rem 0.5rem 0;
    width: 60%;
  }

  .village-consent-service__radios {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 1.25rem;
    right: 0;
    width: 50%;
  }

  .village-consent-services .village-consent-service + .village-consent-service {
    margin-top: -0.25rem;
  }

  .village-consent-services .village-consent-service__desc {
    --text-spacing: 0.25rem 0 0.5rem 0;
  }

  /*! media md */
  .village-follow {
    padding: 2rem 0;
  }

  .village-follow .village-grid-row > * > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
  }

  .village-follow .village-grid-row > *:not(:first-child) {
    padding-left: 8.3333333333%;
    padding-top: 0;
    margin-top: 0;
    box-shadow: -1px 0 0 0 var(--border-default-village-primary);
  }

  .village-follow .village-grid-row > *:not(:last-child) {
    padding-right: 8.3333333333%;
  }

  .village-follow .village-grid-row > *:first-child:last-child > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .village-follow .village-grid-row > *:first-child:last-child > .village-follow__newsletter {
    --text-spacing: 0;
  }

  .village-follow .village-grid-row > *:first-child:last-child > .village-follow__newsletter > * {
    max-width: 50%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .village-follow .village-grid-row > *:first-child:last-child > .village-follow__newsletter > :first-child {
    padding-right: 0.75rem;
    padding-left: 0;
  }

  .village-follow .village-grid-row > *:first-child:last-child > .village-follow__newsletter > :last-child {
    padding-right: 0;
    padding-left: 0.75rem;
  }

  .village-follow .village-grid-row > *:first-child:last-child > .village-follow__social {
    --title-spacing: 0;
  }

  .village-follow .village-hint-text {
    margin-top: 0.5rem;
  }

  /*! media md */

  /*! media md */
  .village-header__service-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 62em) {
  /*! media lg */

  /*! media lg */
  .village-hidden-lg {
    display: none !important;
  }

  .village-unhidden-lg {
    display: inherit !important;
  }

  .village-sr-only-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
    display: block;
  }

  .village-container,
  .village-container-sm,
  .village-container-md {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .village-container-lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .village-container-lg--fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    overflow: hidden;
  }

  .village-grid-row--gutters,
  .village-grid-row-sm--gutters,
  .village-grid-row-md--gutters {
    margin: -0.75rem;
  }

  .village-grid-row--gutters > [class^=village-col-],
  .village-grid-row--gutters > [class*=" village-col-"],
  .village-grid-row--gutters > .village-col,
  .village-grid-row-sm--gutters > [class^=village-col-],
  .village-grid-row-sm--gutters > [class*=" village-col-"],
  .village-grid-row-sm--gutters > .village-col,
  .village-grid-row-md--gutters > [class^=village-col-],
  .village-grid-row-md--gutters > [class*=" village-col-"],
  .village-grid-row-md--gutters > .village-col {
    padding: 0.75rem;
  }

  .village-grid-row-lg--gutters {
    margin: -0.75rem;
  }

  .village-grid-row-lg--gutters > [class^=village-col-],
  .village-grid-row-lg--gutters > [class*=" village-col-"],
  .village-grid-row-lg--gutters > .village-col {
    padding: 0.75rem;
  }

  .village-grid-row-lg--no-gutters {
    margin: 0;
  }

  .village-grid-row-lg--no-gutters > [class^=village-col-],
  .village-grid-row-lg--no-gutters > [class*=" village-col-"],
  .village-grid-row-lg--no-gutters > .village-col {
    padding: 0;
  }

  .village-col-lg {
    flex: 1;
  }

  .village-col-lg-1 {
    flex: 0 0 calc(100% / 12);
    width: calc(100% / 12);
    max-width: calc(100% / 12);
  }

  .village-col-offset-lg-1:not(.village-col-offset-lg-1--right) {
    margin-left: calc(100% / 12);
  }

  .village-col-offset-lg-1--right {
    margin-right: calc(100% / 12);
  }

  .village-col-lg-2 {
    flex: 0 0 calc(200% / 12);
    width: calc(200% / 12);
    max-width: calc(200% / 12);
  }

  .village-col-offset-lg-2:not(.village-col-offset-lg-2--right) {
    margin-left: calc(200% / 12);
  }

  .village-col-offset-lg-2--right {
    margin-right: calc(200% / 12);
  }

  .village-col-lg-3 {
    flex: 0 0 calc(300% / 12);
    width: calc(300% / 12);
    max-width: calc(300% / 12);
  }

  .village-col-offset-lg-3:not(.village-col-offset-lg-3--right) {
    margin-left: calc(300% / 12);
  }

  .village-col-offset-lg-3--right {
    margin-right: calc(300% / 12);
  }

  .village-col-lg-4 {
    flex: 0 0 calc(400% / 12);
    width: calc(400% / 12);
    max-width: calc(400% / 12);
  }

  .village-col-offset-lg-4:not(.village-col-offset-lg-4--right) {
    margin-left: calc(400% / 12);
  }

  .village-col-offset-lg-4--right {
    margin-right: calc(400% / 12);
  }

  .village-col-lg-5 {
    flex: 0 0 calc(500% / 12);
    width: calc(500% / 12);
    max-width: calc(500% / 12);
  }

  .village-col-offset-lg-5:not(.village-col-offset-lg-5--right) {
    margin-left: calc(500% / 12);
  }

  .village-col-offset-lg-5--right {
    margin-right: calc(500% / 12);
  }

  .village-col-lg-6 {
    flex: 0 0 calc(600% / 12);
    width: calc(600% / 12);
    max-width: calc(600% / 12);
  }

  .village-col-offset-lg-6:not(.village-col-offset-lg-6--right) {
    margin-left: calc(600% / 12);
  }

  .village-col-offset-lg-6--right {
    margin-right: calc(600% / 12);
  }

  .village-col-lg-7 {
    flex: 0 0 calc(700% / 12);
    width: calc(700% / 12);
    max-width: calc(700% / 12);
  }

  .village-col-offset-lg-7:not(.village-col-offset-lg-7--right) {
    margin-left: calc(700% / 12);
  }

  .village-col-offset-lg-7--right {
    margin-right: calc(700% / 12);
  }

  .village-col-lg-8 {
    flex: 0 0 calc(800% / 12);
    width: calc(800% / 12);
    max-width: calc(800% / 12);
  }

  .village-col-offset-lg-8:not(.village-col-offset-lg-8--right) {
    margin-left: calc(800% / 12);
  }

  .village-col-offset-lg-8--right {
    margin-right: calc(800% / 12);
  }

  .village-col-lg-9 {
    flex: 0 0 calc(900% / 12);
    width: calc(900% / 12);
    max-width: calc(900% / 12);
  }

  .village-col-offset-lg-9:not(.village-col-offset-lg-9--right) {
    margin-left: calc(900% / 12);
  }

  .village-col-offset-lg-9--right {
    margin-right: calc(900% / 12);
  }

  .village-col-lg-10 {
    flex: 0 0 calc(1000% / 12);
    width: calc(1000% / 12);
    max-width: calc(1000% / 12);
  }

  .village-col-offset-lg-10:not(.village-col-offset-lg-10--right) {
    margin-left: calc(1000% / 12);
  }

  .village-col-offset-lg-10--right {
    margin-right: calc(1000% / 12);
  }

  .village-col-lg-11 {
    flex: 0 0 calc(1100% / 12);
    width: calc(1100% / 12);
    max-width: calc(1100% / 12);
  }

  .village-col-offset-lg-11:not(.village-col-offset-lg-11--right) {
    margin-left: calc(1100% / 12);
  }

  .village-col-offset-lg-11--right {
    margin-right: calc(1100% / 12);
  }

  .village-col-lg-12 {
    flex: 0 0 calc(1200% / 12);
    width: calc(1200% / 12);
    max-width: calc(1200% / 12);
  }

  .village-col-offset-lg-12:not(.village-col-offset-lg-12--right) {
    margin-left: calc(1200% / 12);
  }

  .village-col-offset-lg-12--right {
    margin-right: calc(1200% / 12);
  }

  .village-displayed-lg {
    display: inherit !important;
  }

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-btns-group--inline-lg .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .village-btns-group--inline-lg > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
  }

  .village-btns-group--inline-lg.village-btns-group--right.village-btns-group--inline-reverse {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-pagination__link--first.village-pagination__link--lg-label {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-pagination__link--first.village-pagination__link--lg-label::before {
    --icon-size: 1rem;
    margin-left: -0.125rem;
    margin-right: 0.5rem;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
    mask-image: url("icons/system/village--arrow-left-s-first-line.svg");
    content: "";
  }

  .village-pagination__link--prev.village-pagination__link--lg-label {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-pagination__link--prev.village-pagination__link--lg-label::before {
    --icon-size: 1rem;
    margin-left: -0.125rem;
    margin-right: 0.5rem;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url("icons/system/arrow-left-s-line.svg");
    mask-image: url("icons/system/arrow-left-s-line.svg");
    content: "";
  }

  .village-pagination__link--next.village-pagination__link--lg-label {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-pagination__link--next.village-pagination__link--lg-label::after {

    --icon-size: 1rem;
    margin-right: -0.125rem;
    margin-left: 0.5rem;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url("icons/system/arrow-right-s-line.svg");
    mask-image: url("icons/system/arrow-right-s-line.svg");
    content: "";
  }

  .village-pagination__link--next.village-pagination__link--lg-label::before {
    content: none;
  }

  .village-pagination__link--last.village-pagination__link--lg-label {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-pagination__link--last.village-pagination__link--lg-label::after {

    --icon-size: 1rem;
    margin-right: -0.125rem;
    margin-left: 0.5rem;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
    mask-image: url("icons/system/village--arrow-right-s-last-line.svg");
    content: "";
  }

  .village-pagination__link--last.village-pagination__link--lg-label::before {
    content: none;
  }

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-nav__list {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .village-nav__list > *:first-child:nth-last-child(2) ~ *,
  .village-nav__list > *:first-child:nth-last-child(3) ~ *,
  .village-nav__list > *:first-child:nth-last-child(4) ~ * {
    margin-left: 1.25rem;
  }

  .village-nav__list > .village-nav__link,
  .village-nav__list > .village-nav__btn,
  .village-nav__list > * > .village-nav__link,
  .village-nav__list > * > .village-nav__btn {
    padding: 1rem;
    margin: 0;
    width: auto;
    height: 100%;
    min-height: 3.5rem;
    font-weight: normal;
  }

  .village-nav__list > .village-nav__link[aria-current]:not([aria-current=false])::before,
  .village-nav__list > .village-nav__btn[aria-current]:not([aria-current=false])::before,
  .village-nav__list > * > .village-nav__link[aria-current]:not([aria-current=false])::before,
  .village-nav__list > * > .village-nav__btn[aria-current]:not([aria-current=false])::before {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: 0;
  }

  .village-nav__item .village-btn,
  .village-nav__item .village-link {
    min-height: auto;
  }

  .village-nav__item {
    position: initial;
    align-items: flex-start;
  }

  .village-nav__item::before {
    content: none;
  }

  .village-nav__item--align-right {
    align-items: flex-end;
  }

  .village-nav__link,
  .village-nav__btn {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .village-nav__btn {
    padding: 1rem 0.75rem 1rem 1rem;
    justify-content: flex-start;
  }

  .village-menu {
    pointer-events: none;
    position: absolute;
    top: 100%;
    z-index: calc(var(--ground) + 1000);
    filter: drop-shadow(var(--overlap-shadow));
  }

  .village-menu__list {
    width: 20rem;
    pointer-events: auto;
    padding: 0;
    margin-bottom: 2rem;
    background-color: var(--background-overlap-grey);

    --idle: transparent;
    --hover: var(--background-overlap-grey-hover);
    --active: var(--background-overlap-grey-active);
    box-shadow: inset 0 1px 0 0 var(--border-open-village-primary);
  }

  .village-menu .village-nav__link {
    padding: 0.75rem 1rem;
    box-shadow: 0 calc(-1rem - 1px) 0 -1rem var(--border-default-grey);
  }

  .village-menu .village-nav__link::before {
    left: 0;
  }

  .village-mega-menu {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: calc(var(--ground) + 1000);
    background-color: var(--background-overlap-grey);

    --idle: transparent;
    --hover: var(--background-overlap-grey-hover);
    --active: var(--background-overlap-grey-active);
    filter: drop-shadow(var(--overlap-shadow));
    box-shadow: inset 0 1px 0 0 var(--border-open-village-primary);
  }

  .village-mega-menu::after {
    content: "";
    display: block;
    padding-bottom: 1.5rem;
  }

  .village-mega-menu > .village-container {
    padding: 0 1.5rem;
  }

  .village-mega-menu > .village-container::before {
    content: "";
    display: block;
    padding-top: 1rem;
  }

  .village-mega-menu .village-btn--close {
    display: flex;
  }

  .village-mega-menu .village-nav__link {
    padding: 0.75rem 1rem;
  }

  .village-mega-menu__leader {
    margin-top: 0.25rem;
    padding-top: 0;
  }

  .village-mega-menu__list::before {
    content: none;
  }

  .village-menu__list > *:first-child,
  .village-menu__list > *:first-child > .village-nav__link,
  .village-menu__list > *:hover,
  .village-menu__list > *:hover > .village-nav__link,
  .village-menu__list > *:hover + *,
  .village-menu__list > *:hover + * > .village-nav__link {
    box-shadow: none;
  }

  .village-mega-menu__category {
    box-shadow: 0 calc(1rem + 1px) 0 -1rem var(--border-default-grey);
  }

  /*! media lg */

  /*! media lg */
  .village-footer__content {
    margin-top: 0;
    flex-basis: 50%;
    max-width: 36.75rem;
  }

  /*! media lg */
  .village-tile--vertical\@lg {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .village-tile--vertical\@lg .village-tile__header {
    margin-bottom: 1rem;
    margin-right: 0 !important;
  }

  .village-tile--vertical\@lg .village-tile__pictogram {
    width: 5rem;
    height: 5rem;
  }

  .village-tile--vertical\@lg .village-tile__content {
    align-items: center;
  }

  .village-tile--vertical\@lg .village-tile__detail {
    margin-top: 0.75rem;
  }

  .village-tile--vertical\@lg.village-enlarge-link:not(.village-tile--no-icon) .village-tile__content {
    padding-bottom: 2.5rem;
  }

  .village-tile--vertical\@lg.village-enlarge-link:not(.village-tile--no-icon) .village-tile__detail {
    margin-bottom: 0;
    padding-right: 0;
  }

  /*! media lg */
  .village-translate .village-translate__btn {
    min-height: auto;
    width: auto;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0.25rem 0.75rem;
  }

  .village-translate .village-translate__btn::after {
    margin-left: 0.25rem;
    margin-right: -0.25rem;
  }

  .village-translate .village-translate__btn::before {
    --icon-size: 1rem;
  }

  .village-translate__language[aria-current]:not([aria-current=false]) {
    display: inline-flex;
  }

  .village-translate__menu {
    margin: -0.25rem -1rem 0;
  }

  .village-translate .village-menu__list {
    display: grid;
    grid-template-rows: repeat(var(--rows), auto);
    grid-auto-flow: column;
  }

  .village-btns-group .village-translate__menu {
    margin: -1.25rem -0.75rem 0;
  }

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-consent-manager__header .village-consent-service__title {
    width: 44%;
  }

  .village-consent-manager__header .village-consent-service__radios {
    width: 56%;
    position: absolute;
    justify-content: flex-end;
  }

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-header__body-row {
    padding: 1.5rem 0;
  }

  .village-header__brand {
    margin-top: -1rem;
    margin-bottom: -1rem;
    flex-wrap: nowrap;
    padding-left: 0;
    padding-right: 0;
    z-index: auto;
    background: transparent;
    filter: none;
  }

  .village-header__brand-top {
    width: auto;
  }

  .village-header__logo,
  .village-header__operator,
  .village-header__service {
    padding: 1rem;
  }

  .village-header__service {
    margin-left: 0;
    margin-right: 0;
    box-shadow: none;
  }

  .village-header .village-modal {
    margin: 0;
    width: auto;
    height: auto;
    visibility: inherit;
    opacity: 1;
    position: initial;
    background-color: transparent;
    overflow: initial;
  }

  .village-header .village-modal > * > .village-btn--close {
    display: none;
  }

  .village-header .village-modal > .village-container {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
  }

  .village-header__navbar {
    display: none;
  }

  .village-header__tools {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    flex: 1 0 auto;
  }

  .village-header__tools-links + .village-header__search {
    margin-top: 1rem;
  }

  .village-header__tools .village-header__search {
    max-width: 24rem;
    margin-left: auto;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-],
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"],
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-],
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"] {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before {
    --icon-size: 1rem;
    margin-left: -0.125rem;
    margin-right: 0.5rem;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]) {
    font-size: 0.875rem;
    line-height: 1.5rem;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    overflow: initial;
    max-width: 100%;
    max-height: none;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before {
    --icon-size: 1rem;
    margin-left: -0.125rem;
    margin-right: 0.5rem;
  }

  .village-header__tools-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0.5rem;
  }

  .village-header__tools-links .village-btns-group {
    justify-content: flex-end;
    margin: 0 -0.25rem -1rem;
  }

  .village-header__tools-links .village-btns-group .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .village-header__tools-links .village-btns-group > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
    align-items: flex-start;
  }

  .village-header .village-header__menu-links .village-translate {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -1rem;
  }

  .village-header .village-header__menu-links {
    display: none;
  }

  .village-header .village-nav {
    justify-content: flex-start;
  }

  .village-header .village-nav__list {
    margin: 0 -1rem;
    max-width: calc(100% + 1rem);
  }

  .village-header .village-links-group {
    justify-content: flex-end;
  }

  .village-header .village-links-group .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .village-header .village-links-group > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
  }

  .village-header__tools-links .village-links-group {
    justify-content: flex-end;
    margin: 0 -0.25rem;
  }

  .village-header__tools-links .village-links-group .village-btn {
    width: auto;
    max-width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .village-header__tools-links .village-links-group > li {
    display: inline-flex;
    max-width: 100%;
    width: auto;
  }

  .village-header__tools-links .village-links-group .village-link {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .village-header .village-modal > * > .village-link--close {
    display: none;
  }

  .village-header {
    z-index: calc(var(--ground) + 750);
    background-color: var(--background-raised-grey);

    --idle: transparent;
    --hover: var(--background-raised-grey-hover);
    --active: var(--background-raised-grey-active);
    filter: drop-shadow(var(--raised-shadow));
  }

  .village-header .village-header__menu .village-container {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: "l m" "h h";
  }

  .village-header .village-header__menu {
    box-shadow: inset 0 1px 0 0 var(--border-default-grey);
  }
}
@media (min-width: 78em) {
  /*! media xl */

  /*! media xl */
  .village-hidden-xl {
    display: none !important;
  }

  .village-unhidden-xl {
    display: inherit !important;
  }

  .village-sr-only-xl {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
    display: block;
  }

  .village-container,
  .village-container-sm,
  .village-container-md,
  .village-container-lg {
    max-width: 78rem;
  }

  .village-container-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 78rem;
  }

  .village-container-xl--fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    overflow: hidden;
  }

  .village-grid-row-xl--gutters {
    margin: -0.75rem;
  }

  .village-grid-row-xl--gutters > [class^=village-col-],
  .village-grid-row-xl--gutters > [class*=" village-col-"],
  .village-grid-row-xl--gutters > .village-col {
    padding: 0.75rem;
  }

  .village-grid-row-xl--no-gutters {
    margin: 0;
  }

  .village-grid-row-xl--no-gutters > [class^=village-col-],
  .village-grid-row-xl--no-gutters > [class*=" village-col-"],
  .village-grid-row-xl--no-gutters > .village-col {
    padding: 0;
  }

  .village-col-xl {
    flex: 1;
  }

  .village-col-xl-1 {
    flex: 0 0 calc(100% / 12);
    width: calc(100% / 12);
    max-width: calc(100% / 12);
  }

  .village-col-offset-xl-1:not(.village-col-offset-xl-1--right) {
    margin-left: calc(100% / 12);
  }

  .village-col-offset-xl-1--right {
    margin-right: calc(100% / 12);
  }

  .village-col-xl-2 {
    flex: 0 0 calc(200% / 12);
    width: calc(200% / 12);
    max-width: calc(200% / 12);
  }

  .village-col-offset-xl-2:not(.village-col-offset-xl-2--right) {
    margin-left: calc(200% / 12);
  }

  .village-col-offset-xl-2--right {
    margin-right: calc(200% / 12);
  }

  .village-col-xl-3 {
    flex: 0 0 calc(300% / 12);
    width: calc(300% / 12);
    max-width: calc(300% / 12);
  }

  .village-col-offset-xl-3:not(.village-col-offset-xl-3--right) {
    margin-left: calc(300% / 12);
  }

  .village-col-offset-xl-3--right {
    margin-right: calc(300% / 12);
  }

  .village-col-xl-4 {
    flex: 0 0 calc(400% / 12);
    width: calc(400% / 12);
    max-width: calc(400% / 12);
  }

  .village-col-offset-xl-4:not(.village-col-offset-xl-4--right) {
    margin-left: calc(400% / 12);
  }

  .village-col-offset-xl-4--right {
    margin-right: calc(400% / 12);
  }

  .village-col-xl-5 {
    flex: 0 0 calc(500% / 12);
    width: calc(500% / 12);
    max-width: calc(500% / 12);
  }

  .village-col-offset-xl-5:not(.village-col-offset-xl-5--right) {
    margin-left: calc(500% / 12);
  }

  .village-col-offset-xl-5--right {
    margin-right: calc(500% / 12);
  }

  .village-col-xl-6 {
    flex: 0 0 calc(600% / 12);
    width: calc(600% / 12);
    max-width: calc(600% / 12);
  }

  .village-col-offset-xl-6:not(.village-col-offset-xl-6--right) {
    margin-left: calc(600% / 12);
  }

  .village-col-offset-xl-6--right {
    margin-right: calc(600% / 12);
  }

  .village-col-xl-7 {
    flex: 0 0 calc(700% / 12);
    width: calc(700% / 12);
    max-width: calc(700% / 12);
  }

  .village-col-offset-xl-7:not(.village-col-offset-xl-7--right) {
    margin-left: calc(700% / 12);
  }

  .village-col-offset-xl-7--right {
    margin-right: calc(700% / 12);
  }

  .village-col-xl-8 {
    flex: 0 0 calc(800% / 12);
    width: calc(800% / 12);
    max-width: calc(800% / 12);
  }

  .village-col-offset-xl-8:not(.village-col-offset-xl-8--right) {
    margin-left: calc(800% / 12);
  }

  .village-col-offset-xl-8--right {
    margin-right: calc(800% / 12);
  }

  .village-col-xl-9 {
    flex: 0 0 calc(900% / 12);
    width: calc(900% / 12);
    max-width: calc(900% / 12);
  }

  .village-col-offset-xl-9:not(.village-col-offset-xl-9--right) {
    margin-left: calc(900% / 12);
  }

  .village-col-offset-xl-9--right {
    margin-right: calc(900% / 12);
  }

  .village-col-xl-10 {
    flex: 0 0 calc(1000% / 12);
    width: calc(1000% / 12);
    max-width: calc(1000% / 12);
  }

  .village-col-offset-xl-10:not(.village-col-offset-xl-10--right) {
    margin-left: calc(1000% / 12);
  }

  .village-col-offset-xl-10--right {
    margin-right: calc(1000% / 12);
  }

  .village-col-xl-11 {
    flex: 0 0 calc(1100% / 12);
    width: calc(1100% / 12);
    max-width: calc(1100% / 12);
  }

  .village-col-offset-xl-11:not(.village-col-offset-xl-11--right) {
    margin-left: calc(1100% / 12);
  }

  .village-col-offset-xl-11--right {
    margin-right: calc(1100% / 12);
  }

  .village-col-xl-12 {
    flex: 0 0 calc(1200% / 12);
    width: calc(1200% / 12);
    max-width: calc(1200% / 12);
  }

  .village-col-offset-xl-12:not(.village-col-offset-xl-12--right) {
    margin-left: calc(1200% / 12);
  }

  .village-col-offset-xl-12--right {
    margin-right: calc(1200% / 12);
  }

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */
  .village-consent-manager__header .village-consent-service__title {
    width: 50%;
  }

  .village-consent-manager__header .village-consent-service__radios {
    width: 50%;
  }

  /*! media xl */

  /*! media xl */

  /*! media xl */
}
@media (hover: hover) and (pointer: fine) {
  :root {
    --brighten: -1;
  }

  a[href]:hover,
  button:not(:disabled):hover,
  input[type=button]:not(:disabled):hover,
  input[type=image]:not(:disabled):hover,
  input[type=reset]:not(:disabled):hover,
  input[type=submit]:not(:disabled):hover {
    background-color: var(--hover-tint);
  }

  a[href]:active,
  button:not(:disabled):active,
  input[type=button]:not(:disabled):active,
  input[type=image]:not(:disabled):active,
  input[type=reset]:not(:disabled):active,
  input[type=submit]:not(:disabled):active {
    background-color: var(--active-tint);
  }

  a[href]:hover,
  a[href]:active {
    --underline-hover-width: var(--underline-max-width);
  }

  .village-enlarge-link a:hover,
  .village-enlarge-link a:active {
    background: none;
  }

  .village-enlarge-link:hover {
    background-color: var(--hover);
  }

  .village-enlarge-link:active {
    background-color: var(--active);
  }

  :root[data-village-theme=dark] {
    --brighten: 1;
  }

  .village-card--download.village-enlarge-link:hover .village-card__header {
    background-color: var(--hover);
  }

  .village-card--download.village-enlarge-link:active .village-card__header {
    background-color: var(--active);
  }

  .village-header__brand.village-enlarge-link a[href]:hover {
    --a: 0.1;
  }

  .village-header__brand.village-enlarge-link a[href]:active {
    --a: 0.2;
  }
}
@media (forced-colors: active), (prefers-contrast: more) {
  .village-pagination__link[aria-current]:not([aria-current=false]) {
    justify-content: center;
    padding: calc(0.25rem - 1px) calc(0.75rem - 1px);
    border: 1px solid var(--border-active-village-primary);
  }
}