@font-face {
  font-family: "Flyer";
  src: url("https://static.rainfocus.com/wwgf/wwg25/static/staticfile/staticfile/Flyer-BlackCondensed_1725984069008001oPOn.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
/*** GOTHIC FONTS ***/
/*Gotham-Ultra*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 800;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Ultra_1673392265016001fV4t.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Ultra_1673392264883001fs3V.woff") format("woff");
}
/*Gotham-UltraItalic*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 800;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-UltraItalic_1673392265356001favP.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-UltraItalic_1673392265196001fKxI.woff") format("woff");
}
/*Gotham-Black*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 700;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Black_1673392262438001flR9.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Black_1673392261874001fj2V.woff") format("woff");
}
/*Gotham-BlackItalic*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 700;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-BlackItalic_1673392262796001fnn8.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-BlackItalic_1673392262616001fLwZ.woff") format("woff");
}
/*Gotham-Bold*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 600;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Bold_1673392263080001fXsf.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Bold_1673392262929001f4up.woff") format("woff");
}
/*Gotham-BoldItalic*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 600;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Bold_1673392263080001fXsf.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Bold_1673392262929001f4up.woff") format("woff");
}
/*Gotham-Medium Normal*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 500;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Medium_1673392264398001f9ty.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Medium_1673392264260001fhmd.woff") format("woff");
}
/*Gotham-MediumItalic Normal*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 500;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Medium_1673392264398001f9ty.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Medium_1673392264260001fhmd.woff") format("woff");
}
/*Gotham-Book*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 400;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Book_1673392263412001flbM.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Book_1673392263244001fPbk.woff") format("woff");
}
/*Gotham-Book */
@font-face {
  font-family: "FHH Gothic";
  font-weight: 400;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Book_1673392263412001flbM.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Book_1673392263244001fPbk.woff") format("woff");
}
/*Gotham-Light*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 200;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Light_1673392263829001fb63.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Light_1673392263647001fMcv.woff") format("woff");
}
/*Gotham-LightItalic*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 200;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-LightItalic_1673392264091001fD5H.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-LightItalic_1673392263963001fKJk.woff") format("woff");
}
/*Gotham-Thin*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 100;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Thin_1673392264744001fgOq.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Thin_1673392264612001fS6l.woff") format("woff");
}
/*Gotham-ThinItalic*/
@font-face {
  font-family: "FHH Gothic";
  font-weight: 100;
  font-style: italic;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Thin_1673392264744001fgOq.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/Gotham-Thin_1673392264612001fS6l.woff") format("woff");
}
/*** KAISER FONTS ***/
/*KaiserHarunoUmi-Bold*/
@font-face {
  font-family: "KaiserHarunoUmi";
  font-weight: 600;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Bold_1673392265767001fbdc.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Bold_1673392265556001fle5.woff") format("woff");
}
/*KaiserHarunoUmi-Medium*/
@font-face {
  font-family: "KaiserHarunoUmi";
  font-weight: 500;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Medium_1673392266199001fKFr.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Medium_1673392265988001fZAG.woff") format("woff");
}
/*KaiserHarunoUmi-Regular*/
@font-face {
  font-family: "KaiserHarunoUmi";
  font-weight: 400;
  src: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Regular_1673392266626001fWiU.woff2") format("woff2"), url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg23/static/staticfile/staticfile/KaiseiHarunoUmi-Regular_1673392266437001fUWo.woff") format("woff");
}
:root {
  --rf-brand-font-family: "FHH Gothic", sans-serif;
  --rf-brand-font-family-heading: "FHH Gothic", sans-serif;
  --fhh-header-font: "KaiserHarunoUmi";
  --flyer-font: "Flyer", sans-serif;
  --ww-gold: #d7b360;
  --ww-dark-grey: #333;
  --ww-white: #fff;
  --ww-dark: #333;
  --fhh-gold: #D2B36C;
  --fhh-alpha-gold: #ae8d5e;
  --fhh-orange: #CC4F1C;
  --fhh-red: #E14B11;
  --fhh-white: #fff;
  --fhh-light: #F5F5F5;
  --fhh-black: #000;
  --fhh-gray: #707070;
  --fhh-light-gray: #C5C5C5;
  --fhh-light-gray-alt: #EBEBEB;
  --fhh-dark-gray: #3B3B3B;
  --fhh-dark: #333333;
  --fhh-disabled: var(--fhh-gray-alt);
  --fhh-background: var(--rf-brand-color-background);
  --fhh-surface: var(--fhh-white);
  --fhh-surface-2: var(--fhh-white);
  --fhh-border-color: var(--fhh-light-gray);
  --fhh-border-color-dark: var(--fhh-gray);
  --fhh-link: var(--fhh-white);
  --fhh-active-link: var(--fhh-gold);
  --rf-brand-color-primary: var(--fhh-orange);
  --rf-brand-color-secondary: var(--fhh-orange);
  --rf-brand-color-primary-hover: var(--fhh-orange);
  --rf-brand-color-background: var(--fhh-light);
  --rf-brand-color-surface: var(--fhh-surface);
  --rf-brand-color-surface-2: var(--fhh-surface);
  --rf-comp-button-primary-color-background: var(--rf-brand-color-primary);
  --rf-comp-button-primary-hover-color-background: var(--rf-brand-color-primary);
  --rf-comp-button-primary-color-border: var(--rf-brand-color-primary);
  --rf-comp-button-primary-hover-color-border: var(--rf-brand-color-primary);
  --rf-comp-button-primary-color-on-background: var(--fhh-white);
  --rf-comp-button-primary-hover-color-on-background: var(--fhh-white);
  --rf-comp-button-font-transform: initial;
  --rf-brand-button-primary-accent: var(--ww-gold);
  --rf-brand-text-primary-color: var(--ww-dark);
  --rf-brand-color-background-light: var(--ww-white);
  --rf-comp-button-secondary-color-background: transparent;
  --rf-comp-button-secondary-color-on-background: var(--rf-brand-color-secondary);
  --rf-comp-button-secondary-color-border: var(--rf-brand-color-secondary);
  --rf-comp-button-secondary-hover-color-background: transparent;
  --rf-brand-color-status-disabled: var(--fhh-light-gray);
  --icon-color: var(--fhh-light-gray);
  --rf-brand-color-border: var(--fhh-light-gray);
  --rf-brand-shape-radius: 4px;
  --rf-brand-accessibility-color: var(--fhh-gold);
  --rf-comp-input-active-color-border: var(--fhh-gold);
  --rf-brand-elevation-focus-indicator-shadow: 0 0 0 3px var(--fhh-dark-gray);
  --rf-brand-color-text-heading: var(--fhh-dark);
  --rf-brand-color-text-body: var(--fhh-dark);
  --fhh-on-light-background-color: var(--fhh-dark);
  --space-2: 12px;
  --space-4: 24px;
  --rf-comp-button-shape-border-width: 1px;
  --rf-system-color-neutral-60: var(--fhh-dark);
}

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

.text-ellipses {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.no-min-height div {
  min-height: auto !important;
}

.equal-heights .flex-box-child div {
  height: 100%;
}

@media all and (max-width: 767px) {
  .flex-wrap-small {
    flex-wrap: wrap;
  }
}
/* Margin and Padding Util Classes */
.p-0 {
  padding: var(--space-0);
}

.pl-0 {
  padding-left: var(--space-0) !important;
}

.pr-0 {
  padding-right: var(--space-0) !important;
}

.pt-0 {
  padding-top: var(--space-0) !important;
}

.pb-0 {
  padding-bottom: var(--space-0) !important;
}

.px-0 {
  padding-left: var(--space-0) !important;
  padding-right: var(--space-0) !important;
}

.py-0 {
  padding-top: var(--space-0) !important;
  padding-bottom: var(--space-0) !important;
}

.p-1 {
  padding: var(--space-1);
}

.pl-1 {
  padding-left: var(--space-1) !important;
}

.pr-1 {
  padding-right: var(--space-1) !important;
}

.pt-1 {
  padding-top: var(--space-1) !important;
}

.pb-1 {
  padding-bottom: var(--space-1) !important;
}

.px-1 {
  padding-left: var(--space-1) !important;
  padding-right: var(--space-1) !important;
}

.py-1 {
  padding-top: var(--space-1) !important;
  padding-bottom: var(--space-1) !important;
}

.p-2 {
  padding: var(--space-2);
}

.pl-2 {
  padding-left: var(--space-2) !important;
}

.pr-2 {
  padding-right: var(--space-2) !important;
}

.pt-2 {
  padding-top: var(--space-2) !important;
}

.pb-2 {
  padding-bottom: var(--space-2) !important;
}

.px-2 {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
}

.py-2 {
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.p-3 {
  padding: var(--space-3);
}

.pl-3 {
  padding-left: var(--space-3) !important;
}

.pr-3 {
  padding-right: var(--space-3) !important;
}

.pt-3 {
  padding-top: var(--space-3) !important;
}

.pb-3 {
  padding-bottom: var(--space-3) !important;
}

.px-3 {
  padding-left: var(--space-3) !important;
  padding-right: var(--space-3) !important;
}

.py-3 {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-3) !important;
}

.p-4 {
  padding: var(--space-4);
}

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

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

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

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

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

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

.p-5 {
  padding: var(--space-5);
}

.pl-5 {
  padding-left: var(--space-5) !important;
}

.pr-5 {
  padding-right: var(--space-5) !important;
}

.pt-5 {
  padding-top: var(--space-5) !important;
}

.pb-5 {
  padding-bottom: var(--space-5) !important;
}

.px-5 {
  padding-left: var(--space-5) !important;
  padding-right: var(--space-5) !important;
}

.py-5 {
  padding-top: var(--space-5) !important;
  padding-bottom: var(--space-5) !important;
}

.p-6 {
  padding: var(--space-6);
}

.pl-6 {
  padding-left: var(--space-6) !important;
}

.pr-6 {
  padding-right: var(--space-6) !important;
}

.pt-6 {
  padding-top: var(--space-6) !important;
}

.pb-6 {
  padding-bottom: var(--space-6) !important;
}

.px-6 {
  padding-left: var(--space-6) !important;
  padding-right: var(--space-6) !important;
}

.py-6 {
  padding-top: var(--space-6) !important;
  padding-bottom: var(--space-6) !important;
}

.p-8 {
  padding: var(--space-8);
}

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

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

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

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

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

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

.p-10 {
  padding: var(--space-10);
}

.pl-10 {
  padding-left: var(--space-10) !important;
}

.pr-10 {
  padding-right: var(--space-10) !important;
}

.pt-10 {
  padding-top: var(--space-10) !important;
}

.pb-10 {
  padding-bottom: var(--space-10) !important;
}

.px-10 {
  padding-left: var(--space-10) !important;
  padding-right: var(--space-10) !important;
}

.py-10 {
  padding-top: var(--space-10) !important;
  padding-bottom: var(--space-10) !important;
}

.p-12 {
  padding: var(--space-12);
}

.pl-12 {
  padding-left: var(--space-12) !important;
}

.pr-12 {
  padding-right: var(--space-12) !important;
}

.pt-12 {
  padding-top: var(--space-12) !important;
}

.pb-12 {
  padding-bottom: var(--space-12) !important;
}

.px-12 {
  padding-left: var(--space-12) !important;
  padding-right: var(--space-12) !important;
}

.py-12 {
  padding-top: var(--space-12) !important;
  padding-bottom: var(--space-12) !important;
}

.p-16 {
  padding: var(--space-16);
}

.pl-16 {
  padding-left: var(--space-16) !important;
}

.pr-16 {
  padding-right: var(--space-16) !important;
}

.pt-16 {
  padding-top: var(--space-16) !important;
}

.pb-16 {
  padding-bottom: var(--space-16) !important;
}

.px-16 {
  padding-left: var(--space-16) !important;
  padding-right: var(--space-16) !important;
}

.py-16 {
  padding-top: var(--space-16) !important;
  padding-bottom: var(--space-16) !important;
}

.p-20 {
  padding: var(--space-20);
}

.pl-20 {
  padding-left: var(--space-20) !important;
}

.pr-20 {
  padding-right: var(--space-20) !important;
}

.pt-20 {
  padding-top: var(--space-20) !important;
}

.pb-20 {
  padding-bottom: var(--space-20) !important;
}

.px-20 {
  padding-left: var(--space-20) !important;
  padding-right: var(--space-20) !important;
}

.py-20 {
  padding-top: var(--space-20) !important;
  padding-bottom: var(--space-20) !important;
}

.p-24 {
  padding: var(--space-24);
}

.pl-24 {
  padding-left: var(--space-24) !important;
}

.pr-24 {
  padding-right: var(--space-24) !important;
}

.pt-24 {
  padding-top: var(--space-24) !important;
}

.pb-24 {
  padding-bottom: var(--space-24) !important;
}

.px-24 {
  padding-left: var(--space-24) !important;
  padding-right: var(--space-24) !important;
}

.py-24 {
  padding-top: var(--space-24) !important;
  padding-bottom: var(--space-24) !important;
}

.p-32 {
  padding: var(--space-32);
}

.pl-32 {
  padding-left: var(--space-32) !important;
}

.pr-32 {
  padding-right: var(--space-32) !important;
}

.pt-32 {
  padding-top: var(--space-32) !important;
}

.pb-32 {
  padding-bottom: var(--space-32) !important;
}

.px-32 {
  padding-left: var(--space-32) !important;
  padding-right: var(--space-32) !important;
}

.py-32 {
  padding-top: var(--space-32) !important;
  padding-bottom: var(--space-32) !important;
}

.p-40 {
  padding: var(--space-40);
}

.pl-40 {
  padding-left: var(--space-40) !important;
}

.pr-40 {
  padding-right: var(--space-40) !important;
}

.pt-40 {
  padding-top: var(--space-40) !important;
}

.pb-40 {
  padding-bottom: var(--space-40) !important;
}

.px-40 {
  padding-left: var(--space-40) !important;
  padding-right: var(--space-40) !important;
}

.py-40 {
  padding-top: var(--space-40) !important;
  padding-bottom: var(--space-40) !important;
}

.p-48 {
  padding: var(--space-48);
}

.pl-48 {
  padding-left: var(--space-48) !important;
}

.pr-48 {
  padding-right: var(--space-48) !important;
}

.pt-48 {
  padding-top: var(--space-48) !important;
}

.pb-48 {
  padding-bottom: var(--space-48) !important;
}

.px-48 {
  padding-left: var(--space-48) !important;
  padding-right: var(--space-48) !important;
}

.py-48 {
  padding-top: var(--space-48) !important;
  padding-bottom: var(--space-48) !important;
}

.p-56 {
  padding: var(--space-56);
}

.pl-56 {
  padding-left: var(--space-56) !important;
}

.pr-56 {
  padding-right: var(--space-56) !important;
}

.pt-56 {
  padding-top: var(--space-56) !important;
}

.pb-56 {
  padding-bottom: var(--space-56) !important;
}

.px-56 {
  padding-left: var(--space-56) !important;
  padding-right: var(--space-56) !important;
}

.py-56 {
  padding-top: var(--space-56) !important;
  padding-bottom: var(--space-56) !important;
}

.p-64 {
  padding: var(--space-64);
}

.pl-64 {
  padding-left: var(--space-64) !important;
}

.pr-64 {
  padding-right: var(--space-64) !important;
}

.pt-64 {
  padding-top: var(--space-64) !important;
}

.pb-64 {
  padding-bottom: var(--space-64) !important;
}

.px-64 {
  padding-left: var(--space-64) !important;
  padding-right: var(--space-64) !important;
}

.py-64 {
  padding-top: var(--space-64) !important;
  padding-bottom: var(--space-64) !important;
}

.m-0 {
  margin: var(--space-0);
}

.ml-0 {
  margin-left: var(--space-0) !important;
}

.mr-0 {
  margin-right: var(--space-0) !important;
}

.mt-0 {
  margin-top: var(--space-0) !important;
}

.mb-0 {
  margin-bottom: var(--space-0) !important;
}

.mx-0 {
  margin-left: var(--space-0) !important;
  margin-right: var(--space-0) !important;
}

.my-0 {
  margin-top: var(--space-0) !important;
  margin-bottom: var(--space-0) !important;
}

.m-1 {
  margin: var(--space-1);
}

.ml-1 {
  margin-left: var(--space-1) !important;
}

.mr-1 {
  margin-right: var(--space-1) !important;
}

.mt-1 {
  margin-top: var(--space-1) !important;
}

.mb-1 {
  margin-bottom: var(--space-1) !important;
}

.mx-1 {
  margin-left: var(--space-1) !important;
  margin-right: var(--space-1) !important;
}

.my-1 {
  margin-top: var(--space-1) !important;
  margin-bottom: var(--space-1) !important;
}

.m-2 {
  margin: var(--space-2);
}

.ml-2 {
  margin-left: var(--space-2) !important;
}

.mr-2 {
  margin-right: var(--space-2) !important;
}

.mt-2 {
  margin-top: var(--space-2) !important;
}

.mb-2 {
  margin-bottom: var(--space-2) !important;
}

.mx-2 {
  margin-left: var(--space-2) !important;
  margin-right: var(--space-2) !important;
}

.my-2 {
  margin-top: var(--space-2) !important;
  margin-bottom: var(--space-2) !important;
}

.m-3 {
  margin: var(--space-3);
}

.ml-3 {
  margin-left: var(--space-3) !important;
}

.mr-3 {
  margin-right: var(--space-3) !important;
}

.mt-3 {
  margin-top: var(--space-3) !important;
}

.mb-3 {
  margin-bottom: var(--space-3) !important;
}

.mx-3 {
  margin-left: var(--space-3) !important;
  margin-right: var(--space-3) !important;
}

.my-3 {
  margin-top: var(--space-3) !important;
  margin-bottom: var(--space-3) !important;
}

.m-4 {
  margin: var(--space-4);
}

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

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

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

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

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

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

.m-5 {
  margin: var(--space-5);
}

.ml-5 {
  margin-left: var(--space-5) !important;
}

.mr-5 {
  margin-right: var(--space-5) !important;
}

.mt-5 {
  margin-top: var(--space-5) !important;
}

.mb-5 {
  margin-bottom: var(--space-5) !important;
}

.mx-5 {
  margin-left: var(--space-5) !important;
  margin-right: var(--space-5) !important;
}

.my-5 {
  margin-top: var(--space-5) !important;
  margin-bottom: var(--space-5) !important;
}

.m-6 {
  margin: var(--space-6);
}

.ml-6 {
  margin-left: var(--space-6) !important;
}

.mr-6 {
  margin-right: var(--space-6) !important;
}

.mt-6 {
  margin-top: var(--space-6) !important;
}

.mb-6 {
  margin-bottom: var(--space-6) !important;
}

.mx-6 {
  margin-left: var(--space-6) !important;
  margin-right: var(--space-6) !important;
}

.my-6 {
  margin-top: var(--space-6) !important;
  margin-bottom: var(--space-6) !important;
}

.m-8 {
  margin: var(--space-8);
}

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

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

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

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

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

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

.m-10 {
  margin: var(--space-10);
}

.ml-10 {
  margin-left: var(--space-10) !important;
}

.mr-10 {
  margin-right: var(--space-10) !important;
}

.mt-10 {
  margin-top: var(--space-10) !important;
}

.mb-10 {
  margin-bottom: var(--space-10) !important;
}

.mx-10 {
  margin-left: var(--space-10) !important;
  margin-right: var(--space-10) !important;
}

.my-10 {
  margin-top: var(--space-10) !important;
  margin-bottom: var(--space-10) !important;
}

.m-12 {
  margin: var(--space-12);
}

.ml-12 {
  margin-left: var(--space-12) !important;
}

.mr-12 {
  margin-right: var(--space-12) !important;
}

.mt-12 {
  margin-top: var(--space-12) !important;
}

.mb-12 {
  margin-bottom: var(--space-12) !important;
}

.mx-12 {
  margin-left: var(--space-12) !important;
  margin-right: var(--space-12) !important;
}

.my-12 {
  margin-top: var(--space-12) !important;
  margin-bottom: var(--space-12) !important;
}

.m-16 {
  margin: var(--space-16);
}

.ml-16 {
  margin-left: var(--space-16) !important;
}

.mr-16 {
  margin-right: var(--space-16) !important;
}

.mt-16 {
  margin-top: var(--space-16) !important;
}

.mb-16 {
  margin-bottom: var(--space-16) !important;
}

.mx-16 {
  margin-left: var(--space-16) !important;
  margin-right: var(--space-16) !important;
}

.my-16 {
  margin-top: var(--space-16) !important;
  margin-bottom: var(--space-16) !important;
}

.m-20 {
  margin: var(--space-20);
}

.ml-20 {
  margin-left: var(--space-20) !important;
}

.mr-20 {
  margin-right: var(--space-20) !important;
}

.mt-20 {
  margin-top: var(--space-20) !important;
}

.mb-20 {
  margin-bottom: var(--space-20) !important;
}

.mx-20 {
  margin-left: var(--space-20) !important;
  margin-right: var(--space-20) !important;
}

.my-20 {
  margin-top: var(--space-20) !important;
  margin-bottom: var(--space-20) !important;
}

.m-24 {
  margin: var(--space-24);
}

.ml-24 {
  margin-left: var(--space-24) !important;
}

.mr-24 {
  margin-right: var(--space-24) !important;
}

.mt-24 {
  margin-top: var(--space-24) !important;
}

.mb-24 {
  margin-bottom: var(--space-24) !important;
}

.mx-24 {
  margin-left: var(--space-24) !important;
  margin-right: var(--space-24) !important;
}

.my-24 {
  margin-top: var(--space-24) !important;
  margin-bottom: var(--space-24) !important;
}

.m-32 {
  margin: var(--space-32);
}

.ml-32 {
  margin-left: var(--space-32) !important;
}

.mr-32 {
  margin-right: var(--space-32) !important;
}

.mt-32 {
  margin-top: var(--space-32) !important;
}

.mb-32 {
  margin-bottom: var(--space-32) !important;
}

.mx-32 {
  margin-left: var(--space-32) !important;
  margin-right: var(--space-32) !important;
}

.my-32 {
  margin-top: var(--space-32) !important;
  margin-bottom: var(--space-32) !important;
}

.m-40 {
  margin: var(--space-40);
}

.ml-40 {
  margin-left: var(--space-40) !important;
}

.mr-40 {
  margin-right: var(--space-40) !important;
}

.mt-40 {
  margin-top: var(--space-40) !important;
}

.mb-40 {
  margin-bottom: var(--space-40) !important;
}

.mx-40 {
  margin-left: var(--space-40) !important;
  margin-right: var(--space-40) !important;
}

.my-40 {
  margin-top: var(--space-40) !important;
  margin-bottom: var(--space-40) !important;
}

.m-48 {
  margin: var(--space-48);
}

.ml-48 {
  margin-left: var(--space-48) !important;
}

.mr-48 {
  margin-right: var(--space-48) !important;
}

.mt-48 {
  margin-top: var(--space-48) !important;
}

.mb-48 {
  margin-bottom: var(--space-48) !important;
}

.mx-48 {
  margin-left: var(--space-48) !important;
  margin-right: var(--space-48) !important;
}

.my-48 {
  margin-top: var(--space-48) !important;
  margin-bottom: var(--space-48) !important;
}

.m-56 {
  margin: var(--space-56);
}

.ml-56 {
  margin-left: var(--space-56) !important;
}

.mr-56 {
  margin-right: var(--space-56) !important;
}

.mt-56 {
  margin-top: var(--space-56) !important;
}

.mb-56 {
  margin-bottom: var(--space-56) !important;
}

.mx-56 {
  margin-left: var(--space-56) !important;
  margin-right: var(--space-56) !important;
}

.my-56 {
  margin-top: var(--space-56) !important;
  margin-bottom: var(--space-56) !important;
}

.m-64 {
  margin: var(--space-64);
}

.ml-64 {
  margin-left: var(--space-64) !important;
}

.mr-64 {
  margin-right: var(--space-64) !important;
}

.mt-64 {
  margin-top: var(--space-64) !important;
}

.mb-64 {
  margin-bottom: var(--space-64) !important;
}

.mx-64 {
  margin-left: var(--space-64) !important;
  margin-right: var(--space-64) !important;
}

.my-64 {
  margin-top: var(--space-64) !important;
  margin-bottom: var(--space-64) !important;
}

@media all and (max-width: 767px) {
  .sm\:p-0 {
    padding: var(--space-0);
  }
  .sm\:pl-0 {
    padding-left: var(--space-0) !important;
  }
  .sm\:pr-0 {
    padding-right: var(--space-0) !important;
  }
  .sm\:pt-0 {
    padding-top: var(--space-0) !important;
  }
  .sm\:pb-0 {
    padding-bottom: var(--space-0) !important;
  }
  .sm\:px-0 {
    padding-left: var(--space-0) !important;
    padding-right: var(--space-0) !important;
  }
  .sm\:py-0 {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .sm\:p-1 {
    padding: var(--space-1);
  }
  .sm\:pl-1 {
    padding-left: var(--space-1) !important;
  }
  .sm\:pr-1 {
    padding-right: var(--space-1) !important;
  }
  .sm\:pt-1 {
    padding-top: var(--space-1) !important;
  }
  .sm\:pb-1 {
    padding-bottom: var(--space-1) !important;
  }
  .sm\:px-1 {
    padding-left: var(--space-1) !important;
    padding-right: var(--space-1) !important;
  }
  .sm\:py-1 {
    padding-top: var(--space-1) !important;
    padding-bottom: var(--space-1) !important;
  }
  .sm\:p-2 {
    padding: var(--space-2);
  }
  .sm\:pl-2 {
    padding-left: var(--space-2) !important;
  }
  .sm\:pr-2 {
    padding-right: var(--space-2) !important;
  }
  .sm\:pt-2 {
    padding-top: var(--space-2) !important;
  }
  .sm\:pb-2 {
    padding-bottom: var(--space-2) !important;
  }
  .sm\:px-2 {
    padding-left: var(--space-2) !important;
    padding-right: var(--space-2) !important;
  }
  .sm\:py-2 {
    padding-top: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
  }
  .sm\:p-3 {
    padding: var(--space-3);
  }
  .sm\:pl-3 {
    padding-left: var(--space-3) !important;
  }
  .sm\:pr-3 {
    padding-right: var(--space-3) !important;
  }
  .sm\:pt-3 {
    padding-top: var(--space-3) !important;
  }
  .sm\:pb-3 {
    padding-bottom: var(--space-3) !important;
  }
  .sm\:px-3 {
    padding-left: var(--space-3) !important;
    padding-right: var(--space-3) !important;
  }
  .sm\:py-3 {
    padding-top: var(--space-3) !important;
    padding-bottom: var(--space-3) !important;
  }
  .sm\:p-4 {
    padding: var(--space-4);
  }
  .sm\:pl-4 {
    padding-left: var(--space-4) !important;
  }
  .sm\:pr-4 {
    padding-right: var(--space-4) !important;
  }
  .sm\:pt-4 {
    padding-top: var(--space-4) !important;
  }
  .sm\:pb-4 {
    padding-bottom: var(--space-4) !important;
  }
  .sm\:px-4 {
    padding-left: var(--space-4) !important;
    padding-right: var(--space-4) !important;
  }
  .sm\:py-4 {
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important;
  }
  .sm\:p-5 {
    padding: var(--space-5);
  }
  .sm\:pl-5 {
    padding-left: var(--space-5) !important;
  }
  .sm\:pr-5 {
    padding-right: var(--space-5) !important;
  }
  .sm\:pt-5 {
    padding-top: var(--space-5) !important;
  }
  .sm\:pb-5 {
    padding-bottom: var(--space-5) !important;
  }
  .sm\:px-5 {
    padding-left: var(--space-5) !important;
    padding-right: var(--space-5) !important;
  }
  .sm\:py-5 {
    padding-top: var(--space-5) !important;
    padding-bottom: var(--space-5) !important;
  }
  .sm\:p-6 {
    padding: var(--space-6);
  }
  .sm\:pl-6 {
    padding-left: var(--space-6) !important;
  }
  .sm\:pr-6 {
    padding-right: var(--space-6) !important;
  }
  .sm\:pt-6 {
    padding-top: var(--space-6) !important;
  }
  .sm\:pb-6 {
    padding-bottom: var(--space-6) !important;
  }
  .sm\:px-6 {
    padding-left: var(--space-6) !important;
    padding-right: var(--space-6) !important;
  }
  .sm\:py-6 {
    padding-top: var(--space-6) !important;
    padding-bottom: var(--space-6) !important;
  }
  .sm\:p-8 {
    padding: var(--space-8);
  }
  .sm\:pl-8 {
    padding-left: var(--space-8) !important;
  }
  .sm\:pr-8 {
    padding-right: var(--space-8) !important;
  }
  .sm\:pt-8 {
    padding-top: var(--space-8) !important;
  }
  .sm\:pb-8 {
    padding-bottom: var(--space-8) !important;
  }
  .sm\:px-8 {
    padding-left: var(--space-8) !important;
    padding-right: var(--space-8) !important;
  }
  .sm\:py-8 {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-8) !important;
  }
  .sm\:p-10 {
    padding: var(--space-10);
  }
  .sm\:pl-10 {
    padding-left: var(--space-10) !important;
  }
  .sm\:pr-10 {
    padding-right: var(--space-10) !important;
  }
  .sm\:pt-10 {
    padding-top: var(--space-10) !important;
  }
  .sm\:pb-10 {
    padding-bottom: var(--space-10) !important;
  }
  .sm\:px-10 {
    padding-left: var(--space-10) !important;
    padding-right: var(--space-10) !important;
  }
  .sm\:py-10 {
    padding-top: var(--space-10) !important;
    padding-bottom: var(--space-10) !important;
  }
  .sm\:p-12 {
    padding: var(--space-12);
  }
  .sm\:pl-12 {
    padding-left: var(--space-12) !important;
  }
  .sm\:pr-12 {
    padding-right: var(--space-12) !important;
  }
  .sm\:pt-12 {
    padding-top: var(--space-12) !important;
  }
  .sm\:pb-12 {
    padding-bottom: var(--space-12) !important;
  }
  .sm\:px-12 {
    padding-left: var(--space-12) !important;
    padding-right: var(--space-12) !important;
  }
  .sm\:py-12 {
    padding-top: var(--space-12) !important;
    padding-bottom: var(--space-12) !important;
  }
  .sm\:p-16 {
    padding: var(--space-16);
  }
  .sm\:pl-16 {
    padding-left: var(--space-16) !important;
  }
  .sm\:pr-16 {
    padding-right: var(--space-16) !important;
  }
  .sm\:pt-16 {
    padding-top: var(--space-16) !important;
  }
  .sm\:pb-16 {
    padding-bottom: var(--space-16) !important;
  }
  .sm\:px-16 {
    padding-left: var(--space-16) !important;
    padding-right: var(--space-16) !important;
  }
  .sm\:py-16 {
    padding-top: var(--space-16) !important;
    padding-bottom: var(--space-16) !important;
  }
  .sm\:p-20 {
    padding: var(--space-20);
  }
  .sm\:pl-20 {
    padding-left: var(--space-20) !important;
  }
  .sm\:pr-20 {
    padding-right: var(--space-20) !important;
  }
  .sm\:pt-20 {
    padding-top: var(--space-20) !important;
  }
  .sm\:pb-20 {
    padding-bottom: var(--space-20) !important;
  }
  .sm\:px-20 {
    padding-left: var(--space-20) !important;
    padding-right: var(--space-20) !important;
  }
  .sm\:py-20 {
    padding-top: var(--space-20) !important;
    padding-bottom: var(--space-20) !important;
  }
  .sm\:p-24 {
    padding: var(--space-24);
  }
  .sm\:pl-24 {
    padding-left: var(--space-24) !important;
  }
  .sm\:pr-24 {
    padding-right: var(--space-24) !important;
  }
  .sm\:pt-24 {
    padding-top: var(--space-24) !important;
  }
  .sm\:pb-24 {
    padding-bottom: var(--space-24) !important;
  }
  .sm\:px-24 {
    padding-left: var(--space-24) !important;
    padding-right: var(--space-24) !important;
  }
  .sm\:py-24 {
    padding-top: var(--space-24) !important;
    padding-bottom: var(--space-24) !important;
  }
  .sm\:p-32 {
    padding: var(--space-32);
  }
  .sm\:pl-32 {
    padding-left: var(--space-32) !important;
  }
  .sm\:pr-32 {
    padding-right: var(--space-32) !important;
  }
  .sm\:pt-32 {
    padding-top: var(--space-32) !important;
  }
  .sm\:pb-32 {
    padding-bottom: var(--space-32) !important;
  }
  .sm\:px-32 {
    padding-left: var(--space-32) !important;
    padding-right: var(--space-32) !important;
  }
  .sm\:py-32 {
    padding-top: var(--space-32) !important;
    padding-bottom: var(--space-32) !important;
  }
  .sm\:p-40 {
    padding: var(--space-40);
  }
  .sm\:pl-40 {
    padding-left: var(--space-40) !important;
  }
  .sm\:pr-40 {
    padding-right: var(--space-40) !important;
  }
  .sm\:pt-40 {
    padding-top: var(--space-40) !important;
  }
  .sm\:pb-40 {
    padding-bottom: var(--space-40) !important;
  }
  .sm\:px-40 {
    padding-left: var(--space-40) !important;
    padding-right: var(--space-40) !important;
  }
  .sm\:py-40 {
    padding-top: var(--space-40) !important;
    padding-bottom: var(--space-40) !important;
  }
  .sm\:p-48 {
    padding: var(--space-48);
  }
  .sm\:pl-48 {
    padding-left: var(--space-48) !important;
  }
  .sm\:pr-48 {
    padding-right: var(--space-48) !important;
  }
  .sm\:pt-48 {
    padding-top: var(--space-48) !important;
  }
  .sm\:pb-48 {
    padding-bottom: var(--space-48) !important;
  }
  .sm\:px-48 {
    padding-left: var(--space-48) !important;
    padding-right: var(--space-48) !important;
  }
  .sm\:py-48 {
    padding-top: var(--space-48) !important;
    padding-bottom: var(--space-48) !important;
  }
  .sm\:p-56 {
    padding: var(--space-56);
  }
  .sm\:pl-56 {
    padding-left: var(--space-56) !important;
  }
  .sm\:pr-56 {
    padding-right: var(--space-56) !important;
  }
  .sm\:pt-56 {
    padding-top: var(--space-56) !important;
  }
  .sm\:pb-56 {
    padding-bottom: var(--space-56) !important;
  }
  .sm\:px-56 {
    padding-left: var(--space-56) !important;
    padding-right: var(--space-56) !important;
  }
  .sm\:py-56 {
    padding-top: var(--space-56) !important;
    padding-bottom: var(--space-56) !important;
  }
  .sm\:p-64 {
    padding: var(--space-64);
  }
  .sm\:pl-64 {
    padding-left: var(--space-64) !important;
  }
  .sm\:pr-64 {
    padding-right: var(--space-64) !important;
  }
  .sm\:pt-64 {
    padding-top: var(--space-64) !important;
  }
  .sm\:pb-64 {
    padding-bottom: var(--space-64) !important;
  }
  .sm\:px-64 {
    padding-left: var(--space-64) !important;
    padding-right: var(--space-64) !important;
  }
  .sm\:py-64 {
    padding-top: var(--space-64) !important;
    padding-bottom: var(--space-64) !important;
  }
  .sm\:m-0 {
    margin: var(--space-0);
  }
  .sm\:ml-0 {
    margin-left: var(--space-0) !important;
  }
  .sm\:mr-0 {
    margin-right: var(--space-0) !important;
  }
  .sm\:mt-0 {
    margin-top: var(--space-0) !important;
  }
  .sm\:mb-0 {
    margin-bottom: var(--space-0) !important;
  }
  .sm\:mx-0 {
    margin-left: var(--space-0) !important;
    margin-right: var(--space-0) !important;
  }
  .sm\:my-0 {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .sm\:m-1 {
    margin: var(--space-1);
  }
  .sm\:ml-1 {
    margin-left: var(--space-1) !important;
  }
  .sm\:mr-1 {
    margin-right: var(--space-1) !important;
  }
  .sm\:mt-1 {
    margin-top: var(--space-1) !important;
  }
  .sm\:mb-1 {
    margin-bottom: var(--space-1) !important;
  }
  .sm\:mx-1 {
    margin-left: var(--space-1) !important;
    margin-right: var(--space-1) !important;
  }
  .sm\:my-1 {
    margin-top: var(--space-1) !important;
    margin-bottom: var(--space-1) !important;
  }
  .sm\:m-2 {
    margin: var(--space-2);
  }
  .sm\:ml-2 {
    margin-left: var(--space-2) !important;
  }
  .sm\:mr-2 {
    margin-right: var(--space-2) !important;
  }
  .sm\:mt-2 {
    margin-top: var(--space-2) !important;
  }
  .sm\:mb-2 {
    margin-bottom: var(--space-2) !important;
  }
  .sm\:mx-2 {
    margin-left: var(--space-2) !important;
    margin-right: var(--space-2) !important;
  }
  .sm\:my-2 {
    margin-top: var(--space-2) !important;
    margin-bottom: var(--space-2) !important;
  }
  .sm\:m-3 {
    margin: var(--space-3);
  }
  .sm\:ml-3 {
    margin-left: var(--space-3) !important;
  }
  .sm\:mr-3 {
    margin-right: var(--space-3) !important;
  }
  .sm\:mt-3 {
    margin-top: var(--space-3) !important;
  }
  .sm\:mb-3 {
    margin-bottom: var(--space-3) !important;
  }
  .sm\:mx-3 {
    margin-left: var(--space-3) !important;
    margin-right: var(--space-3) !important;
  }
  .sm\:my-3 {
    margin-top: var(--space-3) !important;
    margin-bottom: var(--space-3) !important;
  }
  .sm\:m-4 {
    margin: var(--space-4);
  }
  .sm\:ml-4 {
    margin-left: var(--space-4) !important;
  }
  .sm\:mr-4 {
    margin-right: var(--space-4) !important;
  }
  .sm\:mt-4 {
    margin-top: var(--space-4) !important;
  }
  .sm\:mb-4 {
    margin-bottom: var(--space-4) !important;
  }
  .sm\:mx-4 {
    margin-left: var(--space-4) !important;
    margin-right: var(--space-4) !important;
  }
  .sm\:my-4 {
    margin-top: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
  }
  .sm\:m-5 {
    margin: var(--space-5);
  }
  .sm\:ml-5 {
    margin-left: var(--space-5) !important;
  }
  .sm\:mr-5 {
    margin-right: var(--space-5) !important;
  }
  .sm\:mt-5 {
    margin-top: var(--space-5) !important;
  }
  .sm\:mb-5 {
    margin-bottom: var(--space-5) !important;
  }
  .sm\:mx-5 {
    margin-left: var(--space-5) !important;
    margin-right: var(--space-5) !important;
  }
  .sm\:my-5 {
    margin-top: var(--space-5) !important;
    margin-bottom: var(--space-5) !important;
  }
  .sm\:m-6 {
    margin: var(--space-6);
  }
  .sm\:ml-6 {
    margin-left: var(--space-6) !important;
  }
  .sm\:mr-6 {
    margin-right: var(--space-6) !important;
  }
  .sm\:mt-6 {
    margin-top: var(--space-6) !important;
  }
  .sm\:mb-6 {
    margin-bottom: var(--space-6) !important;
  }
  .sm\:mx-6 {
    margin-left: var(--space-6) !important;
    margin-right: var(--space-6) !important;
  }
  .sm\:my-6 {
    margin-top: var(--space-6) !important;
    margin-bottom: var(--space-6) !important;
  }
  .sm\:m-8 {
    margin: var(--space-8);
  }
  .sm\:ml-8 {
    margin-left: var(--space-8) !important;
  }
  .sm\:mr-8 {
    margin-right: var(--space-8) !important;
  }
  .sm\:mt-8 {
    margin-top: var(--space-8) !important;
  }
  .sm\:mb-8 {
    margin-bottom: var(--space-8) !important;
  }
  .sm\:mx-8 {
    margin-left: var(--space-8) !important;
    margin-right: var(--space-8) !important;
  }
  .sm\:my-8 {
    margin-top: var(--space-8) !important;
    margin-bottom: var(--space-8) !important;
  }
  .sm\:m-10 {
    margin: var(--space-10);
  }
  .sm\:ml-10 {
    margin-left: var(--space-10) !important;
  }
  .sm\:mr-10 {
    margin-right: var(--space-10) !important;
  }
  .sm\:mt-10 {
    margin-top: var(--space-10) !important;
  }
  .sm\:mb-10 {
    margin-bottom: var(--space-10) !important;
  }
  .sm\:mx-10 {
    margin-left: var(--space-10) !important;
    margin-right: var(--space-10) !important;
  }
  .sm\:my-10 {
    margin-top: var(--space-10) !important;
    margin-bottom: var(--space-10) !important;
  }
  .sm\:m-12 {
    margin: var(--space-12);
  }
  .sm\:ml-12 {
    margin-left: var(--space-12) !important;
  }
  .sm\:mr-12 {
    margin-right: var(--space-12) !important;
  }
  .sm\:mt-12 {
    margin-top: var(--space-12) !important;
  }
  .sm\:mb-12 {
    margin-bottom: var(--space-12) !important;
  }
  .sm\:mx-12 {
    margin-left: var(--space-12) !important;
    margin-right: var(--space-12) !important;
  }
  .sm\:my-12 {
    margin-top: var(--space-12) !important;
    margin-bottom: var(--space-12) !important;
  }
  .sm\:m-16 {
    margin: var(--space-16);
  }
  .sm\:ml-16 {
    margin-left: var(--space-16) !important;
  }
  .sm\:mr-16 {
    margin-right: var(--space-16) !important;
  }
  .sm\:mt-16 {
    margin-top: var(--space-16) !important;
  }
  .sm\:mb-16 {
    margin-bottom: var(--space-16) !important;
  }
  .sm\:mx-16 {
    margin-left: var(--space-16) !important;
    margin-right: var(--space-16) !important;
  }
  .sm\:my-16 {
    margin-top: var(--space-16) !important;
    margin-bottom: var(--space-16) !important;
  }
  .sm\:m-20 {
    margin: var(--space-20);
  }
  .sm\:ml-20 {
    margin-left: var(--space-20) !important;
  }
  .sm\:mr-20 {
    margin-right: var(--space-20) !important;
  }
  .sm\:mt-20 {
    margin-top: var(--space-20) !important;
  }
  .sm\:mb-20 {
    margin-bottom: var(--space-20) !important;
  }
  .sm\:mx-20 {
    margin-left: var(--space-20) !important;
    margin-right: var(--space-20) !important;
  }
  .sm\:my-20 {
    margin-top: var(--space-20) !important;
    margin-bottom: var(--space-20) !important;
  }
  .sm\:m-24 {
    margin: var(--space-24);
  }
  .sm\:ml-24 {
    margin-left: var(--space-24) !important;
  }
  .sm\:mr-24 {
    margin-right: var(--space-24) !important;
  }
  .sm\:mt-24 {
    margin-top: var(--space-24) !important;
  }
  .sm\:mb-24 {
    margin-bottom: var(--space-24) !important;
  }
  .sm\:mx-24 {
    margin-left: var(--space-24) !important;
    margin-right: var(--space-24) !important;
  }
  .sm\:my-24 {
    margin-top: var(--space-24) !important;
    margin-bottom: var(--space-24) !important;
  }
  .sm\:m-32 {
    margin: var(--space-32);
  }
  .sm\:ml-32 {
    margin-left: var(--space-32) !important;
  }
  .sm\:mr-32 {
    margin-right: var(--space-32) !important;
  }
  .sm\:mt-32 {
    margin-top: var(--space-32) !important;
  }
  .sm\:mb-32 {
    margin-bottom: var(--space-32) !important;
  }
  .sm\:mx-32 {
    margin-left: var(--space-32) !important;
    margin-right: var(--space-32) !important;
  }
  .sm\:my-32 {
    margin-top: var(--space-32) !important;
    margin-bottom: var(--space-32) !important;
  }
  .sm\:m-40 {
    margin: var(--space-40);
  }
  .sm\:ml-40 {
    margin-left: var(--space-40) !important;
  }
  .sm\:mr-40 {
    margin-right: var(--space-40) !important;
  }
  .sm\:mt-40 {
    margin-top: var(--space-40) !important;
  }
  .sm\:mb-40 {
    margin-bottom: var(--space-40) !important;
  }
  .sm\:mx-40 {
    margin-left: var(--space-40) !important;
    margin-right: var(--space-40) !important;
  }
  .sm\:my-40 {
    margin-top: var(--space-40) !important;
    margin-bottom: var(--space-40) !important;
  }
  .sm\:m-48 {
    margin: var(--space-48);
  }
  .sm\:ml-48 {
    margin-left: var(--space-48) !important;
  }
  .sm\:mr-48 {
    margin-right: var(--space-48) !important;
  }
  .sm\:mt-48 {
    margin-top: var(--space-48) !important;
  }
  .sm\:mb-48 {
    margin-bottom: var(--space-48) !important;
  }
  .sm\:mx-48 {
    margin-left: var(--space-48) !important;
    margin-right: var(--space-48) !important;
  }
  .sm\:my-48 {
    margin-top: var(--space-48) !important;
    margin-bottom: var(--space-48) !important;
  }
  .sm\:m-56 {
    margin: var(--space-56);
  }
  .sm\:ml-56 {
    margin-left: var(--space-56) !important;
  }
  .sm\:mr-56 {
    margin-right: var(--space-56) !important;
  }
  .sm\:mt-56 {
    margin-top: var(--space-56) !important;
  }
  .sm\:mb-56 {
    margin-bottom: var(--space-56) !important;
  }
  .sm\:mx-56 {
    margin-left: var(--space-56) !important;
    margin-right: var(--space-56) !important;
  }
  .sm\:my-56 {
    margin-top: var(--space-56) !important;
    margin-bottom: var(--space-56) !important;
  }
  .sm\:m-64 {
    margin: var(--space-64);
  }
  .sm\:ml-64 {
    margin-left: var(--space-64) !important;
  }
  .sm\:mr-64 {
    margin-right: var(--space-64) !important;
  }
  .sm\:mt-64 {
    margin-top: var(--space-64) !important;
  }
  .sm\:mb-64 {
    margin-bottom: var(--space-64) !important;
  }
  .sm\:mx-64 {
    margin-left: var(--space-64) !important;
    margin-right: var(--space-64) !important;
  }
  .sm\:my-64 {
    margin-top: var(--space-64) !important;
    margin-bottom: var(--space-64) !important;
  }
}
.bg-top {
  background-position: top !important;
}

.bg-bottom {
  background-position: bottom !important;
}

.classless-auto-height .flex-box-child > div:not([class]) {
  height: 100%;
}

.h-full {
  height: 100%;
}

.black {
  color: #000;
}

.flyer-font {
  font-family: var(--flyer-font);
}

.no-padding {
  padding: 0 !important;
}

html, body {
  background-color: var(--fhh-background);
  color: var(--rf-brand-color-text-body);
  font-family: var(--rf-brand-font-family);
}

body {
  display: flex;
  flex-direction: column;
}

b {
  color: var(--rf-brand-color-text-heading);
}

.rf-org-header-container,
.rf-org-footer-container {
  font-family: var(--rf-brand-font-family);
}

.rf-workflow {
  background: var(--rf-brand-color-background);
  flex: 1;
}

.meetings-calendar-reason-popover, .meetings-calendar-reason-popover * {
  color: var(--rf-brand-color-text-body);
}

.rf-feedback-alert li, .rf-feedback-alert p, .rf-feedback-alert span, .rf-feedback-alert a {
  color: var(--rf-brand-color-status-error);
}

#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog,
#widget-page-session-details,
.page-builder-display-reset .rf-collections, .page-builder-template-preview .rf-collections,
div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header,
div[id*=rf-].rf-widget .rf-collections .collections-container .collection-body {
  background: var(--rf-brand-color-background);
}

div[id*=rf-].rf-widget a:hover, div[id*=rf-].rf-widget a:focus, div[id*=rf-].rf-widget a:link:hover, div[id*=rf-].rf-widget a:link:focus, div[id*=rf-].rf-widget a:visited:hover, div[id*=rf-].rf-widget a:visited:focus, .rf-default-modal a:hover, .rf-default-modal a:focus, .rf-default-modal a:link:hover, .rf-default-modal a:link:focus, .rf-default-modal a:visited:hover, .rf-default-modal a:visited:focus {
  text-decoration: none;
}

.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result.favorited svg,
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, .rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, .rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, .rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, .rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg {
  fill: var(--rf-brand-color-primary);
}

.rf-tile .rf-tile-body .session-date-time .session-date, .rf-tile .rf-tile-body .session-date-time .session-time, .rf-compressed-tile .rf-tile-body .session-date-time .session-date, .rf-compressed-tile .rf-tile-body .session-date-time .session-time {
  margin-top: 0;
}

div[id*=rf-].rf-widget .semibold,
.rf-default-modal .semibold {
  font-weight: 400;
}

[id*=rf-].rf-widget .catalog-result .badges .badge.rf-session-badges, .rf-default-modal .catalog-result .badges .badge.rf-session-badges {
  background: transparent !important;
  border-color: var(--fhh-border-color);
}

.rf-feedback-alert.danger {
  background-color: transparent;
  border-color: var(--rf-brand-color-status-error);
}

.rf-feedback-alert.danger svg,
.rf-feedback-alert.success svg {
  fill: var(--fhh-white);
}

.rf-feedback-alert.success {
  background-color: transparent;
  border-color: var(--fhh-orange);
}

.rf-feedback-alert.warning {
  background-color: var(--fhh-orange);
  border-color: var(--fhh-orange);
}

.rfwf-errors {
  background-color: transparent;
  border-color: var(--rf-brand-color-status-error);
}
.rfwf-errors ul li {
  list-style: inside disc;
}

.rf-org-header-container .header-nav li a:hover, .rf-org-header-container .header-nav li a:focus, .rf-org-header-container .header-nav li a:link:hover, .rf-org-header-container .header-nav li a:link:focus, .rf-org-header-container .header-nav li a:visited:hover, .rf-org-header-container .header-nav li a:visited:focus {
  font-weight: 600;
}

[class*=myagenda] .nav-item-container ul:nth-of-type(1) li:nth-of-type(1) a {
  font-weight: 600;
}

[class*=attendeeportal] .nav-item-container ul:nth-of-type(2) li:nth-of-type(1) a,
[class*=program] .nav-item-container ul:nth-of-type(2) li:nth-of-type(2) a,
[class*=brands] .nav-item-container ul:nth-of-type(2) li:nth-of-type(3) a,
[class*=replay] .nav-item-container ul:nth-of-type(2) li:nth-of-type(4) a,
[class*=practical-info] .nav-item-container ul:nth-of-type(2) li:nth-of-type(5) a {
  font-weight: 600;
}

.rfwf-body-content .flex-box-section-full {
  padding: 20px 0;
}
.rfwf-body-content .flex-box-section-full:first-of-type {
  padding: 32px 0;
}

.account-info-wrapper {
  padding: 12px;
  border-radius: 4px;
  border: 1px solid var(--fhh-light-gray);
}

.form-stepper-container {
  background-color: var(--fhh-surface);
}

.rf-card .card-body .card-body-row {
  color: var(--rf-brand-color-text-body);
}

/* WWGF team injection */
.attribute-Shortabstract .attribute-name {
  display: none;
}

.rf-admin-content h2, .rf-admin-content .h2, .rfComp-canvas h2, .rfComp-canvas .h2, .rf-default-modal h2, .rf-default-modal .h2, [id*=rf-].rf-widget h2, [id*=rf-].rf-widget .h2,
.rf-admin-content h3, .rf-admin-content .h3, .rfComp-canvas h3, .rfComp-canvas .h3, .rf-default-modal h3, .rf-default-modal .h3, [id*=rf-].rf-widget h3, [id*=rf-].rf-widget .h3 {
  font-size: 22px;
  font-weight: 500;
}

.rf-accessibility .rf-select select:focus,
.rf-accessibility .rf-select select:not([multiple]):focus,
.rf-accessibility .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background,
.rf-accessibility .rf-textarea textarea:focus,
.rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,
.rf-org-header-container .social-media a:focus,
.rf-org-header-container .social-media a:link:focus,
.rf-org-header-container .social-media a:visited:focus,
.calendar-container .meeting-day .meeting-time:hover,
.calendar-container .meeting-day .meeting-time:focus,
.rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus, .rf-accessibility .favorite-catalog-result:focus, .rf-accessibility .session-downloads:focus, .rf-accessibility .catalog-result.recommended .recommendation-actions button:focus, .rf-accessibility .search-filters .filters .catalog-filter:focus, .rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus, .rf-accessibility .schedule-calendar .rbc-event:focus, .rf-accessibility .search-container .rf-facets .rf-tag:focus, .rf-accessibility .catalog-result:focus, .rf-accessibility .rf-catalog-tabs li button:focus, .rf-accessibility .calendar-head .prev-day:focus, .rf-accessibility .calendar-head .next-day:focus, .rf-accessibility .search-bar .catalog-search .rf-input input:focus, .rf-accessibility .sub-video-overlay:focus, .rf-accessibility #rf-catalog .search-container .rf-facets .rf-tag:focus, .rf-accessibility .flowplayer *[role=button]:focus, .rf-accessibility .flowplayer *[role=slider]:focus, .rf-accessibility .flowplayer *[role=menuitem]:focus, .rf-accessibility .fp-volumebtn svg:focus, .rf-accessibility .fp-middle:focus .fp-play, .rf-accessibility .rf-tile-avatar:focus, .rf-accessibility input[type=checkbox]:focus, .rf-accessibility .checkbox input[type=checkbox]:focus, .rf-accessibility input[type=radio]:focus, .rf-accessibility .radio input[type=radio]:focus, .rf-accessibility .rf-checkbox:focus .checkbox-bg, .rf-accessibility .rf-radio-option:focus, .rf-accessibility button.rfSI:focus, .rf-accessibility .card-header .card-controls:focus, .rf-accessibility .md-frame-accordion .accordion-headline:focus h3, .rf-accessibility .rfwf-discount-code .rf-tag:focus-within, .rf-accessibility .chip:focus, .rf-accessibility .rf-tasks-list div[class^=rf-task-listing]:focus, .rf-accessibility .side-nav-tab:focus, .rf-accessibility .collapse-action:focus, .rf-accessibility input[id^=rf-icon-input-focus-]:focus, .rf-accessibility .messaging-contacts-header:focus, .rf-accessibility .messaging-contacts-body:focus, .rf-accessibility .messaging-messages:focus, .rf-accessibility .bubble-text:focus, .rf-accessibility .message-divider:focus, .rf-accessibility .messaging-profile-details:focus, .rf-accessibility .conversation-beginning:focus, .rf-accessibility .conversation-info:focus, .rf-accessibility .contact-details:focus, .rf-accessibility li.emoji button:focus, .rf-accessibility nav.emoji-categories button[class^=icn-]:focus, .rf-accessibility .rf-tasks-list .rf-task-listing:focus-within, .rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus, .rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus, .rf-accessibility .rf-select .rf-dropdown-container:focus, .rf-accessibility .rf-textarea textarea:focus, .rf-accessibility .rf-select select:focus, .rf-accessibility .rf-select select:not([multiple]):focus, .rf-accessibility .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background {
  box-shadow: 0 0 0 0 2px 2px var(--rf-brand-accessibility-color) !important;
}

.rf-accessibility .rf-table .table-body .table-row:focus {
  border: none !important;
}

div[id*=rf-].rf-widget .mdBtnR .mdBtnR-text, .rf-default-modal .mdBtnR .mdBtnR-text {
  font-size: 14px;
}

.mdBtnR,
.mdBtnR.mdBtnR-adv,
a.mdBtnR.mdBtnR-adv {
  padding: 12px;
}

.mdBtnR.cancel + .mdBtnR.confirm, .mdBtnR.cancel + a.mdBtnR.confirm, a.mdBtnR.cancel + .mdBtnR.confirm, a.mdBtnR.cancel + a.mdBtnR.confirm {
  justify-content: center;
}

.mdBtnR-outline-primary.session-schedule, a.mdBtnR-outline-primary.session-schedule {
  background: transparent;
}

.mdBtnR-dropdown-button .rfSI svg,
.mdBtnR-primary svg, a.mdBtnR-primary svg {
  fill: var(--rf-comp-button-primary-color-on-background);
}

.mdBtnR-outline-info, a.mdBtnR-outline-info {
  color: var(--rf-brand-color-primary);
  background-color: transparent;
  border-color: var(--rf-brand-color-primary);
}

.mdBtnR-outline-info .mdBtnR-text, a.mdBtnR-outline-info .mdBtnR-text {
  color: var(--rf-brand-color-primary);
}

.mdBtnR-outline-info:hover, .mdBtnR-outline-info:focus, .mdBtnR-outline-info.active, a.mdBtnR-outline-info:hover, a.mdBtnR-outline-info:focus, a.mdBtnR-outline-info.active {
  color: var(--rf-brand-color-primary);
  background-color: transparent;
  border-color: var(--rf-brand-color-primary);
}

.mdBtnR-toggle .mdBtnR.active, .rfSI-toggle .mdBtnR.active {
  background-color: var(--rf-brand-color-primary);
  border: none;
  box-shadow: 0px 2px 4px 0px var(--rf-brand-color-primary);
}

.mdBtnR-toggle .mdBtnR.active .mdBtnR-text, .rfSI-toggle .mdBtnR.active .mdBtnR-text {
  color: var(--rf-brand-color-on-primary);
}

.mdBtnR .mdBtnR-text, a.mdBtnR .mdBtnR-text {
  vertical-align: baseline;
  font-size: 14px;
  font-weight: normal;
}

.carousel-arrows .mdBtnR-icon-button {
  border: 1px solid var(--rf-brand-color-primary);
  padding: 8px;
}
.carousel-arrows .mdBtnR-icon-button[disabled] {
  opacity: 0.5;
  border: 1px solid var(--rf-brand-color-primary);
}

.carousel-arrows .mdBtnR-icon-button:disabled:hover {
  background-color: transparent;
}

.carousel-arrows .mdBtnR-icon-button .rfSI-stroke svg * {
  stroke: var(--rf-brand-color-primary);
}

.mdBtnR-icon-button.mdBtnR.disabled svg *, .mdBtnR-icon-button.mdBtnR:disabled svg *, .mdBtnR-icon-button.mdBtnR[disabled] svg * {
  stroke: var(--rf-brand-color-primary);
}

.rf-simple-table tr th, .rf-simple-table tr td, .table tr th, .table tr td {
  color: var(--rf-brand-color-text-body);
}

.rf-workflow-working-reports .ReactVirtualized__Grid .ReactVirtualized__Grid__innerScrollContainer .body-cell .rf-flex-frame:hover {
  background-color: var(--rf-brand-color-surface) !important;
}

.rf-table-container .rf-table .table-body .table-row.table-header > div {
  color: var(--rf-white);
  border-bottom: 1px solid var(--rf-white) !important;
}

.dropdown-results-container .rf-select-results-container li:hover,
.dropdown-results-container .rf-select-results-container li:focus {
  background-color: var(--rf-brand-color-primary);
  color: var(--rf-comp-button-primary-hover-color-on-background);
}

.dropdown-results-container .rf-select-results-container li.group-header,
.dropdown-results-container .rf-select-results-container li.group-header {
  color: var(--rf-brand-color-text-body);
}
.dropdown-results-container .rf-select-results-container li.group-header:hover, .dropdown-results-container .rf-select-results-container li.group-header:focus,
.dropdown-results-container .rf-select-results-container li.group-header:hover,
.dropdown-results-container .rf-select-results-container li.group-header:focus {
  color: var(--rf-brand-color-text-body);
}

.rf-select select:active,
.rf-select select:focus,
.rf-select select:not([multiple]):active,
.rf-select select:not([multiple]):focus {
  border-color: var(--rf-brand-accessibility-color);
}

.rf-select select:active + .select-dropdown-icon .dropdown-icon-background, .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background, .rf-select select:not([multiple]):active + .select-dropdown-icon .dropdown-icon-background, .rf-select select:not([multiple]):focus + .select-dropdown-icon .dropdown-icon-background {
  border-color: var(--rf-brand-accessibility-color);
}

.rf-search-input input {
  color: var(--rf-brand-color-text-body);
}

.rf-search-input .rf-search-input-icon {
  width: 40px;
  background-color: transparent;
  border-left: none;
}
.rf-search-input .rf-search-input-icon .rfSI {
  background-color: var(--rf-brand-color-primary);
  padding: 2px;
  border-radius: 4px;
}
.rf-search-input .rf-search-input-icon .rfSI svg {
  fill: var(--rf-brand-color-on-primary);
}

.rf-search-input input:active,
.rf-search-input input:active + .rf-search-input-icon,
.rf-search-input input:focus,
.rf-search-input input:focus + .rf-search-input-icon {
  border-color: 1px solid var(--rf-brand-color-border);
}

.rf-search-input input:active {
  border-right: none;
}

.rf-search-input input:active, .rf-search-input input:active + .rf-search-input-icon, .rf-search-input input:focus, .rf-search-input input:focus + .rf-search-input-icon {
  box-shadow: none;
}

.rf-label-only > label span:first-of-type, .rf-label-only > label .label-text, .rf-label-only .rf-label span:first-of-type, .rf-label-only .rf-label .label-text, .rf-input > label span:first-of-type, .rf-input > label .label-text, .rf-input .rf-label span:first-of-type, .rf-input .rf-label .label-text, .rf-search-input > label span:first-of-type, .rf-search-input > label .label-text, .rf-search-input .rf-label span:first-of-type, .rf-search-input .rf-label .label-text, .rf-icon-input > label span:first-of-type, .rf-icon-input > label .label-text, .rf-icon-input .rf-label span:first-of-type, .rf-icon-input .rf-label .label-text, .rf-single-select > label span:first-of-type, .rf-single-select > label .label-text, .rf-single-select .rf-label span:first-of-type, .rf-single-select .rf-label .label-text, .rf-multi-select > label span:first-of-type, .rf-multi-select > label .label-text, .rf-multi-select .rf-label span:first-of-type, .rf-multi-select .rf-label .label-text, .rf-select2-override > label span:first-of-type, .rf-select2-override > label .label-text, .rf-select2-override .rf-label span:first-of-type, .rf-select2-override .rf-label .label-text, .rf-toggle > label span:first-of-type, .rf-toggle > label .label-text, .rf-toggle .rf-label span:first-of-type, .rf-toggle .rf-label .label-text, .rf-textarea > label span:first-of-type, .rf-textarea > label .label-text, .rf-textarea .rf-label span:first-of-type, .rf-textarea .rf-label .label-text, .rf-day-picker > label span:first-of-type, .rf-day-picker > label .label-text, .rf-day-picker .rf-label span:first-of-type, .rf-day-picker .rf-label .label-text, .rf-scale-matrix > label span:first-of-type, .rf-scale-matrix > label .label-text, .rf-scale-matrix .rf-label span:first-of-type, .rf-scale-matrix .rf-label .label-text, .rf-survey-scale > label span:first-of-type, .rf-survey-scale > label .label-text, .rf-survey-scale .rf-label span:first-of-type, .rf-survey-scale .rf-label .label-text, .rf-star-selector > label span:first-of-type, .rf-star-selector > label .label-text, .rf-star-selector .rf-label span:first-of-type, .rf-star-selector .rf-label .label-text, .rf-date-picker > label span:first-of-type, .rf-date-picker > label .label-text, .rf-date-picker .rf-label span:first-of-type, .rf-date-picker .rf-label .label-text, .rf-read-only > label span:first-of-type, .rf-read-only > label .label-text, .rf-read-only .rf-label span:first-of-type, .rf-read-only .rf-label .label-text, .rf-button-link > label span:first-of-type, .rf-button-link > label .label-text, .rf-button-link .rf-label span:first-of-type, .rf-button-link .rf-label .label-text, .rf-nps-question > label span:first-of-type, .rf-nps-question > label .label-text, .rf-nps-question .rf-label span:first-of-type, .rf-nps-question .rf-label .label-text, .rf-upload-file > label span:first-of-type, .rf-upload-file > label .label-text, .rf-upload-file .rf-label span:first-of-type, .rf-upload-file .rf-label .label-text, .rf-horizontal-label > label span:first-of-type, .rf-horizontal-label > label .label-text, .rf-horizontal-label .rf-label span:first-of-type, .rf-horizontal-label .rf-label .label-text, .rf-phone-number > label span:first-of-type, .rf-phone-number > label .label-text, .rf-phone-number .rf-label span:first-of-type, .rf-phone-number .rf-label .label-text, .rf-form-element-group > label span:first-of-type, .rf-form-element-group > label .label-text, .rf-form-element-group .rf-label span:first-of-type, .rf-form-element-group .rf-label .label-text, .rf-checkbox-container > label span:first-of-type, .rf-checkbox-container > label .label-text, .rf-checkbox-container .rf-label span:first-of-type, .rf-checkbox-container .rf-label .label-text, .rf-toggle-wrapper > label span:first-of-type, .rf-toggle-wrapper > label .label-text, .rf-toggle-wrapper .rf-label span:first-of-type, .rf-toggle-wrapper .rf-label .label-text, .rf-time-selector > label span:first-of-type, .rf-time-selector > label .label-text, .rf-time-selector .rf-label span:first-of-type, .rf-time-selector .rf-label .label-text {
  font-weight: 400;
}

.rf-checkbox .checkbox-bg {
  background: transparent;
  border-color: var(--fhh-border-color-dark);
}

.rf-checkbox svg {
  fill: transparent;
}

#rf-catalog .catalog-result .badges {
  display: block;
}
#rf-catalog .catalog-result .badges .badge {
  display: none;
}
#rf-catalog .catalog-result .badges .badge.rf-session-badges {
  display: block;
}

