:root,
  ::before,
  ::after {
  --color-black: 0 0 0;
  --color-white: 255 255 255;
  /* PRIMARY COLOR */
  --color-primary: 229 49 56;
  /* #E53138 */
  --color-primary-100: 247 193 195;
  /* #F7C1C3 */
  --color-primary-200: 242 152 156;
  /* #F2989C */
  --color-primary-300: 237 111 116;
  /* #ED6F74*/
  --color-primary-400: 234 90 96;
  /* #EA5A69 */
  --color-primary-600: 206 44 50;
  /* #CE2C32 */
  --color-primary-700: 183 39 45;
  /* #B7272D */
  --color-primary-800: 160 34 39;
  /* #A02227 */
  --color-primary-900: 137 29 34;
  /* #891D22 */
  --color-primary-dark: 115 25 28;
  /* #73191C */
  /* GRAY */
  --color-gray-100: 252 252 252;
  --color-gray-200: 246 246 246;
  --color-gray-300: 242 242 242;
  --color-gray-400: 230 230 230;
  --color-gray: 224 224 224;
  --color-gray-500: 204 204 204;
  --color-gray-600: 178 178 178;
  --color-gray-700: 165 165 165;
  --color-gray-800: 153 153 153;
  --color-gray-900: 51 51 51;
  --color-gray-dark: 127 127 127;
  /* SUCCESS */
  --forest-green-300: 139 234 161;
  --forest-green-400: 80 216 113;
  --forest-green-500: 41 190 78;
  --forest-green-600: 31 173 66;
  --forest-green-700: 26 123 50;
  /* ERRORS */
  --old-brick-300: 253 164 164;
  --old-brick-400: 249 112 112;
  --old-brick-500: 240 67 67;
  --old-brick-600: 221 37 37;
  --old-brick-700: 186 27 27;
  /* CTAs / Action Elements */
  --color-highlight-primary: var(--color-black);
  --color-highlight-secondary: var(--color-primary);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Theming can be added for different sites (ie Eurotrophy)
 * @see https://fredmansky.atlassian.net/browse/ROTAX-528
 */

.rotaxEurotrophy {
  --color-highlight-primary: 51 44 139;
  --color-highlight-secondary: 51 44 139;
}

.redactor-dropdown {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.redactor-in h2,  .redactor-dropdown h2 {
  font-size: clamp(1.601806640625rem, calc(1.601806640625rem + ((2.593994140625 - 1.601806640625) * ((100vw - 20rem) / (96 - 20)))), 2.593994140625rem) !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

.redactor-in h3,  .redactor-dropdown h3 {
  font-size: clamp(1.423828125rem, calc(1.423828125rem + ((2.0751953125 - 1.423828125) * ((100vw - 20rem) / (96 - 20)))), 2.0751953125rem) !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

.redactor-in h4,  .redactor-dropdown h4 {
  font-size: clamp(1.125rem, calc(1.125rem + ((1.328125 - 1.125) * ((100vw - 20rem) / (96 - 20)))), 1.328125rem) !important;
  line-height: 1.5 !important;
  margin-bottom: 1rem !important;
}

.redactor-in a, .redactor-dropdown a {
  color: rgb(var(--color-black) / 1);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.redactor-in a:hover, .redactor-dropdown a:hover {
  color: rgb(var(--color-primary) / 1) !important;
}

.redactor-in .link,
  .redactor-in .redactor-dropdown-item-primary,
  .redactor-in .redactor-dropdown-item-secondary,
  .redactor-in .redactor-dropdown-item-link,
  .redactor-dropdown .link,
  .redactor-dropdown .redactor-dropdown-item-primary,
  .redactor-dropdown .redactor-dropdown-item-secondary,
  .redactor-dropdown .redactor-dropdown-item-link {
  display: inline-flex;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  align-items: center;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: 1rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 0.5rem;
}

.redactor-in .link:focus, .redactor-in .redactor-dropdown-item-primary:focus, .redactor-in .redactor-dropdown-item-secondary:focus, .redactor-in .redactor-dropdown-item-link:focus, .redactor-dropdown .link:focus, .redactor-dropdown .redactor-dropdown-item-primary:focus, .redactor-dropdown .redactor-dropdown-item-secondary:focus, .redactor-dropdown .redactor-dropdown-item-link:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.redactor-in .link:focus-visible, .redactor-in .redactor-dropdown-item-primary:focus-visible, .redactor-in .redactor-dropdown-item-secondary:focus-visible, .redactor-in .redactor-dropdown-item-link:focus-visible, .redactor-dropdown .link:focus-visible, .redactor-dropdown .redactor-dropdown-item-primary:focus-visible, .redactor-dropdown .redactor-dropdown-item-secondary:focus-visible, .redactor-dropdown .redactor-dropdown-item-link:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-color: rgb(var(--color-primary-600) / 1);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, #000);
}

.redactor-in .link::before,  .redactor-in .redactor-dropdown-item-primary::before,  .redactor-in .redactor-dropdown-item-secondary::before,  .redactor-in .redactor-dropdown-item-link::before,  .redactor-dropdown .link::before,  .redactor-dropdown .redactor-dropdown-item-primary::before,  .redactor-dropdown .redactor-dropdown-item-secondary::before,  .redactor-dropdown .redactor-dropdown-item-link::before {
  height: 1.5rem;
  width: 1.5rem;
  content: '';
  background-image: url('https://www.rotax-racing.com/dist/images/svg/chevron-white.svg');
}

.redactor-in .link--primary,
  .redactor-in .redactor-dropdown-item-primary,
  .redactor-dropdown .link--primary,
  .redactor-dropdown .redactor-dropdown-item-primary {
  color: rgb(var(--color-white) / 1) !important;
  border-width: 2px;
  border-color: rgb(var(--color-black) / 0%);
  background-color: rgb(var(--color-black) / 1);
}

.group:hover .redactor-in .link--primary,
    .redactor-in .link--primary:hover,
    .group:hover .redactor-in .redactor-dropdown-item-primary,
    .redactor-in .redactor-dropdown-item-primary:hover,
    .group:hover .redactor-dropdown .link--primary,
    .redactor-dropdown .link--primary:hover,
    .group:hover .redactor-dropdown .redactor-dropdown-item-primary,
    .redactor-dropdown .redactor-dropdown-item-primary:hover {
  color: rgb(var(--color-white) / 1) !important;
  background-color: rgb(var(--color-black) / 1) !important;
}

.redactor-in .link--secondary,
  .redactor-in .redactor-dropdown-item-secondary,
  .redactor-dropdown .link--secondary,
  .redactor-dropdown .redactor-dropdown-item-secondary {
  color: rgb(var(--color-white) / 1) !important;
  background-color: rgb(var(--color-primary) / 1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.redactor-in .link--secondary:hover, .redactor-in .redactor-dropdown-item-secondary:hover, .redactor-dropdown .link--secondary:hover, .redactor-dropdown .redactor-dropdown-item-secondary:hover {
  color: rgb(var(--color-white) / 1) !important;
  background-color: rgb(var(--color-primary) / 1) !important;
}

.redactor-in .link--link,
  .redactor-in .redactor-dropdown-item-link,
  .redactor-dropdown .link--link,
  .redactor-dropdown .redactor-dropdown-item-link {
  padding: 0;
  gap: 0.5rem;
  color: rgb(var(--color-black) / 1) !important;
}

.redactor-in .link--link::before, .redactor-in .redactor-dropdown-item-link::before, .redactor-dropdown .link--link::before, .redactor-dropdown .redactor-dropdown-item-link::before {
  background-image: url('https://www.rotax-racing.com/dist/images/svg/chevron.svg');
}

.redactor-in .link--link:hover, .redactor-in .redactor-dropdown-item-link:hover, .redactor-dropdown .link--link:hover, .redactor-dropdown .redactor-dropdown-item-link:hover {
  color: rgb(var(--color-primary) / 1) !important;
}

.redactor-in .link--link:hover::before, .redactor-in .redactor-dropdown-item-link:hover::before, .redactor-dropdown .link--link:hover::before, .redactor-dropdown .redactor-dropdown-item-link:hover::before {
  background-image: url('https://www.rotax-racing.com/dist/images/svg/chevron-red.svg');
}

.redactor-in .link--appstore:hover,
.redactor-in .link--googleplay:hover {
  color: transparent !important;
}

.redactor-in .link--appstore:before,
.redactor-in .link--googleplay:before {
  background-image: none;
}

.redactor-dropdown-item-appstore {
  background-image: url('https://www.rotax-racing.com/dist/images/svg/appstore.svg');
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: left center;
}

.redactor-in .link--appstore {
  background-image: url('https://www.rotax-racing.com/dist/images/svg/appstore.svg');
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
  width: 12rem !important;
  height: 4rem;
  background-size: 95% auto;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.redactor-in .link--googleplay{
  background-image: url('https://www.rotax-racing.com/dist/images/svg/googleplay.svg');
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
  width: 12rem;
  height: 4rem;
  background-size: 95% auto;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.redactor-dropdown-item-googleplay {
  background-image: url('https://www.rotax-racing.com/dist/images/svg/googleplay.svg');
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 0px !important;
}