/**
 * Use in order to make a set of rules only apply above
 * or below a certain breakpoint.
 * Standard usage:

 @include breakpoint(tablet){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet up){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet down){
 	// Applies to screen sizes tablet and SMALLER
 }
 *
 **/
/**
 * Set custom typography sizes (e.g. header)
 * @param  {int} $size        font-size
 * @param  {int} $line-height line-height
 * @param  {int} $av          AV letter-spacing from XD
 * @return {void}
 */
/**
 * Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
 *
 * @param {Number} $value - Value to convert to a unitless line height
 * @param {Number} $base - The font size to use to work out the line height - defaults to $rem-font-size
 *
 * @return {Number} - Unitless number
 */
/**
 * AV letter spacing measurement convertor from Adobe applications
 * https://scotch.io/tutorials/converting-photoshop-letter-spacing-to-css
 */
/*
 * https://every-layout.dev/layouts/stack/
 */
.h-stack > * {
  margin-block: 0;
}
.h-stack > * + * {
  margin-top: var(--unit);
}
.h-stack--zero > * {
  margin-block: 0;
}
.h-stack--small > * {
  margin-block: 0;
}
.h-stack--small > * + * {
  margin-top: var(--unit-small);
}
.h-stack--xsmall > * {
  margin-block: 0;
}
.h-stack--xsmall > * + * {
  margin-top: var(--unit-xsmall);
}
.h-stack--medium > * {
  margin-block: 0;
}
.h-stack--medium > * + * {
  margin-top: var(--unit-medium);
}
.h-stack--large > * {
  margin-block: 0;
}
.h-stack--large > * + * {
  margin-top: var(--unit-large);
}
.h-stack--xlarge > * {
  margin-block: 0;
}
.h-stack--xlarge > * + * {
  margin-top: var(--unit-xlarge);
}

.h-stack2 > * {
  margin-block: 0;
}
.h-stack2 > * + * {
  margin-top: var(--unit2);
}
.h-stack2--small > * {
  margin-block: 0;
}
.h-stack2--small > * + * {
  margin-top: calc(var(--unit2) / 2);
}
.h-stack2--medium > * {
  margin-block: 0;
}
.h-stack2--medium > * + * {
  margin-top: calc(var(--unit2) * 2);
}

.h-stack-row > * {
  margin-inline: 0;
}
.h-stack-row > * + * {
  margin-left: var(--unit);
}

.h-stack-row--xsmall > * {
  margin-inline: 0;
}
.h-stack-row--xsmall > * + * {
  margin-left: var(--unit-xsmall);
}

.with-pictogramme > .wp-block-media-text__media {
  position: relative;
}
.with-pictogramme > .wp-block-media-text__media::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -1rem;
  left: 0;
  pointer-events: none;
  width: 6.25rem;
  height: 4.375rem;
  background: center/contain no-repeat;
}

.wp-block-media-text {
  --media-text-column--small: 45%;
  --media-text-column--large: 45%;
  justify-content: space-between;
  grid-template-columns: var(--media-text-column--large) var(--media-text-column--small);
  column-gap: 7.8947368421%;
  row-gap: var(--unit);
}
@media screen and (min-width: 48em) {
  .wp-block-media-text {
    row-gap: 0;
  }
}
@media screen and (min-width: 80em) {
  .wp-block-media-text {
    --media-text-column--small: 0.3684210526fr;
    --media-text-column--large: 0.4736842105fr;
    column-gap: 15.7894736842%;
  }
}
.wp-block-media-text.is-style-tallimage {
  column-gap: var(--unit2-medium);
}
@media screen and (min-width: 80em) {
  .wp-block-media-text.is-style-tallimage .wp-block-media-text__content > * + * {
    margin-top: var(--unit2-medium);
  }
}
.wp-block-media-text.is-style-small-gap {
  column-gap: var(--unit2);
}
h1 + .wp-block-media-text, h2 + .wp-block-media-text, h3 + .wp-block-media-text, h4 + .wp-block-media-text, h5 + .wp-block-media-text, h6 + .wp-block-media-text {
  margin-top: var(--c-block-margin-top-medium);
}
.with-pictogramme > .wp-block-media-text__media::before {
  width: 7.4375rem;
  height: 4rem;
  background-image: url("../../../img/card-pictogramme-gift.min.svg");
  bottom: 0;
}
.wp-block-media-text__media > a {
  display: block;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text .wp-block-media-text__content > * {
  margin-block: 0;
}
.wp-block-media-text .wp-block-media-text__content > * + * {
  margin-top: var(--unit2);
}
@media screen and (min-width: 80em) {
  .wp-block-media-text .wp-block-media-text__content {
    padding-right: var(--unit-medium);
  }
}
.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: var(--media-text-column--small) var(--media-text-column--large);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  grid-column: 1;
}
@media screen and (min-width: 80em) {
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-right: 0;
  }
}
@media screen and (min-width: 37.5em) {
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    grid-column: 2;
  }
}
.wp-block-media-text + .wp-block-media-text {
  margin-top: var(--unit2);
}
@media screen and (min-width: 48em) {
  .wp-block-media-text + .wp-block-media-text {
    margin-top: 3.75rem;
  }
}