.meetings-request-sec .rf-headline,
.flex-box-section-full:not(.exception-section) .rf-headline {
  background-color: var(--fhh-surface);
  border-color: var(--fhh-surface);
}

.rf-workflow .rf-headline h1,
.rf-workflow .rf-headline h2 {
  font-size: 18px;
}

.rf-workflow .rf-headline h1:after,
.rf-workflow .rf-headline h2:after,
.meeting-requestor .card-header-title:after,
.meeting-program h1:after,
.meeting-confirmation h1:after,
.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .wf-form-element-div h1:after,
.attendee-links-container .attendee-link h2:after,
.profile-details .card-header h3:after,
.mobile-application-section h2:after {
  display: block;
  content: "";
  border-top: 2px solid var(--fhh-border-color);
  width: 32px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.wwg23-hero {
  padding: 0;
}
.wwg23-hero .flex-box-section-full-interior {
  padding: 0;
  max-width: initial;
  width: 100%;
}
.wwg23-hero .flex-box-section-full-interior img {
  width: 100%;
}

.brands-portal-title h1 {
  max-width: 614px;
  margin: 0 auto 20px;
}
.brands-portal-title p {
  width: 614px;
  margin: auto;
}

.rfComp-canvas .mdBtnR.mdBtnR-link.targeted-agenda-action:hover,
.rfComp-canvas .mdBtnR.mdBtnR-link.targeted-agenda-action:hover .mdBtnR-text,
.rf-tile .rf-tile-body .rf-tile-title a:hover, .rf-tile .rf-tile-body .rf-tile-title a:link:hover, .rf-tile .rf-tile-body .rf-tile-title a:visited:hover, .rf-compressed-tile .rf-tile-body .rf-tile-title a:hover, .rf-compressed-tile .rf-tile-body .rf-tile-title a:link:hover, .rf-compressed-tile .rf-tile-body .rf-tile-title a:visited:hover,
.rf-tile:hover .rf-tile-body .rf-tile-title a, .rf-tile:hover .rf-tile-body .rf-tile-title a:link, .rf-tile:hover .rf-tile-body .rf-tile-title a:visited, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:link, .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:visited {
  color: var(--rf-brand-color-primary);
  text-decoration: none;
}

.md-frame .md-frame-header h2 span {
  color: var(--fhh-orange);
  margin-top: 0;
}

#tasks-list-container .rf-tasks-list .md-headline .rf-pill {
  margin-bottom: 4px;
}

