@charset "UTF-8";
/* Swiper base styles (required for yr-carousel / yr-shade-selector) */
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

/* =====================================
   GRID SYSTEM - BREAKPOINTS & MIXINS
===================================== */
/* Mixin: respond-to (mobile-first)
 * Usage: @include respond-to('m') { ... }
 * Applies styles from the specified breakpoint and up
 */
/* Mixin: respond-to-max (desktop-first)
 * Usage: @include respond-to-max('m') { ... }
 * Applies styles up to the specified breakpoint
 */
/* Mixin: make-col
 * Usage: @include make-col(6);
 * Creates a column with the specified width (based on 12-column grid)
 */
/* Mixin: make-col-auto
 * Usage: @include make-col-auto;
 * Creates an auto-sized column
 */
/* Mixin: make-row
 * Usage: @include make-row;
 * Creates a flex container for columns with gutter support
 */
/* Mixin: make-col-ready
 * Usage: @include make-col-ready;
 * Adds padding for gutters to columns
 */
/* Mixin: make-container
 * Usage: @include make-container;
 */
/* =====================================
   SPACING UTILITIES - MIXINS
===================================== */
/* Mixin: make-padding-variants
 * Generates padding utility classes for all directions and sizes
 * Usage: @include make-padding-variants();
 */
/* Mixin: make-margin-variants
 * Generates margin utility classes for all directions and sizes
 * Usage: @include make-margin-variants();
 */
/* Mixin: make-padding-responsive
 * Generates responsive padding utility classes
 * Usage: @include make-padding-responsive();
 */
/* Mixin: make-margin-responsive
 * Generates responsive margin utility classes
 * Usage: @include make-margin-responsive();
 */
/* =====================================
   FLEXBOX UTILITIES - MIXINS
===================================== */
/* Mixin: make-flex-direction-variants
 * Generates flex-direction utility classes
 * Usage: @include make-flex-direction-variants();
 */
/* Mixin: make-justify-variants
 * Generates justify-content utility classes
 * Usage: @include make-justify-variants();
 */
/* Mixin: make-align-variants
 * Generates align-items utility classes
 * Usage: @include make-align-variants();
 */
/* Mixin: make-wrap-variants
 * Generates flex-wrap utility classes
 * Usage: @include make-wrap-variants();
 */
/* Mixin: make-gap-variants
 * Generates gap utility classes for flex/grid
 * Usage: @include make-gap-variants();
 */
/* Mixin: make-flex-direction-responsive
 * Generates responsive flex-direction utility classes
 * Usage: @include make-flex-direction-responsive();
 */
/* Mixin: make-justify-responsive
 * Generates responsive justify-content utility classes
 * Usage: @include make-justify-responsive();
 */
/* Mixin: make-align-responsive
 * Generates responsive align-items utility classes
 * Usage: @include make-align-responsive();
 */
/* Mixin: make-gap-responsive
 * Generates responsive gap utility classes
 * Usage: @include make-gap-responsive();
 */
/**
* Mixin for hide content visually
* Recommendation: when you call this mixin, use a 'position: relative' rule
* into a close parent container to limit 'position: absolute' effect
*/
/**
* Aspect Ratio Tokens
* Design tokens for common aspect ratios used in media components
*/
:root {
  --aspect-ratio-square: 1 / 1;
  --aspect-ratio-landscape: 16 / 9;
  --aspect-ratio-landscape-classic: 4 / 3;
  --aspect-ratio-ultrawide: 21 / 9;
  --aspect-ratio-photo: 3 / 2;
  --aspect-ratio-portrait: 3 / 4;
  --aspect-ratio-portrait-tall: 9 / 16;
  --aspect-ratio-auto: auto;
}

:root {
  --border-radius-small: 0.25rem;
  --border-radius-medium: 0.5rem;
  --border-radius-large: 0.75rem;
  --border-radius-square: 0;
  --border-radius-round: var(--border-radius-small);
  --border-radius-circle: 50%;
  --border-radius-pill: 3.125rem;
  --border-color-default: rgba(0, 0, 0, 0.2);
}

:root {
  --button-size-small: 0.875rem;
  --button-size-medium: 1.25rem;
  --button-size-large: 1.5rem;
}

:root {
  --color-primary: #014E2E;
  --color-secondary: #DFEDE0;
  --color-shades-0: #FFFFFF;
  --color-shades-5: #F7F7F7;
  --color-shades-10: #E5E5E5;
  --color-shades-20: #CCCCCC;
  --color-shades-30: #2D2D2D;
  --color-shades-50: #808080;
  --color-shades-60: #6E6E6E;
  --color-shades-100: #000000;
  --color-promo-public: #D1FFD5;
  --color-promo-private: #F2E1FF;
  --color-fid-private: #795BFF;
  --color-fid-private-secondary: #D4C9FF;
  --color-pbox-mkt-bg: #FFF4E1;
  --color-error: #BF0A0A;
  --color-makeup: #05965A;
  --color-perfume: #DB6F71;
  --color-body: #1843CE;
  --color-dark-grey: #2d2d2d;
  --color-facecare: #3A8FD1;
  --color-haircare-repair: #8F1D70;
  --color-haircare-hairloss: #4076A0;
  --color-button-primary-bg-hover: #006D40;
  --color-button-secondary-bg-hover: #DFEDE0;
  --color-default: var(--color-shades-0);
  --color-border: var(--color-shades-100);
  --color-border-light: rgba(0, 0, 0, 0.20);
  --color-primary-disabled: #80A696;
  --color-error-border: var(--color-error);
  --color-success: var(--color-primary);
  --color-success-border: var(--color-primary);
}

:root {
  --font-family-primary: 'Montserrat', sans-serif;
}

/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXp-p7K4KLjztg.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXp-p7K4KLg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXZ0ppC8MLnbtrVK.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/montserrat/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXh0ppC8MLnbtg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* =====================================
   GRID SYSTEM - VARIABLES
===================================== */
:root {
  --breakpoint-s-max: 319px;
  --breakpoint-m-max: 727px;
  --breakpoint-t-max: 959px;
  --breakpoint-l-max: 1279px;
  --breakpoint-xl-max: 1599px;
  --grid-columns: 12;
  --grid-gutter-x: 0.5rem;
  --grid-gutter-y: 0.75rem;
  --container-padding: 1rem;
  --container-max-width: 100%;
}
@media (min-width: 728px) {
  :root {
    --grid-gutter-x: 1.5rem;
    --grid-gutter-y: 1rem;
    --container-padding: 4%;
    --container-max-width: 100%;
  }
}
@media (min-width: 1280px) {
  :root {
    --container-padding: 8.1%;
    --container-max-width: 1600px;
  }
}
:root {
  --gutter-0: 0;
  --gutter-1: 0.25rem;
  --gutter-2: 0.5rem;
  --gutter-3: 1rem;
  --gutter-4: 1.5rem;
  --gutter-5: 3rem;
}

:root {
  --icon-size-x2small: 0.625rem;
  --icon-size-xsmall: 0.8125rem;
  --icon-size-small: 1rem;
  --icon-size-smedium: 1.125rem;
  --icon-size-medium: 1.25rem;
  --icon-size-large: 1.5rem;
  --icon-size-xlarge: 2rem;
  --icon-size-default: var(--icon-size-small);
}

:root {
  --spacing-xxxs: 0.125rem;
  --spacing-4: 0.25rem;
  --spacing-xxs: 0.313rem;
  --spacing-8: 0.5rem;
  --spacing-xs: 0.625rem;
  --spacing-xs-s: 0.75rem;
  --spacing-15: 0.9375rem;
  --spacing-s: 1rem;
  --spacing-ms: 1.25rem;
  --spacing-m: 1.5rem;
  --spacing-25: 1.5625rem;
  --spacing-28: 1.75rem;
  --spacing-ml: 1.875rem;
  --spacing-l: 3.125rem;
  --spacing-xl: 3.75rem;
  --spacing-xxl: 6.25rem;
}

:root {
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-size-26: 1.625rem;
  --font-size-24: 1.5rem;
  --font-size-22: 1.375rem;
  --font-size-20: 1.25rem;
  --font-size-16: 1rem;
  --font-size-15: 0.9375rem;
  --font-size-14: 0.875rem;
  --font-size-13: 0.8125rem;
  --font-size-12: 0.75rem;
  --font-size-11: 0.6875rem;
  --font-size-10: 0.625rem;
  --font-size-8: 0.5rem;
  --line-height-20: 1.25rem;
  --line-height-24: 1.5rem;
  --line-height-heading: var(--line-height-24);
  --line-height-body: var(--line-height-24);
  --font-size-xs3: var(--font-size-8);
  --font-size-xs2: var(--font-size-10);
  --font-size-xs: var(--font-size-11);
  --font-size-s: var(--font-size-12);
  --font-size-m: var(--font-size-13);
  --font-size-l: var(--font-size-16);
  --font-size-xl: var(--font-size-20);
  --font-size-xl2: var(--font-size-24);
  --font-size-xl3: var(--font-size-26);
  --text-heading-1: var(--font-size-xl3);
  --text-heading-2: var(--font-size-xl2);
  --text-heading-3: var(--font-size-l);
  --text-heading-4: var(--font-size-s);
  --text-heading-5: var(--font-size-xs);
  --text-body-l: var(--font-size-m);
  --text-body-m: var(--font-size-s);
  --text-body-s: var(--font-size-xs);
  --text-cta: var(--font-size-l);
}

:root {
  --size-xs: 1.875rem;
  --size-s: 2.813rem;
  --size-m: 3.375rem;
  --size-l: 4.625rem;
  --size-xl: 4.75rem;
  --z-index-sticky: 11;
  --z-index-tooltip: 12;
  --z-index-drawer: 1000;
  --header-height: 4.0625rem;
  --nav-height: 2.75rem;
}

/* =====================================
   GRID SYSTEM - UTILITIES
===================================== */
/* Container
===================================== */
.yr-container,
.yr-container-fluid,
.yr-container-width-limited {
  box-sizing: border-box;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.yr-container-width-limited {
  max-width: var(--container-max-width);
}

.yr-container {
  max-width: var(--container-max-width);
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
}

/* Row
===================================== */
.yr-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--grid-gutter-x) * -0.5);
  margin-left: calc(var(--grid-gutter-x) * -0.5);
  margin-top: calc(var(--grid-gutter-y) * -1);
}
.yr-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
}
.yr-row > ins {
  all: unset;
}

.yr-row-without-gutter {
  display: flex;
  flex-wrap: wrap;
}

/* Columns - Base (mobile-first, full width by default)
===================================== */
.yr-col {
  flex: 1 0 0;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
}

.yr-col-auto {
  flex: 0 0 auto;
  width: auto;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
}

.yr-col-1 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 1);
}

.yr-col-2 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 2);
}

.yr-col-3 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 3);
}

.yr-col-4 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 4);
}

.yr-col-5 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 5);
}

.yr-col-6 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 6);
}

.yr-col-7 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 7);
}

.yr-col-8 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 8);
}

.yr-col-9 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 9);
}

.yr-col-10 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 10);
}

.yr-col-11 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 11);
}

.yr-col-12 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--grid-gutter-x) * 0.5);
  padding-left: calc(var(--grid-gutter-x) * 0.5);
  margin-top: var(--grid-gutter-y);
  flex: 0 0 auto;
  width: calc(100% / var(--grid-columns) * 12);
}

/* Columns - Responsive
===================================== */
@media (min-width: 320px) {
  .yr-col-s {
    flex: 1 0 0;
  }
  .yr-col-s-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .yr-col-s-1 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 1);
  }
  .yr-col-s-2 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 2);
  }
  .yr-col-s-3 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 3);
  }
  .yr-col-s-4 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 4);
  }
  .yr-col-s-5 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 5);
  }
  .yr-col-s-6 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 6);
  }
  .yr-col-s-7 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 7);
  }
  .yr-col-s-8 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 8);
  }
  .yr-col-s-9 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 9);
  }
  .yr-col-s-10 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 10);
  }
  .yr-col-s-11 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 11);
  }
  .yr-col-s-12 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 12);
  }
}
@media (min-width: 960px) {
  .yr-col-t {
    flex: 1 0 0;
  }
  .yr-col-t-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .yr-col-t-1 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 1);
  }
  .yr-col-t-2 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 2);
  }
  .yr-col-t-3 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 3);
  }
  .yr-col-t-4 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 4);
  }
  .yr-col-t-5 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 5);
  }
  .yr-col-t-6 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 6);
  }
  .yr-col-t-7 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 7);
  }
  .yr-col-t-8 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 8);
  }
  .yr-col-t-9 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 9);
  }
  .yr-col-t-10 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 10);
  }
  .yr-col-t-11 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 11);
  }
  .yr-col-t-12 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 12);
  }
}
@media (min-width: 728px) {
  .yr-col-m {
    flex: 1 0 0;
  }
  .yr-col-m-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .yr-col-m-1 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 1);
  }
  .yr-col-m-2 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 2);
  }
  .yr-col-m-3 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 3);
  }
  .yr-col-m-4 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 4);
  }
  .yr-col-m-5 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 5);
  }
  .yr-col-m-6 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 6);
  }
  .yr-col-m-7 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 7);
  }
  .yr-col-m-8 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 8);
  }
  .yr-col-m-9 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 9);
  }
  .yr-col-m-10 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 10);
  }
  .yr-col-m-11 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 11);
  }
  .yr-col-m-12 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 12);
  }
}
@media (min-width: 1280px) {
  .yr-col-l {
    flex: 1 0 0;
  }
  .yr-col-l-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .yr-col-l-1 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 1);
  }
  .yr-col-l-2 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 2);
  }
  .yr-col-l-3 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 3);
  }
  .yr-col-l-4 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 4);
  }
  .yr-col-l-5 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 5);
  }
  .yr-col-l-6 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 6);
  }
  .yr-col-l-7 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 7);
  }
  .yr-col-l-8 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 8);
  }
  .yr-col-l-9 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 9);
  }
  .yr-col-l-10 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 10);
  }
  .yr-col-l-11 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 11);
  }
  .yr-col-l-12 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 12);
  }
}
@media (min-width: 1600px) {
  .yr-col-xl {
    flex: 1 0 0;
  }
  .yr-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .yr-col-xl-1 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 1);
  }
  .yr-col-xl-2 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 2);
  }
  .yr-col-xl-3 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 3);
  }
  .yr-col-xl-4 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 4);
  }
  .yr-col-xl-5 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 5);
  }
  .yr-col-xl-6 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 6);
  }
  .yr-col-xl-7 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 7);
  }
  .yr-col-xl-8 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 8);
  }
  .yr-col-xl-9 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 9);
  }
  .yr-col-xl-10 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 10);
  }
  .yr-col-xl-11 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 11);
  }
  .yr-col-xl-12 {
    flex: 0 0 auto;
    width: calc(100% / var(--grid-columns) * 12);
  }
}
/* Gutters
===================================== */
.yr-g-0 {
  --grid-gutter-x: var(--gutter-0);
  --grid-gutter-y: var(--gutter-0);
}

.yr-gx-0 {
  --grid-gutter-x: var(--gutter-0);
}

.yr-gy-0 {
  --grid-gutter-y: var(--gutter-0);
}

.yr-g-1 {
  --grid-gutter-x: var(--gutter-1);
  --grid-gutter-y: var(--gutter-1);
}

.yr-gx-1 {
  --grid-gutter-x: var(--gutter-1);
}

.yr-gy-1 {
  --grid-gutter-y: var(--gutter-1);
}

.yr-g-2 {
  --grid-gutter-x: var(--gutter-2);
  --grid-gutter-y: var(--gutter-2);
}

.yr-gx-2 {
  --grid-gutter-x: var(--gutter-2);
}

.yr-gy-2 {
  --grid-gutter-y: var(--gutter-2);
}

.yr-g-3 {
  --grid-gutter-x: var(--gutter-3);
  --grid-gutter-y: var(--gutter-3);
}

.yr-gx-3 {
  --grid-gutter-x: var(--gutter-3);
}

.yr-gy-3 {
  --grid-gutter-y: var(--gutter-3);
}

.yr-g-4 {
  --grid-gutter-x: var(--gutter-4);
  --grid-gutter-y: var(--gutter-4);
}

.yr-gx-4 {
  --grid-gutter-x: var(--gutter-4);
}

.yr-gy-4 {
  --grid-gutter-y: var(--gutter-4);
}

.yr-g-5 {
  --grid-gutter-x: var(--gutter-5);
  --grid-gutter-y: var(--gutter-5);
}

.yr-gx-5 {
  --grid-gutter-x: var(--gutter-5);
}

.yr-gy-5 {
  --grid-gutter-y: var(--gutter-5);
}