.wwgf-wwg24-brandsdashboard-page-dashboard .mdBtnR .mdBtnR-text, .wwgf-wwg24-brandsdashboard-page-dashboard a.mdBtnR .mdBtnR-text {
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 769px) {
  .wwgf-wwg24-brandsdashboard-page-dashboard .flex-box-section-full {
    padding: 20px 0;
  }
  .wwgf-wwg24-brandsdashboard-page-dashboard .wwg23-hero {
    padding: 0;
  }
}

.embeddedServiceHelpButton {
  display: none;
}

.mobile-app img[src*=qr-code],
.mobile-app a[href*="apps.apple.com"],
.mobile-app a[href*="play.google.com"] {
  -ms-filter: invert(1);
  filter: invert(1);
}

.meetings-calendar .slide-controls svg {
  fill: var(--fhh-white);
}

.calendar-container .meeting-day .meeting-header {
  background-color: var(--fhh-light);
  border-color: var(--fhh-light);
  color: var(--fhh-black);
  border-radius: var(--rf-brand-shape-radius);
  margin-bottom: 24px;
}
.calendar-container .meeting-day .meeting-time {
  border: 1px solid var(--fhh-light);
  background-color: var(--fhh-light);
}
.calendar-container .meeting-day .meeting-time.disabled {
  border: none;
}
.calendar-container .meeting-day .meeting-time.active {
  border: 1px solid var(--fhh-orange);
  background-color: var(--fhh-orange);
  border-radius: var(--rf-brand-shape-radius);
}
.calendar-container .meeting-day .meeting-time.active .meeting-time-value .check-icon {
  right: 0;
}
.calendar-container .meeting-day .meeting-time .meeting-time-value {
  color: var(--rf-brand-color-text-body);
}

.rfwf-filter-overlay .rfSI.rfSI-util-gray svg {
  fill: var(--rf-brand-color-text-body);
}

.meeting-requestor .card-header,
.meeting-requestor .card-body,
.meeting-requestor .card-body.has-rows .card-body-row {
  border: none;
}
.meeting-requestor .card-header,
.meeting-requestor .card-body-row {
  margin-bottom: 16px;
}
.meeting-requestor .card-header {
  padding: 0;
  align-items: flex-start;
}
.meeting-requestor .card-body-row {
  background-color: var(--rf-brand-color-surface);
}
.meeting-requestor .card-header,
.meeting-requestor .card-body {
  background-color: initial;
}
.meeting-requestor .card-body {
  height: 100%;
}
.meeting-requestor .rf-pill {
  background-color: var(--fhh-orange);
  border-color: var(--fhh-orange);
}

body[class$=request-form-meeting] #contact-info .workflow-form-render {
  background-color: var(--fhh-surface);
  padding: 32px;
  border-radius: var(--rf-brand-shape-radius);
}

.meeting-program .mdBtnR {
  background-color: var(--fhh-orange);
}
.meeting-program .mdBtnR span {
  color: var(--fhh-white);
  font-weight: 500;
}

.meeting-confirmation .meeting-confirmation-section {
  padding: 20px;
  background-color: var(--fhh-surface);
  border-radius: var(--rf-brand-shape-radius);
  margin-bottom: 20px;
}
.meeting-confirmation .meeting-confirmation-section > div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.meeting-confirmation .meeting-confirmation-section > div h3 {
  width: 200px;
  color: var(--fhh-gray);
  margin: 0 20px 0 0;
  text-transform: uppercase;
}
.meeting-confirmation .meeting-confirmation-section > div:last-child {
  margin-bottom: 0;
}
.meeting-confirmation .meeting-confirmation-section p, .meeting-confirmation .meeting-confirmation-section h3, .meeting-confirmation .meeting-confirmation-section h2 {
  font-size: 16px;
  font-weight: 500;
}
.meeting-confirmation .meeting-confirmation-section p {
  margin: 0;
}
.meeting-confirmation .meeting-confirmation-section p:last-child {
  margin-bottom: 0;
}