/* Responsive gutter utilities: generate .yr-g-s-*, .yr-g-m-*, .yr-g-t-*, .yr-g-l-*, .yr-g-xl-* */
@media (min-width: 320px) {
  .yr-g-s-0 {
    --grid-gutter-x: var(--gutter-0);
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-gx-s-0 {
    --grid-gutter-x: var(--gutter-0);
  }
  .yr-gy-s-0 {
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-g-s-1 {
    --grid-gutter-x: var(--gutter-1);
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-gx-s-1 {
    --grid-gutter-x: var(--gutter-1);
  }
  .yr-gy-s-1 {
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-g-s-2 {
    --grid-gutter-x: var(--gutter-2);
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-gx-s-2 {
    --grid-gutter-x: var(--gutter-2);
  }
  .yr-gy-s-2 {
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-g-s-3 {
    --grid-gutter-x: var(--gutter-3);
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-gx-s-3 {
    --grid-gutter-x: var(--gutter-3);
  }
  .yr-gy-s-3 {
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-g-s-4 {
    --grid-gutter-x: var(--gutter-4);
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-gx-s-4 {
    --grid-gutter-x: var(--gutter-4);
  }
  .yr-gy-s-4 {
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-g-s-5 {
    --grid-gutter-x: var(--gutter-5);
    --grid-gutter-y: var(--gutter-5);
  }
  .yr-gx-s-5 {
    --grid-gutter-x: var(--gutter-5);
  }
  .yr-gy-s-5 {
    --grid-gutter-y: var(--gutter-5);
  }
}
@media (min-width: 728px) {
  .yr-g-m-0 {
    --grid-gutter-x: var(--gutter-0);
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-gx-m-0 {
    --grid-gutter-x: var(--gutter-0);
  }
  .yr-gy-m-0 {
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-g-m-1 {
    --grid-gutter-x: var(--gutter-1);
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-gx-m-1 {
    --grid-gutter-x: var(--gutter-1);
  }
  .yr-gy-m-1 {
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-g-m-2 {
    --grid-gutter-x: var(--gutter-2);
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-gx-m-2 {
    --grid-gutter-x: var(--gutter-2);
  }
  .yr-gy-m-2 {
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-g-m-3 {
    --grid-gutter-x: var(--gutter-3);
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-gx-m-3 {
    --grid-gutter-x: var(--gutter-3);
  }
  .yr-gy-m-3 {
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-g-m-4 {
    --grid-gutter-x: var(--gutter-4);
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-gx-m-4 {
    --grid-gutter-x: var(--gutter-4);
  }
  .yr-gy-m-4 {
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-g-m-5 {
    --grid-gutter-x: var(--gutter-5);
    --grid-gutter-y: var(--gutter-5);
  }
  .yr-gx-m-5 {
    --grid-gutter-x: var(--gutter-5);
  }
  .yr-gy-m-5 {
    --grid-gutter-y: var(--gutter-5);
  }
}
@media (min-width: 960px) {
  .yr-g-t-0 {
    --grid-gutter-x: var(--gutter-0);
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-gx-t-0 {
    --grid-gutter-x: var(--gutter-0);
  }
  .yr-gy-t-0 {
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-g-t-1 {
    --grid-gutter-x: var(--gutter-1);
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-gx-t-1 {
    --grid-gutter-x: var(--gutter-1);
  }
  .yr-gy-t-1 {
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-g-t-2 {
    --grid-gutter-x: var(--gutter-2);
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-gx-t-2 {
    --grid-gutter-x: var(--gutter-2);
  }
  .yr-gy-t-2 {
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-g-t-3 {
    --grid-gutter-x: var(--gutter-3);
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-gx-t-3 {
    --grid-gutter-x: var(--gutter-3);
  }
  .yr-gy-t-3 {
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-g-t-4 {
    --grid-gutter-x: var(--gutter-4);
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-gx-t-4 {
    --grid-gutter-x: var(--gutter-4);
  }
  .yr-gy-t-4 {
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-g-t-5 {
    --grid-gutter-x: var(--gutter-5);
    --grid-gutter-y: var(--gutter-5);
  }
  .yr-gx-t-5 {
    --grid-gutter-x: var(--gutter-5);
  }
  .yr-gy-t-5 {
    --grid-gutter-y: var(--gutter-5);
  }
}
@media (min-width: 1280px) {
  .yr-g-l-0 {
    --grid-gutter-x: var(--gutter-0);
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-gx-l-0 {
    --grid-gutter-x: var(--gutter-0);
  }
  .yr-gy-l-0 {
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-g-l-1 {
    --grid-gutter-x: var(--gutter-1);
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-gx-l-1 {
    --grid-gutter-x: var(--gutter-1);
  }
  .yr-gy-l-1 {
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-g-l-2 {
    --grid-gutter-x: var(--gutter-2);
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-gx-l-2 {
    --grid-gutter-x: var(--gutter-2);
  }
  .yr-gy-l-2 {
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-g-l-3 {
    --grid-gutter-x: var(--gutter-3);
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-gx-l-3 {
    --grid-gutter-x: var(--gutter-3);
  }
  .yr-gy-l-3 {
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-g-l-4 {
    --grid-gutter-x: var(--gutter-4);
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-gx-l-4 {
    --grid-gutter-x: var(--gutter-4);
  }
  .yr-gy-l-4 {
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-g-l-5 {
    --grid-gutter-x: var(--gutter-5);
    --grid-gutter-y: var(--gutter-5);
  }
  .yr-gx-l-5 {
    --grid-gutter-x: var(--gutter-5);
  }
  .yr-gy-l-5 {
    --grid-gutter-y: var(--gutter-5);
  }
}
@media (min-width: 1600px) {
  .yr-g-xl-0 {
    --grid-gutter-x: var(--gutter-0);
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-gx-xl-0 {
    --grid-gutter-x: var(--gutter-0);
  }
  .yr-gy-xl-0 {
    --grid-gutter-y: var(--gutter-0);
  }
  .yr-g-xl-1 {
    --grid-gutter-x: var(--gutter-1);
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-gx-xl-1 {
    --grid-gutter-x: var(--gutter-1);
  }
  .yr-gy-xl-1 {
    --grid-gutter-y: var(--gutter-1);
  }
  .yr-g-xl-2 {
    --grid-gutter-x: var(--gutter-2);
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-gx-xl-2 {
    --grid-gutter-x: var(--gutter-2);
  }
  .yr-gy-xl-2 {
    --grid-gutter-y: var(--gutter-2);
  }
  .yr-g-xl-3 {
    --grid-gutter-x: var(--gutter-3);
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-gx-xl-3 {
    --grid-gutter-x: var(--gutter-3);
  }
  .yr-gy-xl-3 {
    --grid-gutter-y: var(--gutter-3);
  }
  .yr-g-xl-4 {
    --grid-gutter-x: var(--gutter-4);
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-gx-xl-4 {
    --grid-gutter-x: var(--gutter-4);
  }
  .yr-gy-xl-4 {
    --grid-gutter-y: var(--gutter-4);
  }
  .yr-g-xl-5 {
    --grid-gutter-x: var(--gutter-5);
    --grid-gutter-y: var(--gutter-5);
  }
  .yr-gx-xl-5 {
    --grid-gutter-x: var(--gutter-5);
  }
  .yr-gy-xl-5 {
    --grid-gutter-y: var(--gutter-5);
  }
}
/* Alignment - Justify Content
===================================== */
.yr-justify-start {
  justify-content: flex-start;
}

.yr-justify-end {
  justify-content: flex-end;
}

.yr-justify-center {
  justify-content: center;
}

.yr-justify-between {
  justify-content: space-between;
}

.yr-justify-around {
  justify-content: space-around;
}

.yr-justify-evenly {
  justify-content: space-evenly;
}

/* Alignment - Align Items
===================================== */
.yr-align-start {
  align-items: flex-start;
}

.yr-align-end {
  align-items: flex-end;
}

.yr-align-center {
  align-items: center;
}

.yr-align-baseline {
  align-items: baseline;
}

.yr-align-stretch {
  align-items: stretch;
}

/* Order
===================================== */
.yr-order-first {
  order: -1;
}

.yr-order-last {
  order: 13;
}

.yr-order-0 {
  order: 0;
}

.yr-order-1 {
  order: 1;
}

.yr-order-2 {
  order: 2;
}

.yr-order-3 {
  order: 3;
}

.yr-order-4 {
  order: 4;
}

.yr-order-5 {
  order: 5;
}

.yr-order-6 {
  order: 6;
}

.yr-order-7 {
  order: 7;
}

.yr-order-8 {
  order: 8;
}

.yr-order-9 {
  order: 9;
}

.yr-order-10 {
  order: 10;
}

.yr-order-11 {
  order: 11;
}

.yr-order-12 {
  order: 12;
}

/* Offset
===================================== */
.yr-offset-0 {
  margin-left: calc(100% / var(--grid-columns) * 0);
}

.yr-offset-1 {
  margin-left: calc(100% / var(--grid-columns) * 1);
}

.yr-offset-2 {
  margin-left: calc(100% / var(--grid-columns) * 2);
}

.yr-offset-3 {
  margin-left: calc(100% / var(--grid-columns) * 3);
}

.yr-offset-4 {
  margin-left: calc(100% / var(--grid-columns) * 4);
}

.yr-offset-5 {
  margin-left: calc(100% / var(--grid-columns) * 5);
}

.yr-offset-6 {
  margin-left: calc(100% / var(--grid-columns) * 6);
}

.yr-offset-7 {
  margin-left: calc(100% / var(--grid-columns) * 7);
}

.yr-offset-8 {
  margin-left: calc(100% / var(--grid-columns) * 8);
}

.yr-offset-9 {
  margin-left: calc(100% / var(--grid-columns) * 9);
}

.yr-offset-10 {
  margin-left: calc(100% / var(--grid-columns) * 10);
}

.yr-offset-11 {
  margin-left: calc(100% / var(--grid-columns) * 11);
}

@media (min-width: 320px) {
  .yr-offset-s-0 {
    margin-left: calc(100% / var(--grid-columns) * 0);
  }
  .yr-offset-s-1 {
    margin-left: calc(100% / var(--grid-columns) * 1);
  }
  .yr-offset-s-2 {
    margin-left: calc(100% / var(--grid-columns) * 2);
  }
  .yr-offset-s-3 {
    margin-left: calc(100% / var(--grid-columns) * 3);
  }
  .yr-offset-s-4 {
    margin-left: calc(100% / var(--grid-columns) * 4);
  }
  .yr-offset-s-5 {
    margin-left: calc(100% / var(--grid-columns) * 5);
  }
  .yr-offset-s-6 {
    margin-left: calc(100% / var(--grid-columns) * 6);
  }
  .yr-offset-s-7 {
    margin-left: calc(100% / var(--grid-columns) * 7);
  }
  .yr-offset-s-8 {
    margin-left: calc(100% / var(--grid-columns) * 8);
  }
  .yr-offset-s-9 {
    margin-left: calc(100% / var(--grid-columns) * 9);
  }
  .yr-offset-s-10 {
    margin-left: calc(100% / var(--grid-columns) * 10);
  }
  .yr-offset-s-11 {
    margin-left: calc(100% / var(--grid-columns) * 11);
  }
}
@media (min-width: 728px) {
  .yr-offset-m-0 {
    margin-left: calc(100% / var(--grid-columns) * 0);
  }
  .yr-offset-m-1 {
    margin-left: calc(100% / var(--grid-columns) * 1);
  }
  .yr-offset-m-2 {
    margin-left: calc(100% / var(--grid-columns) * 2);
  }
  .yr-offset-m-3 {
    margin-left: calc(100% / var(--grid-columns) * 3);
  }
  .yr-offset-m-4 {
    margin-left: calc(100% / var(--grid-columns) * 4);
  }
  .yr-offset-m-5 {
    margin-left: calc(100% / var(--grid-columns) * 5);
  }
  .yr-offset-m-6 {
    margin-left: calc(100% / var(--grid-columns) * 6);
  }
  .yr-offset-m-7 {
    margin-left: calc(100% / var(--grid-columns) * 7);
  }
  .yr-offset-m-8 {
    margin-left: calc(100% / var(--grid-columns) * 8);
  }
  .yr-offset-m-9 {
    margin-left: calc(100% / var(--grid-columns) * 9);
  }
  .yr-offset-m-10 {
    margin-left: calc(100% / var(--grid-columns) * 10);
  }
  .yr-offset-m-11 {
    margin-left: calc(100% / var(--grid-columns) * 11);
  }
}
@media (min-width: 960px) {
  .yr-offset-t-0 {
    margin-left: calc(100% / var(--grid-columns) * 0);
  }
  .yr-offset-t-1 {
    margin-left: calc(100% / var(--grid-columns) * 1);
  }
  .yr-offset-t-2 {
    margin-left: calc(100% / var(--grid-columns) * 2);
  }
  .yr-offset-t-3 {
    margin-left: calc(100% / var(--grid-columns) * 3);
  }
  .yr-offset-t-4 {
    margin-left: calc(100% / var(--grid-columns) * 4);
  }
  .yr-offset-t-5 {
    margin-left: calc(100% / var(--grid-columns) * 5);
  }
  .yr-offset-t-6 {
    margin-left: calc(100% / var(--grid-columns) * 6);
  }
  .yr-offset-t-7 {
    margin-left: calc(100% / var(--grid-columns) * 7);
  }
  .yr-offset-t-8 {
    margin-left: calc(100% / var(--grid-columns) * 8);
  }
  .yr-offset-t-9 {
    margin-left: calc(100% / var(--grid-columns) * 9);
  }
  .yr-offset-t-10 {
    margin-left: calc(100% / var(--grid-columns) * 10);
  }
  .yr-offset-t-11 {
    margin-left: calc(100% / var(--grid-columns) * 11);
  }
}
@media (min-width: 1280px) {
  .yr-offset-l-0 {
    margin-left: calc(100% / var(--grid-columns) * 0);
  }
  .yr-offset-l-1 {
    margin-left: calc(100% / var(--grid-columns) * 1);
  }
  .yr-offset-l-2 {
    margin-left: calc(100% / var(--grid-columns) * 2);
  }
  .yr-offset-l-3 {
    margin-left: calc(100% / var(--grid-columns) * 3);
  }
  .yr-offset-l-4 {
    margin-left: calc(100% / var(--grid-columns) * 4);
  }
  .yr-offset-l-5 {
    margin-left: calc(100% / var(--grid-columns) * 5);
  }
  .yr-offset-l-6 {
    margin-left: calc(100% / var(--grid-columns) * 6);
  }
  .yr-offset-l-7 {
    margin-left: calc(100% / var(--grid-columns) * 7);
  }
  .yr-offset-l-8 {
    margin-left: calc(100% / var(--grid-columns) * 8);
  }
  .yr-offset-l-9 {
    margin-left: calc(100% / var(--grid-columns) * 9);
  }
  .yr-offset-l-10 {
    margin-left: calc(100% / var(--grid-columns) * 10);
  }
  .yr-offset-l-11 {
    margin-left: calc(100% / var(--grid-columns) * 11);
  }
}
@media (min-width: 1600px) {
  .yr-offset-xl-0 {
    margin-left: calc(100% / var(--grid-columns) * 0);
  }
  .yr-offset-xl-1 {
    margin-left: calc(100% / var(--grid-columns) * 1);
  }
  .yr-offset-xl-2 {
    margin-left: calc(100% / var(--grid-columns) * 2);
  }
  .yr-offset-xl-3 {
    margin-left: calc(100% / var(--grid-columns) * 3);
  }
  .yr-offset-xl-4 {
    margin-left: calc(100% / var(--grid-columns) * 4);
  }
  .yr-offset-xl-5 {
    margin-left: calc(100% / var(--grid-columns) * 5);
  }
  .yr-offset-xl-6 {
    margin-left: calc(100% / var(--grid-columns) * 6);
  }
  .yr-offset-xl-7 {
    margin-left: calc(100% / var(--grid-columns) * 7);
  }
  .yr-offset-xl-8 {
    margin-left: calc(100% / var(--grid-columns) * 8);
  }
  .yr-offset-xl-9 {
    margin-left: calc(100% / var(--grid-columns) * 9);
  }
  .yr-offset-xl-10 {
    margin-left: calc(100% / var(--grid-columns) * 10);
  }
  .yr-offset-xl-11 {
    margin-left: calc(100% / var(--grid-columns) * 11);
  }
}
.yr-is-list-base {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yr-is-list-base:empty {
  display: none;
}

.yr-is-list-block {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yr-is-list-block:empty {
  display: none;
}
.yr-is-list-block {
  display: flex;
  flex-direction: column;
}
.yr-is-list-block > li {
  flex: 0 0 auto;
}
.yr-is-list-block > li.yr-is-hidden {
  display: none;
}
.yr-is-list-block > li + li {
  margin-top: var(--spacing-xs);
}
.yr-is-list-block.yr-is-none > li + li {
  margin-top: 0rem;
}
.yr-is-list-block.yr-is-xxs > li + li {
  margin-top: var(--spacing-xxs);
}
.yr-is-list-block.yr-is-xs > li + li {
  margin-top: var(--spacing-xs);
}
.yr-is-list-block.yr-is-xs2 > li + li {
  margin-top: calc(var(--spacing-xs) * 2);
}
.yr-is-list-block.yr-is-s > li + li {
  margin-top: var(--spacing-s);
}
.yr-is-list-block.yr-is-s2 > li + li {
  margin-top: calc(var(--spacing-s) * 2);
}
.yr-is-list-block.yr-is-m > li + li {
  margin-top: var(--spacing-m);
}
.yr-is-list-block.yr-is-l > li + li {
  margin-top: var(--spacing-l);
}
.yr-is-list-block.yr-is-xl > li + li {
  margin-top: var(--spacing-xl);
}
.yr-is-list-block.yr-is-xxl > li + li {
  margin-top: var(--spacing-xxl);
}
.yr-is-list-block.yr-is-xs-none > li + li {
  margin-top: 0rem;
}
.yr-is-list-block.yr-is-xs-xxs > li + li {
  margin-top: var(--spacing-xxs);
}
.yr-is-list-block.yr-is-xs-xs > li + li {
  margin-top: var(--spacing-xs);
}
.yr-is-list-block.yr-is-xs-xs2 > li + li {
  margin-top: calc(var(--spacing-xs) * 2);
}
.yr-is-list-block.yr-is-xs-s > li + li {
  margin-top: var(--spacing-s);
}
.yr-is-list-block.yr-is-xs-s2 > li + li {
  margin-top: calc(var(--spacing-s) * 2);
}
.yr-is-list-block.yr-is-xs-m > li + li {
  margin-top: var(--spacing-m);
}
.yr-is-list-block.yr-is-xs-l > li + li {
  margin-top: var(--spacing-l);
}
.yr-is-list-block.yr-is-xs-xl > li + li {
  margin-top: var(--spacing-xl);
}
.yr-is-list-block.yr-is-xs-xxl > li + li {
  margin-top: var(--spacing-xxl);
}
@media (min-width: 320px) {
  .yr-is-list-block.yr-is-s-none > li + li {
    margin-top: 0rem;
  }
  .yr-is-list-block.yr-is-s-xxs > li + li {
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-block.yr-is-s-xs > li + li {
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-block.yr-is-s-xs2 > li + li {
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-block.yr-is-s-s > li + li {
    margin-top: var(--spacing-s);
  }
  .yr-is-list-block.yr-is-s-s2 > li + li {
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-block.yr-is-s-m > li + li {
    margin-top: var(--spacing-m);
  }
  .yr-is-list-block.yr-is-s-l > li + li {
    margin-top: var(--spacing-l);
  }
  .yr-is-list-block.yr-is-s-xl > li + li {
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-block.yr-is-s-xxl > li + li {
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 728px) {
  .yr-is-list-block.yr-is-m-none > li + li {
    margin-top: 0rem;
  }
  .yr-is-list-block.yr-is-m-xxs > li + li {
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-block.yr-is-m-xs > li + li {
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-block.yr-is-m-xs2 > li + li {
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-block.yr-is-m-s > li + li {
    margin-top: var(--spacing-s);
  }
  .yr-is-list-block.yr-is-m-s2 > li + li {
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-block.yr-is-m-m > li + li {
    margin-top: var(--spacing-m);
  }
  .yr-is-list-block.yr-is-m-l > li + li {
    margin-top: var(--spacing-l);
  }
  .yr-is-list-block.yr-is-m-xl > li + li {
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-block.yr-is-m-xxl > li + li {
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 960px) {
  .yr-is-list-block.yr-is-t-none > li + li {
    margin-top: 0rem;
  }
  .yr-is-list-block.yr-is-t-xxs > li + li {
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-block.yr-is-t-xs > li + li {
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-block.yr-is-t-xs2 > li + li {
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-block.yr-is-t-s > li + li {
    margin-top: var(--spacing-s);
  }
  .yr-is-list-block.yr-is-t-s2 > li + li {
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-block.yr-is-t-m > li + li {
    margin-top: var(--spacing-m);
  }
  .yr-is-list-block.yr-is-t-l > li + li {
    margin-top: var(--spacing-l);
  }
  .yr-is-list-block.yr-is-t-xl > li + li {
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-block.yr-is-t-xxl > li + li {
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 1280px) {
  .yr-is-list-block.yr-is-l-none > li + li {
    margin-top: 0rem;
  }
  .yr-is-list-block.yr-is-l-xxs > li + li {
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-block.yr-is-l-xs > li + li {
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-block.yr-is-l-xs2 > li + li {
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-block.yr-is-l-s > li + li {
    margin-top: var(--spacing-s);
  }
  .yr-is-list-block.yr-is-l-s2 > li + li {
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-block.yr-is-l-m > li + li {
    margin-top: var(--spacing-m);
  }
  .yr-is-list-block.yr-is-l-l > li + li {
    margin-top: var(--spacing-l);
  }
  .yr-is-list-block.yr-is-l-xl > li + li {
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-block.yr-is-l-xxl > li + li {
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 1600px) {
  .yr-is-list-block.yr-is-xl-none > li + li {
    margin-top: 0rem;
  }
  .yr-is-list-block.yr-is-xl-xxs > li + li {
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-block.yr-is-xl-xs > li + li {
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-block.yr-is-xl-xs2 > li + li {
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-block.yr-is-xl-s > li + li {
    margin-top: var(--spacing-s);
  }
  .yr-is-list-block.yr-is-xl-s2 > li + li {
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-block.yr-is-xl-m > li + li {
    margin-top: var(--spacing-m);
  }
  .yr-is-list-block.yr-is-xl-l > li + li {
    margin-top: var(--spacing-l);
  }
  .yr-is-list-block.yr-is-xl-xl > li + li {
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-block.yr-is-xl-xxl > li + li {
    margin-top: var(--spacing-xxl);
  }
}

.yr-is-list-inline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yr-is-list-inline:empty {
  display: none;
}
.yr-is-list-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
}
.yr-is-list-inline > li {
  padding: 0 calc(var(--spacing-xxs) / 2);
  margin-top: var(--spacing-xxs);
}
.yr-is-list-inline.yr-is-none {
  margin: calc(0rem * -1) calc(0rem / -2) 0;
}
.yr-is-list-inline.yr-is-none > li {
  padding: 0 calc(0rem / 2);
  margin-top: 0rem;
}
.yr-is-list-inline.yr-is-xxs {
  margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
}
.yr-is-list-inline.yr-is-xxs > li {
  padding: 0 calc(var(--spacing-xxs) / 2);
  margin-top: var(--spacing-xxs);
}
.yr-is-list-inline.yr-is-xs {
  margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
}
.yr-is-list-inline.yr-is-xs > li {
  padding: 0 calc(var(--spacing-xs) / 2);
  margin-top: var(--spacing-xs);
}
.yr-is-list-inline.yr-is-xs2 {
  margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
}
.yr-is-list-inline.yr-is-xs2 > li {
  padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
  margin-top: calc(var(--spacing-xs) * 2);
}
.yr-is-list-inline.yr-is-s {
  margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
}
.yr-is-list-inline.yr-is-s > li {
  padding: 0 calc(var(--spacing-s) / 2);
  margin-top: var(--spacing-s);
}
.yr-is-list-inline.yr-is-s2 {
  margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
}
.yr-is-list-inline.yr-is-s2 > li {
  padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
  margin-top: calc(var(--spacing-s) * 2);
}
.yr-is-list-inline.yr-is-m {
  margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
}
.yr-is-list-inline.yr-is-m > li {
  padding: 0 calc(var(--spacing-m) / 2);
  margin-top: var(--spacing-m);
}
.yr-is-list-inline.yr-is-l {
  margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
}
.yr-is-list-inline.yr-is-l > li {
  padding: 0 calc(var(--spacing-l) / 2);
  margin-top: var(--spacing-l);
}
.yr-is-list-inline.yr-is-xl {
  margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
}
.yr-is-list-inline.yr-is-xl > li {
  padding: 0 calc(var(--spacing-xl) / 2);
  margin-top: var(--spacing-xl);
}
.yr-is-list-inline.yr-is-xxl {
  margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
}
.yr-is-list-inline.yr-is-xxl > li {
  padding: 0 calc(var(--spacing-xxl) / 2);
  margin-top: var(--spacing-xxl);
}
.yr-is-list-inline.yr-is-xs-none {
  margin: calc(0rem * -1) calc(0rem / -2) 0;
}
.yr-is-list-inline.yr-is-xs-none > li {
  padding: 0 calc(0rem / 2);
  margin-top: 0rem;
}
.yr-is-list-inline.yr-is-xs-xxs {
  margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-xxs > li {
  padding: 0 calc(var(--spacing-xxs) / 2);
  margin-top: var(--spacing-xxs);
}
.yr-is-list-inline.yr-is-xs-xs {
  margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-xs > li {
  padding: 0 calc(var(--spacing-xs) / 2);
  margin-top: var(--spacing-xs);
}
.yr-is-list-inline.yr-is-xs-xs2 {
  margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-xs2 > li {
  padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
  margin-top: calc(var(--spacing-xs) * 2);
}
.yr-is-list-inline.yr-is-xs-s {
  margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-s > li {
  padding: 0 calc(var(--spacing-s) / 2);
  margin-top: var(--spacing-s);
}
.yr-is-list-inline.yr-is-xs-s2 {
  margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-s2 > li {
  padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
  margin-top: calc(var(--spacing-s) * 2);
}
.yr-is-list-inline.yr-is-xs-m {
  margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-m > li {
  padding: 0 calc(var(--spacing-m) / 2);
  margin-top: var(--spacing-m);
}
.yr-is-list-inline.yr-is-xs-l {
  margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-l > li {
  padding: 0 calc(var(--spacing-l) / 2);
  margin-top: var(--spacing-l);
}
.yr-is-list-inline.yr-is-xs-xl {
  margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-xl > li {
  padding: 0 calc(var(--spacing-xl) / 2);
  margin-top: var(--spacing-xl);
}
.yr-is-list-inline.yr-is-xs-xxl {
  margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
}
.yr-is-list-inline.yr-is-xs-xxl > li {
  padding: 0 calc(var(--spacing-xxl) / 2);
  margin-top: var(--spacing-xxl);
}
@media (min-width: 320px) {
  .yr-is-list-inline.yr-is-s-none {
    margin: calc(0rem * -1) calc(0rem / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-none > li {
    padding: 0 calc(0rem / 2);
    margin-top: 0rem;
  }
  .yr-is-list-inline.yr-is-s-xxs {
    margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-xxs > li {
    padding: 0 calc(var(--spacing-xxs) / 2);
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-inline.yr-is-s-xs {
    margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-xs > li {
    padding: 0 calc(var(--spacing-xs) / 2);
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-inline.yr-is-s-xs2 {
    margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-xs2 > li {
    padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-inline.yr-is-s-s {
    margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-s > li {
    padding: 0 calc(var(--spacing-s) / 2);
    margin-top: var(--spacing-s);
  }
  .yr-is-list-inline.yr-is-s-s2 {
    margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-s2 > li {
    padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-inline.yr-is-s-m {
    margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-m > li {
    padding: 0 calc(var(--spacing-m) / 2);
    margin-top: var(--spacing-m);
  }
  .yr-is-list-inline.yr-is-s-l {
    margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-l > li {
    padding: 0 calc(var(--spacing-l) / 2);
    margin-top: var(--spacing-l);
  }
  .yr-is-list-inline.yr-is-s-xl {
    margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-xl > li {
    padding: 0 calc(var(--spacing-xl) / 2);
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-inline.yr-is-s-xxl {
    margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-s-xxl > li {
    padding: 0 calc(var(--spacing-xxl) / 2);
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 728px) {
  .yr-is-list-inline.yr-is-m-none {
    margin: calc(0rem * -1) calc(0rem / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-none > li {
    padding: 0 calc(0rem / 2);
    margin-top: 0rem;
  }
  .yr-is-list-inline.yr-is-m-xxs {
    margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-xxs > li {
    padding: 0 calc(var(--spacing-xxs) / 2);
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-inline.yr-is-m-xs {
    margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-xs > li {
    padding: 0 calc(var(--spacing-xs) / 2);
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-inline.yr-is-m-xs2 {
    margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-xs2 > li {
    padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-inline.yr-is-m-s {
    margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-s > li {
    padding: 0 calc(var(--spacing-s) / 2);
    margin-top: var(--spacing-s);
  }
  .yr-is-list-inline.yr-is-m-s2 {
    margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-s2 > li {
    padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-inline.yr-is-m-m {
    margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-m > li {
    padding: 0 calc(var(--spacing-m) / 2);
    margin-top: var(--spacing-m);
  }
  .yr-is-list-inline.yr-is-m-l {
    margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-l > li {
    padding: 0 calc(var(--spacing-l) / 2);
    margin-top: var(--spacing-l);
  }
  .yr-is-list-inline.yr-is-m-xl {
    margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-xl > li {
    padding: 0 calc(var(--spacing-xl) / 2);
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-inline.yr-is-m-xxl {
    margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-m-xxl > li {
    padding: 0 calc(var(--spacing-xxl) / 2);
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 960px) {
  .yr-is-list-inline.yr-is-t-none {
    margin: calc(0rem * -1) calc(0rem / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-none > li {
    padding: 0 calc(0rem / 2);
    margin-top: 0rem;
  }
  .yr-is-list-inline.yr-is-t-xxs {
    margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-xxs > li {
    padding: 0 calc(var(--spacing-xxs) / 2);
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-inline.yr-is-t-xs {
    margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-xs > li {
    padding: 0 calc(var(--spacing-xs) / 2);
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-inline.yr-is-t-xs2 {
    margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-xs2 > li {
    padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-inline.yr-is-t-s {
    margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-s > li {
    padding: 0 calc(var(--spacing-s) / 2);
    margin-top: var(--spacing-s);
  }
  .yr-is-list-inline.yr-is-t-s2 {
    margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-s2 > li {
    padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-inline.yr-is-t-m {
    margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-m > li {
    padding: 0 calc(var(--spacing-m) / 2);
    margin-top: var(--spacing-m);
  }
  .yr-is-list-inline.yr-is-t-l {
    margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-l > li {
    padding: 0 calc(var(--spacing-l) / 2);
    margin-top: var(--spacing-l);
  }
  .yr-is-list-inline.yr-is-t-xl {
    margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-xl > li {
    padding: 0 calc(var(--spacing-xl) / 2);
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-inline.yr-is-t-xxl {
    margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-t-xxl > li {
    padding: 0 calc(var(--spacing-xxl) / 2);
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 1280px) {
  .yr-is-list-inline.yr-is-l-none {
    margin: calc(0rem * -1) calc(0rem / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-none > li {
    padding: 0 calc(0rem / 2);
    margin-top: 0rem;
  }
  .yr-is-list-inline.yr-is-l-xxs {
    margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-xxs > li {
    padding: 0 calc(var(--spacing-xxs) / 2);
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-inline.yr-is-l-xs {
    margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-xs > li {
    padding: 0 calc(var(--spacing-xs) / 2);
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-inline.yr-is-l-xs2 {
    margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-xs2 > li {
    padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-inline.yr-is-l-s {
    margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-s > li {
    padding: 0 calc(var(--spacing-s) / 2);
    margin-top: var(--spacing-s);
  }
  .yr-is-list-inline.yr-is-l-s2 {
    margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-s2 > li {
    padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-inline.yr-is-l-m {
    margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-m > li {
    padding: 0 calc(var(--spacing-m) / 2);
    margin-top: var(--spacing-m);
  }
  .yr-is-list-inline.yr-is-l-l {
    margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-l > li {
    padding: 0 calc(var(--spacing-l) / 2);
    margin-top: var(--spacing-l);
  }
  .yr-is-list-inline.yr-is-l-xl {
    margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-xl > li {
    padding: 0 calc(var(--spacing-xl) / 2);
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-inline.yr-is-l-xxl {
    margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-l-xxl > li {
    padding: 0 calc(var(--spacing-xxl) / 2);
    margin-top: var(--spacing-xxl);
  }
}
@media (min-width: 1600px) {
  .yr-is-list-inline.yr-is-xl-none {
    margin: calc(0rem * -1) calc(0rem / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-none > li {
    padding: 0 calc(0rem / 2);
    margin-top: 0rem;
  }
  .yr-is-list-inline.yr-is-xl-xxs {
    margin: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-xxs > li {
    padding: 0 calc(var(--spacing-xxs) / 2);
    margin-top: var(--spacing-xxs);
  }
  .yr-is-list-inline.yr-is-xl-xs {
    margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-xs > li {
    padding: 0 calc(var(--spacing-xs) / 2);
    margin-top: var(--spacing-xs);
  }
  .yr-is-list-inline.yr-is-xl-xs2 {
    margin: calc(calc(var(--spacing-xs) * 2) * -1) calc(calc(var(--spacing-xs) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-xs2 > li {
    padding: 0 calc(calc(var(--spacing-xs) * 2) / 2);
    margin-top: calc(var(--spacing-xs) * 2);
  }
  .yr-is-list-inline.yr-is-xl-s {
    margin: calc(var(--spacing-s) * -1) calc(var(--spacing-s) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-s > li {
    padding: 0 calc(var(--spacing-s) / 2);
    margin-top: var(--spacing-s);
  }
  .yr-is-list-inline.yr-is-xl-s2 {
    margin: calc(calc(var(--spacing-s) * 2) * -1) calc(calc(var(--spacing-s) * 2) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-s2 > li {
    padding: 0 calc(calc(var(--spacing-s) * 2) / 2);
    margin-top: calc(var(--spacing-s) * 2);
  }
  .yr-is-list-inline.yr-is-xl-m {
    margin: calc(var(--spacing-m) * -1) calc(var(--spacing-m) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-m > li {
    padding: 0 calc(var(--spacing-m) / 2);
    margin-top: var(--spacing-m);
  }
  .yr-is-list-inline.yr-is-xl-l {
    margin: calc(var(--spacing-l) * -1) calc(var(--spacing-l) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-l > li {
    padding: 0 calc(var(--spacing-l) / 2);
    margin-top: var(--spacing-l);
  }
  .yr-is-list-inline.yr-is-xl-xl {
    margin: calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-xl > li {
    padding: 0 calc(var(--spacing-xl) / 2);
    margin-top: var(--spacing-xl);
  }
  .yr-is-list-inline.yr-is-xl-xxl {
    margin: calc(var(--spacing-xxl) * -1) calc(var(--spacing-xxl) / -2) 0;
  }
  .yr-is-list-inline.yr-is-xl-xxl > li {
    padding: 0 calc(var(--spacing-xxl) / 2);
    margin-top: var(--spacing-xxl);
  }
}

.yr-is-list-inline-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yr-is-list-inline-group:empty {
  display: none;
}
.yr-is-list-inline-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 calc(var(--spacing-xxs) * -1);
}
.yr-is-list-inline-group > li {
  padding: 0 var(--spacing-xxs);
}

.yr-section {
  margin-bottom: var(--spacing-s);
}
.yr-section--padded {
  padding-block: var(--spacing-ml);
}
.yr-section--padded-top {
  padding-top: var(--spacing-ml);
}
.yr-section--padded-bottom {
  padding-bottom: var(--spacing-ml);
}
.yr-section--bordered > .yr-container {
  position: relative;
}
.yr-section--bordered > .yr-container::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-1 * var(--spacing-ml));
  left: 0;
  right: 0;
  border-top: 1px solid var(--color-border-light);
}
@media (min-width: 728px) {
  .yr-section--bordered > .yr-container::before {
    left: var(--container-padding);
    right: var(--container-padding);
  }
}

/* =====================================
   SPACING UTILITIES
===================================== */
/* Base padding classes
===================================== */
.yr-p-0 {
  padding: 0 !important;
}

.yr-pt-0 {
  padding-top: 0 !important;
}

.yr-pr-0 {
  padding-right: 0 !important;
}

.yr-pb-0 {
  padding-bottom: 0 !important;
}

.yr-pl-0 {
  padding-left: 0 !important;
}

.yr-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.yr-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.yr-p-xxxs {
  padding: var(--spacing-xxxs) !important;
}

.yr-pt-xxxs {
  padding-top: var(--spacing-xxxs) !important;
}

.yr-pr-xxxs {
  padding-right: var(--spacing-xxxs) !important;
}

.yr-pb-xxxs {
  padding-bottom: var(--spacing-xxxs) !important;
}

.yr-pl-xxxs {
  padding-left: var(--spacing-xxxs) !important;
}

.yr-px-xxxs {
  padding-left: var(--spacing-xxxs) !important;
  padding-right: var(--spacing-xxxs) !important;
}

.yr-py-xxxs {
  padding-top: var(--spacing-xxxs) !important;
  padding-bottom: var(--spacing-xxxs) !important;
}

.yr-p-4 {
  padding: var(--spacing-4) !important;
}

.yr-pt-4 {
  padding-top: var(--spacing-4) !important;
}

.yr-pr-4 {
  padding-right: var(--spacing-4) !important;
}

.yr-pb-4 {
  padding-bottom: var(--spacing-4) !important;
}

.yr-pl-4 {
  padding-left: var(--spacing-4) !important;
}

.yr-px-4 {
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-4) !important;
}

.yr-py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}

.yr-p-xxs {
  padding: var(--spacing-xxs) !important;
}

.yr-pt-xxs {
  padding-top: var(--spacing-xxs) !important;
}

.yr-pr-xxs {
  padding-right: var(--spacing-xxs) !important;
}

.yr-pb-xxs {
  padding-bottom: var(--spacing-xxs) !important;
}

.yr-pl-xxs {
  padding-left: var(--spacing-xxs) !important;
}

.yr-px-xxs {
  padding-left: var(--spacing-xxs) !important;
  padding-right: var(--spacing-xxs) !important;
}

.yr-py-xxs {
  padding-top: var(--spacing-xxs) !important;
  padding-bottom: var(--spacing-xxs) !important;
}

.yr-p-8 {
  padding: var(--spacing-8) !important;
}

.yr-pt-8 {
  padding-top: var(--spacing-8) !important;
}

.yr-pr-8 {
  padding-right: var(--spacing-8) !important;
}

.yr-pb-8 {
  padding-bottom: var(--spacing-8) !important;
}

.yr-pl-8 {
  padding-left: var(--spacing-8) !important;
}

.yr-px-8 {
  padding-left: var(--spacing-8) !important;
  padding-right: var(--spacing-8) !important;
}

.yr-py-8 {
  padding-top: var(--spacing-8) !important;
  padding-bottom: var(--spacing-8) !important;
}

.yr-p-xs {
  padding: var(--spacing-xs) !important;
}

.yr-pt-xs {
  padding-top: var(--spacing-xs) !important;
}

.yr-pr-xs {
  padding-right: var(--spacing-xs) !important;
}

.yr-pb-xs {
  padding-bottom: var(--spacing-xs) !important;
}

.yr-pl-xs {
  padding-left: var(--spacing-xs) !important;
}

.yr-px-xs {
  padding-left: var(--spacing-xs) !important;
  padding-right: var(--spacing-xs) !important;
}

.yr-py-xs {
  padding-top: var(--spacing-xs) !important;
  padding-bottom: var(--spacing-xs) !important;
}

.yr-p-xs-s {
  padding: var(--spacing-xs-s) !important;
}

.yr-pt-xs-s {
  padding-top: var(--spacing-xs-s) !important;
}

.yr-pr-xs-s {
  padding-right: var(--spacing-xs-s) !important;
}

.yr-pb-xs-s {
  padding-bottom: var(--spacing-xs-s) !important;
}

.yr-pl-xs-s {
  padding-left: var(--spacing-xs-s) !important;
}

.yr-px-xs-s {
  padding-left: var(--spacing-xs-s) !important;
  padding-right: var(--spacing-xs-s) !important;
}

.yr-py-xs-s {
  padding-top: var(--spacing-xs-s) !important;
  padding-bottom: var(--spacing-xs-s) !important;
}

.yr-p-15 {
  padding: var(--spacing-15) !important;
}

.yr-pt-15 {
  padding-top: var(--spacing-15) !important;
}

.yr-pr-15 {
  padding-right: var(--spacing-15) !important;
}

.yr-pb-15 {
  padding-bottom: var(--spacing-15) !important;
}

.yr-pl-15 {
  padding-left: var(--spacing-15) !important;
}

.yr-px-15 {
  padding-left: var(--spacing-15) !important;
  padding-right: var(--spacing-15) !important;
}

.yr-py-15 {
  padding-top: var(--spacing-15) !important;
  padding-bottom: var(--spacing-15) !important;
}

.yr-p-s {
  padding: var(--spacing-s) !important;
}

.yr-pt-s {
  padding-top: var(--spacing-s) !important;
}

.yr-pr-s {
  padding-right: var(--spacing-s) !important;
}

.yr-pb-s {
  padding-bottom: var(--spacing-s) !important;
}

.yr-pl-s {
  padding-left: var(--spacing-s) !important;
}

.yr-px-s {
  padding-left: var(--spacing-s) !important;
  padding-right: var(--spacing-s) !important;
}

.yr-py-s {
  padding-top: var(--spacing-s) !important;
  padding-bottom: var(--spacing-s) !important;
}

.yr-p-ms {
  padding: var(--spacing-ms) !important;
}

.yr-pt-ms {
  padding-top: var(--spacing-ms) !important;
}

.yr-pr-ms {
  padding-right: var(--spacing-ms) !important;
}

.yr-pb-ms {
  padding-bottom: var(--spacing-ms) !important;
}

.yr-pl-ms {
  padding-left: var(--spacing-ms) !important;
}

.yr-px-ms {
  padding-left: var(--spacing-ms) !important;
  padding-right: var(--spacing-ms) !important;
}

.yr-py-ms {
  padding-top: var(--spacing-ms) !important;
  padding-bottom: var(--spacing-ms) !important;
}

.yr-p-m {
  padding: var(--spacing-m) !important;
}

.yr-pt-m {
  padding-top: var(--spacing-m) !important;
}

.yr-pr-m {
  padding-right: var(--spacing-m) !important;
}

.yr-pb-m {
  padding-bottom: var(--spacing-m) !important;
}

.yr-pl-m {
  padding-left: var(--spacing-m) !important;
}

.yr-px-m {
  padding-left: var(--spacing-m) !important;
  padding-right: var(--spacing-m) !important;
}

.yr-py-m {
  padding-top: var(--spacing-m) !important;
  padding-bottom: var(--spacing-m) !important;
}

.yr-p-25 {
  padding: var(--spacing-25) !important;
}

.yr-pt-25 {
  padding-top: var(--spacing-25) !important;
}

.yr-pr-25 {
  padding-right: var(--spacing-25) !important;
}

.yr-pb-25 {
  padding-bottom: var(--spacing-25) !important;
}

.yr-pl-25 {
  padding-left: var(--spacing-25) !important;
}

.yr-px-25 {
  padding-left: var(--spacing-25) !important;
  padding-right: var(--spacing-25) !important;
}

.yr-py-25 {
  padding-top: var(--spacing-25) !important;
  padding-bottom: var(--spacing-25) !important;
}

.yr-p-28 {
  padding: var(--spacing-28) !important;
}

.yr-pt-28 {
  padding-top: var(--spacing-28) !important;
}

.yr-pr-28 {
  padding-right: var(--spacing-28) !important;
}

.yr-pb-28 {
  padding-bottom: var(--spacing-28) !important;
}

.yr-pl-28 {
  padding-left: var(--spacing-28) !important;
}

.yr-px-28 {
  padding-left: var(--spacing-28) !important;
  padding-right: var(--spacing-28) !important;
}

.yr-py-28 {
  padding-top: var(--spacing-28) !important;
  padding-bottom: var(--spacing-28) !important;
}

.yr-p-ml {
  padding: var(--spacing-ml) !important;
}

.yr-pt-ml {
  padding-top: var(--spacing-ml) !important;
}

.yr-pr-ml {
  padding-right: var(--spacing-ml) !important;
}

.yr-pb-ml {
  padding-bottom: var(--spacing-ml) !important;
}

.yr-pl-ml {
  padding-left: var(--spacing-ml) !important;
}

.yr-px-ml {
  padding-left: var(--spacing-ml) !important;
  padding-right: var(--spacing-ml) !important;
}

.yr-py-ml {
  padding-top: var(--spacing-ml) !important;
  padding-bottom: var(--spacing-ml) !important;
}

.yr-p-l {
  padding: var(--spacing-l) !important;
}

.yr-pt-l {
  padding-top: var(--spacing-l) !important;
}

.yr-pr-l {
  padding-right: var(--spacing-l) !important;
}

.yr-pb-l {
  padding-bottom: var(--spacing-l) !important;
}

.yr-pl-l {
  padding-left: var(--spacing-l) !important;
}

.yr-px-l {
  padding-left: var(--spacing-l) !important;
  padding-right: var(--spacing-l) !important;
}

.yr-py-l {
  padding-top: var(--spacing-l) !important;
  padding-bottom: var(--spacing-l) !important;
}

.yr-p-xl {
  padding: var(--spacing-xl) !important;
}

.yr-pt-xl {
  padding-top: var(--spacing-xl) !important;
}

.yr-pr-xl {
  padding-right: var(--spacing-xl) !important;
}

.yr-pb-xl {
  padding-bottom: var(--spacing-xl) !important;
}

.yr-pl-xl {
  padding-left: var(--spacing-xl) !important;
}

.yr-px-xl {
  padding-left: var(--spacing-xl) !important;
  padding-right: var(--spacing-xl) !important;
}

.yr-py-xl {
  padding-top: var(--spacing-xl) !important;
  padding-bottom: var(--spacing-xl) !important;
}

.yr-p-xxl {
  padding: var(--spacing-xxl) !important;
}

.yr-pt-xxl {
  padding-top: var(--spacing-xxl) !important;
}

.yr-pr-xxl {
  padding-right: var(--spacing-xxl) !important;
}

.yr-pb-xxl {
  padding-bottom: var(--spacing-xxl) !important;
}

.yr-pl-xxl {
  padding-left: var(--spacing-xxl) !important;
}

.yr-px-xxl {
  padding-left: var(--spacing-xxl) !important;
  padding-right: var(--spacing-xxl) !important;
}

.yr-py-xxl {
  padding-top: var(--spacing-xxl) !important;
  padding-bottom: var(--spacing-xxl) !important;
}

@media (min-width: 320px) {
  .yr-p-s-0 {
    padding: 0 !important;
  }
  .yr-pt-s-0 {
    padding-top: 0 !important;
  }
  .yr-pr-s-0 {
    padding-right: 0 !important;
  }
  .yr-pb-s-0 {
    padding-bottom: 0 !important;
  }
  .yr-pl-s-0 {
    padding-left: 0 !important;
  }
  .yr-px-s-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .yr-py-s-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .yr-p-s-xxxs {
    padding: var(--spacing-xxxs) !important;
  }
  .yr-pt-s-xxxs {
    padding-top: var(--spacing-xxxs) !important;
  }
  .yr-pr-s-xxxs {
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-pb-s-xxxs {
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-pl-s-xxxs {
    padding-left: var(--spacing-xxxs) !important;
  }
  .yr-px-s-xxxs {
    padding-left: var(--spacing-xxxs) !important;
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-py-s-xxxs {
    padding-top: var(--spacing-xxxs) !important;
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-p-s-4 {
    padding: var(--spacing-4) !important;
  }
  .yr-pt-s-4 {
    padding-top: var(--spacing-4) !important;
  }
  .yr-pr-s-4 {
    padding-right: var(--spacing-4) !important;
  }
  .yr-pb-s-4 {
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-pl-s-4 {
    padding-left: var(--spacing-4) !important;
  }
  .yr-px-s-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .yr-py-s-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-p-s-xxs {
    padding: var(--spacing-xxs) !important;
  }
  .yr-pt-s-xxs {
    padding-top: var(--spacing-xxs) !important;
  }
  .yr-pr-s-xxs {
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-pb-s-xxs {
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-pl-s-xxs {
    padding-left: var(--spacing-xxs) !important;
  }
  .yr-px-s-xxs {
    padding-left: var(--spacing-xxs) !important;
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-py-s-xxs {
    padding-top: var(--spacing-xxs) !important;
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-p-s-8 {
    padding: var(--spacing-8) !important;
  }
  .yr-pt-s-8 {
    padding-top: var(--spacing-8) !important;
  }
  .yr-pr-s-8 {
    padding-right: var(--spacing-8) !important;
  }
  .yr-pb-s-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-pl-s-8 {
    padding-left: var(--spacing-8) !important;
  }
  .yr-px-s-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important;
  }
  .yr-py-s-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-p-s-xs {
    padding: var(--spacing-xs) !important;
  }
  .yr-pt-s-xs {
    padding-top: var(--spacing-xs) !important;
  }
  .yr-pr-s-xs {
    padding-right: var(--spacing-xs) !important;
  }
  .yr-pb-s-xs {
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-pl-s-xs {
    padding-left: var(--spacing-xs) !important;
  }
  .yr-px-s-xs {
    padding-left: var(--spacing-xs) !important;
    padding-right: var(--spacing-xs) !important;
  }
  .yr-py-s-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-p-s-xs-s {
    padding: var(--spacing-xs-s) !important;
  }
  .yr-pt-s-xs-s {
    padding-top: var(--spacing-xs-s) !important;
  }
  .yr-pr-s-xs-s {
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-pb-s-xs-s {
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-pl-s-xs-s {
    padding-left: var(--spacing-xs-s) !important;
  }
  .yr-px-s-xs-s {
    padding-left: var(--spacing-xs-s) !important;
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-py-s-xs-s {
    padding-top: var(--spacing-xs-s) !important;
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-p-s-15 {
    padding: var(--spacing-15) !important;
  }
  .yr-pt-s-15 {
    padding-top: var(--spacing-15) !important;
  }
  .yr-pr-s-15 {
    padding-right: var(--spacing-15) !important;
  }
  .yr-pb-s-15 {
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-pl-s-15 {
    padding-left: var(--spacing-15) !important;
  }
  .yr-px-s-15 {
    padding-left: var(--spacing-15) !important;
    padding-right: var(--spacing-15) !important;
  }
  .yr-py-s-15 {
    padding-top: var(--spacing-15) !important;
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-p-s-s {
    padding: var(--spacing-s) !important;
  }
  .yr-pt-s-s {
    padding-top: var(--spacing-s) !important;
  }
  .yr-pr-s-s {
    padding-right: var(--spacing-s) !important;
  }
  .yr-pb-s-s {
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-pl-s-s {
    padding-left: var(--spacing-s) !important;
  }
  .yr-px-s-s {
    padding-left: var(--spacing-s) !important;
    padding-right: var(--spacing-s) !important;
  }
  .yr-py-s-s {
    padding-top: var(--spacing-s) !important;
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-p-s-ms {
    padding: var(--spacing-ms) !important;
  }
  .yr-pt-s-ms {
    padding-top: var(--spacing-ms) !important;
  }
  .yr-pr-s-ms {
    padding-right: var(--spacing-ms) !important;
  }
  .yr-pb-s-ms {
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-pl-s-ms {
    padding-left: var(--spacing-ms) !important;
  }
  .yr-px-s-ms {
    padding-left: var(--spacing-ms) !important;
    padding-right: var(--spacing-ms) !important;
  }
  .yr-py-s-ms {
    padding-top: var(--spacing-ms) !important;
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-p-s-m {
    padding: var(--spacing-m) !important;
  }
  .yr-pt-s-m {
    padding-top: var(--spacing-m) !important;
  }
  .yr-pr-s-m {
    padding-right: var(--spacing-m) !important;
  }
  .yr-pb-s-m {
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-pl-s-m {
    padding-left: var(--spacing-m) !important;
  }
  .yr-px-s-m {
    padding-left: var(--spacing-m) !important;
    padding-right: var(--spacing-m) !important;
  }
  .yr-py-s-m {
    padding-top: var(--spacing-m) !important;
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-p-s-25 {
    padding: var(--spacing-25) !important;
  }
  .yr-pt-s-25 {
    padding-top: var(--spacing-25) !important;
  }
  .yr-pr-s-25 {
    padding-right: var(--spacing-25) !important;
  }
  .yr-pb-s-25 {
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-pl-s-25 {
    padding-left: var(--spacing-25) !important;
  }
  .yr-px-s-25 {
    padding-left: var(--spacing-25) !important;
    padding-right: var(--spacing-25) !important;
  }
  .yr-py-s-25 {
    padding-top: var(--spacing-25) !important;
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-p-s-28 {
    padding: var(--spacing-28) !important;
  }
  .yr-pt-s-28 {
    padding-top: var(--spacing-28) !important;
  }
  .yr-pr-s-28 {
    padding-right: var(--spacing-28) !important;
  }
  .yr-pb-s-28 {
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-pl-s-28 {
    padding-left: var(--spacing-28) !important;
  }
  .yr-px-s-28 {
    padding-left: var(--spacing-28) !important;
    padding-right: var(--spacing-28) !important;
  }
  .yr-py-s-28 {
    padding-top: var(--spacing-28) !important;
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-p-s-ml {
    padding: var(--spacing-ml) !important;
  }
  .yr-pt-s-ml {
    padding-top: var(--spacing-ml) !important;
  }
  .yr-pr-s-ml {
    padding-right: var(--spacing-ml) !important;
  }
  .yr-pb-s-ml {
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-pl-s-ml {
    padding-left: var(--spacing-ml) !important;
  }
  .yr-px-s-ml {
    padding-left: var(--spacing-ml) !important;
    padding-right: var(--spacing-ml) !important;
  }
  .yr-py-s-ml {
    padding-top: var(--spacing-ml) !important;
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-p-s-l {
    padding: var(--spacing-l) !important;
  }
  .yr-pt-s-l {
    padding-top: var(--spacing-l) !important;
  }
  .yr-pr-s-l {
    padding-right: var(--spacing-l) !important;
  }
  .yr-pb-s-l {
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-pl-s-l {
    padding-left: var(--spacing-l) !important;
  }
  .yr-px-s-l {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  .yr-py-s-l {
    padding-top: var(--spacing-l) !important;
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-p-s-xl {
    padding: var(--spacing-xl) !important;
  }
  .yr-pt-s-xl {
    padding-top: var(--spacing-xl) !important;
  }
  .yr-pr-s-xl {
    padding-right: var(--spacing-xl) !important;
  }
  .yr-pb-s-xl {
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-pl-s-xl {
    padding-left: var(--spacing-xl) !important;
  }
  .yr-px-s-xl {
    padding-left: var(--spacing-xl) !important;
    padding-right: var(--spacing-xl) !important;
  }
  .yr-py-s-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-p-s-xxl {
    padding: var(--spacing-xxl) !important;
  }
  .yr-pt-s-xxl {
    padding-top: var(--spacing-xxl) !important;
  }
  .yr-pr-s-xxl {
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-pb-s-xxl {
    padding-bottom: var(--spacing-xxl) !important;
  }
  .yr-pl-s-xxl {
    padding-left: var(--spacing-xxl) !important;
  }
  .yr-px-s-xxl {
    padding-left: var(--spacing-xxl) !important;
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-py-s-xxl {
    padding-top: var(--spacing-xxl) !important;
    padding-bottom: var(--spacing-xxl) !important;
  }
}
@media (min-width: 728px) {
  .yr-p-m-0 {
    padding: 0 !important;
  }
  .yr-pt-m-0 {
    padding-top: 0 !important;
  }
  .yr-pr-m-0 {
    padding-right: 0 !important;
  }
  .yr-pb-m-0 {
    padding-bottom: 0 !important;
  }
  .yr-pl-m-0 {
    padding-left: 0 !important;
  }
  .yr-px-m-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .yr-py-m-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .yr-p-m-xxxs {
    padding: var(--spacing-xxxs) !important;
  }
  .yr-pt-m-xxxs {
    padding-top: var(--spacing-xxxs) !important;
  }
  .yr-pr-m-xxxs {
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-pb-m-xxxs {
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-pl-m-xxxs {
    padding-left: var(--spacing-xxxs) !important;
  }
  .yr-px-m-xxxs {
    padding-left: var(--spacing-xxxs) !important;
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-py-m-xxxs {
    padding-top: var(--spacing-xxxs) !important;
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-p-m-4 {
    padding: var(--spacing-4) !important;
  }
  .yr-pt-m-4 {
    padding-top: var(--spacing-4) !important;
  }
  .yr-pr-m-4 {
    padding-right: var(--spacing-4) !important;
  }
  .yr-pb-m-4 {
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-pl-m-4 {
    padding-left: var(--spacing-4) !important;
  }
  .yr-px-m-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .yr-py-m-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-p-m-xxs {
    padding: var(--spacing-xxs) !important;
  }
  .yr-pt-m-xxs {
    padding-top: var(--spacing-xxs) !important;
  }
  .yr-pr-m-xxs {
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-pb-m-xxs {
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-pl-m-xxs {
    padding-left: var(--spacing-xxs) !important;
  }
  .yr-px-m-xxs {
    padding-left: var(--spacing-xxs) !important;
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-py-m-xxs {
    padding-top: var(--spacing-xxs) !important;
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-p-m-8 {
    padding: var(--spacing-8) !important;
  }
  .yr-pt-m-8 {
    padding-top: var(--spacing-8) !important;
  }
  .yr-pr-m-8 {
    padding-right: var(--spacing-8) !important;
  }
  .yr-pb-m-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-pl-m-8 {
    padding-left: var(--spacing-8) !important;
  }
  .yr-px-m-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important;
  }
  .yr-py-m-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-p-m-xs {
    padding: var(--spacing-xs) !important;
  }
  .yr-pt-m-xs {
    padding-top: var(--spacing-xs) !important;
  }
  .yr-pr-m-xs {
    padding-right: var(--spacing-xs) !important;
  }
  .yr-pb-m-xs {
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-pl-m-xs {
    padding-left: var(--spacing-xs) !important;
  }
  .yr-px-m-xs {
    padding-left: var(--spacing-xs) !important;
    padding-right: var(--spacing-xs) !important;
  }
  .yr-py-m-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-p-m-xs-s {
    padding: var(--spacing-xs-s) !important;
  }
  .yr-pt-m-xs-s {
    padding-top: var(--spacing-xs-s) !important;
  }
  .yr-pr-m-xs-s {
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-pb-m-xs-s {
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-pl-m-xs-s {
    padding-left: var(--spacing-xs-s) !important;
  }
  .yr-px-m-xs-s {
    padding-left: var(--spacing-xs-s) !important;
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-py-m-xs-s {
    padding-top: var(--spacing-xs-s) !important;
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-p-m-15 {
    padding: var(--spacing-15) !important;
  }
  .yr-pt-m-15 {
    padding-top: var(--spacing-15) !important;
  }
  .yr-pr-m-15 {
    padding-right: var(--spacing-15) !important;
  }
  .yr-pb-m-15 {
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-pl-m-15 {
    padding-left: var(--spacing-15) !important;
  }
  .yr-px-m-15 {
    padding-left: var(--spacing-15) !important;
    padding-right: var(--spacing-15) !important;
  }
  .yr-py-m-15 {
    padding-top: var(--spacing-15) !important;
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-p-m-s {
    padding: var(--spacing-s) !important;
  }
  .yr-pt-m-s {
    padding-top: var(--spacing-s) !important;
  }
  .yr-pr-m-s {
    padding-right: var(--spacing-s) !important;
  }
  .yr-pb-m-s {
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-pl-m-s {
    padding-left: var(--spacing-s) !important;
  }
  .yr-px-m-s {
    padding-left: var(--spacing-s) !important;
    padding-right: var(--spacing-s) !important;
  }
  .yr-py-m-s {
    padding-top: var(--spacing-s) !important;
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-p-m-ms {
    padding: var(--spacing-ms) !important;
  }
  .yr-pt-m-ms {
    padding-top: var(--spacing-ms) !important;
  }
  .yr-pr-m-ms {
    padding-right: var(--spacing-ms) !important;
  }
  .yr-pb-m-ms {
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-pl-m-ms {
    padding-left: var(--spacing-ms) !important;
  }
  .yr-px-m-ms {
    padding-left: var(--spacing-ms) !important;
    padding-right: var(--spacing-ms) !important;
  }
  .yr-py-m-ms {
    padding-top: var(--spacing-ms) !important;
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-p-m-m {
    padding: var(--spacing-m) !important;
  }
  .yr-pt-m-m {
    padding-top: var(--spacing-m) !important;
  }
  .yr-pr-m-m {
    padding-right: var(--spacing-m) !important;
  }
  .yr-pb-m-m {
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-pl-m-m {
    padding-left: var(--spacing-m) !important;
  }
  .yr-px-m-m {
    padding-left: var(--spacing-m) !important;
    padding-right: var(--spacing-m) !important;
  }
  .yr-py-m-m {
    padding-top: var(--spacing-m) !important;
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-p-m-25 {
    padding: var(--spacing-25) !important;
  }
  .yr-pt-m-25 {
    padding-top: var(--spacing-25) !important;
  }
  .yr-pr-m-25 {
    padding-right: var(--spacing-25) !important;
  }
  .yr-pb-m-25 {
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-pl-m-25 {
    padding-left: var(--spacing-25) !important;
  }
  .yr-px-m-25 {
    padding-left: var(--spacing-25) !important;
    padding-right: var(--spacing-25) !important;
  }
  .yr-py-m-25 {
    padding-top: var(--spacing-25) !important;
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-p-m-28 {
    padding: var(--spacing-28) !important;
  }
  .yr-pt-m-28 {
    padding-top: var(--spacing-28) !important;
  }
  .yr-pr-m-28 {
    padding-right: var(--spacing-28) !important;
  }
  .yr-pb-m-28 {
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-pl-m-28 {
    padding-left: var(--spacing-28) !important;
  }
  .yr-px-m-28 {
    padding-left: var(--spacing-28) !important;
    padding-right: var(--spacing-28) !important;
  }
  .yr-py-m-28 {
    padding-top: var(--spacing-28) !important;
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-p-m-ml {
    padding: var(--spacing-ml) !important;
  }
  .yr-pt-m-ml {
    padding-top: var(--spacing-ml) !important;
  }
  .yr-pr-m-ml {
    padding-right: var(--spacing-ml) !important;
  }
  .yr-pb-m-ml {
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-pl-m-ml {
    padding-left: var(--spacing-ml) !important;
  }
  .yr-px-m-ml {
    padding-left: var(--spacing-ml) !important;
    padding-right: var(--spacing-ml) !important;
  }
  .yr-py-m-ml {
    padding-top: var(--spacing-ml) !important;
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-p-m-l {
    padding: var(--spacing-l) !important;
  }
  .yr-pt-m-l {
    padding-top: var(--spacing-l) !important;
  }
  .yr-pr-m-l {
    padding-right: var(--spacing-l) !important;
  }
  .yr-pb-m-l {
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-pl-m-l {
    padding-left: var(--spacing-l) !important;
  }
  .yr-px-m-l {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  .yr-py-m-l {
    padding-top: var(--spacing-l) !important;
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-p-m-xl {
    padding: var(--spacing-xl) !important;
  }
  .yr-pt-m-xl {
    padding-top: var(--spacing-xl) !important;
  }
  .yr-pr-m-xl {
    padding-right: var(--spacing-xl) !important;
  }
  .yr-pb-m-xl {
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-pl-m-xl {
    padding-left: var(--spacing-xl) !important;
  }
  .yr-px-m-xl {
    padding-left: var(--spacing-xl) !important;
    padding-right: var(--spacing-xl) !important;
  }
  .yr-py-m-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-p-m-xxl {
    padding: var(--spacing-xxl) !important;
  }
  .yr-pt-m-xxl {
    padding-top: var(--spacing-xxl) !important;
  }
  .yr-pr-m-xxl {
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-pb-m-xxl {
    padding-bottom: var(--spacing-xxl) !important;
  }
  .yr-pl-m-xxl {
    padding-left: var(--spacing-xxl) !important;
  }
  .yr-px-m-xxl {
    padding-left: var(--spacing-xxl) !important;
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-py-m-xxl {
    padding-top: var(--spacing-xxl) !important;
    padding-bottom: var(--spacing-xxl) !important;
  }
}
@media (min-width: 960px) {
  .yr-p-t-0 {
    padding: 0 !important;
  }
  .yr-pt-t-0 {
    padding-top: 0 !important;
  }
  .yr-pr-t-0 {
    padding-right: 0 !important;
  }
  .yr-pb-t-0 {
    padding-bottom: 0 !important;
  }
  .yr-pl-t-0 {
    padding-left: 0 !important;
  }
  .yr-px-t-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .yr-py-t-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .yr-p-t-xxxs {
    padding: var(--spacing-xxxs) !important;
  }
  .yr-pt-t-xxxs {
    padding-top: var(--spacing-xxxs) !important;
  }
  .yr-pr-t-xxxs {
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-pb-t-xxxs {
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-pl-t-xxxs {
    padding-left: var(--spacing-xxxs) !important;
  }
  .yr-px-t-xxxs {
    padding-left: var(--spacing-xxxs) !important;
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-py-t-xxxs {
    padding-top: var(--spacing-xxxs) !important;
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-p-t-4 {
    padding: var(--spacing-4) !important;
  }
  .yr-pt-t-4 {
    padding-top: var(--spacing-4) !important;
  }
  .yr-pr-t-4 {
    padding-right: var(--spacing-4) !important;
  }
  .yr-pb-t-4 {
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-pl-t-4 {
    padding-left: var(--spacing-4) !important;
  }
  .yr-px-t-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .yr-py-t-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-p-t-xxs {
    padding: var(--spacing-xxs) !important;
  }
  .yr-pt-t-xxs {
    padding-top: var(--spacing-xxs) !important;
  }
  .yr-pr-t-xxs {
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-pb-t-xxs {
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-pl-t-xxs {
    padding-left: var(--spacing-xxs) !important;
  }
  .yr-px-t-xxs {
    padding-left: var(--spacing-xxs) !important;
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-py-t-xxs {
    padding-top: var(--spacing-xxs) !important;
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-p-t-8 {
    padding: var(--spacing-8) !important;
  }
  .yr-pt-t-8 {
    padding-top: var(--spacing-8) !important;
  }
  .yr-pr-t-8 {
    padding-right: var(--spacing-8) !important;
  }
  .yr-pb-t-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-pl-t-8 {
    padding-left: var(--spacing-8) !important;
  }
  .yr-px-t-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important;
  }
  .yr-py-t-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-p-t-xs {
    padding: var(--spacing-xs) !important;
  }
  .yr-pt-t-xs {
    padding-top: var(--spacing-xs) !important;
  }
  .yr-pr-t-xs {
    padding-right: var(--spacing-xs) !important;
  }
  .yr-pb-t-xs {
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-pl-t-xs {
    padding-left: var(--spacing-xs) !important;
  }
  .yr-px-t-xs {
    padding-left: var(--spacing-xs) !important;
    padding-right: var(--spacing-xs) !important;
  }
  .yr-py-t-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-p-t-xs-s {
    padding: var(--spacing-xs-s) !important;
  }
  .yr-pt-t-xs-s {
    padding-top: var(--spacing-xs-s) !important;
  }
  .yr-pr-t-xs-s {
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-pb-t-xs-s {
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-pl-t-xs-s {
    padding-left: var(--spacing-xs-s) !important;
  }
  .yr-px-t-xs-s {
    padding-left: var(--spacing-xs-s) !important;
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-py-t-xs-s {
    padding-top: var(--spacing-xs-s) !important;
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-p-t-15 {
    padding: var(--spacing-15) !important;
  }
  .yr-pt-t-15 {
    padding-top: var(--spacing-15) !important;
  }
  .yr-pr-t-15 {
    padding-right: var(--spacing-15) !important;
  }
  .yr-pb-t-15 {
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-pl-t-15 {
    padding-left: var(--spacing-15) !important;
  }
  .yr-px-t-15 {
    padding-left: var(--spacing-15) !important;
    padding-right: var(--spacing-15) !important;
  }
  .yr-py-t-15 {
    padding-top: var(--spacing-15) !important;
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-p-t-s {
    padding: var(--spacing-s) !important;
  }
  .yr-pt-t-s {
    padding-top: var(--spacing-s) !important;
  }
  .yr-pr-t-s {
    padding-right: var(--spacing-s) !important;
  }
  .yr-pb-t-s {
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-pl-t-s {
    padding-left: var(--spacing-s) !important;
  }
  .yr-px-t-s {
    padding-left: var(--spacing-s) !important;
    padding-right: var(--spacing-s) !important;
  }
  .yr-py-t-s {
    padding-top: var(--spacing-s) !important;
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-p-t-ms {
    padding: var(--spacing-ms) !important;
  }
  .yr-pt-t-ms {
    padding-top: var(--spacing-ms) !important;
  }
  .yr-pr-t-ms {
    padding-right: var(--spacing-ms) !important;
  }
  .yr-pb-t-ms {
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-pl-t-ms {
    padding-left: var(--spacing-ms) !important;
  }
  .yr-px-t-ms {
    padding-left: var(--spacing-ms) !important;
    padding-right: var(--spacing-ms) !important;
  }
  .yr-py-t-ms {
    padding-top: var(--spacing-ms) !important;
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-p-t-m {
    padding: var(--spacing-m) !important;
  }
  .yr-pt-t-m {
    padding-top: var(--spacing-m) !important;
  }
  .yr-pr-t-m {
    padding-right: var(--spacing-m) !important;
  }
  .yr-pb-t-m {
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-pl-t-m {
    padding-left: var(--spacing-m) !important;
  }
  .yr-px-t-m {
    padding-left: var(--spacing-m) !important;
    padding-right: var(--spacing-m) !important;
  }
  .yr-py-t-m {
    padding-top: var(--spacing-m) !important;
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-p-t-25 {
    padding: var(--spacing-25) !important;
  }
  .yr-pt-t-25 {
    padding-top: var(--spacing-25) !important;
  }
  .yr-pr-t-25 {
    padding-right: var(--spacing-25) !important;
  }
  .yr-pb-t-25 {
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-pl-t-25 {
    padding-left: var(--spacing-25) !important;
  }
  .yr-px-t-25 {
    padding-left: var(--spacing-25) !important;
    padding-right: var(--spacing-25) !important;
  }
  .yr-py-t-25 {
    padding-top: var(--spacing-25) !important;
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-p-t-28 {
    padding: var(--spacing-28) !important;
  }
  .yr-pt-t-28 {
    padding-top: var(--spacing-28) !important;
  }
  .yr-pr-t-28 {
    padding-right: var(--spacing-28) !important;
  }
  .yr-pb-t-28 {
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-pl-t-28 {
    padding-left: var(--spacing-28) !important;
  }
  .yr-px-t-28 {
    padding-left: var(--spacing-28) !important;
    padding-right: var(--spacing-28) !important;
  }
  .yr-py-t-28 {
    padding-top: var(--spacing-28) !important;
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-p-t-ml {
    padding: var(--spacing-ml) !important;
  }
  .yr-pt-t-ml {
    padding-top: var(--spacing-ml) !important;
  }
  .yr-pr-t-ml {
    padding-right: var(--spacing-ml) !important;
  }
  .yr-pb-t-ml {
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-pl-t-ml {
    padding-left: var(--spacing-ml) !important;
  }
  .yr-px-t-ml {
    padding-left: var(--spacing-ml) !important;
    padding-right: var(--spacing-ml) !important;
  }
  .yr-py-t-ml {
    padding-top: var(--spacing-ml) !important;
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-p-t-l {
    padding: var(--spacing-l) !important;
  }
  .yr-pt-t-l {
    padding-top: var(--spacing-l) !important;
  }
  .yr-pr-t-l {
    padding-right: var(--spacing-l) !important;
  }
  .yr-pb-t-l {
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-pl-t-l {
    padding-left: var(--spacing-l) !important;
  }
  .yr-px-t-l {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  .yr-py-t-l {
    padding-top: var(--spacing-l) !important;
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-p-t-xl {
    padding: var(--spacing-xl) !important;
  }
  .yr-pt-t-xl {
    padding-top: var(--spacing-xl) !important;
  }
  .yr-pr-t-xl {
    padding-right: var(--spacing-xl) !important;
  }
  .yr-pb-t-xl {
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-pl-t-xl {
    padding-left: var(--spacing-xl) !important;
  }
  .yr-px-t-xl {
    padding-left: var(--spacing-xl) !important;
    padding-right: var(--spacing-xl) !important;
  }
  .yr-py-t-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-p-t-xxl {
    padding: var(--spacing-xxl) !important;
  }
  .yr-pt-t-xxl {
    padding-top: var(--spacing-xxl) !important;
  }
  .yr-pr-t-xxl {
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-pb-t-xxl {
    padding-bottom: var(--spacing-xxl) !important;
  }
  .yr-pl-t-xxl {
    padding-left: var(--spacing-xxl) !important;
  }
  .yr-px-t-xxl {
    padding-left: var(--spacing-xxl) !important;
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-py-t-xxl {
    padding-top: var(--spacing-xxl) !important;
    padding-bottom: var(--spacing-xxl) !important;
  }
}
@media (min-width: 1280px) {
  .yr-p-l-0 {
    padding: 0 !important;
  }
  .yr-pt-l-0 {
    padding-top: 0 !important;
  }
  .yr-pr-l-0 {
    padding-right: 0 !important;
  }
  .yr-pb-l-0 {
    padding-bottom: 0 !important;
  }
  .yr-pl-l-0 {
    padding-left: 0 !important;
  }
  .yr-px-l-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .yr-py-l-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .yr-p-l-xxxs {
    padding: var(--spacing-xxxs) !important;
  }
  .yr-pt-l-xxxs {
    padding-top: var(--spacing-xxxs) !important;
  }
  .yr-pr-l-xxxs {
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-pb-l-xxxs {
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-pl-l-xxxs {
    padding-left: var(--spacing-xxxs) !important;
  }
  .yr-px-l-xxxs {
    padding-left: var(--spacing-xxxs) !important;
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-py-l-xxxs {
    padding-top: var(--spacing-xxxs) !important;
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-p-l-4 {
    padding: var(--spacing-4) !important;
  }
  .yr-pt-l-4 {
    padding-top: var(--spacing-4) !important;
  }
  .yr-pr-l-4 {
    padding-right: var(--spacing-4) !important;
  }
  .yr-pb-l-4 {
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-pl-l-4 {
    padding-left: var(--spacing-4) !important;
  }
  .yr-px-l-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .yr-py-l-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-p-l-xxs {
    padding: var(--spacing-xxs) !important;
  }
  .yr-pt-l-xxs {
    padding-top: var(--spacing-xxs) !important;
  }
  .yr-pr-l-xxs {
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-pb-l-xxs {
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-pl-l-xxs {
    padding-left: var(--spacing-xxs) !important;
  }
  .yr-px-l-xxs {
    padding-left: var(--spacing-xxs) !important;
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-py-l-xxs {
    padding-top: var(--spacing-xxs) !important;
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-p-l-8 {
    padding: var(--spacing-8) !important;
  }
  .yr-pt-l-8 {
    padding-top: var(--spacing-8) !important;
  }
  .yr-pr-l-8 {
    padding-right: var(--spacing-8) !important;
  }
  .yr-pb-l-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-pl-l-8 {
    padding-left: var(--spacing-8) !important;
  }
  .yr-px-l-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important;
  }
  .yr-py-l-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-p-l-xs {
    padding: var(--spacing-xs) !important;
  }
  .yr-pt-l-xs {
    padding-top: var(--spacing-xs) !important;
  }
  .yr-pr-l-xs {
    padding-right: var(--spacing-xs) !important;
  }
  .yr-pb-l-xs {
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-pl-l-xs {
    padding-left: var(--spacing-xs) !important;
  }
  .yr-px-l-xs {
    padding-left: var(--spacing-xs) !important;
    padding-right: var(--spacing-xs) !important;
  }
  .yr-py-l-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-p-l-xs-s {
    padding: var(--spacing-xs-s) !important;
  }
  .yr-pt-l-xs-s {
    padding-top: var(--spacing-xs-s) !important;
  }
  .yr-pr-l-xs-s {
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-pb-l-xs-s {
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-pl-l-xs-s {
    padding-left: var(--spacing-xs-s) !important;
  }
  .yr-px-l-xs-s {
    padding-left: var(--spacing-xs-s) !important;
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-py-l-xs-s {
    padding-top: var(--spacing-xs-s) !important;
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-p-l-15 {
    padding: var(--spacing-15) !important;
  }
  .yr-pt-l-15 {
    padding-top: var(--spacing-15) !important;
  }
  .yr-pr-l-15 {
    padding-right: var(--spacing-15) !important;
  }
  .yr-pb-l-15 {
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-pl-l-15 {
    padding-left: var(--spacing-15) !important;
  }
  .yr-px-l-15 {
    padding-left: var(--spacing-15) !important;
    padding-right: var(--spacing-15) !important;
  }
  .yr-py-l-15 {
    padding-top: var(--spacing-15) !important;
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-p-l-s {
    padding: var(--spacing-s) !important;
  }
  .yr-pt-l-s {
    padding-top: var(--spacing-s) !important;
  }
  .yr-pr-l-s {
    padding-right: var(--spacing-s) !important;
  }
  .yr-pb-l-s {
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-pl-l-s {
    padding-left: var(--spacing-s) !important;
  }
  .yr-px-l-s {
    padding-left: var(--spacing-s) !important;
    padding-right: var(--spacing-s) !important;
  }
  .yr-py-l-s {
    padding-top: var(--spacing-s) !important;
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-p-l-ms {
    padding: var(--spacing-ms) !important;
  }
  .yr-pt-l-ms {
    padding-top: var(--spacing-ms) !important;
  }
  .yr-pr-l-ms {
    padding-right: var(--spacing-ms) !important;
  }
  .yr-pb-l-ms {
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-pl-l-ms {
    padding-left: var(--spacing-ms) !important;
  }
  .yr-px-l-ms {
    padding-left: var(--spacing-ms) !important;
    padding-right: var(--spacing-ms) !important;
  }
  .yr-py-l-ms {
    padding-top: var(--spacing-ms) !important;
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-p-l-m {
    padding: var(--spacing-m) !important;
  }
  .yr-pt-l-m {
    padding-top: var(--spacing-m) !important;
  }
  .yr-pr-l-m {
    padding-right: var(--spacing-m) !important;
  }
  .yr-pb-l-m {
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-pl-l-m {
    padding-left: var(--spacing-m) !important;
  }
  .yr-px-l-m {
    padding-left: var(--spacing-m) !important;
    padding-right: var(--spacing-m) !important;
  }
  .yr-py-l-m {
    padding-top: var(--spacing-m) !important;
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-p-l-25 {
    padding: var(--spacing-25) !important;
  }
  .yr-pt-l-25 {
    padding-top: var(--spacing-25) !important;
  }
  .yr-pr-l-25 {
    padding-right: var(--spacing-25) !important;
  }
  .yr-pb-l-25 {
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-pl-l-25 {
    padding-left: var(--spacing-25) !important;
  }
  .yr-px-l-25 {
    padding-left: var(--spacing-25) !important;
    padding-right: var(--spacing-25) !important;
  }
  .yr-py-l-25 {
    padding-top: var(--spacing-25) !important;
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-p-l-28 {
    padding: var(--spacing-28) !important;
  }
  .yr-pt-l-28 {
    padding-top: var(--spacing-28) !important;
  }
  .yr-pr-l-28 {
    padding-right: var(--spacing-28) !important;
  }
  .yr-pb-l-28 {
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-pl-l-28 {
    padding-left: var(--spacing-28) !important;
  }
  .yr-px-l-28 {
    padding-left: var(--spacing-28) !important;
    padding-right: var(--spacing-28) !important;
  }
  .yr-py-l-28 {
    padding-top: var(--spacing-28) !important;
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-p-l-ml {
    padding: var(--spacing-ml) !important;
  }
  .yr-pt-l-ml {
    padding-top: var(--spacing-ml) !important;
  }
  .yr-pr-l-ml {
    padding-right: var(--spacing-ml) !important;
  }
  .yr-pb-l-ml {
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-pl-l-ml {
    padding-left: var(--spacing-ml) !important;
  }
  .yr-px-l-ml {
    padding-left: var(--spacing-ml) !important;
    padding-right: var(--spacing-ml) !important;
  }
  .yr-py-l-ml {
    padding-top: var(--spacing-ml) !important;
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-p-l-l {
    padding: var(--spacing-l) !important;
  }
  .yr-pt-l-l {
    padding-top: var(--spacing-l) !important;
  }
  .yr-pr-l-l {
    padding-right: var(--spacing-l) !important;
  }
  .yr-pb-l-l {
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-pl-l-l {
    padding-left: var(--spacing-l) !important;
  }
  .yr-px-l-l {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  .yr-py-l-l {
    padding-top: var(--spacing-l) !important;
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-p-l-xl {
    padding: var(--spacing-xl) !important;
  }
  .yr-pt-l-xl {
    padding-top: var(--spacing-xl) !important;
  }
  .yr-pr-l-xl {
    padding-right: var(--spacing-xl) !important;
  }
  .yr-pb-l-xl {
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-pl-l-xl {
    padding-left: var(--spacing-xl) !important;
  }
  .yr-px-l-xl {
    padding-left: var(--spacing-xl) !important;
    padding-right: var(--spacing-xl) !important;
  }
  .yr-py-l-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-p-l-xxl {
    padding: var(--spacing-xxl) !important;
  }
  .yr-pt-l-xxl {
    padding-top: var(--spacing-xxl) !important;
  }
  .yr-pr-l-xxl {
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-pb-l-xxl {
    padding-bottom: var(--spacing-xxl) !important;
  }
  .yr-pl-l-xxl {
    padding-left: var(--spacing-xxl) !important;
  }
  .yr-px-l-xxl {
    padding-left: var(--spacing-xxl) !important;
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-py-l-xxl {
    padding-top: var(--spacing-xxl) !important;
    padding-bottom: var(--spacing-xxl) !important;
  }
}
@media (min-width: 1600px) {
  .yr-p-xl-0 {
    padding: 0 !important;
  }
  .yr-pt-xl-0 {
    padding-top: 0 !important;
  }
  .yr-pr-xl-0 {
    padding-right: 0 !important;
  }
  .yr-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .yr-pl-xl-0 {
    padding-left: 0 !important;
  }
  .yr-px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .yr-py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .yr-p-xl-xxxs {
    padding: var(--spacing-xxxs) !important;
  }
  .yr-pt-xl-xxxs {
    padding-top: var(--spacing-xxxs) !important;
  }
  .yr-pr-xl-xxxs {
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-pb-xl-xxxs {
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-pl-xl-xxxs {
    padding-left: var(--spacing-xxxs) !important;
  }
  .yr-px-xl-xxxs {
    padding-left: var(--spacing-xxxs) !important;
    padding-right: var(--spacing-xxxs) !important;
  }
  .yr-py-xl-xxxs {
    padding-top: var(--spacing-xxxs) !important;
    padding-bottom: var(--spacing-xxxs) !important;
  }
  .yr-p-xl-4 {
    padding: var(--spacing-4) !important;
  }
  .yr-pt-xl-4 {
    padding-top: var(--spacing-4) !important;
  }
  .yr-pr-xl-4 {
    padding-right: var(--spacing-4) !important;
  }
  .yr-pb-xl-4 {
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-pl-xl-4 {
    padding-left: var(--spacing-4) !important;
  }
  .yr-px-xl-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .yr-py-xl-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
  }
  .yr-p-xl-xxs {
    padding: var(--spacing-xxs) !important;
  }
  .yr-pt-xl-xxs {
    padding-top: var(--spacing-xxs) !important;
  }
  .yr-pr-xl-xxs {
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-pb-xl-xxs {
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-pl-xl-xxs {
    padding-left: var(--spacing-xxs) !important;
  }
  .yr-px-xl-xxs {
    padding-left: var(--spacing-xxs) !important;
    padding-right: var(--spacing-xxs) !important;
  }
  .yr-py-xl-xxs {
    padding-top: var(--spacing-xxs) !important;
    padding-bottom: var(--spacing-xxs) !important;
  }
  .yr-p-xl-8 {
    padding: var(--spacing-8) !important;
  }
  .yr-pt-xl-8 {
    padding-top: var(--spacing-8) !important;
  }
  .yr-pr-xl-8 {
    padding-right: var(--spacing-8) !important;
  }
  .yr-pb-xl-8 {
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-pl-xl-8 {
    padding-left: var(--spacing-8) !important;
  }
  .yr-px-xl-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important;
  }
  .yr-py-xl-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .yr-p-xl-xs {
    padding: var(--spacing-xs) !important;
  }
  .yr-pt-xl-xs {
    padding-top: var(--spacing-xs) !important;
  }
  .yr-pr-xl-xs {
    padding-right: var(--spacing-xs) !important;
  }
  .yr-pb-xl-xs {
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-pl-xl-xs {
    padding-left: var(--spacing-xs) !important;
  }
  .yr-px-xl-xs {
    padding-left: var(--spacing-xs) !important;
    padding-right: var(--spacing-xs) !important;
  }
  .yr-py-xl-xs {
    padding-top: var(--spacing-xs) !important;
    padding-bottom: var(--spacing-xs) !important;
  }
  .yr-p-xl-xs-s {
    padding: var(--spacing-xs-s) !important;
  }
  .yr-pt-xl-xs-s {
    padding-top: var(--spacing-xs-s) !important;
  }
  .yr-pr-xl-xs-s {
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-pb-xl-xs-s {
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-pl-xl-xs-s {
    padding-left: var(--spacing-xs-s) !important;
  }
  .yr-px-xl-xs-s {
    padding-left: var(--spacing-xs-s) !important;
    padding-right: var(--spacing-xs-s) !important;
  }
  .yr-py-xl-xs-s {
    padding-top: var(--spacing-xs-s) !important;
    padding-bottom: var(--spacing-xs-s) !important;
  }
  .yr-p-xl-15 {
    padding: var(--spacing-15) !important;
  }
  .yr-pt-xl-15 {
    padding-top: var(--spacing-15) !important;
  }
  .yr-pr-xl-15 {
    padding-right: var(--spacing-15) !important;
  }
  .yr-pb-xl-15 {
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-pl-xl-15 {
    padding-left: var(--spacing-15) !important;
  }
  .yr-px-xl-15 {
    padding-left: var(--spacing-15) !important;
    padding-right: var(--spacing-15) !important;
  }
  .yr-py-xl-15 {
    padding-top: var(--spacing-15) !important;
    padding-bottom: var(--spacing-15) !important;
  }
  .yr-p-xl-s {
    padding: var(--spacing-s) !important;
  }
  .yr-pt-xl-s {
    padding-top: var(--spacing-s) !important;
  }
  .yr-pr-xl-s {
    padding-right: var(--spacing-s) !important;
  }
  .yr-pb-xl-s {
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-pl-xl-s {
    padding-left: var(--spacing-s) !important;
  }
  .yr-px-xl-s {
    padding-left: var(--spacing-s) !important;
    padding-right: var(--spacing-s) !important;
  }
  .yr-py-xl-s {
    padding-top: var(--spacing-s) !important;
    padding-bottom: var(--spacing-s) !important;
  }
  .yr-p-xl-ms {
    padding: var(--spacing-ms) !important;
  }
  .yr-pt-xl-ms {
    padding-top: var(--spacing-ms) !important;
  }
  .yr-pr-xl-ms {
    padding-right: var(--spacing-ms) !important;
  }
  .yr-pb-xl-ms {
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-pl-xl-ms {
    padding-left: var(--spacing-ms) !important;
  }
  .yr-px-xl-ms {
    padding-left: var(--spacing-ms) !important;
    padding-right: var(--spacing-ms) !important;
  }
  .yr-py-xl-ms {
    padding-top: var(--spacing-ms) !important;
    padding-bottom: var(--spacing-ms) !important;
  }
  .yr-p-xl-m {
    padding: var(--spacing-m) !important;
  }
  .yr-pt-xl-m {
    padding-top: var(--spacing-m) !important;
  }
  .yr-pr-xl-m {
    padding-right: var(--spacing-m) !important;
  }
  .yr-pb-xl-m {
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-pl-xl-m {
    padding-left: var(--spacing-m) !important;
  }
  .yr-px-xl-m {
    padding-left: var(--spacing-m) !important;
    padding-right: var(--spacing-m) !important;
  }
  .yr-py-xl-m {
    padding-top: var(--spacing-m) !important;
    padding-bottom: var(--spacing-m) !important;
  }
  .yr-p-xl-25 {
    padding: var(--spacing-25) !important;
  }
  .yr-pt-xl-25 {
    padding-top: var(--spacing-25) !important;
  }
  .yr-pr-xl-25 {
    padding-right: var(--spacing-25) !important;
  }
  .yr-pb-xl-25 {
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-pl-xl-25 {
    padding-left: var(--spacing-25) !important;
  }
  .yr-px-xl-25 {
    padding-left: var(--spacing-25) !important;
    padding-right: var(--spacing-25) !important;
  }
  .yr-py-xl-25 {
    padding-top: var(--spacing-25) !important;
    padding-bottom: var(--spacing-25) !important;
  }
  .yr-p-xl-28 {
    padding: var(--spacing-28) !important;
  }
  .yr-pt-xl-28 {
    padding-top: var(--spacing-28) !important;
  }
  .yr-pr-xl-28 {
    padding-right: var(--spacing-28) !important;
  }
  .yr-pb-xl-28 {
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-pl-xl-28 {
    padding-left: var(--spacing-28) !important;
  }
  .yr-px-xl-28 {
    padding-left: var(--spacing-28) !important;
    padding-right: var(--spacing-28) !important;
  }
  .yr-py-xl-28 {
    padding-top: var(--spacing-28) !important;
    padding-bottom: var(--spacing-28) !important;
  }
  .yr-p-xl-ml {
    padding: var(--spacing-ml) !important;
  }
  .yr-pt-xl-ml {
    padding-top: var(--spacing-ml) !important;
  }
  .yr-pr-xl-ml {
    padding-right: var(--spacing-ml) !important;
  }
  .yr-pb-xl-ml {
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-pl-xl-ml {
    padding-left: var(--spacing-ml) !important;
  }
  .yr-px-xl-ml {
    padding-left: var(--spacing-ml) !important;
    padding-right: var(--spacing-ml) !important;
  }
  .yr-py-xl-ml {
    padding-top: var(--spacing-ml) !important;
    padding-bottom: var(--spacing-ml) !important;
  }
  .yr-p-xl-l {
    padding: var(--spacing-l) !important;
  }
  .yr-pt-xl-l {
    padding-top: var(--spacing-l) !important;
  }
  .yr-pr-xl-l {
    padding-right: var(--spacing-l) !important;
  }
  .yr-pb-xl-l {
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-pl-xl-l {
    padding-left: var(--spacing-l) !important;
  }
  .yr-px-xl-l {
    padding-left: var(--spacing-l) !important;
    padding-right: var(--spacing-l) !important;
  }
  .yr-py-xl-l {
    padding-top: var(--spacing-l) !important;
    padding-bottom: var(--spacing-l) !important;
  }
  .yr-p-xl-xl {
    padding: var(--spacing-xl) !important;
  }
  .yr-pt-xl-xl {
    padding-top: var(--spacing-xl) !important;
  }
  .yr-pr-xl-xl {
    padding-right: var(--spacing-xl) !important;
  }
  .yr-pb-xl-xl {
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-pl-xl-xl {
    padding-left: var(--spacing-xl) !important;
  }
  .yr-px-xl-xl {
    padding-left: var(--spacing-xl) !important;
    padding-right: var(--spacing-xl) !important;
  }
  .yr-py-xl-xl {
    padding-top: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-xl) !important;
  }
  .yr-p-xl-xxl {
    padding: var(--spacing-xxl) !important;
  }
  .yr-pt-xl-xxl {
    padding-top: var(--spacing-xxl) !important;
  }
  .yr-pr-xl-xxl {
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-pb-xl-xxl {
    padding-bottom: var(--spacing-xxl) !important;
  }
  .yr-pl-xl-xxl {
    padding-left: var(--spacing-xxl) !important;
  }
  .yr-px-xl-xxl {
    padding-left: var(--spacing-xxl) !important;
    padding-right: var(--spacing-xxl) !important;
  }
  .yr-py-xl-xxl {
    padding-top: var(--spacing-xxl) !important;
    padding-bottom: var(--spacing-xxl) !important;
  }
}
/* Base margin classes
===================================== */
.yr-m-0 {
  margin: 0 !important;
}

.yr-mt-0 {
  margin-top: 0 !important;
}

.yr-mr-0 {
  margin-right: 0 !important;
}

.yr-mb-0 {
  margin-bottom: 0 !important;
}

.yr-ml-0 {
  margin-left: 0 !important;
}

.yr-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.yr-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.yr-m-xxxs {
  margin: var(--spacing-xxxs) !important;
}

.yr-mt-xxxs {
  margin-top: var(--spacing-xxxs) !important;
}

.yr-mr-xxxs {
  margin-right: var(--spacing-xxxs) !important;
}

.yr-mb-xxxs {
  margin-bottom: var(--spacing-xxxs) !important;
}

.yr-ml-xxxs {
  margin-left: var(--spacing-xxxs) !important;
}

.yr-mx-xxxs {
  margin-left: var(--spacing-xxxs) !important;
  margin-right: var(--spacing-xxxs) !important;
}

.yr-my-xxxs {
  margin-top: var(--spacing-xxxs) !important;
  margin-bottom: var(--spacing-xxxs) !important;
}

.yr-m-4 {
  margin: var(--spacing-4) !important;
}

.yr-mt-4 {
  margin-top: var(--spacing-4) !important;
}

.yr-mr-4 {
  margin-right: var(--spacing-4) !important;
}

.yr-mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.yr-ml-4 {
  margin-left: var(--spacing-4) !important;
}

.yr-mx-4 {
  margin-left: var(--spacing-4) !important;
  margin-right: var(--spacing-4) !important;
}

.yr-my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.yr-m-xxs {
  margin: var(--spacing-xxs) !important;
}

.yr-mt-xxs {
  margin-top: var(--spacing-xxs) !important;
}

.yr-mr-xxs {
  margin-right: var(--spacing-xxs) !important;
}

.yr-mb-xxs {
  margin-bottom: var(--spacing-xxs) !important;
}

.yr-ml-xxs {
  margin-left: var(--spacing-xxs) !important;
}

.yr-mx-xxs {
  margin-left: var(--spacing-xxs) !important;
  margin-right: var(--spacing-xxs) !important;
}

.yr-my-xxs {
  margin-top: var(--spacing-xxs) !important;
  margin-bottom: var(--spacing-xxs) !important;
}

.yr-m-8 {
  margin: var(--spacing-8) !important;
}

.yr-mt-8 {
  margin-top: var(--spacing-8) !important;
}

.yr-mr-8 {
  margin-right: var(--spacing-8) !important;
}

.yr-mb-8 {
  margin-bottom: var(--spacing-8) !important;
}

.yr-ml-8 {
  margin-left: var(--spacing-8) !important;
}

.yr-mx-8 {
  margin-left: var(--spacing-8) !important;
  margin-right: var(--spacing-8) !important;
}

.yr-my-8 {
  margin-top: var(--spacing-8) !important;
  margin-bottom: var(--spacing-8) !important;
}

.yr-m-xs {
  margin: var(--spacing-xs) !important;
}

.yr-mt-xs {
  margin-top: var(--spacing-xs) !important;
}

.yr-mr-xs {
  margin-right: var(--spacing-xs) !important;
}

.yr-mb-xs {
  margin-bottom: var(--spacing-xs) !important;
}

.yr-ml-xs {
  margin-left: var(--spacing-xs) !important;
}

.yr-mx-xs {
  margin-left: var(--spacing-xs) !important;
  margin-right: var(--spacing-xs) !important;
}

.yr-my-xs {
  margin-top: var(--spacing-xs) !important;
  margin-bottom: var(--spacing-xs) !important;
}

.yr-m-xs-s {
  margin: var(--spacing-xs-s) !important;
}

.yr-mt-xs-s {
  margin-top: var(--spacing-xs-s) !important;
}

.yr-mr-xs-s {
  margin-right: var(--spacing-xs-s) !important;
}

.yr-mb-xs-s {
  margin-bottom: var(--spacing-xs-s) !important;
}

.yr-ml-xs-s {
  margin-left: var(--spacing-xs-s) !important;
}

.yr-mx-xs-s {
  margin-left: var(--spacing-xs-s) !important;
  margin-right: var(--spacing-xs-s) !important;
}

.yr-my-xs-s {
  margin-top: var(--spacing-xs-s) !important;
  margin-bottom: var(--spacing-xs-s) !important;
}

.yr-m-15 {
  margin: var(--spacing-15) !important;
}

.yr-mt-15 {
  margin-top: var(--spacing-15) !important;
}

.yr-mr-15 {
  margin-right: var(--spacing-15) !important;
}

.yr-mb-15 {
  margin-bottom: var(--spacing-15) !important;
}

.yr-ml-15 {
  margin-left: var(--spacing-15) !important;
}

.yr-mx-15 {
  margin-left: var(--spacing-15) !important;
  margin-right: var(--spacing-15) !important;
}

.yr-my-15 {
  margin-top: var(--spacing-15) !important;
  margin-bottom: var(--spacing-15) !important;
}

.yr-m-s {
  margin: var(--spacing-s) !important;
}

.yr-mt-s {
  margin-top: var(--spacing-s) !important;
}

.yr-mr-s {
  margin-right: var(--spacing-s) !important;
}

.yr-mb-s {
  margin-bottom: var(--spacing-s) !important;
}

.yr-ml-s {
  margin-left: var(--spacing-s) !important;
}

.yr-mx-s {
  margin-left: var(--spacing-s) !important;
  margin-right: var(--spacing-s) !important;
}

.yr-my-s {
  margin-top: var(--spacing-s) !important;
  margin-bottom: var(--spacing-s) !important;
}

.yr-m-ms {
  margin: var(--spacing-ms) !important;
}

.yr-mt-ms {
  margin-top: var(--spacing-ms) !important;
}

.yr-mr-ms {
  margin-right: var(--spacing-ms) !important;
}

.yr-mb-ms {
  margin-bottom: var(--spacing-ms) !important;
}

.yr-ml-ms {
  margin-left: var(--spacing-ms) !important;
}

.yr-mx-ms {
  margin-left: var(--spacing-ms) !important;
  margin-right: var(--spacing-ms) !important;
}

.yr-my-ms {
  margin-top: var(--spacing-ms) !important;
  margin-bottom: var(--spacing-ms) !important;
}

.yr-m-m {
  margin: var(--spacing-m) !important;
}

.yr-mt-m {
  margin-top: var(--spacing-m) !important;
}

.yr-mr-m {
  margin-right: var(--spacing-m) !important;
}

.yr-mb-m {
  margin-bottom: var(--spacing-m) !important;
}

.yr-ml-m {
  margin-left: var(--spacing-m) !important;
}

.yr-mx-m {
  margin-left: var(--spacing-m) !important;
  margin-right: var(--spacing-m) !important;
}

.yr-my-m {
  margin-top: var(--spacing-m) !important;
  margin-bottom: var(--spacing-m) !important;
}

.yr-m-25 {
  margin: var(--spacing-25) !important;
}

.yr-mt-25 {
  margin-top: var(--spacing-25) !important;
}

.yr-mr-25 {
  margin-right: var(--spacing-25) !important;
}

.yr-mb-25 {
  margin-bottom: var(--spacing-25) !important;
}

.yr-ml-25 {
  margin-left: var(--spacing-25) !important;
}

.yr-mx-25 {
  margin-left: var(--spacing-25) !important;
  margin-right: var(--spacing-25) !important;
}

.yr-my-25 {
  margin-top: var(--spacing-25) !important;
  margin-bottom: var(--spacing-25) !important;
}

.yr-m-28 {
  margin: var(--spacing-28) !important;
}

.yr-mt-28 {
  margin-top: var(--spacing-28) !important;
}

.yr-mr-28 {
  margin-right: var(--spacing-28) !important;
}

.yr-mb-28 {
  margin-bottom: var(--spacing-28) !important;
}

.yr-ml-28 {
  margin-left: var(--spacing-28) !important;
}

.yr-mx-28 {
  margin-left: var(--spacing-28) !important;
  margin-right: var(--spacing-28) !important;
}

.yr-my-28 {
  margin-top: var(--spacing-28) !important;
  margin-bottom: var(--spacing-28) !important;
}

.yr-m-ml {
  margin: var(--spacing-ml) !important;
}

.yr-mt-ml {
  margin-top: var(--spacing-ml) !important;
}

.yr-mr-ml {
  margin-right: var(--spacing-ml) !important;
}

.yr-mb-ml {
  margin-bottom: var(--spacing-ml) !important;
}

.yr-ml-ml {
  margin-left: var(--spacing-ml) !important;
}

.yr-mx-ml {
  margin-left: var(--spacing-ml) !important;
  margin-right: var(--spacing-ml) !important;
}

.yr-my-ml {
  margin-top: var(--spacing-ml) !important;
  margin-bottom: var(--spacing-ml) !important;
}

.yr-m-l {
  margin: var(--spacing-l) !important;
}

.yr-mt-l {
  margin-top: var(--spacing-l) !important;
}

.yr-mr-l {
  margin-right: var(--spacing-l) !important;
}

.yr-mb-l {
  margin-bottom: var(--spacing-l) !important;
}

.yr-ml-l {
  margin-left: var(--spacing-l) !important;
}

.yr-mx-l {
  margin-left: var(--spacing-l) !important;
  margin-right: var(--spacing-l) !important;
}

.yr-my-l {
  margin-top: var(--spacing-l) !important;
  margin-bottom: var(--spacing-l) !important;
}

.yr-m-xl {
  margin: var(--spacing-xl) !important;
}

.yr-mt-xl {
  margin-top: var(--spacing-xl) !important;
}

.yr-mr-xl {
  margin-right: var(--spacing-xl) !important;
}

.yr-mb-xl {
  margin-bottom: var(--spacing-xl) !important;
}

.yr-ml-xl {
  margin-left: var(--spacing-xl) !important;
}

.yr-mx-xl {
  margin-left: var(--spacing-xl) !important;
  margin-right: var(--spacing-xl) !important;
}

.yr-my-xl {
  margin-top: var(--spacing-xl) !important;
  margin-bottom: var(--spacing-xl) !important;
}

.yr-m-xxl {
  margin: var(--spacing-xxl) !important;
}

.yr-mt-xxl {
  margin-top: var(--spacing-xxl) !important;
}

.yr-mr-xxl {
  margin-right: var(--spacing-xxl) !important;
}

.yr-mb-xxl {
  margin-bottom: var(--spacing-xxl) !important;
}

.yr-ml-xxl {
  margin-left: var(--spacing-xxl) !important;
}

.yr-mx-xxl {
  margin-left: var(--spacing-xxl) !important;
  margin-right: var(--spacing-xxl) !important;
}

.yr-my-xxl {
  margin-top: var(--spacing-xxl) !important;
  margin-bottom: var(--spacing-xxl) !important;
}

.yr-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.yr-ml-auto {
  margin-left: auto !important;
}

.yr-mr-auto {
  margin-right: auto !important;
}

@media (min-width: 320px) {
  .yr-m-s-0 {
    margin: 0 !important;
  }
  .yr-mt-s-0 {
    margin-top: 0 !important;
  }
  .yr-mr-s-0 {
    margin-right: 0 !important;
  }
  .yr-mb-s-0 {
    margin-bottom: 0 !important;
  }
  .yr-ml-s-0 {
    margin-left: 0 !important;
  }
  .yr-mx-s-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yr-my-s-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .yr-m-s-xxxs {
    margin: var(--spacing-xxxs) !important;
  }
  .yr-mt-s-xxxs {
    margin-top: var(--spacing-xxxs) !important;
  }
  .yr-mr-s-xxxs {
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-mb-s-xxxs {
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-ml-s-xxxs {
    margin-left: var(--spacing-xxxs) !important;
  }
  .yr-mx-s-xxxs {
    margin-left: var(--spacing-xxxs) !important;
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-my-s-xxxs {
    margin-top: var(--spacing-xxxs) !important;
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-m-s-4 {
    margin: var(--spacing-4) !important;
  }
  .yr-mt-s-4 {
    margin-top: var(--spacing-4) !important;
  }
  .yr-mr-s-4 {
    margin-right: var(--spacing-4) !important;
  }
  .yr-mb-s-4 {
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-ml-s-4 {
    margin-left: var(--spacing-4) !important;
  }
  .yr-mx-s-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important;
  }
  .yr-my-s-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-m-s-xxs {
    margin: var(--spacing-xxs) !important;
  }
  .yr-mt-s-xxs {
    margin-top: var(--spacing-xxs) !important;
  }
  .yr-mr-s-xxs {
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-mb-s-xxs {
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-ml-s-xxs {
    margin-left: var(--spacing-xxs) !important;
  }
  .yr-mx-s-xxs {
    margin-left: var(--spacing-xxs) !important;
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-my-s-xxs {
    margin-top: var(--spacing-xxs) !important;
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-m-s-8 {
    margin: var(--spacing-8) !important;
  }
  .yr-mt-s-8 {
    margin-top: var(--spacing-8) !important;
  }
  .yr-mr-s-8 {
    margin-right: var(--spacing-8) !important;
  }
  .yr-mb-s-8 {
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-ml-s-8 {
    margin-left: var(--spacing-8) !important;
  }
  .yr-mx-s-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important;
  }
  .yr-my-s-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-m-s-xs {
    margin: var(--spacing-xs) !important;
  }
  .yr-mt-s-xs {
    margin-top: var(--spacing-xs) !important;
  }
  .yr-mr-s-xs {
    margin-right: var(--spacing-xs) !important;
  }
  .yr-mb-s-xs {
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-ml-s-xs {
    margin-left: var(--spacing-xs) !important;
  }
  .yr-mx-s-xs {
    margin-left: var(--spacing-xs) !important;
    margin-right: var(--spacing-xs) !important;
  }
  .yr-my-s-xs {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-m-s-xs-s {
    margin: var(--spacing-xs-s) !important;
  }
  .yr-mt-s-xs-s {
    margin-top: var(--spacing-xs-s) !important;
  }
  .yr-mr-s-xs-s {
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-mb-s-xs-s {
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-ml-s-xs-s {
    margin-left: var(--spacing-xs-s) !important;
  }
  .yr-mx-s-xs-s {
    margin-left: var(--spacing-xs-s) !important;
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-my-s-xs-s {
    margin-top: var(--spacing-xs-s) !important;
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-m-s-15 {
    margin: var(--spacing-15) !important;
  }
  .yr-mt-s-15 {
    margin-top: var(--spacing-15) !important;
  }
  .yr-mr-s-15 {
    margin-right: var(--spacing-15) !important;
  }
  .yr-mb-s-15 {
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-ml-s-15 {
    margin-left: var(--spacing-15) !important;
  }
  .yr-mx-s-15 {
    margin-left: var(--spacing-15) !important;
    margin-right: var(--spacing-15) !important;
  }
  .yr-my-s-15 {
    margin-top: var(--spacing-15) !important;
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-m-s-s {
    margin: var(--spacing-s) !important;
  }
  .yr-mt-s-s {
    margin-top: var(--spacing-s) !important;
  }
  .yr-mr-s-s {
    margin-right: var(--spacing-s) !important;
  }
  .yr-mb-s-s {
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-ml-s-s {
    margin-left: var(--spacing-s) !important;
  }
  .yr-mx-s-s {
    margin-left: var(--spacing-s) !important;
    margin-right: var(--spacing-s) !important;
  }
  .yr-my-s-s {
    margin-top: var(--spacing-s) !important;
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-m-s-ms {
    margin: var(--spacing-ms) !important;
  }
  .yr-mt-s-ms {
    margin-top: var(--spacing-ms) !important;
  }
  .yr-mr-s-ms {
    margin-right: var(--spacing-ms) !important;
  }
  .yr-mb-s-ms {
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-ml-s-ms {
    margin-left: var(--spacing-ms) !important;
  }
  .yr-mx-s-ms {
    margin-left: var(--spacing-ms) !important;
    margin-right: var(--spacing-ms) !important;
  }
  .yr-my-s-ms {
    margin-top: var(--spacing-ms) !important;
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-m-s-m {
    margin: var(--spacing-m) !important;
  }
  .yr-mt-s-m {
    margin-top: var(--spacing-m) !important;
  }
  .yr-mr-s-m {
    margin-right: var(--spacing-m) !important;
  }
  .yr-mb-s-m {
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-ml-s-m {
    margin-left: var(--spacing-m) !important;
  }
  .yr-mx-s-m {
    margin-left: var(--spacing-m) !important;
    margin-right: var(--spacing-m) !important;
  }
  .yr-my-s-m {
    margin-top: var(--spacing-m) !important;
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-m-s-25 {
    margin: var(--spacing-25) !important;
  }
  .yr-mt-s-25 {
    margin-top: var(--spacing-25) !important;
  }
  .yr-mr-s-25 {
    margin-right: var(--spacing-25) !important;
  }
  .yr-mb-s-25 {
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-ml-s-25 {
    margin-left: var(--spacing-25) !important;
  }
  .yr-mx-s-25 {
    margin-left: var(--spacing-25) !important;
    margin-right: var(--spacing-25) !important;
  }
  .yr-my-s-25 {
    margin-top: var(--spacing-25) !important;
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-m-s-28 {
    margin: var(--spacing-28) !important;
  }
  .yr-mt-s-28 {
    margin-top: var(--spacing-28) !important;
  }
  .yr-mr-s-28 {
    margin-right: var(--spacing-28) !important;
  }
  .yr-mb-s-28 {
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-ml-s-28 {
    margin-left: var(--spacing-28) !important;
  }
  .yr-mx-s-28 {
    margin-left: var(--spacing-28) !important;
    margin-right: var(--spacing-28) !important;
  }
  .yr-my-s-28 {
    margin-top: var(--spacing-28) !important;
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-m-s-ml {
    margin: var(--spacing-ml) !important;
  }
  .yr-mt-s-ml {
    margin-top: var(--spacing-ml) !important;
  }
  .yr-mr-s-ml {
    margin-right: var(--spacing-ml) !important;
  }
  .yr-mb-s-ml {
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-ml-s-ml {
    margin-left: var(--spacing-ml) !important;
  }
  .yr-mx-s-ml {
    margin-left: var(--spacing-ml) !important;
    margin-right: var(--spacing-ml) !important;
  }
  .yr-my-s-ml {
    margin-top: var(--spacing-ml) !important;
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-m-s-l {
    margin: var(--spacing-l) !important;
  }
  .yr-mt-s-l {
    margin-top: var(--spacing-l) !important;
  }
  .yr-mr-s-l {
    margin-right: var(--spacing-l) !important;
  }
  .yr-mb-s-l {
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-ml-s-l {
    margin-left: var(--spacing-l) !important;
  }
  .yr-mx-s-l {
    margin-left: var(--spacing-l) !important;
    margin-right: var(--spacing-l) !important;
  }
  .yr-my-s-l {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-m-s-xl {
    margin: var(--spacing-xl) !important;
  }
  .yr-mt-s-xl {
    margin-top: var(--spacing-xl) !important;
  }
  .yr-mr-s-xl {
    margin-right: var(--spacing-xl) !important;
  }
  .yr-mb-s-xl {
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-ml-s-xl {
    margin-left: var(--spacing-xl) !important;
  }
  .yr-mx-s-xl {
    margin-left: var(--spacing-xl) !important;
    margin-right: var(--spacing-xl) !important;
  }
  .yr-my-s-xl {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-m-s-xxl {
    margin: var(--spacing-xxl) !important;
  }
  .yr-mt-s-xxl {
    margin-top: var(--spacing-xxl) !important;
  }
  .yr-mr-s-xxl {
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-mb-s-xxl {
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-ml-s-xxl {
    margin-left: var(--spacing-xxl) !important;
  }
  .yr-mx-s-xxl {
    margin-left: var(--spacing-xxl) !important;
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-my-s-xxl {
    margin-top: var(--spacing-xxl) !important;
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-mx-s-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .yr-ml-s-auto {
    margin-left: auto !important;
  }
  .yr-mr-s-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 728px) {
  .yr-m-m-0 {
    margin: 0 !important;
  }
  .yr-mt-m-0 {
    margin-top: 0 !important;
  }
  .yr-mr-m-0 {
    margin-right: 0 !important;
  }
  .yr-mb-m-0 {
    margin-bottom: 0 !important;
  }
  .yr-ml-m-0 {
    margin-left: 0 !important;
  }
  .yr-mx-m-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yr-my-m-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .yr-m-m-xxxs {
    margin: var(--spacing-xxxs) !important;
  }
  .yr-mt-m-xxxs {
    margin-top: var(--spacing-xxxs) !important;
  }
  .yr-mr-m-xxxs {
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-mb-m-xxxs {
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-ml-m-xxxs {
    margin-left: var(--spacing-xxxs) !important;
  }
  .yr-mx-m-xxxs {
    margin-left: var(--spacing-xxxs) !important;
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-my-m-xxxs {
    margin-top: var(--spacing-xxxs) !important;
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-m-m-4 {
    margin: var(--spacing-4) !important;
  }
  .yr-mt-m-4 {
    margin-top: var(--spacing-4) !important;
  }
  .yr-mr-m-4 {
    margin-right: var(--spacing-4) !important;
  }
  .yr-mb-m-4 {
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-ml-m-4 {
    margin-left: var(--spacing-4) !important;
  }
  .yr-mx-m-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important;
  }
  .yr-my-m-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-m-m-xxs {
    margin: var(--spacing-xxs) !important;
  }
  .yr-mt-m-xxs {
    margin-top: var(--spacing-xxs) !important;
  }
  .yr-mr-m-xxs {
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-mb-m-xxs {
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-ml-m-xxs {
    margin-left: var(--spacing-xxs) !important;
  }
  .yr-mx-m-xxs {
    margin-left: var(--spacing-xxs) !important;
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-my-m-xxs {
    margin-top: var(--spacing-xxs) !important;
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-m-m-8 {
    margin: var(--spacing-8) !important;
  }
  .yr-mt-m-8 {
    margin-top: var(--spacing-8) !important;
  }
  .yr-mr-m-8 {
    margin-right: var(--spacing-8) !important;
  }
  .yr-mb-m-8 {
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-ml-m-8 {
    margin-left: var(--spacing-8) !important;
  }
  .yr-mx-m-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important;
  }
  .yr-my-m-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-m-m-xs {
    margin: var(--spacing-xs) !important;
  }
  .yr-mt-m-xs {
    margin-top: var(--spacing-xs) !important;
  }
  .yr-mr-m-xs {
    margin-right: var(--spacing-xs) !important;
  }
  .yr-mb-m-xs {
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-ml-m-xs {
    margin-left: var(--spacing-xs) !important;
  }
  .yr-mx-m-xs {
    margin-left: var(--spacing-xs) !important;
    margin-right: var(--spacing-xs) !important;
  }
  .yr-my-m-xs {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-m-m-xs-s {
    margin: var(--spacing-xs-s) !important;
  }
  .yr-mt-m-xs-s {
    margin-top: var(--spacing-xs-s) !important;
  }
  .yr-mr-m-xs-s {
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-mb-m-xs-s {
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-ml-m-xs-s {
    margin-left: var(--spacing-xs-s) !important;
  }
  .yr-mx-m-xs-s {
    margin-left: var(--spacing-xs-s) !important;
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-my-m-xs-s {
    margin-top: var(--spacing-xs-s) !important;
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-m-m-15 {
    margin: var(--spacing-15) !important;
  }
  .yr-mt-m-15 {
    margin-top: var(--spacing-15) !important;
  }
  .yr-mr-m-15 {
    margin-right: var(--spacing-15) !important;
  }
  .yr-mb-m-15 {
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-ml-m-15 {
    margin-left: var(--spacing-15) !important;
  }
  .yr-mx-m-15 {
    margin-left: var(--spacing-15) !important;
    margin-right: var(--spacing-15) !important;
  }
  .yr-my-m-15 {
    margin-top: var(--spacing-15) !important;
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-m-m-s {
    margin: var(--spacing-s) !important;
  }
  .yr-mt-m-s {
    margin-top: var(--spacing-s) !important;
  }
  .yr-mr-m-s {
    margin-right: var(--spacing-s) !important;
  }
  .yr-mb-m-s {
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-ml-m-s {
    margin-left: var(--spacing-s) !important;
  }
  .yr-mx-m-s {
    margin-left: var(--spacing-s) !important;
    margin-right: var(--spacing-s) !important;
  }
  .yr-my-m-s {
    margin-top: var(--spacing-s) !important;
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-m-m-ms {
    margin: var(--spacing-ms) !important;
  }
  .yr-mt-m-ms {
    margin-top: var(--spacing-ms) !important;
  }
  .yr-mr-m-ms {
    margin-right: var(--spacing-ms) !important;
  }
  .yr-mb-m-ms {
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-ml-m-ms {
    margin-left: var(--spacing-ms) !important;
  }
  .yr-mx-m-ms {
    margin-left: var(--spacing-ms) !important;
    margin-right: var(--spacing-ms) !important;
  }
  .yr-my-m-ms {
    margin-top: var(--spacing-ms) !important;
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-m-m-m {
    margin: var(--spacing-m) !important;
  }
  .yr-mt-m-m {
    margin-top: var(--spacing-m) !important;
  }
  .yr-mr-m-m {
    margin-right: var(--spacing-m) !important;
  }
  .yr-mb-m-m {
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-ml-m-m {
    margin-left: var(--spacing-m) !important;
  }
  .yr-mx-m-m {
    margin-left: var(--spacing-m) !important;
    margin-right: var(--spacing-m) !important;
  }
  .yr-my-m-m {
    margin-top: var(--spacing-m) !important;
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-m-m-25 {
    margin: var(--spacing-25) !important;
  }
  .yr-mt-m-25 {
    margin-top: var(--spacing-25) !important;
  }
  .yr-mr-m-25 {
    margin-right: var(--spacing-25) !important;
  }
  .yr-mb-m-25 {
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-ml-m-25 {
    margin-left: var(--spacing-25) !important;
  }
  .yr-mx-m-25 {
    margin-left: var(--spacing-25) !important;
    margin-right: var(--spacing-25) !important;
  }
  .yr-my-m-25 {
    margin-top: var(--spacing-25) !important;
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-m-m-28 {
    margin: var(--spacing-28) !important;
  }
  .yr-mt-m-28 {
    margin-top: var(--spacing-28) !important;
  }
  .yr-mr-m-28 {
    margin-right: var(--spacing-28) !important;
  }
  .yr-mb-m-28 {
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-ml-m-28 {
    margin-left: var(--spacing-28) !important;
  }
  .yr-mx-m-28 {
    margin-left: var(--spacing-28) !important;
    margin-right: var(--spacing-28) !important;
  }
  .yr-my-m-28 {
    margin-top: var(--spacing-28) !important;
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-m-m-ml {
    margin: var(--spacing-ml) !important;
  }
  .yr-mt-m-ml {
    margin-top: var(--spacing-ml) !important;
  }
  .yr-mr-m-ml {
    margin-right: var(--spacing-ml) !important;
  }
  .yr-mb-m-ml {
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-ml-m-ml {
    margin-left: var(--spacing-ml) !important;
  }
  .yr-mx-m-ml {
    margin-left: var(--spacing-ml) !important;
    margin-right: var(--spacing-ml) !important;
  }
  .yr-my-m-ml {
    margin-top: var(--spacing-ml) !important;
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-m-m-l {
    margin: var(--spacing-l) !important;
  }
  .yr-mt-m-l {
    margin-top: var(--spacing-l) !important;
  }
  .yr-mr-m-l {
    margin-right: var(--spacing-l) !important;
  }
  .yr-mb-m-l {
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-ml-m-l {
    margin-left: var(--spacing-l) !important;
  }
  .yr-mx-m-l {
    margin-left: var(--spacing-l) !important;
    margin-right: var(--spacing-l) !important;
  }
  .yr-my-m-l {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-m-m-xl {
    margin: var(--spacing-xl) !important;
  }
  .yr-mt-m-xl {
    margin-top: var(--spacing-xl) !important;
  }
  .yr-mr-m-xl {
    margin-right: var(--spacing-xl) !important;
  }
  .yr-mb-m-xl {
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-ml-m-xl {
    margin-left: var(--spacing-xl) !important;
  }
  .yr-mx-m-xl {
    margin-left: var(--spacing-xl) !important;
    margin-right: var(--spacing-xl) !important;
  }
  .yr-my-m-xl {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-m-m-xxl {
    margin: var(--spacing-xxl) !important;
  }
  .yr-mt-m-xxl {
    margin-top: var(--spacing-xxl) !important;
  }
  .yr-mr-m-xxl {
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-mb-m-xxl {
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-ml-m-xxl {
    margin-left: var(--spacing-xxl) !important;
  }
  .yr-mx-m-xxl {
    margin-left: var(--spacing-xxl) !important;
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-my-m-xxl {
    margin-top: var(--spacing-xxl) !important;
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-mx-m-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .yr-ml-m-auto {
    margin-left: auto !important;
  }
  .yr-mr-m-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 960px) {
  .yr-m-t-0 {
    margin: 0 !important;
  }
  .yr-mt-t-0 {
    margin-top: 0 !important;
  }
  .yr-mr-t-0 {
    margin-right: 0 !important;
  }
  .yr-mb-t-0 {
    margin-bottom: 0 !important;
  }
  .yr-ml-t-0 {
    margin-left: 0 !important;
  }
  .yr-mx-t-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yr-my-t-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .yr-m-t-xxxs {
    margin: var(--spacing-xxxs) !important;
  }
  .yr-mt-t-xxxs {
    margin-top: var(--spacing-xxxs) !important;
  }
  .yr-mr-t-xxxs {
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-mb-t-xxxs {
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-ml-t-xxxs {
    margin-left: var(--spacing-xxxs) !important;
  }
  .yr-mx-t-xxxs {
    margin-left: var(--spacing-xxxs) !important;
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-my-t-xxxs {
    margin-top: var(--spacing-xxxs) !important;
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-m-t-4 {
    margin: var(--spacing-4) !important;
  }
  .yr-mt-t-4 {
    margin-top: var(--spacing-4) !important;
  }
  .yr-mr-t-4 {
    margin-right: var(--spacing-4) !important;
  }
  .yr-mb-t-4 {
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-ml-t-4 {
    margin-left: var(--spacing-4) !important;
  }
  .yr-mx-t-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important;
  }
  .yr-my-t-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-m-t-xxs {
    margin: var(--spacing-xxs) !important;
  }
  .yr-mt-t-xxs {
    margin-top: var(--spacing-xxs) !important;
  }
  .yr-mr-t-xxs {
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-mb-t-xxs {
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-ml-t-xxs {
    margin-left: var(--spacing-xxs) !important;
  }
  .yr-mx-t-xxs {
    margin-left: var(--spacing-xxs) !important;
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-my-t-xxs {
    margin-top: var(--spacing-xxs) !important;
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-m-t-8 {
    margin: var(--spacing-8) !important;
  }
  .yr-mt-t-8 {
    margin-top: var(--spacing-8) !important;
  }
  .yr-mr-t-8 {
    margin-right: var(--spacing-8) !important;
  }
  .yr-mb-t-8 {
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-ml-t-8 {
    margin-left: var(--spacing-8) !important;
  }
  .yr-mx-t-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important;
  }
  .yr-my-t-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-m-t-xs {
    margin: var(--spacing-xs) !important;
  }
  .yr-mt-t-xs {
    margin-top: var(--spacing-xs) !important;
  }
  .yr-mr-t-xs {
    margin-right: var(--spacing-xs) !important;
  }
  .yr-mb-t-xs {
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-ml-t-xs {
    margin-left: var(--spacing-xs) !important;
  }
  .yr-mx-t-xs {
    margin-left: var(--spacing-xs) !important;
    margin-right: var(--spacing-xs) !important;
  }
  .yr-my-t-xs {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-m-t-xs-s {
    margin: var(--spacing-xs-s) !important;
  }
  .yr-mt-t-xs-s {
    margin-top: var(--spacing-xs-s) !important;
  }
  .yr-mr-t-xs-s {
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-mb-t-xs-s {
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-ml-t-xs-s {
    margin-left: var(--spacing-xs-s) !important;
  }
  .yr-mx-t-xs-s {
    margin-left: var(--spacing-xs-s) !important;
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-my-t-xs-s {
    margin-top: var(--spacing-xs-s) !important;
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-m-t-15 {
    margin: var(--spacing-15) !important;
  }
  .yr-mt-t-15 {
    margin-top: var(--spacing-15) !important;
  }
  .yr-mr-t-15 {
    margin-right: var(--spacing-15) !important;
  }
  .yr-mb-t-15 {
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-ml-t-15 {
    margin-left: var(--spacing-15) !important;
  }
  .yr-mx-t-15 {
    margin-left: var(--spacing-15) !important;
    margin-right: var(--spacing-15) !important;
  }
  .yr-my-t-15 {
    margin-top: var(--spacing-15) !important;
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-m-t-s {
    margin: var(--spacing-s) !important;
  }
  .yr-mt-t-s {
    margin-top: var(--spacing-s) !important;
  }
  .yr-mr-t-s {
    margin-right: var(--spacing-s) !important;
  }
  .yr-mb-t-s {
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-ml-t-s {
    margin-left: var(--spacing-s) !important;
  }
  .yr-mx-t-s {
    margin-left: var(--spacing-s) !important;
    margin-right: var(--spacing-s) !important;
  }
  .yr-my-t-s {
    margin-top: var(--spacing-s) !important;
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-m-t-ms {
    margin: var(--spacing-ms) !important;
  }
  .yr-mt-t-ms {
    margin-top: var(--spacing-ms) !important;
  }
  .yr-mr-t-ms {
    margin-right: var(--spacing-ms) !important;
  }
  .yr-mb-t-ms {
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-ml-t-ms {
    margin-left: var(--spacing-ms) !important;
  }
  .yr-mx-t-ms {
    margin-left: var(--spacing-ms) !important;
    margin-right: var(--spacing-ms) !important;
  }
  .yr-my-t-ms {
    margin-top: var(--spacing-ms) !important;
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-m-t-m {
    margin: var(--spacing-m) !important;
  }
  .yr-mt-t-m {
    margin-top: var(--spacing-m) !important;
  }
  .yr-mr-t-m {
    margin-right: var(--spacing-m) !important;
  }
  .yr-mb-t-m {
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-ml-t-m {
    margin-left: var(--spacing-m) !important;
  }
  .yr-mx-t-m {
    margin-left: var(--spacing-m) !important;
    margin-right: var(--spacing-m) !important;
  }
  .yr-my-t-m {
    margin-top: var(--spacing-m) !important;
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-m-t-25 {
    margin: var(--spacing-25) !important;
  }
  .yr-mt-t-25 {
    margin-top: var(--spacing-25) !important;
  }
  .yr-mr-t-25 {
    margin-right: var(--spacing-25) !important;
  }
  .yr-mb-t-25 {
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-ml-t-25 {
    margin-left: var(--spacing-25) !important;
  }
  .yr-mx-t-25 {
    margin-left: var(--spacing-25) !important;
    margin-right: var(--spacing-25) !important;
  }
  .yr-my-t-25 {
    margin-top: var(--spacing-25) !important;
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-m-t-28 {
    margin: var(--spacing-28) !important;
  }
  .yr-mt-t-28 {
    margin-top: var(--spacing-28) !important;
  }
  .yr-mr-t-28 {
    margin-right: var(--spacing-28) !important;
  }
  .yr-mb-t-28 {
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-ml-t-28 {
    margin-left: var(--spacing-28) !important;
  }
  .yr-mx-t-28 {
    margin-left: var(--spacing-28) !important;
    margin-right: var(--spacing-28) !important;
  }
  .yr-my-t-28 {
    margin-top: var(--spacing-28) !important;
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-m-t-ml {
    margin: var(--spacing-ml) !important;
  }
  .yr-mt-t-ml {
    margin-top: var(--spacing-ml) !important;
  }
  .yr-mr-t-ml {
    margin-right: var(--spacing-ml) !important;
  }
  .yr-mb-t-ml {
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-ml-t-ml {
    margin-left: var(--spacing-ml) !important;
  }
  .yr-mx-t-ml {
    margin-left: var(--spacing-ml) !important;
    margin-right: var(--spacing-ml) !important;
  }
  .yr-my-t-ml {
    margin-top: var(--spacing-ml) !important;
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-m-t-l {
    margin: var(--spacing-l) !important;
  }
  .yr-mt-t-l {
    margin-top: var(--spacing-l) !important;
  }
  .yr-mr-t-l {
    margin-right: var(--spacing-l) !important;
  }
  .yr-mb-t-l {
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-ml-t-l {
    margin-left: var(--spacing-l) !important;
  }
  .yr-mx-t-l {
    margin-left: var(--spacing-l) !important;
    margin-right: var(--spacing-l) !important;
  }
  .yr-my-t-l {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-m-t-xl {
    margin: var(--spacing-xl) !important;
  }
  .yr-mt-t-xl {
    margin-top: var(--spacing-xl) !important;
  }
  .yr-mr-t-xl {
    margin-right: var(--spacing-xl) !important;
  }
  .yr-mb-t-xl {
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-ml-t-xl {
    margin-left: var(--spacing-xl) !important;
  }
  .yr-mx-t-xl {
    margin-left: var(--spacing-xl) !important;
    margin-right: var(--spacing-xl) !important;
  }
  .yr-my-t-xl {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-m-t-xxl {
    margin: var(--spacing-xxl) !important;
  }
  .yr-mt-t-xxl {
    margin-top: var(--spacing-xxl) !important;
  }
  .yr-mr-t-xxl {
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-mb-t-xxl {
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-ml-t-xxl {
    margin-left: var(--spacing-xxl) !important;
  }
  .yr-mx-t-xxl {
    margin-left: var(--spacing-xxl) !important;
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-my-t-xxl {
    margin-top: var(--spacing-xxl) !important;
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-mx-t-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .yr-ml-t-auto {
    margin-left: auto !important;
  }
  .yr-mr-t-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1280px) {
  .yr-m-l-0 {
    margin: 0 !important;
  }
  .yr-mt-l-0 {
    margin-top: 0 !important;
  }
  .yr-mr-l-0 {
    margin-right: 0 !important;
  }
  .yr-mb-l-0 {
    margin-bottom: 0 !important;
  }
  .yr-ml-l-0 {
    margin-left: 0 !important;
  }
  .yr-mx-l-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yr-my-l-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .yr-m-l-xxxs {
    margin: var(--spacing-xxxs) !important;
  }
  .yr-mt-l-xxxs {
    margin-top: var(--spacing-xxxs) !important;
  }
  .yr-mr-l-xxxs {
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-mb-l-xxxs {
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-ml-l-xxxs {
    margin-left: var(--spacing-xxxs) !important;
  }
  .yr-mx-l-xxxs {
    margin-left: var(--spacing-xxxs) !important;
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-my-l-xxxs {
    margin-top: var(--spacing-xxxs) !important;
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-m-l-4 {
    margin: var(--spacing-4) !important;
  }
  .yr-mt-l-4 {
    margin-top: var(--spacing-4) !important;
  }
  .yr-mr-l-4 {
    margin-right: var(--spacing-4) !important;
  }
  .yr-mb-l-4 {
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-ml-l-4 {
    margin-left: var(--spacing-4) !important;
  }
  .yr-mx-l-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important;
  }
  .yr-my-l-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-m-l-xxs {
    margin: var(--spacing-xxs) !important;
  }
  .yr-mt-l-xxs {
    margin-top: var(--spacing-xxs) !important;
  }
  .yr-mr-l-xxs {
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-mb-l-xxs {
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-ml-l-xxs {
    margin-left: var(--spacing-xxs) !important;
  }
  .yr-mx-l-xxs {
    margin-left: var(--spacing-xxs) !important;
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-my-l-xxs {
    margin-top: var(--spacing-xxs) !important;
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-m-l-8 {
    margin: var(--spacing-8) !important;
  }
  .yr-mt-l-8 {
    margin-top: var(--spacing-8) !important;
  }
  .yr-mr-l-8 {
    margin-right: var(--spacing-8) !important;
  }
  .yr-mb-l-8 {
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-ml-l-8 {
    margin-left: var(--spacing-8) !important;
  }
  .yr-mx-l-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important;
  }
  .yr-my-l-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-m-l-xs {
    margin: var(--spacing-xs) !important;
  }
  .yr-mt-l-xs {
    margin-top: var(--spacing-xs) !important;
  }
  .yr-mr-l-xs {
    margin-right: var(--spacing-xs) !important;
  }
  .yr-mb-l-xs {
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-ml-l-xs {
    margin-left: var(--spacing-xs) !important;
  }
  .yr-mx-l-xs {
    margin-left: var(--spacing-xs) !important;
    margin-right: var(--spacing-xs) !important;
  }
  .yr-my-l-xs {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-m-l-xs-s {
    margin: var(--spacing-xs-s) !important;
  }
  .yr-mt-l-xs-s {
    margin-top: var(--spacing-xs-s) !important;
  }
  .yr-mr-l-xs-s {
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-mb-l-xs-s {
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-ml-l-xs-s {
    margin-left: var(--spacing-xs-s) !important;
  }
  .yr-mx-l-xs-s {
    margin-left: var(--spacing-xs-s) !important;
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-my-l-xs-s {
    margin-top: var(--spacing-xs-s) !important;
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-m-l-15 {
    margin: var(--spacing-15) !important;
  }
  .yr-mt-l-15 {
    margin-top: var(--spacing-15) !important;
  }
  .yr-mr-l-15 {
    margin-right: var(--spacing-15) !important;
  }
  .yr-mb-l-15 {
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-ml-l-15 {
    margin-left: var(--spacing-15) !important;
  }
  .yr-mx-l-15 {
    margin-left: var(--spacing-15) !important;
    margin-right: var(--spacing-15) !important;
  }
  .yr-my-l-15 {
    margin-top: var(--spacing-15) !important;
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-m-l-s {
    margin: var(--spacing-s) !important;
  }
  .yr-mt-l-s {
    margin-top: var(--spacing-s) !important;
  }
  .yr-mr-l-s {
    margin-right: var(--spacing-s) !important;
  }
  .yr-mb-l-s {
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-ml-l-s {
    margin-left: var(--spacing-s) !important;
  }
  .yr-mx-l-s {
    margin-left: var(--spacing-s) !important;
    margin-right: var(--spacing-s) !important;
  }
  .yr-my-l-s {
    margin-top: var(--spacing-s) !important;
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-m-l-ms {
    margin: var(--spacing-ms) !important;
  }
  .yr-mt-l-ms {
    margin-top: var(--spacing-ms) !important;
  }
  .yr-mr-l-ms {
    margin-right: var(--spacing-ms) !important;
  }
  .yr-mb-l-ms {
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-ml-l-ms {
    margin-left: var(--spacing-ms) !important;
  }
  .yr-mx-l-ms {
    margin-left: var(--spacing-ms) !important;
    margin-right: var(--spacing-ms) !important;
  }
  .yr-my-l-ms {
    margin-top: var(--spacing-ms) !important;
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-m-l-m {
    margin: var(--spacing-m) !important;
  }
  .yr-mt-l-m {
    margin-top: var(--spacing-m) !important;
  }
  .yr-mr-l-m {
    margin-right: var(--spacing-m) !important;
  }
  .yr-mb-l-m {
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-ml-l-m {
    margin-left: var(--spacing-m) !important;
  }
  .yr-mx-l-m {
    margin-left: var(--spacing-m) !important;
    margin-right: var(--spacing-m) !important;
  }
  .yr-my-l-m {
    margin-top: var(--spacing-m) !important;
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-m-l-25 {
    margin: var(--spacing-25) !important;
  }
  .yr-mt-l-25 {
    margin-top: var(--spacing-25) !important;
  }
  .yr-mr-l-25 {
    margin-right: var(--spacing-25) !important;
  }
  .yr-mb-l-25 {
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-ml-l-25 {
    margin-left: var(--spacing-25) !important;
  }
  .yr-mx-l-25 {
    margin-left: var(--spacing-25) !important;
    margin-right: var(--spacing-25) !important;
  }
  .yr-my-l-25 {
    margin-top: var(--spacing-25) !important;
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-m-l-28 {
    margin: var(--spacing-28) !important;
  }
  .yr-mt-l-28 {
    margin-top: var(--spacing-28) !important;
  }
  .yr-mr-l-28 {
    margin-right: var(--spacing-28) !important;
  }
  .yr-mb-l-28 {
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-ml-l-28 {
    margin-left: var(--spacing-28) !important;
  }
  .yr-mx-l-28 {
    margin-left: var(--spacing-28) !important;
    margin-right: var(--spacing-28) !important;
  }
  .yr-my-l-28 {
    margin-top: var(--spacing-28) !important;
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-m-l-ml {
    margin: var(--spacing-ml) !important;
  }
  .yr-mt-l-ml {
    margin-top: var(--spacing-ml) !important;
  }
  .yr-mr-l-ml {
    margin-right: var(--spacing-ml) !important;
  }
  .yr-mb-l-ml {
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-ml-l-ml {
    margin-left: var(--spacing-ml) !important;
  }
  .yr-mx-l-ml {
    margin-left: var(--spacing-ml) !important;
    margin-right: var(--spacing-ml) !important;
  }
  .yr-my-l-ml {
    margin-top: var(--spacing-ml) !important;
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-m-l-l {
    margin: var(--spacing-l) !important;
  }
  .yr-mt-l-l {
    margin-top: var(--spacing-l) !important;
  }
  .yr-mr-l-l {
    margin-right: var(--spacing-l) !important;
  }
  .yr-mb-l-l {
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-ml-l-l {
    margin-left: var(--spacing-l) !important;
  }
  .yr-mx-l-l {
    margin-left: var(--spacing-l) !important;
    margin-right: var(--spacing-l) !important;
  }
  .yr-my-l-l {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-m-l-xl {
    margin: var(--spacing-xl) !important;
  }
  .yr-mt-l-xl {
    margin-top: var(--spacing-xl) !important;
  }
  .yr-mr-l-xl {
    margin-right: var(--spacing-xl) !important;
  }
  .yr-mb-l-xl {
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-ml-l-xl {
    margin-left: var(--spacing-xl) !important;
  }
  .yr-mx-l-xl {
    margin-left: var(--spacing-xl) !important;
    margin-right: var(--spacing-xl) !important;
  }
  .yr-my-l-xl {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-m-l-xxl {
    margin: var(--spacing-xxl) !important;
  }
  .yr-mt-l-xxl {
    margin-top: var(--spacing-xxl) !important;
  }
  .yr-mr-l-xxl {
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-mb-l-xxl {
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-ml-l-xxl {
    margin-left: var(--spacing-xxl) !important;
  }
  .yr-mx-l-xxl {
    margin-left: var(--spacing-xxl) !important;
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-my-l-xxl {
    margin-top: var(--spacing-xxl) !important;
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-mx-l-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .yr-ml-l-auto {
    margin-left: auto !important;
  }
  .yr-mr-l-auto {
    margin-right: auto !important;
  }
}
@media (min-width: 1600px) {
  .yr-m-xl-0 {
    margin: 0 !important;
  }
  .yr-mt-xl-0 {
    margin-top: 0 !important;
  }
  .yr-mr-xl-0 {
    margin-right: 0 !important;
  }
  .yr-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .yr-ml-xl-0 {
    margin-left: 0 !important;
  }
  .yr-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yr-my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .yr-m-xl-xxxs {
    margin: var(--spacing-xxxs) !important;
  }
  .yr-mt-xl-xxxs {
    margin-top: var(--spacing-xxxs) !important;
  }
  .yr-mr-xl-xxxs {
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-mb-xl-xxxs {
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-ml-xl-xxxs {
    margin-left: var(--spacing-xxxs) !important;
  }
  .yr-mx-xl-xxxs {
    margin-left: var(--spacing-xxxs) !important;
    margin-right: var(--spacing-xxxs) !important;
  }
  .yr-my-xl-xxxs {
    margin-top: var(--spacing-xxxs) !important;
    margin-bottom: var(--spacing-xxxs) !important;
  }
  .yr-m-xl-4 {
    margin: var(--spacing-4) !important;
  }
  .yr-mt-xl-4 {
    margin-top: var(--spacing-4) !important;
  }
  .yr-mr-xl-4 {
    margin-right: var(--spacing-4) !important;
  }
  .yr-mb-xl-4 {
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-ml-xl-4 {
    margin-left: var(--spacing-4) !important;
  }
  .yr-mx-xl-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important;
  }
  .yr-my-xl-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
  }
  .yr-m-xl-xxs {
    margin: var(--spacing-xxs) !important;
  }
  .yr-mt-xl-xxs {
    margin-top: var(--spacing-xxs) !important;
  }
  .yr-mr-xl-xxs {
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-mb-xl-xxs {
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-ml-xl-xxs {
    margin-left: var(--spacing-xxs) !important;
  }
  .yr-mx-xl-xxs {
    margin-left: var(--spacing-xxs) !important;
    margin-right: var(--spacing-xxs) !important;
  }
  .yr-my-xl-xxs {
    margin-top: var(--spacing-xxs) !important;
    margin-bottom: var(--spacing-xxs) !important;
  }
  .yr-m-xl-8 {
    margin: var(--spacing-8) !important;
  }
  .yr-mt-xl-8 {
    margin-top: var(--spacing-8) !important;
  }
  .yr-mr-xl-8 {
    margin-right: var(--spacing-8) !important;
  }
  .yr-mb-xl-8 {
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-ml-xl-8 {
    margin-left: var(--spacing-8) !important;
  }
  .yr-mx-xl-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important;
  }
  .yr-my-xl-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important;
  }
  .yr-m-xl-xs {
    margin: var(--spacing-xs) !important;
  }
  .yr-mt-xl-xs {
    margin-top: var(--spacing-xs) !important;
  }
  .yr-mr-xl-xs {
    margin-right: var(--spacing-xs) !important;
  }
  .yr-mb-xl-xs {
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-ml-xl-xs {
    margin-left: var(--spacing-xs) !important;
  }
  .yr-mx-xl-xs {
    margin-left: var(--spacing-xs) !important;
    margin-right: var(--spacing-xs) !important;
  }
  .yr-my-xl-xs {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
  .yr-m-xl-xs-s {
    margin: var(--spacing-xs-s) !important;
  }
  .yr-mt-xl-xs-s {
    margin-top: var(--spacing-xs-s) !important;
  }
  .yr-mr-xl-xs-s {
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-mb-xl-xs-s {
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-ml-xl-xs-s {
    margin-left: var(--spacing-xs-s) !important;
  }
  .yr-mx-xl-xs-s {
    margin-left: var(--spacing-xs-s) !important;
    margin-right: var(--spacing-xs-s) !important;
  }
  .yr-my-xl-xs-s {
    margin-top: var(--spacing-xs-s) !important;
    margin-bottom: var(--spacing-xs-s) !important;
  }
  .yr-m-xl-15 {
    margin: var(--spacing-15) !important;
  }
  .yr-mt-xl-15 {
    margin-top: var(--spacing-15) !important;
  }
  .yr-mr-xl-15 {
    margin-right: var(--spacing-15) !important;
  }
  .yr-mb-xl-15 {
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-ml-xl-15 {
    margin-left: var(--spacing-15) !important;
  }
  .yr-mx-xl-15 {
    margin-left: var(--spacing-15) !important;
    margin-right: var(--spacing-15) !important;
  }
  .yr-my-xl-15 {
    margin-top: var(--spacing-15) !important;
    margin-bottom: var(--spacing-15) !important;
  }
  .yr-m-xl-s {
    margin: var(--spacing-s) !important;
  }
  .yr-mt-xl-s {
    margin-top: var(--spacing-s) !important;
  }
  .yr-mr-xl-s {
    margin-right: var(--spacing-s) !important;
  }
  .yr-mb-xl-s {
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-ml-xl-s {
    margin-left: var(--spacing-s) !important;
  }
  .yr-mx-xl-s {
    margin-left: var(--spacing-s) !important;
    margin-right: var(--spacing-s) !important;
  }
  .yr-my-xl-s {
    margin-top: var(--spacing-s) !important;
    margin-bottom: var(--spacing-s) !important;
  }
  .yr-m-xl-ms {
    margin: var(--spacing-ms) !important;
  }
  .yr-mt-xl-ms {
    margin-top: var(--spacing-ms) !important;
  }
  .yr-mr-xl-ms {
    margin-right: var(--spacing-ms) !important;
  }
  .yr-mb-xl-ms {
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-ml-xl-ms {
    margin-left: var(--spacing-ms) !important;
  }
  .yr-mx-xl-ms {
    margin-left: var(--spacing-ms) !important;
    margin-right: var(--spacing-ms) !important;
  }
  .yr-my-xl-ms {
    margin-top: var(--spacing-ms) !important;
    margin-bottom: var(--spacing-ms) !important;
  }
  .yr-m-xl-m {
    margin: var(--spacing-m) !important;
  }
  .yr-mt-xl-m {
    margin-top: var(--spacing-m) !important;
  }
  .yr-mr-xl-m {
    margin-right: var(--spacing-m) !important;
  }
  .yr-mb-xl-m {
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-ml-xl-m {
    margin-left: var(--spacing-m) !important;
  }
  .yr-mx-xl-m {
    margin-left: var(--spacing-m) !important;
    margin-right: var(--spacing-m) !important;
  }
  .yr-my-xl-m {
    margin-top: var(--spacing-m) !important;
    margin-bottom: var(--spacing-m) !important;
  }
  .yr-m-xl-25 {
    margin: var(--spacing-25) !important;
  }
  .yr-mt-xl-25 {
    margin-top: var(--spacing-25) !important;
  }
  .yr-mr-xl-25 {
    margin-right: var(--spacing-25) !important;
  }
  .yr-mb-xl-25 {
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-ml-xl-25 {
    margin-left: var(--spacing-25) !important;
  }
  .yr-mx-xl-25 {
    margin-left: var(--spacing-25) !important;
    margin-right: var(--spacing-25) !important;
  }
  .yr-my-xl-25 {
    margin-top: var(--spacing-25) !important;
    margin-bottom: var(--spacing-25) !important;
  }
  .yr-m-xl-28 {
    margin: var(--spacing-28) !important;
  }
  .yr-mt-xl-28 {
    margin-top: var(--spacing-28) !important;
  }
  .yr-mr-xl-28 {
    margin-right: var(--spacing-28) !important;
  }
  .yr-mb-xl-28 {
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-ml-xl-28 {
    margin-left: var(--spacing-28) !important;
  }
  .yr-mx-xl-28 {
    margin-left: var(--spacing-28) !important;
    margin-right: var(--spacing-28) !important;
  }
  .yr-my-xl-28 {
    margin-top: var(--spacing-28) !important;
    margin-bottom: var(--spacing-28) !important;
  }
  .yr-m-xl-ml {
    margin: var(--spacing-ml) !important;
  }
  .yr-mt-xl-ml {
    margin-top: var(--spacing-ml) !important;
  }
  .yr-mr-xl-ml {
    margin-right: var(--spacing-ml) !important;
  }
  .yr-mb-xl-ml {
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-ml-xl-ml {
    margin-left: var(--spacing-ml) !important;
  }
  .yr-mx-xl-ml {
    margin-left: var(--spacing-ml) !important;
    margin-right: var(--spacing-ml) !important;
  }
  .yr-my-xl-ml {
    margin-top: var(--spacing-ml) !important;
    margin-bottom: var(--spacing-ml) !important;
  }
  .yr-m-xl-l {
    margin: var(--spacing-l) !important;
  }
  .yr-mt-xl-l {
    margin-top: var(--spacing-l) !important;
  }
  .yr-mr-xl-l {
    margin-right: var(--spacing-l) !important;
  }
  .yr-mb-xl-l {
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-ml-xl-l {
    margin-left: var(--spacing-l) !important;
  }
  .yr-mx-xl-l {
    margin-left: var(--spacing-l) !important;
    margin-right: var(--spacing-l) !important;
  }
  .yr-my-xl-l {
    margin-top: var(--spacing-l) !important;
    margin-bottom: var(--spacing-l) !important;
  }
  .yr-m-xl-xl {
    margin: var(--spacing-xl) !important;
  }
  .yr-mt-xl-xl {
    margin-top: var(--spacing-xl) !important;
  }
  .yr-mr-xl-xl {
    margin-right: var(--spacing-xl) !important;
  }
  .yr-mb-xl-xl {
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-ml-xl-xl {
    margin-left: var(--spacing-xl) !important;
  }
  .yr-mx-xl-xl {
    margin-left: var(--spacing-xl) !important;
    margin-right: var(--spacing-xl) !important;
  }
  .yr-my-xl-xl {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
  }
  .yr-m-xl-xxl {
    margin: var(--spacing-xxl) !important;
  }
  .yr-mt-xl-xxl {
    margin-top: var(--spacing-xxl) !important;
  }
  .yr-mr-xl-xxl {
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-mb-xl-xxl {
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-ml-xl-xxl {
    margin-left: var(--spacing-xxl) !important;
  }
  .yr-mx-xl-xxl {
    margin-left: var(--spacing-xxl) !important;
    margin-right: var(--spacing-xxl) !important;
  }
  .yr-my-xl-xxl {
    margin-top: var(--spacing-xxl) !important;
    margin-bottom: var(--spacing-xxl) !important;
  }
  .yr-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .yr-ml-xl-auto {
    margin-left: auto !important;
  }
  .yr-mr-xl-auto {
    margin-right: auto !important;
  }
}
/* =====================================
   TEXT STYLES
===================================== */
h1,
.yr-text-h1 {
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-1);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
}

h2,
.yr-text-h2 {
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-2);
  line-height: var(--line-height-heading);
}

h3,
.yr-text-h3 {
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-3);
  line-height: var(--line-height-heading);
}

h4,
.yr-text-h4 {
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-4);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
  text-transform: uppercase;
}

h5,
.yr-text-h5 {
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-5);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-heading);
}

.yr-text-body-l {
  font-family: var(--font-family-primary);
  font-size: var(--text-body-l);
  line-height: var(--line-height-body);
}

.yr-text-body-m {
  font-family: var(--font-family-primary);
  font-size: var(--text-body-m);
  line-height: var(--line-height-body);
}

.yr-text-body-s {
  font-family: var(--font-family-primary);
  font-size: var(--text-body-s);
  line-height: var(--line-height-body);
}

.yr-text-cta {
  font-family: var(--font-family-primary);
  font-size: var(--text-cta);
  line-height: var(--line-height-body);
}

.yr-font-size-xs3 {
  font-size: var(--font-size-xs3) !important;
}

.yr-font-size-xs2 {
  font-size: var(--font-size-xs2) !important;
}

.yr-font-size-xs {
  font-size: var(--font-size-xs) !important;
}

.yr-font-size-s {
  font-size: var(--font-size-s) !important;
}

.yr-font-size-m {
  font-size: var(--font-size-m) !important;
}

.yr-font-size-14 {
  font-size: var(--font-size-14) !important;
}

.yr-font-size-l {
  font-size: var(--font-size-l) !important;
}

.yr-font-size-xl {
  font-size: var(--font-size-xl) !important;
}

.yr-font-size-xl2 {
  font-size: var(--font-size-xl2) !important;
}

.yr-font-size-xl3 {
  font-size: var(--font-size-xl3) !important;
}

.yr-text-light {
  font-weight: var(--font-weight-light) !important;
}

.yr-text-regular {
  font-weight: var(--font-weight-regular) !important;
}

.yr-text-medium {
  font-weight: var(--font-weight-medium) !important;
}

.yr-text-semibold {
  font-weight: var(--font-weight-semibold) !important;
}

.yr-text-bold {
  font-weight: var(--font-weight-bold) !important;
}

.yr-text-extrabold {
  font-weight: var(--font-weight-extrabold) !important;
}

.yr-text-italic {
  font-style: italic !important;
}

.yr-text-uppercase {
  text-transform: uppercase !important;
}

.yr-text-capitalize {
  text-transform: capitalize !important;
}

.yr-text-left {
  text-align: left;
}

.yr-text-center {
  text-align: center;
}

.yr-text-right {
  text-align: right;
}

.yr-text-justify {
  text-align: justify;
}

.yr-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yr-text-clamp-2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yr-text-clamp-3 {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yr-text-clamp-4 {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yr-text-clamp-5 {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yr-line-height-100 {
  line-height: 1 !important;
}

.yr-line-height-120 {
  line-height: 1.2 !important;
}

.yr-line-height-150 {
  line-height: 1.5rem !important;
}

.yr-text-primary {
  color: var(--color-primary);
}

.yr-is-visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100%);
}

.yr-is-visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  overflow: hidden;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100%);
}

@media (max-width: 727px) {
  .yr-hidden-mobile {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .yr-hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .yr-hidden-desktop {
    display: none !important;
  }
}

@media (min-width: 728px) {
  .yr-hidden-from-m {
    display: none !important;
  }
}

.yr-is-visible {
  display: block !important;
}

.yr-is-hidden {
  display: none !important;
}

/* =====================================
   BACKGROUND UTILITIES
===================================== */
/* Brand Colors
===================================== */
.yr-bg-primary {
  background-color: var(--color-primary);
}

.yr-bg-secondary {
  background-color: var(--color-secondary);
}

/* Neutral Colors (Shades)
===================================== */
.yr-bg-shades-0 {
  background-color: var(--color-shades-0);
}

.yr-bg-shades-5 {
  background-color: var(--color-shades-5);
}

.yr-bg-shades-10 {
  background-color: var(--color-shades-10);
}

.yr-bg-shades-20 {
  background-color: var(--color-shades-20);
}

.yr-bg-shades-50 {
  background-color: var(--color-shades-50);
}

.yr-bg-shades-100 {
  background-color: var(--color-shades-100);
}

/* Promo Colors
===================================== */
.yr-bg-promo-public {
  background-color: var(--color-promo-public);
}

.yr-bg-promo-private {
  background-color: var(--color-promo-private);
}

/* Fidelity Colors
===================================== */
.yr-bg-fid-private {
  background-color: var(--color-fid-private);
}

.yr-bg-fid-private-secondary {
  background-color: var(--color-fid-private-secondary);
}

/* Marketing Box Color
===================================== */
.yr-bg-pbox-mkt {
  background-color: var(--color-pbox-mkt-bg);
}

/* Functional Colors
===================================== */
.yr-bg-error {
  background-color: var(--color-error);
}

.yr-bg-success {
  background-color: var(--color-success);
}

/* Range Colors (Product Categories)
===================================== */
.yr-bg-makeup {
  background-color: var(--color-makeup);
}

.yr-bg-perfume {
  background-color: var(--color-perfume);
}

.yr-bg-body {
  background-color: var(--color-body);
}

.yr-bg-facecare {
  background-color: var(--color-facecare);
}

.yr-bg-haircare-repair {
  background-color: var(--color-haircare-repair);
}

.yr-bg-haircare-hairloss {
  background-color: var(--color-haircare-hairloss);
}

/* Utility Colors
===================================== */
.yr-bg-transparent {
  background-color: transparent;
}

.yr-bg-white {
  background-color: var(--color-shades-0);
}

.yr-bg-dark-grey {
  background-color: var(--color-dark-grey);
}

/* =====================================
   TEXT COLOR UTILITIES
===================================== */
/* Brand Colors
===================================== */
.yr-text-primary {
  color: var(--color-primary);
}

.yr-text-secondary {
  color: var(--color-secondary);
}

/* Neutral Shades
===================================== */
.yr-text-shades-0 {
  color: var(--color-shades-0);
}

.yr-text-shades-5 {
  color: var(--color-shades-5);
}

.yr-text-shades-10 {
  color: var(--color-shades-10);
}

.yr-text-shades-20 {
  color: var(--color-shades-20);
}

.yr-text-shades-50 {
  color: var(--color-shades-50);
}

.yr-text-shades-100 {
  color: var(--color-shades-100);
}

/* Promo Colors
===================================== */
.yr-text-promo-public {
  color: var(--color-promo-public);
}

.yr-text-promo-private {
  color: var(--color-promo-private);
}

/* Fidelity Colors
===================================== */
.yr-text-fid-private {
  color: var(--color-fid-private);
}

.yr-text-fid-private-secondary {
  color: var(--color-fid-private-secondary);
}

/* Range Colors
===================================== */
.yr-text-makeup {
  color: var(--color-makeup);
}

.yr-text-perfume {
  color: var(--color-perfume);
}

.yr-text-body {
  color: var(--color-body);
}

.yr-text-facecare {
  color: var(--color-facecare);
}

.yr-text-haircare-repair {
  color: var(--color-haircare-repair);
}

.yr-text-haircare-hairloss {
  color: var(--color-haircare-hairloss);
}

/* Functional Colors
===================================== */
.yr-text-error {
  color: var(--color-error-text);
}

.yr-text-success {
  color: var(--color-success-text);
}

/* Utility Colors
===================================== */
.yr-text-white {
  color: var(--color-shades-0);
}

.yr-text-black {
  color: var(--color-shades-100);
}

.yr-text-transparent {
  color: transparent;
}

.yr-text-dark-grey {
  color: var(--color-dark-grey);
}

/* =====================================
   DISPLAY UTILITIES
===================================== */
/* Base Display Classes
===================================== */
.yr-d-block {
  display: block !important;
}

.yr-d-inline {
  display: inline !important;
}

.yr-d-inline-block {
  display: inline-block !important;
}

.yr-d-flex {
  display: flex !important;
}

.yr-d-inline-flex {
  display: inline-flex !important;
}

.yr-d-grid {
  display: grid !important;
}

.yr-d-inline-grid {
  display: inline-grid !important;
}

.yr-d-none {
  display: none !important;
}

/* Responsive Display Classes
===================================== */
@media (min-width: 320px) {
  .yr-d-s-block {
    display: block !important;
  }
  .yr-d-s-inline {
    display: inline !important;
  }
  .yr-d-s-inline-block {
    display: inline-block !important;
  }
  .yr-d-s-flex {
    display: flex !important;
  }
  .yr-d-s-inline-flex {
    display: inline-flex !important;
  }
  .yr-d-s-grid {
    display: grid !important;
  }
  .yr-d-s-inline-grid {
    display: inline-grid !important;
  }
  .yr-d-s-none {
    display: none !important;
  }
}
@media (min-width: 728px) {
  .yr-d-m-block {
    display: block !important;
  }
  .yr-d-m-inline {
    display: inline !important;
  }
  .yr-d-m-inline-block {
    display: inline-block !important;
  }
  .yr-d-m-flex {
    display: flex !important;
  }
  .yr-d-m-inline-flex {
    display: inline-flex !important;
  }
  .yr-d-m-grid {
    display: grid !important;
  }
  .yr-d-m-inline-grid {
    display: inline-grid !important;
  }
  .yr-d-m-none {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .yr-d-l-block {
    display: block !important;
  }
  .yr-d-l-inline {
    display: inline !important;
  }
  .yr-d-l-inline-block {
    display: inline-block !important;
  }
  .yr-d-l-flex {
    display: flex !important;
  }
  .yr-d-l-inline-flex {
    display: inline-flex !important;
  }
  .yr-d-l-grid {
    display: grid !important;
  }
  .yr-d-l-inline-grid {
    display: inline-grid !important;
  }
  .yr-d-l-none {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .yr-d-xl-block {
    display: block !important;
  }
  .yr-d-xl-inline {
    display: inline !important;
  }
  .yr-d-xl-inline-block {
    display: inline-block !important;
  }
  .yr-d-xl-flex {
    display: flex !important;
  }
  .yr-d-xl-inline-flex {
    display: inline-flex !important;
  }
  .yr-d-xl-grid {
    display: grid !important;
  }
  .yr-d-xl-inline-grid {
    display: inline-grid !important;
  }
  .yr-d-xl-none {
    display: none !important;
  }
}
/* =====================================
   FLEXBOX UTILITIES
===================================== */
/* Flex Direction
===================================== */
.yr-flex-row {
  flex-direction: row !important;
}

.yr-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.yr-flex-column {
  flex-direction: column !important;
}

.yr-flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media (min-width: 320px) {
  .yr-flex-s-row {
    flex-direction: row !important;
  }
  .yr-flex-s-row-reverse {
    flex-direction: row-reverse !important;
  }
  .yr-flex-s-column {
    flex-direction: column !important;
  }
  .yr-flex-s-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 728px) {
  .yr-flex-m-row {
    flex-direction: row !important;
  }
  .yr-flex-m-row-reverse {
    flex-direction: row-reverse !important;
  }
  .yr-flex-m-column {
    flex-direction: column !important;
  }
  .yr-flex-m-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 960px) {
  .yr-flex-t-row {
    flex-direction: row !important;
  }
  .yr-flex-t-row-reverse {
    flex-direction: row-reverse !important;
  }
  .yr-flex-t-column {
    flex-direction: column !important;
  }
  .yr-flex-t-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1280px) {
  .yr-flex-l-row {
    flex-direction: row !important;
  }
  .yr-flex-l-row-reverse {
    flex-direction: row-reverse !important;
  }
  .yr-flex-l-column {
    flex-direction: column !important;
  }
  .yr-flex-l-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1600px) {
  .yr-flex-xl-row {
    flex-direction: row !important;
  }
  .yr-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .yr-flex-xl-column {
    flex-direction: column !important;
  }
  .yr-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
/* Justify Content
===================================== */
.yr-justify-start {
  justify-content: flex-start !important;
}

.yr-justify-end {
  justify-content: flex-end !important;
}

.yr-justify-center {
  justify-content: center !important;
}

.yr-justify-between {
  justify-content: space-between !important;
}

.yr-justify-around {
  justify-content: space-around !important;
}

.yr-justify-evenly {
  justify-content: space-evenly !important;
}

@media (min-width: 320px) {
  .yr-justify-s-start {
    justify-content: flex-start !important;
  }
  .yr-justify-s-end {
    justify-content: flex-end !important;
  }
  .yr-justify-s-center {
    justify-content: center !important;
  }
  .yr-justify-s-between {
    justify-content: space-between !important;
  }
  .yr-justify-s-around {
    justify-content: space-around !important;
  }
  .yr-justify-s-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 728px) {
  .yr-justify-m-start {
    justify-content: flex-start !important;
  }
  .yr-justify-m-end {
    justify-content: flex-end !important;
  }
  .yr-justify-m-center {
    justify-content: center !important;
  }
  .yr-justify-m-between {
    justify-content: space-between !important;
  }
  .yr-justify-m-around {
    justify-content: space-around !important;
  }
  .yr-justify-m-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 960px) {
  .yr-justify-t-start {
    justify-content: flex-start !important;
  }
  .yr-justify-t-end {
    justify-content: flex-end !important;
  }
  .yr-justify-t-center {
    justify-content: center !important;
  }
  .yr-justify-t-between {
    justify-content: space-between !important;
  }
  .yr-justify-t-around {
    justify-content: space-around !important;
  }
  .yr-justify-t-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1280px) {
  .yr-justify-l-start {
    justify-content: flex-start !important;
  }
  .yr-justify-l-end {
    justify-content: flex-end !important;
  }
  .yr-justify-l-center {
    justify-content: center !important;
  }
  .yr-justify-l-between {
    justify-content: space-between !important;
  }
  .yr-justify-l-around {
    justify-content: space-around !important;
  }
  .yr-justify-l-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1600px) {
  .yr-justify-xl-start {
    justify-content: flex-start !important;
  }
  .yr-justify-xl-end {
    justify-content: flex-end !important;
  }
  .yr-justify-xl-center {
    justify-content: center !important;
  }
  .yr-justify-xl-between {
    justify-content: space-between !important;
  }
  .yr-justify-xl-around {
    justify-content: space-around !important;
  }
  .yr-justify-xl-evenly {
    justify-content: space-evenly !important;
  }
}
/* Align Items
===================================== */
.yr-align-start {
  align-items: flex-start !important;
}

.yr-align-end {
  align-items: flex-end !important;
}

.yr-align-center {
  align-items: center !important;
}

.yr-align-stretch {
  align-items: stretch !important;
}

.yr-align-baseline {
  align-items: baseline !important;
}

@media (min-width: 320px) {
  .yr-align-s-start {
    align-items: flex-start !important;
  }
  .yr-align-s-end {
    align-items: flex-end !important;
  }
  .yr-align-s-center {
    align-items: center !important;
  }
  .yr-align-s-stretch {
    align-items: stretch !important;
  }
  .yr-align-s-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 728px) {
  .yr-align-m-start {
    align-items: flex-start !important;
  }
  .yr-align-m-end {
    align-items: flex-end !important;
  }
  .yr-align-m-center {
    align-items: center !important;
  }
  .yr-align-m-stretch {
    align-items: stretch !important;
  }
  .yr-align-m-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 960px) {
  .yr-align-t-start {
    align-items: flex-start !important;
  }
  .yr-align-t-end {
    align-items: flex-end !important;
  }
  .yr-align-t-center {
    align-items: center !important;
  }
  .yr-align-t-stretch {
    align-items: stretch !important;
  }
  .yr-align-t-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1280px) {
  .yr-align-l-start {
    align-items: flex-start !important;
  }
  .yr-align-l-end {
    align-items: flex-end !important;
  }
  .yr-align-l-center {
    align-items: center !important;
  }
  .yr-align-l-stretch {
    align-items: stretch !important;
  }
  .yr-align-l-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1600px) {
  .yr-align-xl-start {
    align-items: flex-start !important;
  }
  .yr-align-xl-end {
    align-items: flex-end !important;
  }
  .yr-align-xl-center {
    align-items: center !important;
  }
  .yr-align-xl-stretch {
    align-items: stretch !important;
  }
  .yr-align-xl-baseline {
    align-items: baseline !important;
  }
}
/* Flex Wrap
===================================== */
.yr-flex-wrap {
  flex-wrap: wrap !important;
}

.yr-flex-nowrap {
  flex-wrap: nowrap !important;
}

.yr-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* Flex Grow/Shrink
===================================== */
.yr-flex-1 {
  flex: 1 1 0% !important;
}

.yr-flex-auto {
  flex: 1 1 auto !important;
}

.yr-flex-initial {
  flex: 0 1 auto !important;
}

.yr-flex-none {
  flex: none !important;
}

/* Flex Grow
===================================== */
.yr-flex-grow-0 {
  flex-grow: 0 !important;
}

.yr-flex-grow-1 {
  flex-grow: 1 !important;
}

/* Flex Shrink
===================================== */
.yr-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.yr-flex-shrink-1 {
  flex-shrink: 1 !important;
}

/* Gap
===================================== */
.yr-gap-0 {
  gap: 0 !important;
}

.yr-gap-x-0 {
  column-gap: 0 !important;
}

.yr-gap-y-0 {
  row-gap: 0 !important;
}

.yr-gap-xxxs {
  gap: var(--spacing-xxxs) !important;
}

.yr-gap-x-xxxs {
  column-gap: var(--spacing-xxxs) !important;
}

.yr-gap-y-xxxs {
  row-gap: var(--spacing-xxxs) !important;
}

.yr-gap-4 {
  gap: var(--spacing-4) !important;
}

.yr-gap-x-4 {
  column-gap: var(--spacing-4) !important;
}

.yr-gap-y-4 {
  row-gap: var(--spacing-4) !important;
}

.yr-gap-xxs {
  gap: var(--spacing-xxs) !important;
}

.yr-gap-x-xxs {
  column-gap: var(--spacing-xxs) !important;
}

.yr-gap-y-xxs {
  row-gap: var(--spacing-xxs) !important;
}

.yr-gap-8 {
  gap: var(--spacing-8) !important;
}

.yr-gap-x-8 {
  column-gap: var(--spacing-8) !important;
}

.yr-gap-y-8 {
  row-gap: var(--spacing-8) !important;
}

.yr-gap-xs {
  gap: var(--spacing-xs) !important;
}

.yr-gap-x-xs {
  column-gap: var(--spacing-xs) !important;
}

.yr-gap-y-xs {
  row-gap: var(--spacing-xs) !important;
}

.yr-gap-xs-s {
  gap: var(--spacing-xs-s) !important;
}

.yr-gap-x-xs-s {
  column-gap: var(--spacing-xs-s) !important;
}

.yr-gap-y-xs-s {
  row-gap: var(--spacing-xs-s) !important;
}

.yr-gap-15 {
  gap: var(--spacing-15) !important;
}

.yr-gap-x-15 {
  column-gap: var(--spacing-15) !important;
}

.yr-gap-y-15 {
  row-gap: var(--spacing-15) !important;
}

.yr-gap-s {
  gap: var(--spacing-s) !important;
}

.yr-gap-x-s {
  column-gap: var(--spacing-s) !important;
}

.yr-gap-y-s {
  row-gap: var(--spacing-s) !important;
}

.yr-gap-ms {
  gap: var(--spacing-ms) !important;
}

.yr-gap-x-ms {
  column-gap: var(--spacing-ms) !important;
}

.yr-gap-y-ms {
  row-gap: var(--spacing-ms) !important;
}

.yr-gap-m {
  gap: var(--spacing-m) !important;
}

.yr-gap-x-m {
  column-gap: var(--spacing-m) !important;
}

.yr-gap-y-m {
  row-gap: var(--spacing-m) !important;
}

.yr-gap-25 {
  gap: var(--spacing-25) !important;
}

.yr-gap-x-25 {
  column-gap: var(--spacing-25) !important;
}

.yr-gap-y-25 {
  row-gap: var(--spacing-25) !important;
}

.yr-gap-28 {
  gap: var(--spacing-28) !important;
}

.yr-gap-x-28 {
  column-gap: var(--spacing-28) !important;
}

.yr-gap-y-28 {
  row-gap: var(--spacing-28) !important;
}

.yr-gap-ml {
  gap: var(--spacing-ml) !important;
}

.yr-gap-x-ml {
  column-gap: var(--spacing-ml) !important;
}

.yr-gap-y-ml {
  row-gap: var(--spacing-ml) !important;
}

.yr-gap-l {
  gap: var(--spacing-l) !important;
}

.yr-gap-x-l {
  column-gap: var(--spacing-l) !important;
}

.yr-gap-y-l {
  row-gap: var(--spacing-l) !important;
}

.yr-gap-xl {
  gap: var(--spacing-xl) !important;
}

.yr-gap-x-xl {
  column-gap: var(--spacing-xl) !important;
}

.yr-gap-y-xl {
  row-gap: var(--spacing-xl) !important;
}

.yr-gap-xxl {
  gap: var(--spacing-xxl) !important;
}

.yr-gap-x-xxl {
  column-gap: var(--spacing-xxl) !important;
}

.yr-gap-y-xxl {
  row-gap: var(--spacing-xxl) !important;
}

@media (min-width: 320px) {
  .yr-gap-s-0 {
    gap: 0 !important;
  }
  .yr-gap-x-s-0 {
    column-gap: 0 !important;
  }
  .yr-gap-y-s-0 {
    row-gap: 0 !important;
  }
  .yr-gap-s-xxxs {
    gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-x-s-xxxs {
    column-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-y-s-xxxs {
    row-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-s-4 {
    gap: var(--spacing-4) !important;
  }
  .yr-gap-x-s-4 {
    column-gap: var(--spacing-4) !important;
  }
  .yr-gap-y-s-4 {
    row-gap: var(--spacing-4) !important;
  }
  .yr-gap-s-xxs {
    gap: var(--spacing-xxs) !important;
  }
  .yr-gap-x-s-xxs {
    column-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-y-s-xxs {
    row-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-s-8 {
    gap: var(--spacing-8) !important;
  }
  .yr-gap-x-s-8 {
    column-gap: var(--spacing-8) !important;
  }
  .yr-gap-y-s-8 {
    row-gap: var(--spacing-8) !important;
  }
  .yr-gap-s-xs {
    gap: var(--spacing-xs) !important;
  }
  .yr-gap-x-s-xs {
    column-gap: var(--spacing-xs) !important;
  }
  .yr-gap-y-s-xs {
    row-gap: var(--spacing-xs) !important;
  }
  .yr-gap-s-xs-s {
    gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-x-s-xs-s {
    column-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-y-s-xs-s {
    row-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-s-15 {
    gap: var(--spacing-15) !important;
  }
  .yr-gap-x-s-15 {
    column-gap: var(--spacing-15) !important;
  }
  .yr-gap-y-s-15 {
    row-gap: var(--spacing-15) !important;
  }
  .yr-gap-s-s {
    gap: var(--spacing-s) !important;
  }
  .yr-gap-x-s-s {
    column-gap: var(--spacing-s) !important;
  }
  .yr-gap-y-s-s {
    row-gap: var(--spacing-s) !important;
  }
  .yr-gap-s-ms {
    gap: var(--spacing-ms) !important;
  }
  .yr-gap-x-s-ms {
    column-gap: var(--spacing-ms) !important;
  }
  .yr-gap-y-s-ms {
    row-gap: var(--spacing-ms) !important;
  }
  .yr-gap-s-m {
    gap: var(--spacing-m) !important;
  }
  .yr-gap-x-s-m {
    column-gap: var(--spacing-m) !important;
  }
  .yr-gap-y-s-m {
    row-gap: var(--spacing-m) !important;
  }
  .yr-gap-s-25 {
    gap: var(--spacing-25) !important;
  }
  .yr-gap-x-s-25 {
    column-gap: var(--spacing-25) !important;
  }
  .yr-gap-y-s-25 {
    row-gap: var(--spacing-25) !important;
  }
  .yr-gap-s-28 {
    gap: var(--spacing-28) !important;
  }
  .yr-gap-x-s-28 {
    column-gap: var(--spacing-28) !important;
  }
  .yr-gap-y-s-28 {
    row-gap: var(--spacing-28) !important;
  }
  .yr-gap-s-ml {
    gap: var(--spacing-ml) !important;
  }
  .yr-gap-x-s-ml {
    column-gap: var(--spacing-ml) !important;
  }
  .yr-gap-y-s-ml {
    row-gap: var(--spacing-ml) !important;
  }
  .yr-gap-s-l {
    gap: var(--spacing-l) !important;
  }
  .yr-gap-x-s-l {
    column-gap: var(--spacing-l) !important;
  }
  .yr-gap-y-s-l {
    row-gap: var(--spacing-l) !important;
  }
  .yr-gap-s-xl {
    gap: var(--spacing-xl) !important;
  }
  .yr-gap-x-s-xl {
    column-gap: var(--spacing-xl) !important;
  }
  .yr-gap-y-s-xl {
    row-gap: var(--spacing-xl) !important;
  }
  .yr-gap-s-xxl {
    gap: var(--spacing-xxl) !important;
  }
  .yr-gap-x-s-xxl {
    column-gap: var(--spacing-xxl) !important;
  }
  .yr-gap-y-s-xxl {
    row-gap: var(--spacing-xxl) !important;
  }
}
@media (min-width: 728px) {
  .yr-gap-m-0 {
    gap: 0 !important;
  }
  .yr-gap-x-m-0 {
    column-gap: 0 !important;
  }
  .yr-gap-y-m-0 {
    row-gap: 0 !important;
  }
  .yr-gap-m-xxxs {
    gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-x-m-xxxs {
    column-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-y-m-xxxs {
    row-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-m-4 {
    gap: var(--spacing-4) !important;
  }
  .yr-gap-x-m-4 {
    column-gap: var(--spacing-4) !important;
  }
  .yr-gap-y-m-4 {
    row-gap: var(--spacing-4) !important;
  }
  .yr-gap-m-xxs {
    gap: var(--spacing-xxs) !important;
  }
  .yr-gap-x-m-xxs {
    column-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-y-m-xxs {
    row-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-m-8 {
    gap: var(--spacing-8) !important;
  }
  .yr-gap-x-m-8 {
    column-gap: var(--spacing-8) !important;
  }
  .yr-gap-y-m-8 {
    row-gap: var(--spacing-8) !important;
  }
  .yr-gap-m-xs {
    gap: var(--spacing-xs) !important;
  }
  .yr-gap-x-m-xs {
    column-gap: var(--spacing-xs) !important;
  }
  .yr-gap-y-m-xs {
    row-gap: var(--spacing-xs) !important;
  }
  .yr-gap-m-xs-s {
    gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-x-m-xs-s {
    column-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-y-m-xs-s {
    row-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-m-15 {
    gap: var(--spacing-15) !important;
  }
  .yr-gap-x-m-15 {
    column-gap: var(--spacing-15) !important;
  }
  .yr-gap-y-m-15 {
    row-gap: var(--spacing-15) !important;
  }
  .yr-gap-m-s {
    gap: var(--spacing-s) !important;
  }
  .yr-gap-x-m-s {
    column-gap: var(--spacing-s) !important;
  }
  .yr-gap-y-m-s {
    row-gap: var(--spacing-s) !important;
  }
  .yr-gap-m-ms {
    gap: var(--spacing-ms) !important;
  }
  .yr-gap-x-m-ms {
    column-gap: var(--spacing-ms) !important;
  }
  .yr-gap-y-m-ms {
    row-gap: var(--spacing-ms) !important;
  }
  .yr-gap-m-m {
    gap: var(--spacing-m) !important;
  }
  .yr-gap-x-m-m {
    column-gap: var(--spacing-m) !important;
  }
  .yr-gap-y-m-m {
    row-gap: var(--spacing-m) !important;
  }
  .yr-gap-m-25 {
    gap: var(--spacing-25) !important;
  }
  .yr-gap-x-m-25 {
    column-gap: var(--spacing-25) !important;
  }
  .yr-gap-y-m-25 {
    row-gap: var(--spacing-25) !important;
  }
  .yr-gap-m-28 {
    gap: var(--spacing-28) !important;
  }
  .yr-gap-x-m-28 {
    column-gap: var(--spacing-28) !important;
  }
  .yr-gap-y-m-28 {
    row-gap: var(--spacing-28) !important;
  }
  .yr-gap-m-ml {
    gap: var(--spacing-ml) !important;
  }
  .yr-gap-x-m-ml {
    column-gap: var(--spacing-ml) !important;
  }
  .yr-gap-y-m-ml {
    row-gap: var(--spacing-ml) !important;
  }
  .yr-gap-m-l {
    gap: var(--spacing-l) !important;
  }
  .yr-gap-x-m-l {
    column-gap: var(--spacing-l) !important;
  }
  .yr-gap-y-m-l {
    row-gap: var(--spacing-l) !important;
  }
  .yr-gap-m-xl {
    gap: var(--spacing-xl) !important;
  }
  .yr-gap-x-m-xl {
    column-gap: var(--spacing-xl) !important;
  }
  .yr-gap-y-m-xl {
    row-gap: var(--spacing-xl) !important;
  }
  .yr-gap-m-xxl {
    gap: var(--spacing-xxl) !important;
  }
  .yr-gap-x-m-xxl {
    column-gap: var(--spacing-xxl) !important;
  }
  .yr-gap-y-m-xxl {
    row-gap: var(--spacing-xxl) !important;
  }
}
@media (min-width: 960px) {
  .yr-gap-t-0 {
    gap: 0 !important;
  }
  .yr-gap-x-t-0 {
    column-gap: 0 !important;
  }
  .yr-gap-y-t-0 {
    row-gap: 0 !important;
  }
  .yr-gap-t-xxxs {
    gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-x-t-xxxs {
    column-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-y-t-xxxs {
    row-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-t-4 {
    gap: var(--spacing-4) !important;
  }
  .yr-gap-x-t-4 {
    column-gap: var(--spacing-4) !important;
  }
  .yr-gap-y-t-4 {
    row-gap: var(--spacing-4) !important;
  }
  .yr-gap-t-xxs {
    gap: var(--spacing-xxs) !important;
  }
  .yr-gap-x-t-xxs {
    column-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-y-t-xxs {
    row-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-t-8 {
    gap: var(--spacing-8) !important;
  }
  .yr-gap-x-t-8 {
    column-gap: var(--spacing-8) !important;
  }
  .yr-gap-y-t-8 {
    row-gap: var(--spacing-8) !important;
  }
  .yr-gap-t-xs {
    gap: var(--spacing-xs) !important;
  }
  .yr-gap-x-t-xs {
    column-gap: var(--spacing-xs) !important;
  }
  .yr-gap-y-t-xs {
    row-gap: var(--spacing-xs) !important;
  }
  .yr-gap-t-xs-s {
    gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-x-t-xs-s {
    column-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-y-t-xs-s {
    row-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-t-15 {
    gap: var(--spacing-15) !important;
  }
  .yr-gap-x-t-15 {
    column-gap: var(--spacing-15) !important;
  }
  .yr-gap-y-t-15 {
    row-gap: var(--spacing-15) !important;
  }
  .yr-gap-t-s {
    gap: var(--spacing-s) !important;
  }
  .yr-gap-x-t-s {
    column-gap: var(--spacing-s) !important;
  }
  .yr-gap-y-t-s {
    row-gap: var(--spacing-s) !important;
  }
  .yr-gap-t-ms {
    gap: var(--spacing-ms) !important;
  }
  .yr-gap-x-t-ms {
    column-gap: var(--spacing-ms) !important;
  }
  .yr-gap-y-t-ms {
    row-gap: var(--spacing-ms) !important;
  }
  .yr-gap-t-m {
    gap: var(--spacing-m) !important;
  }
  .yr-gap-x-t-m {
    column-gap: var(--spacing-m) !important;
  }
  .yr-gap-y-t-m {
    row-gap: var(--spacing-m) !important;
  }
  .yr-gap-t-25 {
    gap: var(--spacing-25) !important;
  }
  .yr-gap-x-t-25 {
    column-gap: var(--spacing-25) !important;
  }
  .yr-gap-y-t-25 {
    row-gap: var(--spacing-25) !important;
  }
  .yr-gap-t-28 {
    gap: var(--spacing-28) !important;
  }
  .yr-gap-x-t-28 {
    column-gap: var(--spacing-28) !important;
  }
  .yr-gap-y-t-28 {
    row-gap: var(--spacing-28) !important;
  }
  .yr-gap-t-ml {
    gap: var(--spacing-ml) !important;
  }
  .yr-gap-x-t-ml {
    column-gap: var(--spacing-ml) !important;
  }
  .yr-gap-y-t-ml {
    row-gap: var(--spacing-ml) !important;
  }
  .yr-gap-t-l {
    gap: var(--spacing-l) !important;
  }
  .yr-gap-x-t-l {
    column-gap: var(--spacing-l) !important;
  }
  .yr-gap-y-t-l {
    row-gap: var(--spacing-l) !important;
  }
  .yr-gap-t-xl {
    gap: var(--spacing-xl) !important;
  }
  .yr-gap-x-t-xl {
    column-gap: var(--spacing-xl) !important;
  }
  .yr-gap-y-t-xl {
    row-gap: var(--spacing-xl) !important;
  }
  .yr-gap-t-xxl {
    gap: var(--spacing-xxl) !important;
  }
  .yr-gap-x-t-xxl {
    column-gap: var(--spacing-xxl) !important;
  }
  .yr-gap-y-t-xxl {
    row-gap: var(--spacing-xxl) !important;
  }
}
@media (min-width: 1280px) {
  .yr-gap-l-0 {
    gap: 0 !important;
  }
  .yr-gap-x-l-0 {
    column-gap: 0 !important;
  }
  .yr-gap-y-l-0 {
    row-gap: 0 !important;
  }
  .yr-gap-l-xxxs {
    gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-x-l-xxxs {
    column-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-y-l-xxxs {
    row-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-l-4 {
    gap: var(--spacing-4) !important;
  }
  .yr-gap-x-l-4 {
    column-gap: var(--spacing-4) !important;
  }
  .yr-gap-y-l-4 {
    row-gap: var(--spacing-4) !important;
  }
  .yr-gap-l-xxs {
    gap: var(--spacing-xxs) !important;
  }
  .yr-gap-x-l-xxs {
    column-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-y-l-xxs {
    row-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-l-8 {
    gap: var(--spacing-8) !important;
  }
  .yr-gap-x-l-8 {
    column-gap: var(--spacing-8) !important;
  }
  .yr-gap-y-l-8 {
    row-gap: var(--spacing-8) !important;
  }
  .yr-gap-l-xs {
    gap: var(--spacing-xs) !important;
  }
  .yr-gap-x-l-xs {
    column-gap: var(--spacing-xs) !important;
  }
  .yr-gap-y-l-xs {
    row-gap: var(--spacing-xs) !important;
  }
  .yr-gap-l-xs-s {
    gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-x-l-xs-s {
    column-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-y-l-xs-s {
    row-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-l-15 {
    gap: var(--spacing-15) !important;
  }
  .yr-gap-x-l-15 {
    column-gap: var(--spacing-15) !important;
  }
  .yr-gap-y-l-15 {
    row-gap: var(--spacing-15) !important;
  }
  .yr-gap-l-s {
    gap: var(--spacing-s) !important;
  }
  .yr-gap-x-l-s {
    column-gap: var(--spacing-s) !important;
  }
  .yr-gap-y-l-s {
    row-gap: var(--spacing-s) !important;
  }
  .yr-gap-l-ms {
    gap: var(--spacing-ms) !important;
  }
  .yr-gap-x-l-ms {
    column-gap: var(--spacing-ms) !important;
  }
  .yr-gap-y-l-ms {
    row-gap: var(--spacing-ms) !important;
  }
  .yr-gap-l-m {
    gap: var(--spacing-m) !important;
  }
  .yr-gap-x-l-m {
    column-gap: var(--spacing-m) !important;
  }
  .yr-gap-y-l-m {
    row-gap: var(--spacing-m) !important;
  }
  .yr-gap-l-25 {
    gap: var(--spacing-25) !important;
  }
  .yr-gap-x-l-25 {
    column-gap: var(--spacing-25) !important;
  }
  .yr-gap-y-l-25 {
    row-gap: var(--spacing-25) !important;
  }
  .yr-gap-l-28 {
    gap: var(--spacing-28) !important;
  }
  .yr-gap-x-l-28 {
    column-gap: var(--spacing-28) !important;
  }
  .yr-gap-y-l-28 {
    row-gap: var(--spacing-28) !important;
  }
  .yr-gap-l-ml {
    gap: var(--spacing-ml) !important;
  }
  .yr-gap-x-l-ml {
    column-gap: var(--spacing-ml) !important;
  }
  .yr-gap-y-l-ml {
    row-gap: var(--spacing-ml) !important;
  }
  .yr-gap-l-l {
    gap: var(--spacing-l) !important;
  }
  .yr-gap-x-l-l {
    column-gap: var(--spacing-l) !important;
  }
  .yr-gap-y-l-l {
    row-gap: var(--spacing-l) !important;
  }
  .yr-gap-l-xl {
    gap: var(--spacing-xl) !important;
  }
  .yr-gap-x-l-xl {
    column-gap: var(--spacing-xl) !important;
  }
  .yr-gap-y-l-xl {
    row-gap: var(--spacing-xl) !important;
  }
  .yr-gap-l-xxl {
    gap: var(--spacing-xxl) !important;
  }
  .yr-gap-x-l-xxl {
    column-gap: var(--spacing-xxl) !important;
  }
  .yr-gap-y-l-xxl {
    row-gap: var(--spacing-xxl) !important;
  }
}
@media (min-width: 1600px) {
  .yr-gap-xl-0 {
    gap: 0 !important;
  }
  .yr-gap-x-xl-0 {
    column-gap: 0 !important;
  }
  .yr-gap-y-xl-0 {
    row-gap: 0 !important;
  }
  .yr-gap-xl-xxxs {
    gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-x-xl-xxxs {
    column-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-y-xl-xxxs {
    row-gap: var(--spacing-xxxs) !important;
  }
  .yr-gap-xl-4 {
    gap: var(--spacing-4) !important;
  }
  .yr-gap-x-xl-4 {
    column-gap: var(--spacing-4) !important;
  }
  .yr-gap-y-xl-4 {
    row-gap: var(--spacing-4) !important;
  }
  .yr-gap-xl-xxs {
    gap: var(--spacing-xxs) !important;
  }
  .yr-gap-x-xl-xxs {
    column-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-y-xl-xxs {
    row-gap: var(--spacing-xxs) !important;
  }
  .yr-gap-xl-8 {
    gap: var(--spacing-8) !important;
  }
  .yr-gap-x-xl-8 {
    column-gap: var(--spacing-8) !important;
  }
  .yr-gap-y-xl-8 {
    row-gap: var(--spacing-8) !important;
  }
  .yr-gap-xl-xs {
    gap: var(--spacing-xs) !important;
  }
  .yr-gap-x-xl-xs {
    column-gap: var(--spacing-xs) !important;
  }
  .yr-gap-y-xl-xs {
    row-gap: var(--spacing-xs) !important;
  }
  .yr-gap-xl-xs-s {
    gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-x-xl-xs-s {
    column-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-y-xl-xs-s {
    row-gap: var(--spacing-xs-s) !important;
  }
  .yr-gap-xl-15 {
    gap: var(--spacing-15) !important;
  }
  .yr-gap-x-xl-15 {
    column-gap: var(--spacing-15) !important;
  }
  .yr-gap-y-xl-15 {
    row-gap: var(--spacing-15) !important;
  }
  .yr-gap-xl-s {
    gap: var(--spacing-s) !important;
  }
  .yr-gap-x-xl-s {
    column-gap: var(--spacing-s) !important;
  }
  .yr-gap-y-xl-s {
    row-gap: var(--spacing-s) !important;
  }
  .yr-gap-xl-ms {
    gap: var(--spacing-ms) !important;
  }
  .yr-gap-x-xl-ms {
    column-gap: var(--spacing-ms) !important;
  }
  .yr-gap-y-xl-ms {
    row-gap: var(--spacing-ms) !important;
  }
  .yr-gap-xl-m {
    gap: var(--spacing-m) !important;
  }
  .yr-gap-x-xl-m {
    column-gap: var(--spacing-m) !important;
  }
  .yr-gap-y-xl-m {
    row-gap: var(--spacing-m) !important;
  }
  .yr-gap-xl-25 {
    gap: var(--spacing-25) !important;
  }
  .yr-gap-x-xl-25 {
    column-gap: var(--spacing-25) !important;
  }
  .yr-gap-y-xl-25 {
    row-gap: var(--spacing-25) !important;
  }
  .yr-gap-xl-28 {
    gap: var(--spacing-28) !important;
  }
  .yr-gap-x-xl-28 {
    column-gap: var(--spacing-28) !important;
  }
  .yr-gap-y-xl-28 {
    row-gap: var(--spacing-28) !important;
  }
  .yr-gap-xl-ml {
    gap: var(--spacing-ml) !important;
  }
  .yr-gap-x-xl-ml {
    column-gap: var(--spacing-ml) !important;
  }
  .yr-gap-y-xl-ml {
    row-gap: var(--spacing-ml) !important;
  }
  .yr-gap-xl-l {
    gap: var(--spacing-l) !important;
  }
  .yr-gap-x-xl-l {
    column-gap: var(--spacing-l) !important;
  }
  .yr-gap-y-xl-l {
    row-gap: var(--spacing-l) !important;
  }
  .yr-gap-xl-xl {
    gap: var(--spacing-xl) !important;
  }
  .yr-gap-x-xl-xl {
    column-gap: var(--spacing-xl) !important;
  }
  .yr-gap-y-xl-xl {
    row-gap: var(--spacing-xl) !important;
  }
  .yr-gap-xl-xxl {
    gap: var(--spacing-xxl) !important;
  }
  .yr-gap-x-xl-xxl {
    column-gap: var(--spacing-xxl) !important;
  }
  .yr-gap-y-xl-xxl {
    row-gap: var(--spacing-xxl) !important;
  }
}
/* =====================================
   BORDER UTILITIES
===================================== */
/* Border - All Sides
===================================== */
.yr-border {
  border: 1px solid var(--border-color-default);
}

.yr-border-0 {
  border: 0 !important;
}

/* Border - Individual Sides
===================================== */
.yr-border-t {
  border-top: 1px solid var(--border-color-default);
}

.yr-border-r {
  border-right: 1px solid var(--border-color-default);
}

.yr-border-b {
  border-bottom: 1px solid var(--border-color-default);
}

.yr-border-l {
  border-left: 1px solid var(--border-color-default);
}

.yr-border-t-0 {
  border-top: 0 !important;
}

.yr-border-r-0 {
  border-right: 0 !important;
}

.yr-border-b-0 {
  border-bottom: 0 !important;
}

.yr-border-l-0 {
  border-left: 0 !important;
}

/* Border Width
===================================== */
.yr-border-1 {
  border-width: 1px;
}

.yr-border-2 {
  border-width: 2px;
}

.yr-border-3 {
  border-width: 3px;
}

.yr-border-4 {
  border-width: 4px;
}

/* Border Colors - Brand
===================================== */
.yr-border-primary {
  border-color: var(--color-primary);
}

.yr-border-secondary {
  border-color: var(--color-secondary);
}

/* Border Colors - Neutral
===================================== */
.yr-border-shades-0 {
  border-color: var(--color-shades-0);
}

.yr-border-shades-10 {
  border-color: var(--color-shades-10);
}

.yr-border-shades-20 {
  border-color: var(--color-shades-20);
}

.yr-border-shades-50 {
  border-color: var(--color-shades-50);
}

.yr-border-shades-100 {
  border-color: var(--color-shades-100);
}

/* Border Colors - Functional
===================================== */
.yr-border-error {
  border-color: var(--color-error-border);
}

.yr-border-success {
  border-color: var(--color-success-border);
}

/* Border Colors - Transparent
===================================== */
.yr-border-transparent {
  border-color: transparent;
}

/* Border Style
===================================== */
.yr-border-solid {
  border-style: solid;
}

.yr-border-dashed {
  border-style: dashed;
}

.yr-border-dotted {
  border-style: dotted;
}

.yr-border-none {
  border-style: none !important;
}

/* =====================================
   BORDER-RADIUS UTILITIES
===================================== */
/* Border Radius - All Corners
===================================== */
.yr-rounded-0 {
  border-radius: 0;
}

.yr-rounded-small {
  border-radius: var(--border-radius-small);
}

.yr-rounded-medium {
  border-radius: var(--border-radius-medium);
}

.yr-rounded-large {
  border-radius: var(--border-radius-large);
}

.yr-rounded-circle {
  border-radius: var(--border-radius-circle);
}

.yr-rounded-pill {
  border-radius: var(--border-radius-pill);
}

/* Border Radius - Individual Corners
===================================== */
.yr-rounded-t-small {
  border-top-left-radius: var(--border-radius-small);
  border-top-right-radius: var(--border-radius-small);
}

.yr-rounded-t-medium {
  border-top-left-radius: var(--border-radius-medium);
  border-top-right-radius: var(--border-radius-medium);
}

.yr-rounded-t-large {
  border-top-left-radius: var(--border-radius-large);
  border-top-right-radius: var(--border-radius-large);
}

.yr-rounded-r-small {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}

.yr-rounded-r-medium {
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-right-radius: var(--border-radius-medium);
}

.yr-rounded-r-large {
  border-top-right-radius: var(--border-radius-large);
  border-bottom-right-radius: var(--border-radius-large);
}

.yr-rounded-b-small {
  border-bottom-left-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}

.yr-rounded-b-medium {
  border-bottom-left-radius: var(--border-radius-medium);
  border-bottom-right-radius: var(--border-radius-medium);
}

.yr-rounded-b-large {
  border-bottom-left-radius: var(--border-radius-large);
  border-bottom-right-radius: var(--border-radius-large);
}

.yr-rounded-l-small {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}

.yr-rounded-l-medium {
  border-top-left-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
}

.yr-rounded-l-large {
  border-top-left-radius: var(--border-radius-large);
  border-bottom-left-radius: var(--border-radius-large);
}

.yr-rounded-tl-small {
  border-top-left-radius: var(--border-radius-small);
}

.yr-rounded-tl-medium {
  border-top-left-radius: var(--border-radius-medium);
}

.yr-rounded-tl-large {
  border-top-left-radius: var(--border-radius-large);
}

.yr-rounded-tr-small {
  border-top-right-radius: var(--border-radius-small);
}

.yr-rounded-tr-medium {
  border-top-right-radius: var(--border-radius-medium);
}

.yr-rounded-tr-large {
  border-top-right-radius: var(--border-radius-large);
}

.yr-rounded-br-small {
  border-bottom-right-radius: var(--border-radius-small);
}

.yr-rounded-br-medium {
  border-bottom-right-radius: var(--border-radius-medium);
}

.yr-rounded-br-large {
  border-bottom-right-radius: var(--border-radius-large);
}

.yr-rounded-bl-small {
  border-bottom-left-radius: var(--border-radius-small);
}

.yr-rounded-bl-medium {
  border-bottom-left-radius: var(--border-radius-medium);
}

.yr-rounded-bl-large {
  border-bottom-left-radius: var(--border-radius-large);
}

/* =====================================
   SIZING UTILITIES
===================================== */
/* Width
===================================== */
.yr-w-auto {
  width: auto;
}

.yr-w-full {
  width: 100%;
}

.yr-w-screen {
  width: 100vw;
}

.yr-w-fit {
  width: fit-content;
}

.yr-w-25 {
  width: 25%;
}

.yr-w-50 {
  width: 50%;
}

.yr-w-75 {
  width: 75%;
}

/* Min Width
===================================== */
.yr-min-w-0 {
  min-width: 0;
}

.yr-min-w-full {
  min-width: 100%;
}

.yr-min-w-fit {
  min-width: fit-content;
}

/* Max Width
===================================== */
.yr-max-w-none {
  max-width: none;
}

.yr-max-w-full {
  max-width: 100%;
}

.yr-max-w-fit {
  max-width: fit-content;
}

.yr-max-w-screen {
  max-width: 100vw;
}

/* Height
===================================== */
.yr-h-auto {
  height: auto;
}

.yr-h-full {
  height: 100%;
}

.yr-h-screen {
  height: 100vh;
}

.yr-h-fit {
  height: fit-content;
}

.yr-h-25 {
  height: 25%;
}

.yr-h-50 {
  height: 50%;
}

.yr-h-75 {
  height: 75%;
}

/* Min Height
===================================== */
.yr-min-h-0 {
  min-height: 0;
}

.yr-min-h-full {
  min-height: 100%;
}

.yr-min-h-screen {
  min-height: 100vh;
}

.yr-min-h-fit {
  min-height: fit-content;
}

/* Max Height
===================================== */
.yr-max-h-none {
  max-height: none;
}

.yr-max-h-full {
  max-height: 100%;
}

.yr-max-h-screen {
  max-height: 100vh;
}

.yr-max-h-fit {
  max-height: fit-content;
}

/* Aspect Ratio
===================================== */
.yr-aspect-square {
  aspect-ratio: var(--aspect-ratio-square);
}

.yr-aspect-landscape {
  aspect-ratio: var(--aspect-ratio-landscape);
}

.yr-aspect-landscape-classic {
  aspect-ratio: var(--aspect-ratio-landscape-classic);
}

.yr-aspect-ultrawide {
  aspect-ratio: var(--aspect-ratio-ultrawide);
}

.yr-aspect-photo {
  aspect-ratio: var(--aspect-ratio-photo);
}

.yr-aspect-portrait {
  aspect-ratio: var(--aspect-ratio-portrait);
}

.yr-aspect-portrait-tall {
  aspect-ratio: var(--aspect-ratio-portrait-tall);
}

.yr-aspect-auto {
  aspect-ratio: var(--aspect-ratio-auto);
}

/* =====================================
   POSITION UTILITIES
===================================== */
/* Position Type
===================================== */
.yr-static {
  position: static !important;
}

.yr-relative {
  position: relative !important;
}

.yr-absolute {
  position: absolute !important;
}

.yr-fixed {
  position: fixed !important;
}

.yr-sticky {
  position: sticky !important;
}

/* Position Placement
===================================== */
.yr-inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.yr-top-0 {
  top: 0;
}

.yr-right-0 {
  right: 0;
}

.yr-bottom-0 {
  bottom: 0;
}

.yr-left-0 {
  left: 0;
}

.yr-top-auto {
  top: auto;
}

.yr-right-auto {
  right: auto;
}

.yr-bottom-auto {
  bottom: auto;
}

.yr-left-auto {
  left: auto;
}

/* Z-Index
===================================== */
.yr-z-0 {
  z-index: 0;
}

.yr-z-10 {
  z-index: 10;
}

.yr-z-20 {
  z-index: 20;
}

.yr-z-30 {
  z-index: 30;
}

.yr-z-40 {
  z-index: 40;
}

.yr-z-50 {
  z-index: 50;
}

.yr-z-auto {
  z-index: auto;
}

/* =====================================
   OVERFLOW UTILITIES
===================================== */
/* Overflow - Both Axes
===================================== */
.yr-overflow-auto {
  overflow: auto;
}

.yr-overflow-hidden {
  overflow: hidden;
}

.yr-overflow-visible {
  overflow: visible;
}

.yr-overflow-scroll {
  overflow: scroll;
}

/* Overflow X-Axis (Horizontal)
===================================== */
.yr-overflow-x-auto {
  overflow-x: auto;
}

.yr-overflow-x-hidden {
  overflow-x: hidden;
}

.yr-overflow-x-visible {
  overflow-x: visible;
}

.yr-overflow-x-scroll {
  overflow-x: scroll;
}

/* Overflow Y-Axis (Vertical)
===================================== */
.yr-overflow-y-auto {
  overflow-y: auto;
}

.yr-overflow-y-hidden {
  overflow-y: hidden;
}

.yr-overflow-y-visible {
  overflow-y: visible;
}

.yr-overflow-y-scroll {
  overflow-y: scroll;
}

.yr-is-reset {
  all: unset;
  cursor: pointer;
}

.yr-a11y-focus:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/* =====================================
   BACK-IN-STOCK BUTTON — Integration styles
   Template: components/stencil-integration/form/back-in-stock-button.html
   Replaces legacy utility classes (width_100p, flex, m_auto, bold, text_L…)
   with design tokens and BEM selectors.
   Legacy classes bound to JS or existing CSS (add-to-cart-sticky,
   button_primary_big_wrapper, tr_translate3d-0…) are intentionally kept
   in the HTML and are NOT targeted here.
===================================== */
.bis-button {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.bis-button__row {
  margin: auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.bis-button__product-info {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 959px) {
  .bis-button__product-info {
    display: none;
  }
}
.bis-button__name {
  display: inline-flex;
  padding-right: var(--spacing-ml);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-body-l);
  line-height: var(--line-height-body);
}
.bis-button__variant {
  display: inline-flex;
  justify-content: center;
  width: 50%;
  padding-right: var(--spacing-ml);
  font-weight: var(--font-weight-bold);
  font-size: var(--text-body-l);
  line-height: var(--line-height-body);
}
.bis-button__cta-wrapper {
  width: 100%;
  display: inline-flex;
}
.bis-button__cta-wrapper yr-button {
  width: 100%;
}
.bis-button__scroll-top {
  position: absolute;
  top: calc(-1 * var(--spacing-l));
  right: var(--spacing-l);
}
@media (max-width: 959px) {
  .bis-button__scroll-top {
    display: none;
  }
}
.bis-button__e-reservation {
  padding-top: var(--spacing-ml);
}
.bis-button__e-reservation-link {
  display: block;
  text-align: center;
  margin-bottom: var(--spacing-s);
  text-transform: uppercase;
  font-size: var(--font-size-xs);
  text-underline-offset: 0.2em;
}

/* =====================================
   ADD-TO-CART BIG — Integration styles
   Template: components/stencil-integration/form/add-to-cart-big.html
===================================== */
.yr-pdp-add-to-cart-sticky {
  box-sizing: border-box;
  z-index: 10;
  background-clip: padding-box;
  background-color: var(--color-shades-0);
  transform: translate3d(0, 0, 0);
}
.yr-pdp-add-to-cart-sticky__row {
  display: flex;
  width: 100%;
  margin: auto;
}
@media (min-width: 960px) {
  .yr-pdp-add-to-cart-sticky__row {
    justify-content: space-between;
  }
}
.yr-pdp-add-to-cart-sticky__product-information {
  display: none;
  align-items: center;
  width: 100%;
}
.yr-pdp-add-to-cart-sticky__product-name, .yr-pdp-add-to-cart-sticky__variant {
  display: inline-flex;
  width: 50%;
  padding-right: var(--spacing-m);
}
.yr-pdp-add-to-cart-sticky__variant {
  justify-content: center;
}
.yr-pdp-add-to-cart-sticky__text {
  color: var(--color-shades-100);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
}
.yr-pdp-add-to-cart-sticky__cta {
  display: inline-flex;
  width: 100%;
}
.yr-pdp-add-to-cart-sticky__cta > yr-button {
  width: 100%;
}
.yr-pdp-add-to-cart-sticky.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}
.yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__product-information {
  display: none;
}
@media (min-width: 960px) {
  .yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__product-information {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 960px) {
  .yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__product-information {
    display: inline-flex;
  }
}
.yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__cta {
  width: 100%;
}
@media (min-width: 960px) {
  .yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__cta {
    flex: 0 0 50%;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .yr-pdp-add-to-cart-sticky.fixed {
    display: flex;
  }
}
.yr-pdp-add-to-cart-sticky.fixed .yr-pdp-add-to-cart-sticky__row {
  max-width: 100%;
}

/* =====================================
   VEGETAL ACTIVE — Integration styles
   Template: components/stencil-integration/spark/product/composition/fragment/vegetal-active.html
   Full-width section with two-column layout on desktop, single column on mobile.
   Supports two variants:
   - WITH vegetal active lights: uses yr-editorial-card components
   - WITHOUT vegetal active lights: displays full content text
===================================== */
.vegetal-active {
  width: 100%;
  margin-block: 0;
}
@media (min-width: 960px) {
  .vegetal-active {
    margin-block: 3.5rem;
  }
}
.vegetal-active__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .vegetal-active__container {
    flex-direction: row;
    align-items: stretch;
    gap: var(--gutter-4);
  }
}
.vegetal-active__image-wrapper {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 960px) {
  .vegetal-active__image-wrapper {
    flex: 0 0 var(--pdp-gallery-size, 50%);
    max-width: var(--pdp-gallery-size, 50%);
  }
}
@media (min-width: 960px) {
  .vegetal-active__image-wrapper--no-lights {
    padding-left: 4.3125rem;
  }
}
.vegetal-active__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
@media (min-width: 960px) {
  .vegetal-active__image {
    height: 100%;
    min-height: 100%;
  }
}
.vegetal-active__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1rem;
  background-color: var(--color-white);
}
@media (min-width: 960px) {
  .vegetal-active__content {
    flex: 1;
    padding: 0 1rem;
    padding-right: 5vw;
    gap: 2.8125rem;
    justify-content: center;
    align-items: flex-start;
  }
}
.vegetal-active__box-title {
  color: var(--color-primary);
  margin: 0;
  font-family: var(--font-family-primary);
  font-size: var(--text-heading-2);
  font-weight: var(--font-weight-regular);
  line-height: 1;
}
.vegetal-active__box-title p {
  margin: 0;
}
.vegetal-active__description {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vegetal-active__description-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  margin: 0;
}
.vegetal-active__description-title p {
  margin: 0;
}
.vegetal-active__description-subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-light);
  color: var(--color-black);
  margin: 0;
}
.vegetal-active__description-subtitle p {
  margin: 0;
}
.vegetal-active__lights {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 960px) {
  .vegetal-active__lights {
    gap: 2.8125rem;
  }
}
.vegetal-active__lights .yr-editorial-card--info {
  background-color: var(--color-secondary);
}
.vegetal-active__lights .vegetal-active__light--clickable {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.vegetal-active__lights .yr-editorial-card-info__title.yr-text-h3 {
  font-weight: var(--font-weight-bold) !important;
}
.vegetal-active__full-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vegetal-active__full-content-text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-regular);
  color: var(--color-black);
  line-height: 1.5;
  margin: 0;
  white-space: pre-line;
}
.vegetal-active__full-content-text p {
  margin: 0 0 0.5rem 0;
}
.vegetal-active__full-content-text p:last-child {
  margin-bottom: 0;
}

/* =====================================
   GREEN IMPACT INDEX — Integration styles
   Template: components/stencil-integration/spark/product/composition/fragment/green-impact-index.html
   Layout wrapper for the GII section inside the PDP accordion.
   Contains only page-level layout (gaps, widths, colours) — Stencil component
   styles live in yr-gii-note-slider.scss.
   ===================================== */
.gii-section {
  max-width: 80%;
  margin-inline: auto;
}
.gii-section__logo {
  width: 12.5rem;
}
.gii-section__title {
  font-size: var(--font-size-14);
}
.gii-section__header {
  gap: 0.9375rem;
  margin-bottom: 0.9375rem;
}
.gii-section__allegation-types {
  gap: 0.9375rem;
}
.gii-section__allegation {
  gap: 0.625rem;
}
.gii-section__allegation-list {
  gap: 0.375rem;
}
.gii-section__agec {
  background-color: var(--color-secondary, #dfede0);
  border-radius: 0.25rem;
  padding: 1.25rem;
}
.gii-section__agec a {
  text-decoration: underline;
}
.gii-section__agec-icon {
  width: 0.9375rem !important;
  height: 0.9375rem !important;
  min-width: 0.9375rem !important;
  min-height: 0.9375rem !important;
}

/* =====================================
   EFFECTIVENESS — Integration styles
   Template: components/stencil-integration/spark/product/composition/fragment/effectiveness.html
   Full-width section with two-column layout on desktop, single column on mobile.
===================================== */
.effectiveness {
  width: 100%;
  margin-block: 0;
}
@media (min-width: 960px) {
  .effectiveness {
    margin-block: 3.5rem;
  }
}
.effectiveness__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .effectiveness__container {
    flex-direction: row;
    align-items: stretch;
    gap: var(--gutter-4);
  }
}
.effectiveness__image-wrapper {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 960px) {
  .effectiveness__image-wrapper {
    flex: 0 0 var(--pdp-gallery-size, 50%);
    max-width: var(--pdp-gallery-size, 50%);
  }
}
.effectiveness__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contains;
}
@media (min-width: 960px) {
  .effectiveness__image {
    height: 100%;
    min-height: 100%;
  }
}
.effectiveness__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1rem;
  align-items: center;
}
@media (min-width: 960px) {
  .effectiveness__content {
    flex: 1;
    padding: 0 1rem;
    padding-right: 5vw;
    gap: 2.8125rem;
    align-items: stretch;
    justify-content: center;
  }
}
.effectiveness__title {
  color: var(--color-primary);
  margin: 0;
}
.effectiveness__title p {
  margin: 0;
}
.effectiveness__arguments {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 960px) {
  .effectiveness__arguments {
    gap: 2.8125rem;
  }
}
.effectiveness__footer-text {
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-regular);
  color: var(--color-shades-100);
  margin: 0;
}
@media (min-width: 960px) {
  .effectiveness__footer-text {
    font-size: var(--font-size-13);
  }
}
.effectiveness__footer-text p {
  margin: 0;
}

/* =====================================
   BUNDLE-ELEMENTS — Integration styles
   Template: components/stencil-integration/spark/product/composition/fragment/bundle-elements.html
   Uses yr-product-card with variant="light" for CLOSEDSET product type.
===================================== */
.bundle-elements {
  width: 100%;
  margin-block: 2rem;
  padding-inline: var(--gutter-2);
}
@media (min-width: 960px) {
  .bundle-elements {
    margin-block: 3rem;
    padding-inline: 0;
  }
}
.bundle-elements__container {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border: 1px solid var(--color-shades-20);
  padding: var(--spacing-s);
}
.bundle-elements__title {
  color: var(--color-primary);
  margin: 0 0 1rem 0;
  text-align: left;
}
.bundle-elements__list {
  display: flex;
  flex-direction: column;
}
.bundle-elements__item {
  border-bottom: 1px solid var(--color-grey-light, #e5e5e5);
  padding-block: 0.75rem;
}
.bundle-elements__item:last-child {
  border-bottom: none;
}
.bundle-elements__item--hidden {
  display: none;
}
.bundle-elements__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.bundle-elements__link:hover, .bundle-elements__link:focus {
  text-decoration: none;
}
.bundle-elements yr-product-card {
  display: block;
}
.bundle-elements yr-product-card .yr-product-card__article {
  background-color: transparent;
}
.bundle-elements__toggle {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-grey-light, #e5e5e5);
}
.bundle-elements__toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-primary);
  transition: color 0.2s ease;
}
.bundle-elements__toggle-btn:hover, .bundle-elements__toggle-btn:focus {
  color: var(--color-primary-dark, #013d24);
}
.bundle-elements__toggle-btn--hidden {
  display: none;
}
.bundle-elements__toggle-btn yr-icon {
  transition: transform 0.2s ease;
}

/* =====================================
   APPLICATION ADVICE — PDP Section
   Styles for: stencil-integration/spark/product/composition/fragment/application-advice.html
===================================== */
/**
 * Global font-size for application advice section
 */
.application-advice-content,
.application-advice-warnings {
  font-size: var(--font-size-m);
}

/**
 * Video title
 * 14px for title, but content paragraphs stay at 13px
 */
.application-advice-video-title {
  font-size: var(--font-size-14);
}
.application-advice-video-title p {
  font-size: var(--font-size-m);
  margin: 0;
}

.application-advice-warnings p {
  display: inline;
  margin: 0;
}
.application-advice-warnings__title {
  font-size: var(--font-size-14);
}

/* =====================================
   PRODUCT LINE CAROUSEL — Integration styles
   Template: components/stencil-integration/spark/product/composition/fragment/product-line-carousel.html
   Section "Découvrez la gamme" — Uses yr-product-cross-sell component
===================================== */
.product-line-carousel {
  --_section-padding-block: 1.875rem;
}
@media (min-width: 728px) {
  .product-line-carousel {
    --_section-padding-block: 3.5rem;
  }
}
.product-line-carousel {
  padding-block: var(--_section-padding-block);
  border-block: 1px solid var(--color-border-light);
  overflow: hidden;
  max-width: 100vw;
}
.product-line-carousel__container {
  padding-inline: var(--spacing-15);
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 728px) {
  .product-line-carousel__container {
    padding-inline: 5vw;
    overflow: visible;
  }
}
.product-line-carousel yr-product-cross-sell {
  display: block;
}
.product-line-carousel yr-product-cross-sell .yr-content-section__wrapper {
  gap: 0;
}
.product-line-carousel yr-product-cross-sell .yr-content-section__title,
.product-line-carousel yr-product-cross-sell h2.yr-content-section__title {
  margin: 0;
  margin-block-end: 0.4375rem;
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-regular);
  color: var(--color-primary);
  text-align: center;
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell .yr-content-section__title,
  .product-line-carousel yr-product-cross-sell h2.yr-content-section__title {
    margin-block-end: 0.625rem;
  }
}
.product-line-carousel yr-product-cross-sell .yr-content-section__link {
  margin-block-end: var(--spacing-25);
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell .yr-content-section__link {
    margin-block-end: 2rem;
  }
}
.product-line-carousel yr-product-cross-sell .yr-content-section__link .yr-link__anchor {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
  font-size: 0.8125rem;
  color: var(--color-shades-100);
  text-decoration: underline;
  text-underline-offset: var(--spacing-xxxs);
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell .yr-content-section__link .yr-link__anchor {
    font-size: 1.125rem;
  }
}
.product-line-carousel yr-product-cross-sell .yr-content-section__link .yr-link__anchor:hover {
  text-decoration-thickness: var(--spacing-xxxs);
}
.product-line-carousel yr-product-cross-sell .yr-content-section__link .yr-link__anchor yr-icon {
  flex-shrink: 0;
}
.product-line-carousel yr-product-cross-sell .yr-product-cross-sell__carousel .swiper {
  width: 100% !important;
  overflow: visible !important;
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell .yr-product-cross-sell__carousel .swiper {
    overflow: hidden !important;
  }
}
.product-line-carousel yr-product-cross-sell .yr-product-cross-sell__carousel .swiper-slide {
  flex-shrink: 0;
  width: 11.75rem;
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell .yr-product-cross-sell__carousel .swiper-slide {
    width: 18rem;
  }
}
.product-line-carousel yr-product-cross-sell .yr-carousel__button {
  --_button-size: 3rem;
  background-color: var(--color-shades-0);
  width: var(--_button-size);
  height: var(--_button-size);
}
.product-line-carousel yr-product-cross-sell .yr-carousel__button yr-icon {
  width: var(--spacing-m);
  height: var(--spacing-m);
}
.product-line-carousel yr-product-cross-sell .yr-carousel__button:hover {
  background-color: var(--color-shades-5);
}
@media (max-width: 727px) {
  .product-line-carousel yr-product-cross-sell .yr-carousel__navigation {
    display: none;
  }
}
.product-line-carousel yr-product-cross-sell yr-product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 11.75rem;
}
@media (max-width: 727px) {
  .product-line-carousel yr-product-cross-sell yr-product-card {
    --yr-product-card-height: 26rem;
  }
}
@media (min-width: 728px) {
  .product-line-carousel yr-product-cross-sell yr-product-card {
    min-width: 18rem;
  }
}

.main-header__search-form .yr-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.main-header__search-form .yr-input__field {
  width: 100%;
  height: 2.8125rem;
  border: 1px solid var(--color-primary);
  font-family: inherit;
  color: var(--color-shades-100);
  background-color: var(--color-shades-0);
  -webkit-appearance: none;
  appearance: none;
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  padding-left: calc(var(--spacing-s) + var(--icon-size-large) + 0.625rem);
  padding-right: calc(var(--spacing-s) + var(--icon-size-large) + 0.625rem);
}
.main-header__search-form .yr-input__field::placeholder {
  color: var(--color-shades-50);
  text-transform: none;
}
.main-header__search-form .yr-input__field:focus {
  outline: none;
  border-color: var(--color-primary);
}
.main-header__search-form .yr-input__icon {
  position: absolute;
  left: var(--spacing-s);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-primary);
}
.main-header__search-form .yr-input__icon svg {
  fill: var(--color-primary);
}
.main-header__search-form .header-search-delete-btn {
  position: absolute;
  right: var(--spacing-s);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-primary);
}
.main-header__search-form .header-search-delete-btn yr-icon {
  pointer-events: none;
}
.main-header__search-form .header-search-delete-btn yr-icon svg {
  fill: var(--color-primary);
}
.main-header__search-form .header-search-form-input {
  text-indent: 0;
}

.redesign-header,
.redesign-navigation {
  position: sticky;
  z-index: var(--z-index-sticky, 11);
  background-color: var(--color-shades-0, #fff);
}

.redesign-header {
  top: 0;
}
@media (max-width: 727px) {
  .redesign-header .main-header__wrapper {
    border-bottom: 1px solid var(--color-primary);
  }
}

.redesign-navigation {
  top: var(--header-height, 4.0625rem);
}

.main-header__search-mobile {
  display: none;
  padding: 0 var(--spacing-s);
  border-top: 1px solid var(--color-primary);
}
.main-header__search-mobile--open {
  display: block;
}
@media (min-width: 728px) {
  .main-header__search-mobile {
    display: none !important;
  }
}
.main-header__search-mobile .main-header__search-form .yr-input__field {
  height: 3rem;
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding-left: calc(var(--icon-size-large) + 0.625rem);
  font-size: var(--font-size-12);
  outline: none;
}
.main-header__search-mobile .main-header__search-form .yr-input__field:focus, .main-header__search-mobile .main-header__search-form .yr-input__field:focus-visible, .main-header__search-mobile .main-header__search-form .yr-input__field:active {
  outline: none;
  border: none;
  box-shadow: none;
}
.main-header__search-mobile .main-header__search-form .yr-input__icon {
  left: 0;
}
.main-header__search-mobile .main-header__search-form .header-search-delete-btn {
  right: 0;
}

.yr-navigation-menu__search-bar .yr-input__field {
  height: 3rem;
  font-size: var(--font-size-12);
}

.main-header__content {
  position: relative;
  display: flex;
  align-items: center;
  height: 4.0625rem;
}
@media (max-width: 727px) {
  .main-header__content {
    justify-content: space-between;
    gap: 1.6875rem;
  }
  .main-header__content .main-header__burger .yr-button__button {
    padding: 0;
  }
  .main-header__content .main-header__burger .yr-button__button .yr-icon {
    margin: 0;
    width: var(--icon-size-large);
    height: var(--icon-size-large);
  }
}
.main-header__content .mob-header-search {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 0;
}
.main-header__content .mob-header-search .yr-icon {
  width: var(--icon-size-large);
  height: var(--icon-size-large);
}
@media (min-width: 728px) {
  .main-header__content {
    gap: 2.5rem;
  }
  .main-header__content .main-header__search-wrapper {
    flex: 1;
  }
}
.main-header__content .main-header__logo {
  flex: 0 1 10.5rem;
}
@media (min-width: 728px) {
  .main-header__content .main-header__logo {
    flex-basis: 12.5rem;
  }
}
.main-header__content .main-header__logo picture,
.main-header__content .main-header__logo img {
  display: block;
  width: 100%;
}
.main-header__content .main-header__icon-item--customer {
  position: relative;
}
.main-header__content .main-header__icon-item--customer .main-header__customer-icon .yr-link__anchor::after {
  content: "";
  position: absolute;
  inset: 0;
}
.main-header__content .main-header__icon-item--customer:has(.main-header__notification-badge:not(.hide)) .main-header__customer-icon .yr-link__anchor::after {
  inset: 0 -0.625rem -0.6875rem 0;
}
.main-header__content .connected-username {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8125rem;
  min-width: 6.25rem;
  color: var(--color-primary);
  font-family: "Montserrat", sans-serif;
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  display: block !important;
}
@media (max-width: 727px) {
  .main-header__content .connected-username {
    display: none !important;
  }
}
.main-header__content .main-header__icon-item .yr-icon {
  width: var(--icon-size-large);
  height: var(--icon-size-large);
}
.main-header__content .main-header__icon-item .yr-link--with-icon .yr-link__anchor {
  gap: 0;
}
.main-header__content .icon-list .main-header_links-list {
  display: flex;
  align-items: center;
  gap: 2.0625rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-header__content .main-header__cart-badge,
.main-header__content .main-header__notification-badge {
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  padding: 0;
  pointer-events: none;
  color: var(--color-shades-0);
  font-size: var(--font-size-14);
  font-style: normal;
}
.main-header__content .main-header__cart-badge i,
.main-header__content .main-header__notification-badge i {
  font-style: normal;
}
.main-header__content .main-header__cart-badge,
.main-header__content .main-header__notification-badge {
  font-weight: var(--font-weight-bold);
}
.main-header__content .main-header__icon-item--cart {
  position: relative;
}
.main-header__content .main-header__icon-item--cart .main-header__cart-icon .yr-link__anchor::after {
  content: "";
  position: absolute;
  inset: 0;
}
.main-header__content .main-header__icon-item--cart:has([data-js-cart-product-number]:not(.none)) .main-header__cart-icon .yr-link__anchor::after {
  inset: 0 -0.75rem -0.75rem 0;
}
.main-header__content .main-header__icon-item--cart .main-header__cart-badge {
  position: absolute;
  bottom: -0.625rem;
  right: -0.625rem;
  z-index: 2;
  pointer-events: none;
}
.main-header__content .main-header__icon-item--cart .main-header__cart-badge:has(.none) {
  display: none;
}
.main-header__content yr-notification {
  position: relative;
  display: block;
}
.main-header__content yr-notification .main-header__notification-badge {
  position: absolute;
  top: -0.75rem;
  left: 0.875rem;
  z-index: 2;
}
.main-header__content .main-header__icon-item--languages {
  display: flex;
  gap: var(--spacing-s);
  margin-right: calc(var(--spacing-m) - 2.0625rem);
}
.main-header__content .main-header__icon-item--languages .main-header__lang-link {
  color: var(--color-primary);
  font-family: "Montserrat", sans-serif;
  font-style: var(--font-style-normal);
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-light);
  line-height: normal;
  text-decoration: none;
  text-align: center;
}
.main-header__content .main-header__icon-item--languages .main-header__lang-link--active {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.main-header__content .main-header__icon-item--languages .main-header__lang-link .yr-link__anchor {
  color: inherit;
}

yr-filter-bar.yr-filter-bar--fixed {
  top: calc(var(--header-height, 4.0625rem) + var(--nav-height, 2.75rem));
}

@media (max-width: 727px) {
  yr-navigation-menu {
    padding: 0 !important;
  }
}
@media (min-width: 728px) {
  yr-navigation-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.yr-navigation-menu__header-languages {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  flex: 1;
}
@media (min-width: 728px) {
  .yr-navigation-menu__header-languages {
    display: none;
  }
}
.yr-navigation-menu__header-languages .yr-navigation-menu__lang-link {
  color: var(--color-primary);
  font-family: "Montserrat", sans-serif;
  font-style: var(--font-style-normal);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  line-height: normal;
  text-decoration: none;
  text-align: center;
}
.yr-navigation-menu__header-languages .yr-navigation-menu__lang-link--active {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}

.redesign-navigation .yr-link__anchor {
  font-size: 0.8125rem;
}

yr-search-suggestion.yr-search-suggestion--mobile-panel {
  margin-top: 0 !important;
}

.mob-header-search-suggestion {
  position: fixed;
  z-index: var(--z-index-sticky, 11);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.mob-header-search-suggestion.hide {
  display: none !important;
}
.mob-header-search-suggestion__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-shades-0, #fff);
  box-shadow: 0 0.375rem 0.375rem rgba(0, 0, 0, 0.3);
  pointer-events: all;
}

/* =====================================
   PDP Two-Columns Layout
   Grid layout for product detail pages with gallery and aside columns.
   CSS variables computed by PdpLayoutController.ts:
   - --pdp-gallery-size: gallery column width (exposed on #product-page)
   - --pdp-gallery-sticky-top: sticky offset (exposed on [data-pdp-layout])

   NOTE: Uses #product-page parent for specificity to override legacy styles
   without modifying the legacy _layouts.scss file.
===================================== */
@media (min-width: 960px) {
  #product-page .pdp-two-columns-layout {
    grid-template-columns: var(--pdp-gallery-size, 50%) 1fr;
  }
}
@media (min-width: 960px) {
  #product-page .pdp-two-columns-layout__gallery {
    aspect-ratio: 1/1;
    max-height: var(--pdp-gallery-size, auto);
    overflow: hidden;
    position: sticky;
    top: var(--pdp-gallery-sticky-top, 0);
    align-self: start;
    transition: top 10ms ease, max-height 10ms ease;
  }
}
@media (min-width: 960px) {
  #product-page .pdp-two-columns-layout__aside {
    padding-right: 5vw !important;
  }
}
#product-page .pdp-two-columns-layout__aside [data-js-cta-flag] {
  margin-top: calc(var(--spacing-s) * -1);
}

.pdp-reinsurance {
  padding: 20px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 960px) {
  .pdp-reinsurance {
    padding: 12px 22px;
  }
}

@media (max-width: 959px) {
  .cross-sell-grid {
    padding: var(--spacing-s);
  }
}

.yr-product-list [data-js=product-list-grid] {
  --grid-gutter-y: 1.5rem;
}
@media (min-width: 728px) {
  .yr-product-list [data-js=product-list-grid] {
    --grid-gutter-x: 3rem;
    --grid-gutter-y: 3rem;
  }
}
@media (min-width: 728px) {
  .yr-product-list .yr-product-card {
    --yr-product-card-height: 35.3125rem;
  }
}
@media (min-width: 728px) {
  .yr-product-list .yr-product-card .yr-product-card__media {
    height: 21.3125rem;
    max-height: 21.3125rem;
  }
}
@media (min-width: 728px) {
  .yr-product-list .yr-editorial-card-image {
    --yr-product-card-height: 35.3125rem;
  }
}

/* =====================================
   WISHLIST BUTTON
   Bouton cœur (favoris) utilisé sur PDP et cards produit
===================================== */
.yr-wishlist-button-wrapper {
  position: absolute;
  top: calc(var(--spacing-xs) + 2px);
  right: 5vw;
  z-index: 3;
}
@media (min-width: 960px) {
  .yr-wishlist-button-wrapper {
    top: calc(var(--gutter-5) + 2px);
  }
}

.yr-wishlist-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9375rem;
  height: 1.9375rem;
  cursor: pointer;
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-circle);
}
.yr-wishlist-button yr-icon {
  pointer-events: none;
}

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

/* Basic HTML rules */
html {
  box-sizing: border-box;
  height: 100%;
  -ms-overflow-style: scrollbar;
}

/* Reset box-model components */
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-family-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Loading overlay for AJAX - covers everything including modals */
.ajax-loading::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: auto;
}

.ajax-loading::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border: 6px solid var(--color-shades-20, #e5e5e5);
  border-top-color: var(--color-primary, #014E2E);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 10000;
}

/* Override cursor wait from AjaxComponent when using spinner */
.ajax-loading ~ * {
  cursor: default !important;
}

body:has(.ajax-loading) {
  cursor: default !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}