.brand-portal-meeting-request-title h1, .brand-portal-meeting-request-title p {
  text-align: center;
}

.meetings-calendar-reason-popover {
  border-color: var(--fhh-orange);
  background-color: var(--fhh-background);
}
.meetings-calendar-reason-popover .popover-content li {
  color: var(--fhh-white);
}

.form-render-page .rf-req {
  color: var(--fhh-white) !important;
}

.rf-workflow .rfwf-working-reports .rfwf-panel-interior .working-report-table .header-cell {
  background-color: var(--fhh-white);
  border: 4px solid var(--fhh-background);
  border-top: none;
  border-right: 2px;
}
.rf-workflow .rfwf-working-reports .rfwf-panel-interior .working-report-table .header-cell h6 {
  color: var(--fhh-black);
}
.rf-workflow .rfwf-working-reports .rfwf-panel-interior .working-report-table .header-cell button {
  background-color: var(--fhh-white);
  border: none;
}
.rf-workflow .rfwf-working-reports .rfwf-panel-interior .working-report-table .header-cell button svg {
  fill: var(--fhh-black);
}
.rf-workflow .rfwf-working-reports .rfwf-panel-interior .working-report-table .body-cell {
  border-bottom: 4px solid var(--fhh-background);
  border-left: 4px solid var(--fhh-background);
}

.meetings-administration .meetings-section-body {
  background: var(--fhh-surface);
}
.meetings-administration .meetings-completed-requests .meetings-section-actions,
.meetings-administration .meetings-pending-requests .meetings-section-actions {
  background: var(--fhh-surface);
}

.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .wf-form-element-div h1:empty,
.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .wf-form-element-div p:empty {
  display: none;
}
.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .wf-form-element-div {
  padding: 0 20px;
  background-color: var(--fhh-surface);
}
.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .wf-form-element-div:nth-of-type(1) {
  padding: 0;
  background-color: transparent;
}
.fondationdelahautehorlogerie-wwg23-reg-form-contactInfo .rfComp-canvas p {
  margin: 0;
  padding-bottom: 16px;
}

.hero-banner-container,
.dashboard-bannner-sec {
  padding: 0 !important;
}
.hero-banner-container .flex-box-section-full-interior,
.dashboard-bannner-sec .flex-box-section-full-interior {
  width: 100% !important;
  max-width: inherit !important;
  padding: 0 !important;
}
.hero-banner-container .flex-box-section,
.dashboard-bannner-sec .flex-box-section {
  margin: 0;
}
.hero-banner-container .flex-box-child,
.dashboard-bannner-sec .flex-box-child {
  padding: 0;
}

.hero-banner-portal {
  background-image: url("https://static.rainfocus.com/fondationdelahautehorlogerie/wwg22/static/staticfile/staticfile/WWG22_hero_1642078334688001eiIx.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding-bottom: 30px;
}
@media all and (min-width: 1024px) {
  .hero-banner-portal {
    min-height: 450px;
  }
}
.hero-banner-portal .overlay-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.35);
}
.hero-banner-portal img {
  height: 288%;
  text-align: center;
  position: absolute;
  top: -343px;
  left: 0;
  right: 0;
  width: 100%;
}
.hero-banner-portal .hero-content {
  position: relative;
  padding: 0 10px;
}
.hero-banner-portal .hero-content .hero-heading {
  font-family: var(--flyer-font);
  font-weight: 400;
  color: var(--fhh-white);
  font-size: 40px;
  text-transform: uppercase;
}

.attendee-links-container {
  --fhh-gap: 16px;
  display: flex;
  gap: var(--fhh-gap);
  flex-wrap: wrap;
}
.attendee-links-container .attendee-link {
  height: 125px;
  width: calc(25% - var(--fhh-gap));
  display: flex;
  justify-content: space-between;
  padding: 24px;
  background-color: var(--fhh-surface);
  border-radius: var(--rf-brand-shape-radius);
}
@media all and (max-width: 1199px) {
  .attendee-links-container .attendee-link {
    width: calc(33% - var(--fhh-gap));
  }
}
@media all and (max-width: 1023px) {
  .attendee-links-container .attendee-link {
    width: calc(50% - var(--fhh-gap));
  }
}
@media all and (max-width: 549px) {
  .attendee-links-container .attendee-link {
    width: 100%;
  }
}
.attendee-links-container .attendee-link.attendee-link-large {
  width: calc(50% - var(--fhh-gap));
}
@media all and (max-width: 549px) {
  .attendee-links-container .attendee-link.attendee-link-large {
    width: 100%;
  }
}
.attendee-links-container .attendee-link svg path {
  stroke: var(--rf-brand-color-text-body);
}

.mobile-application-section {
  display: flex;
  background-color: var(--fhh-surface);
  padding: 24px;
}

.mobile-application-details {
  width: 100%;
  flex: 1;
}
.mobile-application-details h2 {
  font-weight: 700;
}

.mobile-application-links {
  align-self: flex-end;
}
.mobile-application-links p {
  margin-bottom: 4px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
}
.mobile-application-links a {
  display: block;
}

.attendee-links-container a.attendee-link,
.attendee-links-container .attendee-link h2 {
  text-decoration: none;
}

.attendee-links-container a.attendee-link:hover h2 {
  color: var(--rf-brand-color-primary);
}

.rf-tile,
.rf-compressed-tile {
  border-color: var(--rf-brand-color-background);
}

.rf-tile .rf-tile-body .rf-tile-title a, .rf-tile .rf-tile-body .rf-tile-title a:link, .rf-tile .rf-tile-body .rf-tile-title a:visited, .rf-compressed-tile .rf-tile-body .rf-tile-title a, .rf-compressed-tile .rf-tile-body .rf-tile-title a:link, .rf-compressed-tile .rf-tile-body .rf-tile-title a:visited {
  font-weight: 500;
  color: var(--rf-brand-color-text-heading);
}

.rf-tile .rf-tile-body .session-date-time .session-date, .rf-tile .rf-tile-body .session-date-time .session-time, .rf-compressed-tile .rf-tile-body .session-date-time .session-date, .rf-compressed-tile .rf-tile-body .session-date-time .session-time {
  font-weight: 400 !important;
}

.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result svg, .rf-tile-grid .rf-tile .rf-tile-footer .favorite-catalog-result svg {
  fill: transparent;
  background: var(--fhh-border-color);
  mask-image: url("https://static.rainfocus.com/wwgf/wwg25/static/staticfile/staticfile/graphic-star_1729803055727001AgxB.svg");
  mask-size: 100%;
  mask-repeat: no-repeat;
}

.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover {
  background-color: var(--fhh-surface);
}

.session-list-header h2 {
  font-size: 40px;
  font-family: var(--flyer-font);
  text-transform: uppercase;
}

.session-list-header-content > div {
  align-self: center;
}
.session-list-header-content > div svg {
  margin: 0 !important;
}

.session-time-short > div {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}

.session-time-short > div .rfSI.rfSI-sm {
  margin-right: 8px;
  margin-top: -1px;
}

.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover > div {
  color: var(--fhh-orange);
}

.rf-tile .rf-tile-body .session-date-time, .rf-compressed-tile .rf-tile-body .session-date-time {
  position: relative;
  padding-inline-start: 20px;
}
.rf-tile .rf-tile-body .session-date-time::before, .rf-compressed-tile .rf-tile-body .session-date-time::before {
  content: "";
  position: absolute;
  left: 0;
  mask-image: url("https://static.rainfocus.com/wwgf/wwg25/static/staticfile/staticfile/nav-calendar_1725660111227001m99U.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background: var(--icon-color);
  width: 16px;
  height: 16px;
  translate: 0 -2px;
}

.back-to-catalog-container a {
  color: var(--rf-brand-text-primary-color) !important;
  display: flex;
}

.profile-details .booth-details-card .card-header,
.profile-details .booth-details-card .card-body {
  border: none;
}
.profile-details .booth-details-card .card-header {
  background-color: var(--fhh-background);
  padding: 0;
}
.profile-details .booth-details-card .card-header-title {
  font-weight: 500;
}
.profile-details .booth-details-card .card-body {
  height: 100%;
  border-radius: var(--rf-brand-shape-radius);
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div {
  display: flex;
  padding: 8px 0;
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div label {
  width: 200px;
  margin-bottom: 0;
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div .label-text {
  color: var(--fhh-gray);
  text-transform: uppercase;
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div .label-text, .profile-details .booth-details-card .card-body .wf-form-element-div > div > div {
  display: block;
  font-size: 11px;
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div .label-text {
  font-weight: 500;
}
.profile-details .booth-details-card .card-body .wf-form-element-div > div > div {
  font-size: 16px;
}
.profile-details .rf-select .rf-label {
  cursor: initial;
}
.profile-details .rf-grid-layout-25 > div,
.profile-details .rf-grid-layout-33 > div {
  height: 100%;
}
.profile-details .profile-contact-custom {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 68px;
}
.profile-details .profile-contact-custom > div {
  padding: 15px;
  background-color: var(--rf-brand-color-surface);
  height: 100%;
  border-radius: var(--rf-brand-shape-radius);
}
.profile-details .profile-contact-custom a {
  word-break: break-word;
  color: var(--rf-brand-color-text-body);
}
.profile-details .profile-contact-custom h3 {
  font-size: 17px;
}
.profile-details .profile-contact-custom p {
  font-size: 16px;
}
.profile-details .profile-contact-custom strong {
  font-weight: 400 !important;
}

#rf-catalog .search-container .rf-catalog-tabs li.active button, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active button, #rf-speakercatalog .search-container .rf-catalog-tabs li.active button {
  font-weight: 400;
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title a:focus, [id*=rf-].rf-widget .catalog-result .catalog-result-title a:hover, [id*=rf-].rf-widget .session-details-page .catalog-result-title a:focus, [id*=rf-].rf-widget .session-details-page .catalog-result-title a:hover, .rf-default-modal .catalog-result .catalog-result-title a:focus, .rf-default-modal .catalog-result .catalog-result-title a:hover, .rf-default-modal .session-details-page .catalog-result-title a:focus, .rf-default-modal .session-details-page .catalog-result-title a:hover {
  color: var(--fhh-orange);
}

#rf-catalog .search-container .rf-catalog-tabs li button:hover {
  cursor: pointer;
  color: var(--fhh-orange);
}

[id*=rf-].rf-widget .catalog-result, [id*=rf-].rf-widget .session-details-page, .rf-default-modal .catalog-result, .rf-default-modal .session-details-page {
  border: none;
}

#rf-catalog .search-container .rf-catalog-tabs li:hover, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li:hover, #rf-speakercatalog .search-container .rf-catalog-tabs li:hover {
  background-color: transparent;
}

#rf-catalog .search-container .rf-catalog-tabs, #rf-exhibitorcatalog .search-container .rf-catalog-tabs, #rf-speakercatalog .search-container .rf-catalog-tabs {
  border: none;
  gap: 8px;
}

#rf-catalog .search-container .rf-catalog-tabs li, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li, #rf-speakercatalog .search-container .rf-catalog-tabs li {
  background: var(--fhh-light-gray-alt);
  border-bottom: none;
  padding: 12px 0;
}
#rf-catalog .search-container .rf-catalog-tabs li.active, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active, #rf-speakercatalog .search-container .rf-catalog-tabs li.active {
  background: var(--rf-brand-color-surface);
  border-bottom: 2px solid var(--rf-brand-color-primary);
}

[id*=rf-].rf-widget .catalog-result ul.session-actions > li button,
[id*=rf-].rf-widget .session-details-page ul.session-actions > li .session-action {
  display: flex;
  justify-content: center;
  min-width: 160px;
  max-width: 160px;
}

[id*=rf-].rf-widget .catalog-result ul.session-actions > li .mdBtnR-outline-primary .rfSI,
[id*=rf-].rf-widget .session-details-page ul.session-actions > li .mdBtnR-outline-primary .rfSI {
  flex-shrink: 0;
}

[id*=rf-].rf-widget .catalog-result ul.session-actions > li .mdBtnR-outline-primary svg, [id*=rf-].rf-widget .session-details-page ul.session-actions > li .mdBtnR-outline-primary svg, .rf-default-modal .catalog-result ul.session-actions > li .mdBtnR-outline-primary svg, .rf-default-modal .session-details-page ul.session-actions > li .mdBtnR-outline-primary svg {
  fill: var(--rf-comp-button-secondary-color-on-background);
}

[id*=rf-].rf-widget .catalog-result ul.session-actions > li .mdBtnR-outline-primary svg[data-title="Alert Box Icon"] {
  fill: var(--rf-brand-color-primary);
}

.mdBtnR-primary.session-scheduled, a.mdBtnR-primary.session-scheduled {
  background-color: var(--rf-brand-color-primary);
  border-color: var(--rf-brand-color-primary);
}

#widget-page-session-details .session-details-back-to-catalog {
  border-bottom: none;
  margin-bottom: 12px;
}

#widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container,
#widget-page-session-details .session-details-container {
  max-width: none;
  padding: 16px 20px;
  margin: 0;
  box-sizing: border-box;
}

div[id*=rf-].rf-widget #widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container a {
  color: #5d5d5d;
  display: flex;
  align-items: center;
}

div[id*=rf-].rf-widget #widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container .rfSI {
  margin-right: 10px;
}

div[id*=rf-].rf-widget #widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container .rfSI svg {
  fill: #5d5d5d;
}

#widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container, #widget-page-session-details .session-details-container {
  background-color: var(--rf-brand-color-surface);
}

.rf-widget .exhibitor-card:hover .exhibitor-name {
  color: var(--fhh-white);
}

#rf-catalog .search-container .search-bar .catalog-search .rf-input, #rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input, #rf-speakercatalog .search-container .search-bar .catalog-search .rf-input {
  border: 1px solid var(--rf-comp-input-color-border);
  border-radius: var(--rf-brand-shape-radius);
}

#rf-catalog .search-filters .filters-header h2, #rf-exhibitorcatalog .search-filters .filters-header h2, #rf-speakercatalog .search-filters .filters-header h2, .rf-default-modal .search-filters .filters-header h2 {
  text-transform: uppercase;
  font-weight: 400;
}

#rf-catalog .search-filters .filters-header button .mdBtnR-text, #rf-exhibitorcatalog .search-filters .filters-header button .mdBtnR-text, #rf-speakercatalog .search-filters .filters-header button .mdBtnR-text, .rf-default-modal .search-filters .filters-header button .mdBtnR-text {
  color: var(--rf-brand-color-text-body);
}

#rf-catalog .search-container .search-bar .catalog-search .rf-input input, #rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input input, #rf-speakercatalog .search-container .search-bar .catalog-search .rf-input input {
  background: transparent;
  border: none;
  border-radius: var(--rf-brand-shape-radius);
  margin: 0;
}

#rf-catalog .search-container .search-bar .catalog-search .search-submit, #rf-exhibitorcatalog .search-container .search-bar .catalog-search .search-submit, #rf-speakercatalog .search-container .search-bar .catalog-search .search-submit {
  width: 30px;
  height: 30px;
  translate: -6px 6px;
  border-radius: var(--rf-brand-shape-radius);
}

#rf-catalog .search-container .rf-facets .rf-facet-label, #rf-exhibitorcatalog .search-container .rf-facets .rf-facet-label, #rf-speakercatalog .search-container .rf-facets .rf-facet-label {
  background: transparent;
  padding-inline-end: 36px;
}

#rf-catalog .rf-tag-container .rf-tag-remove {
  font-size: 20px;
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title button .title-text, [id*=rf-].rf-widget .catalog-result .catalog-result-title a .title-text, [id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .title-text, [id*=rf-].rf-widget .session-details-page .catalog-result-title button .title-text, [id*=rf-].rf-widget .session-details-page .catalog-result-title a .title-text, [id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .title-text, .rf-default-modal .catalog-result .catalog-result-title button .title-text, .rf-default-modal .catalog-result .catalog-result-title a .title-text, .rf-default-modal .catalog-result .catalog-result-title .title-text-container .title-text, .rf-default-modal .session-details-page .catalog-result-title button .title-text, .rf-default-modal .session-details-page .catalog-result-title a .title-text, .rf-default-modal .session-details-page .catalog-result-title .title-text-container .title-text,
.session-time-and-location .session-date-time .session-time,
[id*=rf-].rf-widget .catalog-result .rf-attribute .attribute-name, [id*=rf-].rf-widget .session-details-page .rf-attribute .attribute-name, .rf-default-modal .catalog-result .rf-attribute .attribute-name, .rf-default-modal .session-details-page .rf-attribute .attribute-name,
div[id*=rf-].rf-widget .semibold.session-time, .rf-default-modal .semibold.session-time {
  font-weight: 400;
  color: var(--rf-brand-text-primary-color);
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title button .title-text {
  font-weight: 500;
}

.session-time-and-location {
  align-items: center;
  padding: 0;
}

.rf-session-card-time-location .session-location .rfSI.rfSI-sm {
  vertical-align: baseline;
  width: 14px;
  height: 14px;
  margin-top: 0;
}

#rf-catalog .search-filters .filters button, #rf-exhibitorcatalog .search-filters .filters button, #rf-speakercatalog .search-filters .filters button, .rf-default-modal .search-filters .filters button {
  font-weight: 400;
  font-size: 14px;
}

[id*=rf-].rf-widget .catalog-result .badges .badge, [id*=rf-].rf-widget .session-details-page .badges .badge, .rf-default-modal .catalog-result .badges .badge, .rf-default-modal .session-details-page .badges .badge {
  font-weight: 400;
  text-transform: uppercase;
  padding: 2px 12px;
  border-color: var(--fhh-border-color);
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result svg, .rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result svg, .rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result svg, .rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result svg, .rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result svg {
  fill: transparent;
  background: var(--fhh-border-color);
  mask-image: url("https://static.rainfocus.com/wwgf/wwg25/static/staticfile/staticfile/graphic-star_1729803055727001AgxB.svg");
  mask-size: 100%;
  mask-repeat: no-repeat;
}

.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, [id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, .rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, .rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg, .rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg, .rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg {
  background: var(--fhh-red);
  mask-image: url("https://static.rainfocus.com/wwgf/wwg25/static/staticfile/staticfile/graphic-star--filled_1729803457515001FOU1.svg");
}

#widget-page-session-details .session-title button .title-text, #widget-page-session-details .session-title .title-text-container .title-text {
  font-size: 20px;
}

#rf-catalog .search-container .search-content .section-title {
  display: none;
}

#rf-catalog .catalog-result-title .title-text, #rf-catalog .catalog-result .description, #rf-catalog .catalog-result .description div {
  color: var(--rf-brand-color-text-body);
}

#rf-calendar .schedule-calendar.rbc-calendar .download-calendar {
  background-color: var(--fhh-orange);
  border-color: var(--fhh-orange);
}
#rf-calendar .schedule-calendar.rbc-calendar .download-calendar svg {
  fill: var(--fhh-white);
}
#rf-calendar .schedule-calendar.rbc-calendar .rfSI-toggle {
  border: 1px solid var(--fhh-orange);
  background: transparent;
}
#rf-calendar .schedule-calendar.rbc-calendar .rfSI-toggle .mdBtnR {
  box-shadow: none;
  background: transparent;
}
#rf-calendar .schedule-calendar.rbc-calendar .rfSI-toggle .mdBtnR.active {
  background-color: var(--fhh-orange);
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button svg {
  fill: var(--rf-brand-color-primary);
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
}

#rf-calendar .schedule-calendar .calendar-head-container {
  margin-bottom: 20px;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options {
  align-items: center;
  float: none;
  order: 2;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .add-personal-time {
  background: var(--rf-comp-button-secondary-color-background);
  color: var(--rf-comp-button-secondary-color-on-background);
  position: relative;
  left: initial;
  margin-right: auto;
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .add-personal-time * {
  color: currentColor;
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .add-personal-time path:first-of-type {
  fill: currentColor;
}

@media all and (max-width: 930px) {
  #rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .rf-checkbox-wrapper {
    align-self: initial;
    margin-top: 10px;
  }
}
.rbc-today {
  background-color: var(--fhh-orange);
}

#rf-calendar .schedule-calendar .rbc-time-header .rbc-time-header-content {
  padding: 20px 0;
  background-color: var(--rf-brand-color-surface);
}

.printview .rf-accordion-list .rf-accordion-list-item .rf-result-title {
  background-color: var(--fhh-orange) !important;
}

.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details span {
  color: var(--fhh-white);
  font-weight: 400;
}

.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR-link:hover span,
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR-link:focus span,
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR-link:active span {
  color: var(--fhh-orange);
  opacity: 1;
}

#rf-calendar .schedule-calendar .rbc-time-header .rbc-header span,
#rf-calendar .schedule-calendar .rbc-time-gutter .rbc-label {
  color: var(--rf-brand-color-text-body);
  font-weight: 400;
}

#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled {
  background-color: var(--rf-brand-color-background);
  color: var(--rf-brand-text-primary-color);
}

#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot {
  border-color: var(--fhh-border-color);
}

#rf-calendar .schedule-calendar .rbc-event {
  background-color: var(--fhh-white);
  border-color: var(--fhh-black);
  color: var(--fhh-on-light-background-color);
}

#rf-calendar .schedule-calendar .rbc-event .event-title strong {
  font-weight: 600 !important;
}

#rf-calendar .schedule-calendar .rbc-event.enrolled .rbc-event-content p {
  color: var(--fhh-on-light-background-color);
}

#rf-calendar .schedule-calendar .rbc-event.enrolled .rbc-event-content svg {
  fill: var(--fhh-on-light-background-color);
}

#rf-calendar .schedule-calendar .rbc-event.meeting,
#rf-calendar .schedule-calendar .rbc-event.session-speaker {
  border-color: var(--fhh-black);
  background-color: var(--fhh-dark-gray);
  color: var(--fhh-white);
}

#rf-calendar .schedule-calendar .rbc-event.meeting .rbc-event-content p {
  color: var(--fhh-white);
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title button, [id*=rf-].rf-widget .session-details-page .catalog-result-title button, .rf-default-modal .catalog-result .catalog-result-title button, .rf-default-modal .session-details-page .catalog-result-title button {
  color: var(--fhh-white);
}

[id*=rf-].rf-widget .catalog-result .session-details p span, [id*=rf-].rf-widget .session-details-page .session-details p span, .rf-default-modal .catalog-result .session-details p span, .rf-default-modal .session-details-page .session-details p span {
  color: var(--fhh-white);
}

#rf-calendar .schedule-calendar .rbc-event.calendar-item {
  background-color: var(--fhh-alpha-gold);
  border-color: var(--fhh-black);
  color: var(--fhh-white);
}

#rf-calendar .schedule-calendar .rbc-event.calendar-item p {
  color: var(--fhh-white);
}

#rf-calendar .schedule-calendar .rbc-event.wait-list {
  background-color: var(--fhh-white);
  border-color: var(--fhh-black);
  color: var(--fhh-black);
}

#rf-calendar .schedule-calendar .rbc-event.wait-list p {
  color: var(--fhh-black);
}

#rf-calendar .schedule-calendar .rbc-event.wait-list svg {
  fill: var(--fhh-black);
}

#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:hover {
  background-color: var(--fhh-orange);
}

#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .day-slot-add-a-session svg {
  fill: white;
}

.wwgf-wwg24-myagenda-page-calendar .rf-default-modal .catalog-result ul.session-actions > li button {
  min-width: 168px;
  max-width: 168px;
}

.virtual-booth-page .flex-box-child.rf-grid-layout-25 {
  background-color: var(--rf-brand-color-surface);
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 > div {
  height: 100%;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container {
  background-color: var(--rf-brand-color-surface);
  padding: 30px;
  word-break: break-word;
  border-radius: var(--rf-brand-shape-radius);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-header {
  flex: 1;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-header hr {
  width: 100%;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-header h2 {
  font-size: 12px;
  margin-bottom: 0;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents {
  margin-bottom: 18px;
  flex: auto;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents > div {
  margin: 10px;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents > div h3 {
  color: var(--fhh-gray);
  margin-bottom: -8px;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents a {
  color: var(--rf-brand-color-text-body);
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents h3,
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents a,
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-contents p {
  font-size: 10px;
  margin-bottom: 0;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-social {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-social .social-container {
  gap: 20px;
  padding-left: 0;
  align-items: center;
  flex-wrap: wrap;
}
.virtual-booth-page .flex-box-child.rf-grid-layout-25 .contact-container .contact-social .social-container .social-media svg path {
  fill: var(--rf-brand-color-text-body);
}
.virtual-booth-page .virtual-booth-logo-container {
  background-color: var(--rf-brand-color-surface);
  border-radius: var(--rf-brand-shape-radius);
  height: 100%;
  object-fit: fill;
  overflow: hidden;
}
.virtual-booth-page .virtual-booth-logo-container img {
  width: auto;
  height: 100%;
}

.virtual-booth-page-session-list {
  padding-bottom: 0;
}

.virtual-booth-page-session-list .grid-targeted-agenda .targeted-agenda-section,
.virtual-booth-page-session-list .grid-targeted-agenda .targeted-agenda-details-card {
  margin-bottom: 0;
}

.virtual-booth-page-session-list .targeted-agenda-sub-header h3 {
  font-size: 20px;
  font-family: var(--fhh-header-font);
}

.virtual-special-layout.session-list-header ~ .virtual-special-layout.session-list-header {
  padding-top: 64px;
}

.virtual-special-layout.session-list-header .session-list-header-content {
  margin-bottom: 32px;
}

.virtual-special-layout-video-section {
  padding-bottom: 0;
}

.rf-tile-container .rf-tile .rf-tile-footer .rf-widget .exhibitor-card .exhibitor-name {
  font-weight: 400;
}

.rf-widget .exhibitor-card .exhibitor-name:hover {
  color: var(--fhh-orange);
  text-decoration: none;
}

[id*=rf-].rf-widget .catalog-result .catalog-result-title button:hover {
  color: var(--fhh-orange);
}

#widget-page-session-details .rf-attribute .sponsors-component h2 {
  font-weight: 400;
}
#widget-page-session-details .rf-attribute .attribute-Language {
  color: var(--rf-brand-color-text-body);
}

.brand-sessions-aligned div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header {
  padding: 0;
}
.brand-sessions-aligned div[id*=rf-].rf-widget .rf-collections .collections-container h5 {
  font-weight: 500;
  font-family: var(--fhh-header-font);
}
@media (min-width: 769px) {
  .brand-sessions-aligned .rfwf-full-panel .rfwf-panel-interior {
    padding: 0;
  }
}

.session-list-header-content + .resources-container, .session-list-header-content + .links-container {
  padding: 20px;
  background-color: var(--rf-brand-color-surface);
}
.session-list-header-content + .resources-container a, .session-list-header-content + .resources-container a:link, .session-list-header-content + .resources-container a:visited, .session-list-header-content + .links-container a, .session-list-header-content + .links-container a:link, .session-list-header-content + .links-container a:visited {
  color: var(--fhh-white);
}
.session-list-header-content + .resources-container a:hover, .session-list-header-content + .resources-container a:focus, .session-list-header-content + .resources-container a:link:hover, .session-list-header-content + .resources-container a:link:focus, .session-list-header-content + .resources-container a:visited:hover, .session-list-header-content + .resources-container a:visited:focus, .session-list-header-content + .links-container a:hover, .session-list-header-content + .links-container a:focus, .session-list-header-content + .links-container a:link:hover, .session-list-header-content + .links-container a:link:focus, .session-list-header-content + .links-container a:visited:hover, .session-list-header-content + .links-container a:visited:focus {
  color: var(--fhh-orange);
  text-decoration: none;
}
.session-list-header-content + .resources-container a:not(:hover), .session-list-header-content + .resources-container a:not(:focus), .session-list-header-content + .resources-container a:link:not(:hover), .session-list-header-content + .resources-container a:link:not(:focus), .session-list-header-content + .resources-container a:visited:not(:hover), .session-list-header-content + .resources-container a:visited:not(:focus), .session-list-header-content + .links-container a:not(:hover), .session-list-header-content + .links-container a:not(:focus), .session-list-header-content + .links-container a:link:not(:hover), .session-list-header-content + .links-container a:link:not(:focus), .session-list-header-content + .links-container a:visited:not(:hover), .session-list-header-content + .links-container a:visited:not(:focus) {
  color: var(--fhh-white);
}

.virtual-booth-catalog-collection div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header {
  height: 0;
  padding: 0;
}
.virtual-booth-catalog-collection div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header h2 {
  font-family: var(--fhh-header-font);
  font-size: 20px;
}
@media (min-width: 769px) {
  .virtual-booth-catalog-collection .rfwf-full-panel .rfwf-panel-interior {
    padding: 0;
  }
}
.virtual-booth-catalog-collection .collection-body .inner-accordion-list {
  padding-top: 16px;
}
.virtual-booth-catalog-collection .collection-body .inner-accordion-list h5 {
  font-family: var(--fhh-header-font);
  font-size: 20px;
  font-weight: 500;
}
.virtual-booth-catalog-collection.hide-date-time div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header {
  height: initial;
}
.virtual-booth-catalog-collection.hide-date-time .inner-accordion-list {
  padding-top: 0;
}
.virtual-booth-catalog-collection.hide-date-time .inner-accordion-list h5 {
  display: none;
}