@import '../src/tailwind/tailwind.css';
:root {
  /* Mode 1 */
  /* colors */
  --color-annotations-hot-pink: #fa00ff;
  --color-extended-scale-bayer-blue-10: #edf3ff;
  --color-extended-scale-bayer-blue-100: #00266b;
  --color-extended-scale-bayer-blue-20: #cddfff;
  --color-extended-scale-bayer-blue-30: #adcaff;
  --color-extended-scale-bayer-blue-40: #8db6ff;
  --color-extended-scale-bayer-blue-50: #6da1ff;
  --color-extended-scale-bayer-blue-60: #4d8dff;
  --color-extended-scale-bayer-blue-70: #2e70e6;
  --color-extended-scale-bayer-blue-80: #1350bd;
  --color-extended-scale-bayer-blue-90: var(--color-primary-bayer-blue);
  --color-extended-scale-blue-10: #e8f4ff;
  --color-extended-scale-blue-100: #002e54;
  --color-extended-scale-blue-20: #bee2ff;
  --color-extended-scale-blue-30: #94cfff;
  --color-extended-scale-blue-40: #6abcff;
  --color-extended-scale-blue-50: #40aaff;
  --color-extended-scale-blue-60: #1692f7;
  --color-extended-scale-blue-70: var(--color-primary-blue);
  --color-extended-scale-blue-80: #005ba5;
  --color-extended-scale-blue-90: #00457c;
  --color-extended-scale-dark-blue-10: #e6f8ff;
  --color-extended-scale-dark-blue-100: var(--color-primary-dark-blue);
  --color-extended-scale-dark-blue-20: #d6f3ff;
  --color-extended-scale-dark-blue-30: #c6efff;
  --color-extended-scale-dark-blue-40: #b6ebff;
  --color-extended-scale-dark-blue-50: #a6e6ff;
  --color-extended-scale-dark-blue-60: #73c0dd;
  --color-extended-scale-dark-blue-70: #4796b4;
  --color-extended-scale-dark-blue-80: #246f8c;
  --color-extended-scale-dark-blue-90: #0d4b63;
  --color-extended-scale-green-10: #f4ffef;
  --color-extended-scale-green-100: #224e0b;
  --color-extended-scale-green-20: #ddffcc;
  --color-extended-scale-green-30: #c6ffa9;
  --color-extended-scale-green-40: #aeff85;
  --color-extended-scale-green-50: #93f85f;
  --color-extended-scale-green-60: var(--color-primary-green);
  --color-extended-scale-green-70: #5fb434;
  --color-extended-scale-green-80: #499223;
  --color-extended-scale-green-90: #347016;
  --color-extended-scale-lime-10: #faffef;
  --color-extended-scale-lime-100: #394b0b;
  --color-extended-scale-lime-20: #f0ffca;
  --color-extended-scale-lime-30: #e5ffa6;
  --color-extended-scale-lime-40: #daff82;
  --color-extended-scale-lime-50: var(--color-primary-lime);
  --color-extended-scale-lime-60: #aad344;
  --color-extended-scale-lime-70: #8cb132;
  --color-extended-scale-lime-80: #6f8f22;
  --color-extended-scale-lime-90: #546d15;
  --color-extended-scale-magenta-10: #ffe8f6;
  --color-extended-scale-magenta-100: #4c0030;
  --color-extended-scale-magenta-20: #ffbee7;
  --color-extended-scale-magenta-30: #ff94d8;
  --color-extended-scale-magenta-40: #ff6ac9;
  --color-extended-scale-magenta-50: #ff41ba;
  --color-extended-scale-magenta-60: #ef16a0;
  --color-extended-scale-magenta-70: var(--color-secondary-bright-magenta);
  --color-extended-scale-magenta-80: #9d0064;
  --color-extended-scale-magenta-90: #74004a;
  --color-extended-scale-orange-10: #fff5e5;
  --color-extended-scale-orange-100: #5c3700;
  --color-extended-scale-orange-20: #ffe2b7;
  --color-extended-scale-orange-30: #ffd08a;
  --color-extended-scale-orange-40: #ffbe5c;
  --color-extended-scale-orange-50: #ffab2e;
  --color-extended-scale-orange-60: var(--color-secondary-bright-orange);
  --color-extended-scale-orange-70: #d68100;
  --color-extended-scale-orange-80: #ad6800;
  --color-extended-scale-orange-90: #855000;
  --color-extended-scale-purple-10: #f8f3ff;
  --color-extended-scale-purple-100: #3b1b5f;
  --color-extended-scale-purple-20: #ead8ff;
  --color-extended-scale-purple-30: #dcbeff;
  --color-extended-scale-purple-40: #cea3ff;
  --color-extended-scale-purple-50: #c089ff;
  --color-extended-scale-purple-60: #a870e7;
  --color-extended-scale-purple-70: #8a56c5;
  --color-extended-scale-purple-80: var(--color-secondary-bright-purple-80);
  --color-extended-scale-purple-90: #542b81;
  --color-extended-scale-red-10: #ffebe5;
  --color-extended-scale-red-100: #481000;
  --color-extended-scale-red-20: #ffc7b7;
  --color-extended-scale-red-30: #ffa38a;
  --color-extended-scale-red-40: #ff7f5c;
  --color-extended-scale-red-50: #ff5b2e;
  --color-extended-scale-red-60: var(--color-secondary-bright-red);
  --color-extended-scale-red-70: #c22a00;
  --color-extended-scale-red-80: #992100;
  --color-extended-scale-red-90: #711900;
  --color-extended-scale-teal-10: #ecfffc;
  --color-extended-scale-teal-100: #004a41;
  --color-extended-scale-teal-20: #c1fff7;
  --color-extended-scale-teal-30: #96fff2;
  --color-extended-scale-teal-40: #6bffed;
  --color-extended-scale-teal-50: #3df4de;
  --color-extended-scale-teal-60: var(--color-primary-teal);
  --color-extended-scale-teal-70: #17b09e;
  --color-extended-scale-teal-80: #0a8e7e;
  --color-extended-scale-teal-90: #016c5f;
  --color-extended-scale-yellow-10: #fffce9;
  --color-extended-scale-yellow-100: #514700;
  --color-extended-scale-yellow-20: #fff6b7;
  --color-extended-scale-yellow-30: #fff086;
  --color-extended-scale-yellow-40: var(--color-secondary-bright-yellow);
  --color-extended-scale-yellow-50: #d9c111;
  --color-extended-scale-yellow-60: #b7a104;
  --color-extended-scale-yellow-70: #b7a104;
  --color-extended-scale-yellow-80: #958300;
  --color-extended-scale-yellow-90: #736500;
  --color-primary-bayer-blue: #003594;
  --color-primary-blue: #0072ce;
  --color-primary-dark-blue: #002a3a;
  --color-primary-green: #78d648;
  --color-primary-lime: #c8f55a;
  --color-primary-teal: #28d2be;
  --color-primary-text-green: #59c337;
  --color-primary-text-teal: #1bc3ba;
  --color-secondary-bright-magenta: #c6007e;
  --color-secondary-bright-orange: #ff9900;
  --color-secondary-bright-purple-80: #6e3fa3;
  --color-secondary-bright-red: #eb3300;
  --color-secondary-bright-yellow: #fbe122;
  --color-secondary-neutral-black: #000000;
  --color-secondary-neutral-dark-gray: #54585a;
  --color-secondary-neutral-light-gray: #e4e9db;
  --color-secondary-neutral-mid-gray: #d1ccbd;
  --color-secondary-neutral-nearly-white: #f3f5ef;
  --color-secondary-neutral-off-white: #f8faf4;
  --color-secondary-neutral-taupe: #938372;
  --color-secondary-neutral-white: #ffffff;
  /* numbers */
  --units-4-pixel-scale-4px: 0.25rem;
  --units-4-pixel-scale-8px: 0.5rem;
  --units-4-pixel-scale-12px: 0.75rem;
  --units-4-pixel-scale-16px: 1rem;
  --units-4-pixel-scale-20px: 1.25rem;
  --units-4-pixel-scale-24px: 1.5rem;
  --units-4-pixel-scale-28px: 1.75rem;
  --units-4-pixel-scale-32px: 2rem;
  --units-4-pixel-scale-36px: 2.25rem;
  --units-4-pixel-scale-40px: 2.5rem;
  --units-4-pixel-scale-44px: 2.75rem;
  --units-4-pixel-scale-48px: 3rem;
  --units-4-pixel-scale-52px: 3.25rem;
  --units-4-pixel-scale-56px: 3.5rem;
  --units-4-pixel-scale-60px: 3.75rem;
  --units-4-pixel-scale-64px: 4rem;
  --units-4-pixel-scale-68px: 4.25rem;
  --units-4-pixel-scale-72px: 4.5rem;
  --units-4-pixel-scale-76px: 4.75rem;
  --units-4-pixel-scale-80px: 5rem;
  --units-4-pixel-scale-84px: 5.25rem;
  --units-4-pixel-scale-88px: 5.5rem;
  --units-4-pixel-scale-92px: 5.75rem;
  --units-4-pixel-scale-96px: 6rem;
  --units-4-pixel-scale-100px: 6.25rem;
  --units-screen-sizes-360: 22.5rem;
  --units-screen-sizes-375: 23.4375rem;
  --units-screen-sizes-390: 24.375rem;
  --units-screen-sizes-393: 24.5625rem;
  --units-screen-sizes-412: 25.75rem;
  --units-screen-sizes-414: 25.875rem;
  --units-screen-sizes-568: 35.5rem;
  --units-screen-sizes-768: 48rem;
  --units-screen-sizes-960: 60rem;
  --units-screen-sizes-1024: 64rem;
  --units-screen-sizes-1280: 80rem;
  --units-screen-sizes-1366: 85.375rem;
  --units-screen-sizes-1440: 90rem;
  --units-screen-sizes-1536: 96rem;
  --units-screen-sizes-1920: 120rem;
}

:root {
  /* default */
  /* colors */
  --color-background-color-background-annotations: var(--color-annotations-hot-pink);
  --color-background-color-background-inverse: var(--color-primary-bayer-blue);
  --color-background-color-background-primary: var(--color-secondary-neutral-white);
  --color-background-color-background-secondary: var(--color-secondary-neutral-nearly-white);
  --color-background-color-background-tertiary: var(--color-extended-scale-blue-10);
  --color-border-border-redlines: var(--color-annotations-hot-pink);
  --color-border-color-border-error: var(--color-secondary-bright-red);
  --color-border-color-border-inverse: var(--color-secondary-neutral-white);
  --color-border-color-border-primary: var(--color-secondary-neutral-black);
  --color-border-color-border-secondary: var(--color-secondary-neutral-taupe);
  --color-border-color-border-tertiary: var(--color-secondary-neutral-mid-gray);
  --color-fill-color-fill-disabled: var(--color-secondary-neutral-mid-gray);
  --color-fill-color-fill-inverse: var(--color-secondary-neutral-white);
  --color-fill-color-fill-primary: var(--color-secondary-neutral-black);
  --color-fill-color-fill-secondary: var(--color-primary-bayer-blue);
  --color-fill-color-fill-tertiary: var(--color-secondary-neutral-dark-gray);
  --color-icon-color-icon-disabled: var(--color-secondary-neutral-mid-gray);
  --color-icon-color-icon-error: var(--color-secondary-bright-red);
  --color-icon-color-icon-inverse: var(--color-secondary-neutral-white);
  --color-icon-color-icon-primary: var(--color-secondary-neutral-black);
  --color-icon-color-icon-secondary: var(--color-primary-bayer-blue);
  --color-icon-color-icon-tertiary: var(--color-secondary-neutral-dark-gray);
  --color-text-color-text-disabled: var(--color-secondary-neutral-mid-gray);
  --color-text-color-text-error: var(--color-secondary-bright-red);
  --color-text-color-text-inverse: var(--color-secondary-neutral-white);
  --color-text-color-text-primary: var(--color-secondary-neutral-black);
  --color-text-color-text-redlines: var(--color-annotations-hot-pink);
  --color-text-color-text-secondary: var(--color-primary-bayer-blue);
  --color-text-color-text-tertiary: var(--color-secondary-neutral-taupe);
  /* numbers */
  --breakpoints-xs: var(--units-screen-sizes-375);
  --breakpoints-sm: var(--units-screen-sizes-568);
  --breakpoints-md: var(--units-screen-sizes-768);
  --breakpoints-lg: var(--units-screen-sizes-960);
  --breakpoints-xl: var(--units-screen-sizes-1440);
  --breakpoints-xxl: var(--units-screen-sizes-1920);
  --spacing-spacing-01: var(--units-4-pixel-scale-4px);
  --spacing-spacing-02: var(--units-4-pixel-scale-8px);
  --spacing-spacing-03: var(--units-4-pixel-scale-12px);
  --spacing-spacing-04: var(--units-4-pixel-scale-16px);
  --spacing-spacing-05: var(--units-4-pixel-scale-20px);
  --spacing-spacing-06: var(--units-4-pixel-scale-24px);
  --spacing-spacing-07: var(--units-4-pixel-scale-32px);
  --spacing-spacing-08: var(--units-4-pixel-scale-40px);
  --spacing-spacing-09: var(--units-4-pixel-scale-48px);
  --spacing-spacing-10: var(--units-4-pixel-scale-64px);
  --spacing-spacing-11: var(--units-4-pixel-scale-72px);
  --spacing-spacing-12: var(--units-4-pixel-scale-80px);
  --spacing-spacing-13: var(--units-4-pixel-scale-92px);
}

:root {
  /* default */
  /* colors */
  --color-button-icon-primary-color-button-icon-background-primary: var(--color-secondary-neutral-white);
  --color-button-icon-primary-color-button-icon-border-primary: var(--color-secondary-neutral-white);
  --color-button-icon-primary-color-button-icon-label-primary: var(--color-secondary-neutral-black);
  --color-button-icon-secondary-color-button-icon-background-secondary: var(--color-secondary-neutral-black);
  --color-button-icon-secondary-color-button-icon-border-secondary: var(--color-secondary-neutral-black);
  --color-button-icon-secondary-color-button-icon-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-background: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-border: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-label: var(--color-secondary-neutral-black);
  --color-button-text-inverse-color-button-background-inverse: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-border-inverse: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-label-inverse: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-background-nav: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-border-nav: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-label-nav: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-background-primary: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-border-primary: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-label-primary: var(--color-secondary-neutral-white);
  --color-button-text-secondary-color-button-background-secondary: var(--color-secondary-neutral-white);
  --color-button-text-secondary-color-button-border-secondary: var(--color-secondary-neutral-black);
  --color-button-text-secondary-color-button-label-secondary: var(--color-secondary-neutral-black);
  --color-button-text-tertiary-color-button-background-tertiary: var(--color-secondary-neutral-white);
  --color-button-text-tertiary-color-button-border-tertiary: var(--color-secondary-neutral-black);
  --color-button-text-tertiary-color-button-label-tertiary: var(--color-secondary-neutral-black);
  --color-link-color-text-link-inverse: var(--color-secondary-neutral-white);
  --color-link-color-text-link-primary: var(--color-secondary-neutral-black);
  /* hover */
  /* colors */
  --color-button-icon-primary-color-button-icon-background-primary: var(--color-primary-lime);
  --color-button-icon-primary-color-button-icon-border-primary: var(--color-primary-lime);
  --color-button-icon-primary-color-button-icon-label-primary: var(--color-secondary-neutral-black);
  --color-button-icon-secondary-color-button-icon-background-secondary: var(--color-primary-bayer-blue);
  --color-button-icon-secondary-color-button-icon-border-secondary: var(--color-primary-bayer-blue);
  --color-button-icon-secondary-color-button-icon-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-background: var(--color-primary-bayer-blue);
  --color-button-text-calendar-color-button-calendar-border: var(--color-primary-bayer-blue);
  --color-button-text-calendar-color-button-calendar-label: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-background-inverse: var(--color-primary-bayer-blue);
  --color-button-text-inverse-color-button-border-inverse: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-label-inverse: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-background-nav: var(--color-primary-lime);
  --color-button-text-navigation-color-button-border-nav: var(--color-primary-lime);
  --color-button-text-navigation-color-button-label-nav: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-background-primary: var(--color-primary-bayer-blue);
  --color-button-text-primary-color-button-border-primary: var(--color-primary-bayer-blue);
  --color-button-text-primary-color-button-label-primary: var(--color-secondary-neutral-white);
  --color-button-text-secondary-color-button-background-secondary: var(--color-primary-bayer-blue);
  --color-button-text-secondary-color-button-border-secondary: var(--color-primary-bayer-blue);
  --color-button-text-secondary-color-button-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-tertiary-color-button-background-tertiary: var(--color-primary-bayer-blue);
  --color-button-text-tertiary-color-button-border-tertiary: var(--color-primary-bayer-blue);
  --color-button-text-tertiary-color-button-label-tertiary: var(--color-secondary-neutral-white);
  --color-link-color-text-link-inverse: var(--color-primary-lime);
  --color-link-color-text-link-primary: var(--color-primary-blue);
  /* active */
  /* colors */
  --color-button-icon-primary-color-button-icon-background-primary: var(--color-secondary-neutral-white);
  --color-button-icon-primary-color-button-icon-border-primary: var(--color-secondary-neutral-white);
  --color-button-icon-primary-color-button-icon-label-primary: var(--color-primary-bayer-blue);
  --color-button-icon-secondary-color-button-icon-background-secondary: var(--color-primary-blue);
  --color-button-icon-secondary-color-button-icon-border-secondary: var(--color-primary-blue);
  --color-button-icon-secondary-color-button-icon-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-background: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-border: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-label: var(--color-primary-bayer-blue);
  --color-button-text-inverse-color-button-background-inverse: var(--color-primary-blue);
  --color-button-text-inverse-color-button-border-inverse: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-label-inverse: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-background-nav: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-border-nav: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-label-nav: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-background-primary: var(--color-primary-blue);
  --color-button-text-primary-color-button-border-primary: var(--color-primary-blue);
  --color-button-text-primary-color-button-label-primary: var(--color-secondary-neutral-white);
  --color-button-text-secondary-color-button-background-secondary: var(--color-primary-blue);
  --color-button-text-secondary-color-button-border-secondary: var(--color-primary-blue);
  --color-button-text-secondary-color-button-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-tertiary-color-button-background-tertiary: var(--color-primary-blue);
  --color-button-text-tertiary-color-button-border-tertiary: var(--color-primary-blue);
  --color-button-text-tertiary-color-button-label-tertiary: var(--color-secondary-neutral-white);
  --color-link-color-text-link-inverse: var(--color-primary-teal);
  --color-link-color-text-link-primary: var(--color-primary-bayer-blue);
  /* focused */
  /* colors */
  --color-button-icon-primary-color-button-icon-background-primary: var(--color-primary-lime);
  --color-button-icon-primary-color-button-icon-border-primary: var(--color-secondary-neutral-black);
  --color-button-icon-primary-color-button-icon-label-primary: var(--color-secondary-neutral-black);
  --color-button-icon-secondary-color-button-icon-background-secondary: var(--color-primary-bayer-blue);
  --color-button-icon-secondary-color-button-icon-border-secondary: var(--color-primary-blue);
  --color-button-icon-secondary-color-button-icon-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-calendar-color-button-calendar-background: var(--color-secondary-neutral-black);
  --color-button-text-calendar-color-button-calendar-border: var(--color-secondary-neutral-black);
  --color-button-text-calendar-color-button-calendar-label: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-background-inverse: var(--color-primary-bayer-blue);
  --color-button-text-inverse-color-button-border-inverse: var(--color-secondary-neutral-white);
  --color-button-text-inverse-color-button-label-inverse: var(--color-secondary-neutral-white);
  --color-button-text-navigation-color-button-background-nav: var(--color-primary-lime);
  --color-button-text-navigation-color-button-border-nav: var(--color-secondary-neutral-black);
  --color-button-text-navigation-color-button-label-nav: var(--color-secondary-neutral-black);
  --color-button-text-primary-color-button-background-primary: var(--color-primary-bayer-blue);
  --color-button-text-primary-color-button-border-primary: var(--color-primary-blue);
  --color-button-text-primary-color-button-label-primary: var(--color-secondary-neutral-white);
  --color-button-text-secondary-color-button-background-secondary: var(--color-primary-bayer-blue);
  --color-button-text-secondary-color-button-border-secondary: var(--color-primary-blue);
  --color-button-text-secondary-color-button-label-secondary: var(--color-secondary-neutral-white);
  --color-button-text-tertiary-color-button-background-tertiary: var(--color-primary-bayer-blue);
  --color-button-text-tertiary-color-button-border-tertiary: var(--color-primary-blue);
  --color-button-text-tertiary-color-button-label-tertiary: var(--color-secondary-neutral-white);
  --color-link-color-text-link-inverse: var(--color-primary-blue);
  --color-link-color-text-link-primary: var(--color-primary-lime);
}

:root {
  /* default */
  /* colors */
  --tab-primary-color-tab-background-primary: var(--color-secondary-neutral-white);
  --tab-primary-color-tab-border-primary: var(--color-secondary-neutral-black);
  --tab-primary-color-tab-label-primary: var(--color-secondary-neutral-black);
  /* selected */
  /* colors */
  --tab-primary-color-tab-background-primary: var(--color-secondary-neutral-black);
  --tab-primary-color-tab-border-primary: var(--color-secondary-neutral-black);
  --tab-primary-color-tab-label-primary: var(--color-secondary-neutral-white);
  /* disabled */
  /* colors */
  --tab-primary-color-tab-background-primary: var(--color-secondary-neutral-white);
  --tab-primary-color-tab-border-primary: var(--color-secondary-neutral-mid-gray);
  --tab-primary-color-tab-label-primary: var(--color-secondary-neutral-mid-gray);
  /* hover */
  /* colors */
  --tab-primary-color-tab-background-primary: var(--color-primary-lime);
  --tab-primary-color-tab-border-primary: var(--color-secondary-neutral-black);
  --tab-primary-color-tab-label-primary: var(--color-secondary-neutral-black);
}

:root {
  /* default */
  /* colors */
  --color-input-background-primary: var(--color-secondary-neutral-off-white);
  --color-input-border-primary: var(--color-secondary-neutral-black);
  --color-input-icon-background-primary: var(--color-secondary-neutral-off-white);
  --color-input-icon-primary: var(--color-secondary-neutral-off-white);
  --color-input-label-primary: var(--color-secondary-neutral-black);
  --color-input-text-validation-primary: var(--color-secondary-neutral-black);
  --color-input-text-value-primary: var(--color-secondary-neutral-taupe);
  /* focused */
  /* colors */
  --color-input-background-primary: var(--color-extended-scale-lime-20);
  --color-input-border-primary: var(--color-secondary-neutral-black);
  --color-input-icon-background-primary: var(--color-primary-lime);
  --color-input-icon-primary: var(--color-secondary-neutral-black);
  --color-input-label-primary: var(--color-secondary-neutral-black);
  --color-input-text-validation-primary: var(--color-secondary-neutral-black);
  --color-input-text-value-primary: var(--color-secondary-neutral-black);
  /* populated */
  /* colors */
  --color-input-background-primary: var(--color-secondary-neutral-off-white);
  --color-input-border-primary: var(--color-secondary-neutral-black);
  --color-input-icon-background-primary: var(--color-secondary-neutral-nearly-white);
  --color-input-icon-primary: var(--color-secondary-neutral-black);
  --color-input-label-primary: var(--color-secondary-neutral-black);
  --color-input-text-validation-primary: var(--color-secondary-neutral-black);
  --color-input-text-value-primary: var(--color-secondary-neutral-black);
  /* error */
  /* colors */
  --color-input-background-primary: var(--color-secondary-neutral-off-white);
  --color-input-border-primary: var(--color-secondary-bright-red);
  --color-input-icon-background-primary: var(--color-secondary-neutral-nearly-white);
  --color-input-icon-primary: var(--color-secondary-neutral-black);
  --color-input-label-primary: var(--color-secondary-neutral-black);
  --color-input-text-validation-primary: var(--color-secondary-bright-red);
  --color-input-text-value-primary: var(--color-secondary-bright-red);
}

:root {
  /* monochrome */
  /* colors */
  --table-primary-color-table-border-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-td-background-row-default-primary: var(--color-secondary-neutral-white);
  --table-primary-color-table-td-background-row-zebra-primary: var(--color-secondary-neutral-off-white);
  --table-primary-color-table-td-content-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-background-row-default-primary: var(--color-secondary-neutral-white);
  --table-primary-color-table-th-background-row-zebra-primary: var(--color-secondary-neutral-nearly-white);
  --table-primary-color-table-th-content-primary: var(--color-secondary-neutral-black);
  /* bw */
  /* colors */
  --table-primary-color-table-border-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-td-background-row-default-primary: var(--color-secondary-neutral-white);
  --table-primary-color-table-td-background-row-zebra-primary: var(--color-secondary-neutral-off-white);
  --table-primary-color-table-td-content-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-background-row-default-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-background-row-zebra-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-content-primary: var(--color-secondary-neutral-white);
  /* grayscale */
  /* colors */
  --table-primary-color-table-border-primary: var(--color-secondary-neutral-taupe);
  --table-primary-color-table-td-background-row-default-primary: var(--color-secondary-neutral-white);
  --table-primary-color-table-td-background-row-zebra-primary: var(--color-secondary-neutral-off-white);
  --table-primary-color-table-td-content-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-background-row-default-primary: var(--color-secondary-neutral-light-gray);
  --table-primary-color-table-th-background-row-zebra-primary: var(--color-secondary-neutral-off-white);
  --table-primary-color-table-th-content-primary: var(--color-secondary-neutral-black);
  /* color */
  /* colors */
  --table-primary-color-table-border-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-td-background-row-default-primary: var(--color-secondary-neutral-white);
  --table-primary-color-table-td-background-row-zebra-primary: var(--color-secondary-neutral-off-white);
  --table-primary-color-table-td-content-primary: var(--color-secondary-neutral-black);
  --table-primary-color-table-th-background-row-default-primary: var(--color-primary-green);
  --table-primary-color-table-th-background-row-zebra-primary: var(--color-primary-text-green);
  --table-primary-color-table-th-content-primary: var(--color-secondary-neutral-black);
}

:root {
  --semantic-header-styles-h1-XS-MD-font-family: "Larsseit-Light", Helvetica;
  --semantic-header-styles-h1-XS-MD-font-weight: 300;
  --semantic-header-styles-h1-XS-MD-font-size: 32px;
  --semantic-header-styles-h1-XS-MD-letter-spacing: 0px;
  --semantic-header-styles-h1-XS-MD-line-height: 36px;
  --semantic-header-styles-h1-XS-MD-font-style: normal;
  --semantic-header-styles-h1-LG-font-family: "Larsseit-Light", Helvetica;
  --semantic-header-styles-h1-LG-font-weight: 300;
  --semantic-header-styles-h1-LG-font-size: 42px;
  --semantic-header-styles-h1-LG-letter-spacing: 0px;
  --semantic-header-styles-h1-LG-line-height: 46px;
  --semantic-header-styles-h1-LG-font-style: normal;
  --semantic-header-styles-h1-XL-XXL-font-family: "Larsseit-Light", Helvetica;
  --semantic-header-styles-h1-XL-XXL-font-weight: 300;
  --semantic-header-styles-h1-XL-XXL-font-size: 48px;
  --semantic-header-styles-h1-XL-XXL-letter-spacing: 0px;
  --semantic-header-styles-h1-XL-XXL-line-height: 52px;
  --semantic-header-styles-h1-XL-XXL-font-style: normal;
  --semantic-header-styles-h2-XS-MD-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h2-XS-MD-font-weight: 700;
  --semantic-header-styles-h2-XS-MD-font-size: 22px;
  --semantic-header-styles-h2-XS-MD-letter-spacing: 0px;
  --semantic-header-styles-h2-XS-MD-line-height: 26px;
  --semantic-header-styles-h2-XS-MD-font-style: normal;
  --semantic-header-styles-h2-LG-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h2-LG-font-weight: 700;
  --semantic-header-styles-h2-LG-font-size: 24px;
  --semantic-header-styles-h2-LG-letter-spacing: 0px;
  --semantic-header-styles-h2-LG-line-height: 28px;
  --semantic-header-styles-h2-LG-font-style: normal;
  --semantic-header-styles-h2-XL-XXL-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h2-XL-XXL-font-weight: 700;
  --semantic-header-styles-h2-XL-XXL-font-size: 26px;
  --semantic-header-styles-h2-XL-XXL-letter-spacing: 0px;
  --semantic-header-styles-h2-XL-XXL-line-height: 30px;
  --semantic-header-styles-h2-XL-XXL-font-style: normal;
  --semantic-header-styles-h3-all-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h3-all-font-weight: 700;
  --semantic-header-styles-h3-all-font-size: 20px;
  --semantic-header-styles-h3-all-letter-spacing: 0px;
  --semantic-header-styles-h3-all-line-height: 24px;
  --semantic-header-styles-h3-all-font-style: normal;
  --semantic-header-styles-h4-all-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h4-all-font-weight: 700;
  --semantic-header-styles-h4-all-font-size: 18px;
  --semantic-header-styles-h4-all-letter-spacing: 0px;
  --semantic-header-styles-h4-all-line-height: 22px;
  --semantic-header-styles-h4-all-font-style: normal;
  --semantic-header-styles-h5-all-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h5-all-font-weight: 700;
  --semantic-header-styles-h5-all-font-size: 16px;
  --semantic-header-styles-h5-all-letter-spacing: 0px;
  --semantic-header-styles-h5-all-line-height: 20px;
  --semantic-header-styles-h5-all-font-style: normal;
  --semantic-header-styles-h6-all-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h6-all-font-weight: 700;
  --semantic-header-styles-h6-all-font-size: 14px;
  --semantic-header-styles-h6-all-letter-spacing: 0px;
  --semantic-header-styles-h6-all-line-height: 18px;
  --semantic-header-styles-h6-all-font-style: normal;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-font-size: 40px;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-line-height: 44px;
  --pseudo-header-styles-sans-bold-1400-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-font-size: 56px;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-line-height: 62px;
  --pseudo-header-styles-sans-bold-1400-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-font-size: 72px;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-line-height: 74px;
  --pseudo-header-styles-sans-bold-1400-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-font-size: 38px;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-line-height: 42px;
  --pseudo-header-styles-sans-bold-1300-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-font-size: 52px;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-line-height: 54px;
  --pseudo-header-styles-sans-bold-1300-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-font-size: 66px;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-line-height: 68px;
  --pseudo-header-styles-sans-bold-1300-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-size: 36px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-line-height: 38px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-size: 48px;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-line-height: 52px;
  --pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-font-size: 60px;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-line-height: 62px;
  --pseudo-header-styles-sans-bold-1200-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-font-size: 34px;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-line-height: 38px;
  --pseudo-header-styles-sans-bold-1100-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-font-size: 44px;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-line-height: 48px;
  --pseudo-header-styles-sans-bold-1100-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-font-size: 54px;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-line-height: 56px;
  --pseudo-header-styles-sans-bold-1100-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-size: 32px;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-line-height: 36px;
  --pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-font-size: 40px;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-line-height: 44px;
  --pseudo-header-styles-sans-bold-1000-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-font-size: 48px;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-line-height: 52px;
  --pseudo-header-styles-sans-bold-1000-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-font-size: 28px;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-line-height: 32px;
  --pseudo-header-styles-sans-bold-900-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-font-size: 36px;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-line-height: 40px;
  --pseudo-header-styles-sans-bold-900-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-font-size: 42px;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-line-height: 46px;
  --pseudo-header-styles-sans-bold-900-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size: 26px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height: 30px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-size: 32px;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-line-height: 36px;
  --pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size: 36px;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height: 40px;
  --pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-size: 24px;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-line-height: 28px;
  --pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-font-size: 28px;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-line-height: 32px;
  --pseudo-header-styles-sans-bold-700-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-font-size: 32px;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-line-height: 36px;
  --pseudo-header-styles-sans-bold-700-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-size: 22px;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-line-height: 26px;
  --pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-font-size: 24px;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-line-height: 28px;
  --pseudo-header-styles-sans-bold-600-LG-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-size: 26px;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-line-height: 30px;
  --pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-size: 20px;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-line-height: 24px;
  --pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size: 18px;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height: 22px;
  --pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-size: 16px;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-line-height: 20px;
  --pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-font-size: 14px;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-line-height: 18px;
  --pseudo-header-styles-sans-bold-200-all-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-font-size: 12px;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-line-height: 16px;
  --pseudo-header-styles-sans-bold-100-all-header-sans-bold-font-style: normal;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-font-size: 40px;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-line-height: 44px;
  --pseudo-header-styles-sans-light-1400-XS-MD-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-font-size: 56px;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-line-height: 58px;
  --pseudo-header-styles-sans-light-1400-LG-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-font-size: 72px;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-line-height: 74px;
  --pseudo-header-styles-sans-light-1400-XL-XXL-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-font-size: 38px;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-line-height: 42px;
  --pseudo-header-styles-sans-light-1300-XS-MD-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-font-size: 52px;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-line-height: 54px;
  --pseudo-header-styles-sans-light-1300-LG-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-font-size: 66px;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-line-height: 68px;
  --pseudo-header-styles-sans-light-1300-XL-XXL-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-font-size: 36px;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-line-height: 40px;
  --pseudo-header-styles-sans-light-1200-XS-MD-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-font-size: 48px;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-line-height: 52px;
  --pseudo-header-styles-sans-light-1200-LG-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-font-size: 60px;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-line-height: 62px;
  --pseudo-header-styles-sans-light-1200-XL-XXL-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-font-size: 34px;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-line-height: 38px;
  --pseudo-header-styles-sans-light-1100-XS-MD-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-font-size: 44px;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-line-height: 48px;
  --pseudo-header-styles-sans-light-1100-LG-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-font-size: 54px;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-line-height: 56px;
  --pseudo-header-styles-sans-light-1100-XL-XXL-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-size: 32px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-line-height: 36px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-font-size: 40px;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-line-height: 44px;
  --pseudo-header-styles-sans-light-1000-LG-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-size: 48px;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-line-height: 52px;
  --pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-style: normal;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-font-size: 36px;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-line-height: 40px;
  --pseudo-header-styles-sans-regular-1200-XS-SM-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-font-size: 48px;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-line-height: 52px;
  --pseudo-header-styles-sans-regular-1200-LG-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-font-size: 60px;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-line-height: 62px;
  --pseudo-header-styles-sans-regular-1200-XL-XXL-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-font-size: 34px;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-line-height: 38px;
  --pseudo-header-styles-sans-regular-1100-XS-SM-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-font-size: 44px;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-line-height: 54px;
  --pseudo-header-styles-sans-regular-1100-LG-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-font-size: 54px;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-line-height: 56px;
  --pseudo-header-styles-sans-regular-1100-XL-XXL-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-font-size: 32px;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-line-height: 36px;
  --pseudo-header-styles-sans-regular-1000-XS-SM-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-size: 40px;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-line-height: 44px;
  --pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-style: normal;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-font-family: "Larsseit-Regular", Helvetica;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-font-weight: 400;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-font-size: 48px;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-letter-spacing: 0px;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-line-height: 52px;
  --pseudo-header-styles-sans-regular-1000-XL-XXL-header-sans-regular-font-style: normal;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-font-size: 34px;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-line-height: 38px;
  --pseudo-header-styles-serif-semibold-1100-XS-MD-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-font-size: 48px;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-line-height: 52px;
  --pseudo-header-styles-serif-semibold-1100-LG-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-font-size: 54px;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-line-height: 56px;
  --pseudo-header-styles-serif-semibold-1100-XL-XXL-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-font-size: 32px;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-line-height: 36px;
  --pseudo-header-styles-serif-semibold-1000-XS-MD-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-font-size: 44px;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-line-height: 48px;
  --pseudo-header-styles-serif-semibold-1000-LG-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-font-size: 48px;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-line-height: 52px;
  --pseudo-header-styles-serif-semibold-1000-XL-XXL-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-font-size: 28px;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-line-height: 32px;
  --pseudo-header-styles-serif-semibold-900-XS-MD-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-font-size: 40px;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-line-height: 44px;
  --pseudo-header-styles-serif-semibold-900-LG-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-font-size: 42px;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-line-height: 46px;
  --pseudo-header-styles-serif-semibold-900-XL-XXL-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-font-size: 26px;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-line-height: 30px;
  --pseudo-header-styles-serif-semibold-800-XS-MD-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-font-size: 36px;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-line-height: 40px;
  --pseudo-header-styles-serif-semibold-800-LG-header-serif-semibold-font-style: normal;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-font-weight: 400;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-font-size: 36px;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-letter-spacing: 0px;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-line-height: 40px;
  --pseudo-header-styles-serif-semibold-800-XL-XXL-header-serif-semibold-font-style: normal;
  --text-styles-sans-regular-600-XS-MD-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-600-XS-MD-text-sans-font-weight: 400;
  --text-styles-sans-regular-600-XS-MD-text-sans-font-size: 22px;
  --text-styles-sans-regular-600-XS-MD-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-600-XS-MD-text-sans-line-height: 34px;
  --text-styles-sans-regular-600-XS-MD-text-sans-font-style: normal;
  --text-styles-sans-regular-600-LG-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-600-LG-text-sans-font-weight: 400;
  --text-styles-sans-regular-600-LG-text-sans-font-size: 24px;
  --text-styles-sans-regular-600-LG-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-600-LG-text-sans-line-height: 36px;
  --text-styles-sans-regular-600-LG-text-sans-font-style: normal;
  --text-styles-sans-regular-600-XL-XXL-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-600-XL-XXL-text-sans-font-weight: 400;
  --text-styles-sans-regular-600-XL-XXL-text-sans-font-size: 26px;
  --text-styles-sans-regular-600-XL-XXL-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-600-XL-XXL-text-sans-line-height: 38px;
  --text-styles-sans-regular-600-XL-XXL-text-sans-font-style: normal;
  --text-styles-sans-regular-500-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-500-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-500-all-text-sans-font-size: 20px;
  --text-styles-sans-regular-500-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-500-all-text-sans-line-height: 32px;
  --text-styles-sans-regular-500-all-text-sans-font-style: normal;
  --text-styles-sans-regular-400-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-400-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-400-all-text-sans-font-size: 18px;
  --text-styles-sans-regular-400-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-400-all-text-sans-line-height: 28px;
  --text-styles-sans-regular-400-all-text-sans-font-style: normal;
  --text-styles-sans-regular-300-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-300-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-300-all-text-sans-font-size: 16px;
  --text-styles-sans-regular-300-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-300-all-text-sans-line-height: 24px;
  --text-styles-sans-regular-300-all-text-sans-font-style: normal;
  --text-styles-sans-regular-200-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-200-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-200-all-text-sans-font-size: 14px;
  --text-styles-sans-regular-200-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-200-all-text-sans-line-height: 20px;
  --text-styles-sans-regular-200-all-text-sans-font-style: normal;
  --text-styles-sans-regular-100-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-100-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-100-all-text-sans-font-size: 12px;
  --text-styles-sans-regular-100-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-100-all-text-sans-line-height: 18px;
  --text-styles-sans-regular-100-all-text-sans-font-style: normal;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-font-size: 22px;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-line-height: 34px;
  --text-styles-sans-bold-600-XS-MD-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-600-LG-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-600-LG-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-600-LG-text-sans-bold-font-size: 24px;
  --text-styles-sans-bold-600-LG-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-600-LG-text-sans-bold-line-height: 36px;
  --text-styles-sans-bold-600-LG-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-font-size: 26px;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-line-height: 38px;
  --text-styles-sans-bold-600-XL-XXL-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-500-all-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-500-all-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-500-all-text-sans-bold-font-size: 20px;
  --text-styles-sans-bold-500-all-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-500-all-text-sans-bold-line-height: 32px;
  --text-styles-sans-bold-500-all-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-400-all-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-400-all-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-400-all-text-sans-bold-font-size: 18px;
  --text-styles-sans-bold-400-all-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-400-all-text-sans-bold-line-height: 28px;
  --text-styles-sans-bold-400-all-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-300-all-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-300-all-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-300-all-text-sans-bold-font-size: 16px;
  --text-styles-sans-bold-300-all-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-300-all-text-sans-bold-line-height: 24px;
  --text-styles-sans-bold-300-all-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-200-all-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-200-all-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-200-all-text-sans-bold-font-size: 14px;
  --text-styles-sans-bold-200-all-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-200-all-text-sans-bold-line-height: 20px;
  --text-styles-sans-bold-200-all-text-sans-bold-font-style: normal;
  --text-styles-sans-bold-100-all-text-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --text-styles-sans-bold-100-all-text-sans-bold-font-weight: 700;
  --text-styles-sans-bold-100-all-text-sans-bold-font-size: 12px;
  --text-styles-sans-bold-100-all-text-sans-bold-letter-spacing: 0px;
  --text-styles-sans-bold-100-all-text-sans-bold-line-height: 18px;
  --text-styles-sans-bold-100-all-text-sans-bold-font-style: normal;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-font-size: 22px;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-line-height: 34px;
  --text-styles-sans-italic-600-XS-MD-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-600-LG-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-600-LG-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-600-LG-text-sans-italic-font-size: 24px;
  --text-styles-sans-italic-600-LG-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-600-LG-text-sans-italic-line-height: 36px;
  --text-styles-sans-italic-600-LG-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-font-size: 26px;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-line-height: 38px;
  --text-styles-sans-italic-600-XL-XXL-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-500-all-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-500-all-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-500-all-text-sans-italic-font-size: 20px;
  --text-styles-sans-italic-500-all-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-500-all-text-sans-italic-line-height: 32px;
  --text-styles-sans-italic-500-all-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-400-all-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-400-all-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-400-all-text-sans-italic-font-size: 18px;
  --text-styles-sans-italic-400-all-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-400-all-text-sans-italic-line-height: 28px;
  --text-styles-sans-italic-400-all-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-300-all-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-300-all-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-300-all-text-sans-italic-font-size: 16px;
  --text-styles-sans-italic-300-all-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-300-all-text-sans-italic-line-height: 24px;
  --text-styles-sans-italic-300-all-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-200-all-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-200-all-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-200-all-text-sans-italic-font-size: 14px;
  --text-styles-sans-italic-200-all-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-200-all-text-sans-italic-line-height: 20px;
  --text-styles-sans-italic-200-all-text-sans-italic-font-style: italic;
  --text-styles-sans-italic-100-all-text-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --text-styles-sans-italic-100-all-text-sans-italic-font-weight: 400;
  --text-styles-sans-italic-100-all-text-sans-italic-font-size: 12px;
  --text-styles-sans-italic-100-all-text-sans-italic-letter-spacing: 0px;
  --text-styles-sans-italic-100-all-text-sans-italic-line-height: 18px;
  --text-styles-sans-italic-100-all-text-sans-italic-font-style: italic;
  --text-styles-serif-regular-600-XS-MD-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-600-XS-MD-text-serif-font-weight: 400;
  --text-styles-serif-regular-600-XS-MD-text-serif-font-size: 22px;
  --text-styles-serif-regular-600-XS-MD-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-600-XS-MD-text-serif-line-height: 34px;
  --text-styles-serif-regular-600-XS-MD-text-serif-font-style: normal;
  --text-styles-serif-regular-600-LG-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-600-LG-text-serif-font-weight: 400;
  --text-styles-serif-regular-600-LG-text-serif-font-size: 24px;
  --text-styles-serif-regular-600-LG-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-600-LG-text-serif-line-height: 36px;
  --text-styles-serif-regular-600-LG-text-serif-font-style: normal;
  --text-styles-serif-regular-600-XL-XXL-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-600-XL-XXL-text-serif-font-weight: 400;
  --text-styles-serif-regular-600-XL-XXL-text-serif-font-size: 26px;
  --text-styles-serif-regular-600-XL-XXL-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-600-XL-XXL-text-serif-line-height: 38px;
  --text-styles-serif-regular-600-XL-XXL-text-serif-font-style: normal;
  --text-styles-serif-regular-500-all-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-500-all-text-serif-font-weight: 400;
  --text-styles-serif-regular-500-all-text-serif-font-size: 20px;
  --text-styles-serif-regular-500-all-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-500-all-text-serif-line-height: 32px;
  --text-styles-serif-regular-500-all-text-serif-font-style: normal;
  --text-styles-serif-regular-400-all-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-400-all-text-serif-font-weight: 400;
  --text-styles-serif-regular-400-all-text-serif-font-size: 18px;
  --text-styles-serif-regular-400-all-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-400-all-text-serif-line-height: 28px;
  --text-styles-serif-regular-400-all-text-serif-font-style: normal;
  --text-styles-serif-regular-300-all-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-300-all-text-serif-font-weight: 400;
  --text-styles-serif-regular-300-all-text-serif-font-size: 16px;
  --text-styles-serif-regular-300-all-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-300-all-text-serif-line-height: 24px;
  --text-styles-serif-regular-300-all-text-serif-font-style: normal;
  --text-styles-serif-regular-200-all-text-serif-font-family: "UtopiaStd-Regular", Helvetica;
  --text-styles-serif-regular-200-all-text-serif-font-weight: 400;
  --text-styles-serif-regular-200-all-text-serif-font-size: 14px;
  --text-styles-serif-regular-200-all-text-serif-letter-spacing: 0px;
  --text-styles-serif-regular-200-all-text-serif-line-height: 20px;
  --text-styles-serif-regular-200-all-text-serif-font-style: normal;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-font-size: 22px;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-line-height: 34px;
  --text-styles-serif-semibold-600-XS-MD-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-font-size: 24px;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-line-height: 36px;
  --text-styles-serif-semibold-600-LG-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-font-size: 26px;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-line-height: 38px;
  --text-styles-serif-semibold-600-XL-XXL-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-500-all-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-500-all-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-500-all-text-serif-semibold-font-size: 20px;
  --text-styles-serif-semibold-500-all-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-500-all-text-serif-semibold-line-height: 32px;
  --text-styles-serif-semibold-500-all-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-400-all-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-400-all-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-400-all-text-serif-semibold-font-size: 18px;
  --text-styles-serif-semibold-400-all-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-400-all-text-serif-semibold-line-height: 28px;
  --text-styles-serif-semibold-400-all-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-300-all-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-300-all-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-300-all-text-serif-semibold-font-size: 16px;
  --text-styles-serif-semibold-300-all-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-300-all-text-serif-semibold-line-height: 24px;
  --text-styles-serif-semibold-300-all-text-serif-semibold-font-style: normal;
  --text-styles-serif-semibold-200-all-text-serif-semibold-font-family: "UtopiaStd-Semibold", Helvetica;
  --text-styles-serif-semibold-200-all-text-serif-semibold-font-weight: 400;
  --text-styles-serif-semibold-200-all-text-serif-semibold-font-size: 14px;
  --text-styles-serif-semibold-200-all-text-serif-semibold-letter-spacing: 0px;
  --text-styles-serif-semibold-200-all-text-serif-semibold-line-height: 20px;
  --text-styles-serif-semibold-200-all-text-serif-semibold-font-style: normal;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-font-size: 22px;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-line-height: 34px;
  --text-styles-serif-italic-600-XS-MD-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-600-LG-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-600-LG-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-600-LG-text-serif-italic-font-size: 24px;
  --text-styles-serif-italic-600-LG-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-600-LG-text-serif-italic-line-height: 36px;
  --text-styles-serif-italic-600-LG-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-font-size: 26px;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-line-height: 38px;
  --text-styles-serif-italic-600-XL-XXL-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-500-all-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-500-all-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-500-all-text-serif-italic-font-size: 20px;
  --text-styles-serif-italic-500-all-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-500-all-text-serif-italic-line-height: 32px;
  --text-styles-serif-italic-500-all-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-400-all-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-400-all-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-400-all-text-serif-italic-font-size: 18px;
  --text-styles-serif-italic-400-all-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-400-all-text-serif-italic-line-height: 28px;
  --text-styles-serif-italic-400-all-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-300-all-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-300-all-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-300-all-text-serif-italic-font-size: 16px;
  --text-styles-serif-italic-300-all-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-300-all-text-serif-italic-line-height: 24px;
  --text-styles-serif-italic-300-all-text-serif-italic-font-style: italic;
  --text-styles-serif-italic-200-all-text-serif-italic-font-family: "UtopiaStd-Italic", Helvetica;
  --text-styles-serif-italic-200-all-text-serif-italic-font-weight: 400;
  --text-styles-serif-italic-200-all-text-serif-italic-font-size: 14px;
  --text-styles-serif-italic-200-all-text-serif-italic-letter-spacing: 0px;
  --text-styles-serif-italic-200-all-text-serif-italic-line-height: 20px;
  --text-styles-serif-italic-200-all-text-serif-italic-font-style: italic;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-font-size: 22px;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-line-height: 26px;
  --utility-styles-sans-regular-600-XS-MD-utility-sans-font-style: normal;
  --utility-styles-sans-regular-600-LG-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-600-LG-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-600-LG-utility-sans-font-size: 24px;
  --utility-styles-sans-regular-600-LG-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-600-LG-utility-sans-line-height: 28px;
  --utility-styles-sans-regular-600-LG-utility-sans-font-style: normal;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-font-size: 26px;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-line-height: 30px;
  --utility-styles-sans-regular-600-XL-XXL-utility-sans-font-style: normal;
  --utility-styles-sans-regular-500-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-500-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-500-all-utility-sans-font-size: 20px;
  --utility-styles-sans-regular-500-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-500-all-utility-sans-line-height: 24px;
  --utility-styles-sans-regular-500-all-utility-sans-font-style: normal;
  --utility-styles-sans-regular-400-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-400-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-400-all-utility-sans-font-size: 18px;
  --utility-styles-sans-regular-400-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-400-all-utility-sans-line-height: 22px;
  --utility-styles-sans-regular-400-all-utility-sans-font-style: normal;
  --utility-styles-sans-regular-300-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-300-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-300-all-utility-sans-font-size: 16px;
  --utility-styles-sans-regular-300-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-300-all-utility-sans-line-height: 20px;
  --utility-styles-sans-regular-300-all-utility-sans-font-style: normal;
  --utility-styles-sans-regular-200-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-200-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-200-all-utility-sans-font-size: 14px;
  --utility-styles-sans-regular-200-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-200-all-utility-sans-line-height: 18px;
  --utility-styles-sans-regular-200-all-utility-sans-font-style: normal;
  --utility-styles-sans-regular-100-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-100-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-100-all-utility-sans-font-size: 12px;
  --utility-styles-sans-regular-100-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-100-all-utility-sans-line-height: 16px;
  --utility-styles-sans-regular-100-all-utility-sans-font-style: normal;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-font-size: 22px;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-line-height: 26px;
  --utility-styles-sans-bold-600-XS-MD-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-font-size: 24px;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-line-height: 28px;
  --utility-styles-sans-bold-600-LG-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-font-size: 26px;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-line-height: 30px;
  --utility-styles-sans-bold-600-XL-XXL-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-500-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-500-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-500-all-utility-sans-bold-font-size: 20px;
  --utility-styles-sans-bold-500-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-500-all-utility-sans-bold-line-height: 24px;
  --utility-styles-sans-bold-500-all-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-400-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-400-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-400-all-utility-sans-bold-font-size: 18px;
  --utility-styles-sans-bold-400-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-400-all-utility-sans-bold-line-height: 22px;
  --utility-styles-sans-bold-400-all-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-size: 16px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-line-height: 20px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-200-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-200-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-200-all-utility-sans-bold-font-size: 14px;
  --utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-200-all-utility-sans-bold-line-height: 18px;
  --utility-styles-sans-bold-200-all-utility-sans-bold-font-style: normal;
  --utility-styles-sans-bold-100-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-100-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-100-all-utility-sans-bold-font-size: 12px;
  --utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-100-all-utility-sans-bold-line-height: 16px;
  --utility-styles-sans-bold-100-all-utility-sans-bold-font-style: normal;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-font-size: 22px;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-line-height: 26px;
  --utility-styles-sans-italic-600-XS-MD-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-font-size: 24px;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-line-height: 28px;
  --utility-styles-sans-italic-600-LG-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-font-size: 26px;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-line-height: 30px;
  --utility-styles-sans-italic-600-XL-XXL-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-500-all-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-500-all-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-500-all-utility-sans-italic-font-size: 20px;
  --utility-styles-sans-italic-500-all-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-500-all-utility-sans-italic-line-height: 24px;
  --utility-styles-sans-italic-500-all-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-400-all-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-400-all-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-400-all-utility-sans-italic-font-size: 18px;
  --utility-styles-sans-italic-400-all-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-400-all-utility-sans-italic-line-height: 22px;
  --utility-styles-sans-italic-400-all-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-300-all-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-300-all-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-300-all-utility-sans-italic-font-size: 16px;
  --utility-styles-sans-italic-300-all-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-300-all-utility-sans-italic-line-height: 20px;
  --utility-styles-sans-italic-300-all-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-200-all-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-200-all-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-200-all-utility-sans-italic-font-size: 14px;
  --utility-styles-sans-italic-200-all-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-200-all-utility-sans-italic-line-height: 18px;
  --utility-styles-sans-italic-200-all-utility-sans-italic-font-style: italic;
  --utility-styles-sans-italic-100-all-utility-sans-italic-font-family: "Larsseit-RegularItalic", Helvetica;
  --utility-styles-sans-italic-100-all-utility-sans-italic-font-weight: 400;
  --utility-styles-sans-italic-100-all-utility-sans-italic-font-size: 12px;
  --utility-styles-sans-italic-100-all-utility-sans-italic-letter-spacing: 0px;
  --utility-styles-sans-italic-100-all-utility-sans-italic-line-height: 16px;
  --utility-styles-sans-italic-100-all-utility-sans-italic-font-style: italic;
  --primitives-color-primary-lime: rgba(200, 245, 90, 1);
  --primitives-color-primary-green: rgba(120, 214, 72, 1);
  --primitives-color-primary-teal: rgba(40, 210, 190, 1);
  --primitives-color-primary-blue: rgba(0, 114, 206, 1);
  --primitives-color-primary-bayer-blue: rgba(0, 53, 148, 1);
  --primitives-color-primary-dark-blue: rgba(0, 42, 58, 1);
  --primitives-color-primary-purple: rgba(127, 17, 224, 1);
  --primitives-color-primary-text-green: rgba(89, 195, 55, 1);
  --primitives-color-primary-text-teal: rgba(27, 195, 186, 1);
  --primitives-color-secondary-neutral-white: rgba(255, 255, 255, 1);
  --primitives-color-secondary-neutral-off-white: rgba(248, 250, 244, 1);
  --primitives-color-secondary-neutral-nearly-white: rgba(243, 245, 239, 1);
  --primitives-color-secondary-neutral-light-gray: rgba(228, 233, 219, 1);
  --primitives-color-secondary-neutral-mid-gray: rgba(209, 204, 189, 1);
  --primitives-color-secondary-neutral-taupe: rgba(147, 131, 114, 1);
  --primitives-color-secondary-neutral-dark-gray: rgba(84, 88, 90, 1);
  --primitives-color-secondary-neutral-black: rgba(0, 0, 0, 1);
  --primitives-color-secondary-bright-yellow: rgba(251, 225, 34, 1);
  --primitives-color-secondary-bright-orange: rgba(255, 153, 0, 1);
  --primitives-color-secondary-bright-red: rgba(235, 51, 0, 1);
  --primitives-color-secondary-bright-magenta: rgba(198, 0, 126, 1);
  --primitives-color-secondary-bright-purple-80: rgba(110, 63, 163, 1);
  --primitives-color-extended-scale-lime-10: rgba(250, 255, 239, 1);
  --primitives-color-extended-scale-lime-20: rgba(240, 255, 202, 1);
  --primitives-color-extended-scale-lime-30: rgba(229, 255, 166, 1);
  --primitives-color-extended-scale-lime-40: rgba(218, 255, 130, 1);
  --primitives-color-extended-scale-lime-50: var(--primitives-color-primary-lime);
  --primitives-color-extended-scale-lime-60: rgba(170, 211, 68, 1);
  --primitives-color-extended-scale-lime-70: rgba(140, 177, 50, 1);
  --primitives-color-extended-scale-lime-80: rgba(111, 143, 34, 1);
  --primitives-color-extended-scale-lime-90: rgba(84, 109, 21, 1);
  --primitives-color-extended-scale-lime-100: rgba(57, 75, 11, 1);
  --primitives-color-extended-scale-green-10: rgba(244, 255, 239, 1);
  --primitives-color-extended-scale-green-20: rgba(221, 255, 204, 1);
  --primitives-color-extended-scale-green-30: rgba(198, 255, 169, 1);
  --primitives-color-extended-scale-green-40: rgba(174, 255, 133, 1);
  --primitives-color-extended-scale-green-50: rgba(147, 248, 95, 1);
  --primitives-color-extended-scale-green-60: var(--primitives-color-primary-green);
  --primitives-color-extended-scale-green-70: rgba(95, 180, 52, 1);
  --primitives-color-extended-scale-green-80: rgba(73, 146, 35, 1);
  --primitives-color-extended-scale-green-90: rgba(52, 112, 22, 1);
  --primitives-color-extended-scale-green-100: rgba(34, 78, 11, 1);
  --primitives-color-extended-scale-teal-10: rgba(236, 255, 252, 1);
  --primitives-color-extended-scale-teal-20: rgba(193, 255, 247, 1);
  --primitives-color-extended-scale-teal-30: rgba(150, 255, 242, 1);
  --primitives-color-extended-scale-teal-40: rgba(107, 255, 237, 1);
  --primitives-color-extended-scale-teal-50: rgba(61, 244, 222, 1);
  --primitives-color-extended-scale-teal-60: var(--primitives-color-primary-teal);
  --primitives-color-extended-scale-teal-70: rgba(23, 176, 158, 1);
  --primitives-color-extended-scale-teal-80: rgba(10, 142, 126, 1);
  --primitives-color-extended-scale-teal-90: rgba(1, 108, 95, 1);
  --primitives-color-extended-scale-teal-100: rgba(0, 74, 65, 1);
  --primitives-color-extended-scale-blue-10: rgba(232, 244, 255, 1);
  --primitives-color-extended-scale-blue-20: rgba(190, 226, 255, 1);
  --primitives-color-extended-scale-blue-30: rgba(148, 207, 255, 1);
  --primitives-color-extended-scale-blue-40: rgba(106, 188, 255, 1);
  --primitives-color-extended-scale-blue-50: rgba(64, 170, 255, 1);
  --primitives-color-extended-scale-blue-60: rgba(22, 146, 247, 1);
  --primitives-color-extended-scale-blue-70: var(--primitives-color-primary-blue);
  --primitives-color-extended-scale-blue-80: rgba(0, 91, 165, 1);
  --primitives-color-extended-scale-blue-90: rgba(0, 69, 124, 1);
  --primitives-color-extended-scale-blue-100: rgba(0, 46, 84, 1);
  --primitives-color-extended-scale-bayer-blue-10: rgba(237, 243, 255, 1);
  --primitives-color-extended-scale-bayer-blue-20: rgba(205, 223, 255, 1);
  --primitives-color-extended-scale-bayer-blue-30: rgba(173, 202, 255, 1);
  --primitives-color-extended-scale-bayer-blue-40: rgba(141, 182, 255, 1);
  --primitives-color-extended-scale-bayer-blue-50: rgba(109, 161, 255, 1);
  --primitives-color-extended-scale-bayer-blue-60: rgba(77, 141, 255, 1);
  --primitives-color-extended-scale-bayer-blue-70: rgba(46, 112, 230, 1);
  --primitives-color-extended-scale-bayer-blue-80: rgba(19, 80, 189, 1);
  --primitives-color-extended-scale-bayer-blue-90: var(--primitives-color-primary-bayer-blue);
  --primitives-color-extended-scale-bayer-blue-100: rgba(0, 38, 107, 1);
  --primitives-color-extended-scale-dark-blue-10: rgba(230, 248, 255, 1);
  --primitives-color-extended-scale-dark-blue-20: rgba(214, 243, 255, 1);
  --primitives-color-extended-scale-dark-blue-30: rgba(198, 239, 255, 1);
  --primitives-color-extended-scale-dark-blue-40: rgba(182, 235, 255, 1);
  --primitives-color-extended-scale-dark-blue-50: rgba(166, 230, 255, 1);
  --primitives-color-extended-scale-dark-blue-60: rgba(115, 192, 221, 1);
  --primitives-color-extended-scale-dark-blue-70: rgba(71, 150, 180, 1);
  --primitives-color-extended-scale-dark-blue-80: rgba(36, 111, 140, 1);
  --primitives-color-extended-scale-dark-blue-90: rgba(13, 75, 99, 1);
  --primitives-color-extended-scale-dark-blue-100: var(--primitives-color-primary-dark-blue);
  --primitives-color-extended-scale-yellow-10: rgba(255, 252, 233, 1);
  --primitives-color-extended-scale-yellow-20: rgba(255, 246, 183, 1);
  --primitives-color-extended-scale-yellow-30: rgba(255, 240, 134, 1);
  --primitives-color-extended-scale-yellow-40: var(--primitives-color-secondary-bright-yellow);
  --primitives-color-extended-scale-yellow-50: rgba(217, 193, 17, 1);
  --primitives-color-extended-scale-yellow-60: rgba(183, 161, 4, 1);
  --primitives-color-extended-scale-yellow-70: rgba(183, 161, 4, 1);
  --primitives-color-extended-scale-yellow-80: rgba(149, 131, 0, 1);
  --primitives-color-extended-scale-yellow-90: rgba(115, 101, 0, 1);
  --primitives-color-extended-scale-yellow-100: rgba(81, 71, 0, 1);
  --primitives-color-extended-scale-orange-10: rgba(255, 245, 229, 1);
  --primitives-color-extended-scale-orange-20: rgba(255, 226, 183, 1);
  --primitives-color-extended-scale-orange-30: rgba(255, 208, 138, 1);
  --primitives-color-extended-scale-orange-40: rgba(255, 190, 92, 1);
  --primitives-color-extended-scale-orange-50: rgba(255, 171, 46, 1);
  --primitives-color-extended-scale-orange-60: var(--primitives-color-secondary-bright-orange);
  --primitives-color-extended-scale-orange-70: rgba(214, 129, 0, 1);
  --primitives-color-extended-scale-orange-80: rgba(173, 104, 0, 1);
  --primitives-color-extended-scale-orange-90: rgba(133, 80, 0, 1);
  --primitives-color-extended-scale-orange-100: rgba(92, 55, 0, 1);
  --primitives-color-extended-scale-red-10: rgba(255, 235, 229, 1);
  --primitives-color-extended-scale-red-20: rgba(255, 199, 183, 1);
  --primitives-color-extended-scale-red-30: rgba(255, 163, 138, 1);
  --primitives-color-extended-scale-red-40: rgba(255, 127, 92, 1);
  --primitives-color-extended-scale-red-50: rgba(255, 91, 46, 1);
  --primitives-color-extended-scale-red-60: var(--primitives-color-secondary-bright-red);
  --primitives-color-extended-scale-red-70: rgba(194, 42, 0, 1);
  --primitives-color-extended-scale-red-80: rgba(153, 33, 0, 1);
  --primitives-color-extended-scale-red-90: rgba(113, 25, 0, 1);
  --primitives-color-extended-scale-red-100: rgba(72, 16, 0, 1);
  --primitives-color-extended-scale-magenta-10: rgba(255, 232, 246, 1);
  --primitives-color-extended-scale-magenta-20: rgba(255, 190, 231, 1);
  --primitives-color-extended-scale-magenta-30: rgba(255, 148, 216, 1);
  --primitives-color-extended-scale-magenta-40: rgba(255, 106, 201, 1);
  --primitives-color-extended-scale-magenta-50: rgba(255, 65, 186, 1);
  --primitives-color-extended-scale-magenta-60: rgba(239, 22, 160, 1);
  --primitives-color-extended-scale-magenta-70: var(--primitives-color-secondary-bright-magenta);
  --primitives-color-extended-scale-magenta-80: rgba(157, 0, 100, 1);
  --primitives-color-extended-scale-magenta-90: rgba(116, 0, 74, 1);
  --primitives-color-extended-scale-magenta-100: rgba(76, 0, 48, 1);
  --primitives-color-extended-scale-purple-10: rgba(248, 243, 255, 1);
  --primitives-color-extended-scale-purple-20: rgba(234, 216, 255, 1);
  --primitives-color-extended-scale-purple-30: rgba(220, 190, 255, 1);
  --primitives-color-extended-scale-purple-40: rgba(206, 163, 255, 1);
  --primitives-color-extended-scale-purple-50: rgba(192, 137, 255, 1);
  --primitives-color-extended-scale-purple-60: rgba(168, 112, 231, 1);
  --primitives-color-extended-scale-purple-70: rgba(138, 86, 197, 1);
  --primitives-color-extended-scale-purple-80: var(--primitives-color-secondary-bright-purple-80);
  --primitives-color-extended-scale-purple-90: rgba(84, 43, 129, 1);
  --primitives-color-extended-scale-purple-100: rgba(59, 27, 95, 1);
  --primitives-color-annotations-hot-pink: rgba(250, 0, 255, 1);
  --primitives-units-4-pixel-scale-4px: 4px;
  --primitives-units-4-pixel-scale-8px: 8px;
  --primitives-units-4-pixel-scale-12px: 12px;
  --primitives-units-4-pixel-scale-16px: 16px;
  --primitives-units-4-pixel-scale-20px: 20px;
  --primitives-units-4-pixel-scale-24px: 24px;
  --primitives-units-4-pixel-scale-28px: 28px;
  --primitives-units-4-pixel-scale-32px: 32px;
  --primitives-units-4-pixel-scale-36px: 36px;
  --primitives-units-4-pixel-scale-40px: 40px;
  --primitives-units-4-pixel-scale-44px: 44px;
  --primitives-units-4-pixel-scale-48px: 48px;
  --primitives-units-4-pixel-scale-52px: 52px;
  --primitives-units-4-pixel-scale-56px: 56px;
  --primitives-units-4-pixel-scale-60px: 60px;
  --primitives-units-4-pixel-scale-64px: 64px;
  --primitives-units-4-pixel-scale-68px: 68px;
  --primitives-units-4-pixel-scale-72px: 72px;
  --primitives-units-4-pixel-scale-76px: 76px;
  --primitives-units-4-pixel-scale-80px: 80px;
  --primitives-units-4-pixel-scale-84px: 84px;
  --primitives-units-4-pixel-scale-88px: 88px;
  --primitives-units-4-pixel-scale-92px: 92px;
  --primitives-units-4-pixel-scale-96px: 96px;
  --primitives-units-4-pixel-scale-100px: 100px;
  --primitives-units-screen-sizes-1920: 1920px;
  --primitives-units-screen-sizes-1536: 1536px;
  --primitives-units-screen-sizes-1440: 1440px;
  --primitives-units-screen-sizes-1366: 1366px;
  --primitives-units-screen-sizes-1280: 1280px;
  --primitives-units-screen-sizes-1024: 1024px;
  --primitives-units-screen-sizes-960: 960px;
  --primitives-units-screen-sizes-768: 768px;
  --primitives-units-screen-sizes-568: 568px;
  --primitives-units-screen-sizes-414: 414px;
  --primitives-units-screen-sizes-412: 412px;
  --primitives-units-screen-sizes-393: 393px;
  --primitives-units-screen-sizes-390: 390px;
  --primitives-units-screen-sizes-375: 375px;
  --primitives-units-screen-sizes-360: 360px;
  --tokens-static-color-text-color-text-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-color-text-color-text-secondary: var(--primitives-color-primary-bayer-blue);
  --tokens-static-color-text-color-text-tertiary: var(--primitives-color-secondary-neutral-taupe);
  --tokens-static-color-text-color-text-disabled: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-static-color-text-color-text-inverse: var(--primitives-color-secondary-neutral-white);
  --tokens-static-color-text-color-text-error: var(--primitives-color-secondary-bright-red);
  --tokens-static-color-text-color-text-redlines: var(--primitives-color-annotations-hot-pink);
  --tokens-static-color-fill-color-fill-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-color-fill-color-fill-secondary: var(--primitives-color-primary-bayer-blue);
  --tokens-static-color-fill-color-fill-tertiary: var(--primitives-color-secondary-neutral-dark-gray);
  --tokens-static-color-fill-color-fill-disabled: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-static-color-fill-color-fill-inverse: var(--primitives-color-secondary-neutral-white);
  --tokens-static-color-border-color-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-color-border-color-border-secondary: var(--primitives-color-secondary-neutral-taupe);
  --tokens-static-color-border-color-border-tertiary: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-static-color-border-color-border-inverse: var(--primitives-color-secondary-neutral-white);
  --tokens-static-color-background-color-background-primary: var(--primitives-color-secondary-neutral-white);
  --tokens-static-color-border-color-border-error: var(--primitives-color-secondary-bright-red);
  --tokens-static-color-background-color-background-secondary: var(--primitives-color-secondary-neutral-nearly-white);
  --tokens-static-color-background-color-background-tertiary: var(--primitives-color-extended-scale-blue-10);
  --tokens-static-color-background-color-background-inverse: var(--primitives-color-primary-bayer-blue);
  --tokens-static-color-background-color-background-annotations: var(--primitives-color-annotations-hot-pink);
  --tokens-static-color-border-border-redlines: var(--primitives-color-annotations-hot-pink);
  --tokens-static-spacing-spacing-01: var(--primitives-units-4-pixel-scale-4px);
  --tokens-static-spacing-spacing-02: var(--primitives-units-4-pixel-scale-8px);
  --tokens-static-spacing-spacing-03: var(--primitives-units-4-pixel-scale-12px);
  --tokens-static-spacing-spacing-04: var(--primitives-units-4-pixel-scale-16px);
  --tokens-static-spacing-spacing-05: var(--primitives-units-4-pixel-scale-20px);
  --tokens-static-spacing-spacing-06: var(--primitives-units-4-pixel-scale-24px);
  --tokens-static-spacing-spacing-07: var(--primitives-units-4-pixel-scale-32px);
  --tokens-static-spacing-spacing-08: var(--primitives-units-4-pixel-scale-40px);
  --tokens-static-spacing-spacing-09: var(--primitives-units-4-pixel-scale-48px);
  --tokens-static-spacing-spacing-10: var(--primitives-units-4-pixel-scale-64px);
  --tokens-static-spacing-spacing-11: var(--primitives-units-4-pixel-scale-72px);
  --tokens-static-spacing-spacing-12: var(--primitives-units-4-pixel-scale-80px);
  --tokens-static-spacing-spacing-13: var(--primitives-units-4-pixel-scale-92px);
  --tokens-static-breakpoints-XXL: var(--primitives-units-screen-sizes-1920);
  --tokens-static-breakpoints-XL: var(--primitives-units-screen-sizes-1440);
  --tokens-static-breakpoints-LG: var(--primitives-units-screen-sizes-960);
  --tokens-static-breakpoints-MD: var(--primitives-units-screen-sizes-768);
  --tokens-static-breakpoints-SM: var(--primitives-units-screen-sizes-568);
  --tokens-static-breakpoints-XS: var(--primitives-units-screen-sizes-375);
  --tokens-static-color-icon-color-icon-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-color-icon-color-icon-secondary: var(--primitives-color-primary-bayer-blue);
  --tokens-static-color-icon-color-icon-tertiary: var(--primitives-color-secondary-neutral-dark-gray);
  --tokens-static-color-icon-color-icon-disabled: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-static-color-icon-color-icon-inverse: var(--primitives-color-secondary-neutral-white);
  --tokens-static-color-icon-color-icon-error: var(--primitives-color-secondary-bright-red);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-label-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-label-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-label: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-border: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-background: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-label-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-label-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-border-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-background-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-label-tertiary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-border-tertiary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-background-tertiary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-label-inverse: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-border-inverse: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-background-inverse: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-label-nav: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-buttons-links-color-link-color-text-link-inverse: var(--primitives-color-secondary-neutral-white);
  --tokens-tabs-tab-primary-color-tab-label-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-background-primary: var(--primitives-color-secondary-neutral-white);
  --tokens-form-color-input-label-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-icon-primary: var(--primitives-color-secondary-neutral-off-white);
  --tokens-form-color-input-icon-background-primary: var(--primitives-color-secondary-neutral-off-white);
  --tokens-form-color-input-text-value-primary: var(--primitives-color-secondary-neutral-taupe);
  --tokens-form-color-input-text-validation-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-background-primary: var(--primitives-color-secondary-neutral-off-white);
  --tokens-table-table-primary-color-table-th-content-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-td-content-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-th-background-row-default-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-table-table-primary-color-table-th-background-row-zebra-primary: var(
    --primitives-color-secondary-neutral-nearly-white
  );
  --tokens-table-table-primary-color-table-td-background-row-default-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-table-table-primary-color-table-td-background-row-zebra-primary: var(
    --primitives-color-secondary-neutral-off-white
  );
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-tokens-buttons-links-mode="default">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/
[data-tokens-buttons-links-mode=default] {
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-label-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-label: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-border: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-background: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-label-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-border-secondary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-background-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-label-tertiary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-border-tertiary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-background-tertiary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-background-inverse: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-buttons-links-color-link-color-text-link-inverse: var(--primitives-color-secondary-neutral-white);
}

[data-tokens-buttons-links-mode=hover] {
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-label-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-label: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-border: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-background: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-label-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-border-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-background-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-label-tertiary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-border-tertiary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-background-tertiary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-background-inverse: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-link-color-text-link-inverse: var(--primitives-color-primary-lime);
}

[data-tokens-buttons-links-mode=active] {
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-label-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-label: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-border: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-background: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-label-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-border-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-background-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-label-tertiary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-border-tertiary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-tertiary-color-button-background-tertiary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-background-inverse: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-bayer-blue);
  --tokens-buttons-links-color-link-color-text-link-inverse: var(--primitives-color-primary-teal);
}

[data-tokens-buttons-links-mode=focused] {
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-label-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-label: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-border: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-calendar-color-button-calendar-background: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-label-secondary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-border-secondary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-secondary-color-button-background-secondary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-label-tertiary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-tertiary-color-button-border-tertiary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-tertiary-color-button-background-tertiary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-inverse-color-button-background-inverse: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-link-color-text-link-inverse: var(--primitives-color-primary-blue);
}

[data-tokens-tabs-mode=default] {
  --tokens-tabs-tab-primary-color-tab-label-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-background-primary: var(--primitives-color-secondary-neutral-white);
}

[data-tokens-tabs-mode=selected] {
  --tokens-tabs-tab-primary-color-tab-label-primary: var(--primitives-color-secondary-neutral-white);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-background-primary: var(--primitives-color-secondary-neutral-black);
}

[data-tokens-tabs-mode=disabled] {
  --tokens-tabs-tab-primary-color-tab-label-primary: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-mid-gray);
  --tokens-tabs-tab-primary-color-tab-background-primary: var(--primitives-color-secondary-neutral-white);
}

[data-tokens-tabs-mode=hover] {
  --tokens-tabs-tab-primary-color-tab-label-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-tabs-tab-primary-color-tab-background-primary: var(--primitives-color-primary-lime);
}

[data-tokens-form-mode=default] {
  --tokens-form-color-input-icon-primary: var(--primitives-color-secondary-neutral-off-white);
  --tokens-form-color-input-icon-background-primary: var(--primitives-color-secondary-neutral-off-white);
  --tokens-form-color-input-text-value-primary: var(--primitives-color-secondary-neutral-taupe);
  --tokens-form-color-input-text-validation-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-background-primary: var(--primitives-color-secondary-neutral-off-white);
}

[data-tokens-form-mode=focused] {
  --tokens-form-color-input-icon-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-icon-background-primary: var(--primitives-color-primary-lime);
  --tokens-form-color-input-text-value-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-text-validation-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-background-primary: var(--primitives-color-extended-scale-lime-20);
}

[data-tokens-form-mode=populated] {
  --tokens-form-color-input-icon-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-icon-background-primary: var(--primitives-color-secondary-neutral-nearly-white);
  --tokens-form-color-input-text-value-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-text-validation-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-background-primary: var(--primitives-color-secondary-neutral-off-white);
}

[data-tokens-form-mode=error] {
  --tokens-form-color-input-icon-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-form-color-input-icon-background-primary: var(--primitives-color-secondary-neutral-nearly-white);
  --tokens-form-color-input-text-value-primary: var(--primitives-color-secondary-bright-red);
  --tokens-form-color-input-text-validation-primary: var(--primitives-color-secondary-bright-red);
  --tokens-form-color-input-border-primary: var(--primitives-color-secondary-bright-red);
  --tokens-form-color-input-background-primary: var(--primitives-color-secondary-neutral-off-white);
}

[data-tokens-table-mode=monochrome] {
  --tokens-table-table-primary-color-table-th-content-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-th-background-row-default-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-table-table-primary-color-table-th-background-row-zebra-primary: var(
    --primitives-color-secondary-neutral-nearly-white
  );
}

[data-tokens-table-mode=bw] {
  --tokens-table-table-primary-color-table-th-content-primary: var(--primitives-color-secondary-neutral-white);
  --tokens-table-table-primary-color-table-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-th-background-row-default-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-table-table-primary-color-table-th-background-row-zebra-primary: var(
    --primitives-color-secondary-neutral-black
  );
}

[data-tokens-table-mode=grayscale] {
  --tokens-table-table-primary-color-table-th-content-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-border-primary: var(--primitives-color-secondary-neutral-taupe);
  --tokens-table-table-primary-color-table-th-background-row-default-primary: var(
    --primitives-color-secondary-neutral-light-gray
  );
  --tokens-table-table-primary-color-table-th-background-row-zebra-primary: var(
    --primitives-color-secondary-neutral-off-white
  );
}

[data-tokens-table-mode=color] {
  --tokens-table-table-primary-color-table-th-content-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-table-table-primary-color-table-th-background-row-default-primary: var(--primitives-color-primary-green);
  --tokens-table-table-primary-color-table-th-background-row-zebra-primary: var(--primitives-color-primary-text-green);
}

* {
  -webkit-font-smoothing: antialiased;
}

*, *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

:root {
  --spacings-others-orange-700: rgba(135, 82, 35, 1);
  --spacings-others-blue-600: rgba(35, 117, 135, 1);
  --spacings-others-green-500: rgba(60, 120, 44, 1);
  --spacings-others-green-800: rgba(100, 111, 20, 1);
  --spacings-others-orange-400: rgba(235, 109, 0, 0.2);
  --spacings-others-blue-400: rgba(0, 141, 163, 0.2);
  --spacings-others-green-400: rgba(38, 189, 0, 0.2);
  --spacings-others-green-300: rgba(185, 209, 0, 0.2);
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-size: 36px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-line-height: 38px;
  --pseudo-header-styles-sans-bold-1200-XS-MD-header-sans-bold-font-style: normal;
  --semantic-header-styles-h2-XS-MD-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h2-XS-MD-font-weight: 700;
  --semantic-header-styles-h2-XS-MD-font-size: 22px;
  --semantic-header-styles-h2-XS-MD-letter-spacing: 0px;
  --semantic-header-styles-h2-XS-MD-line-height: 26px;
  --semantic-header-styles-h2-XS-MD-font-style: normal;
  --semantic-header-styles-h2-LG-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h2-LG-font-weight: 700;
  --semantic-header-styles-h2-LG-font-size: 24px;
  --semantic-header-styles-h2-LG-letter-spacing: 0px;
  --semantic-header-styles-h2-LG-line-height: 28px;
  --semantic-header-styles-h2-LG-font-style: normal;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-font-size: 22px;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-line-height: 26px;
  --pseudo-headers-sans-bold-600-XS-MD-header-sans-bold-font-style: normal;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-font-size: 32px;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-line-height: 36px;
  --pseudo-headers-sans-light-1000-XS-MD-header-sans-light-font-style: normal;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-font-weight: 700;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-font-size: 20px;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-letter-spacing: 0px;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-line-height: 24px;
  --pseudo-headers-sans-bold-500-all-header-sans-bold-font-style: normal;
  --semantic-header-styles-h3-all-font-family: "Larsseit-Bold", Helvetica;
  --semantic-header-styles-h3-all-font-weight: 700;
  --semantic-header-styles-h3-all-font-size: 20px;
  --semantic-header-styles-h3-all-letter-spacing: 0px;
  --semantic-header-styles-h3-all-line-height: 24px;
  --semantic-header-styles-h3-all-font-style: normal;
  --text-styles-sans-regular-300-all-text-sans-font-family: "Larsseit-Regular", Helvetica;
  --text-styles-sans-regular-300-all-text-sans-font-weight: 400;
  --text-styles-sans-regular-300-all-text-sans-font-size: 16px;
  --text-styles-sans-regular-300-all-text-sans-letter-spacing: 0px;
  --text-styles-sans-regular-300-all-text-sans-line-height: 24px;
  --text-styles-sans-regular-300-all-text-sans-font-style: normal;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-family: "Larsseit-Light", Helvetica;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-weight: 300;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-size: 32px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-letter-spacing: 0px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-line-height: 36px;
  --pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-style: normal;
  --utility-styles-sans-regular-500-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-500-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-500-all-utility-sans-font-size: 20px;
  --utility-styles-sans-regular-500-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-500-all-utility-sans-line-height: 24px;
  --utility-styles-sans-regular-500-all-utility-sans-font-style: normal;
  --utility-styles-sans-regular-300-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-styles-sans-regular-300-all-utility-sans-font-weight: 400;
  --utility-styles-sans-regular-300-all-utility-sans-font-size: 16px;
  --utility-styles-sans-regular-300-all-utility-sans-letter-spacing: 0px;
  --utility-styles-sans-regular-300-all-utility-sans-line-height: 20px;
  --utility-styles-sans-regular-300-all-utility-sans-font-style: normal;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-weight: 700;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size: 26px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing: 0px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height: 30px;
  --pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style: normal;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-weight: 700;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-size: 16px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing: 0px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-line-height: 20px;
  --utility-styles-sans-bold-300-all-utility-sans-bold-font-style: normal;
  --utility-sans-bold-200-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-sans-bold-200-all-utility-sans-bold-font-weight: 700;
  --utility-sans-bold-200-all-utility-sans-bold-font-size: 14px;
  --utility-sans-bold-200-all-utility-sans-bold-letter-spacing: 0px;
  --utility-sans-bold-200-all-utility-sans-bold-line-height: 18px;
  --utility-sans-bold-200-all-utility-sans-bold-font-style: normal;
  --utility-sans-regular-200-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-sans-regular-200-all-utility-sans-font-weight: 400;
  --utility-sans-regular-200-all-utility-sans-font-size: 14px;
  --utility-sans-regular-200-all-utility-sans-letter-spacing: 0px;
  --utility-sans-regular-200-all-utility-sans-line-height: 18px;
  --utility-sans-regular-200-all-utility-sans-font-style: normal;
  --utility-sans-bold-300-all-utility-sans-bold-font-family: "Larsseit-Bold", Helvetica;
  --utility-sans-bold-300-all-utility-sans-bold-font-weight: 700;
  --utility-sans-bold-300-all-utility-sans-bold-font-size: 16px;
  --utility-sans-bold-300-all-utility-sans-bold-letter-spacing: 0px;
  --utility-sans-bold-300-all-utility-sans-bold-line-height: 20px;
  --utility-sans-bold-300-all-utility-sans-bold-font-style: normal;
  --utility-sans-regular-300-all-utility-sans-font-family: "Larsseit-Regular", Helvetica;
  --utility-sans-regular-300-all-utility-sans-font-weight: 400;
  --utility-sans-regular-300-all-utility-sans-font-size: 16px;
  --utility-sans-regular-300-all-utility-sans-letter-spacing: 0px;
  --utility-sans-regular-300-all-utility-sans-line-height: 20px;
  --utility-sans-regular-300-all-utility-sans-font-style: normal;
  --primitives-units-screen-sizes-375: 375px;
  --primitives-units-screen-sizes-568: 568px;
  --primitives-units-screen-sizes-768: 768px;
  --primitives-units-screen-sizes-960: 960px;
  --primitives-units-screen-sizes-1440: 1440px;
  --primitives-color-secondary-neutral-black: rgba(0, 0, 0, 1);
  --primitives-color-secondary-neutral-white: rgba(255, 255, 255, 1);
  --primitives-color-primary-blue: rgba(0, 114, 206, 1);
  --primitives-color-primary-bayer-blue: rgba(0, 53, 148, 1);
  --primitives-color-primary-lime: rgba(200, 245, 90, 1);
  --primitives-units-4-pixel-scale-44px: 44px;
  --primitives-units-4-pixel-scale-32px: 32px;
  --primitives-units-4-pixel-scale-12px: 12px;
  --primitives-units-4-pixel-scale-48px: 48px;
  --primitives-units-4-pixel-scale-24px: 24px;
  --primitives-units-4-pixel-scale-16px: 16px;
  --primitives-units-4-pixel-scale-8px: 8px;
  --primitives-color-secondary-neutral-dark-gray: rgba(84, 88, 90, 1);
  --primitives-color-secondary-neutral-mid-gray: rgba(209, 204, 189, 1);
  --primitives-color-secondary-neutral-light-gray: rgba(228, 233, 219, 1);
  --primitives-color-secondary-bright-yellow: rgba(251, 225, 34, 1);
  --primitives-color-primary-green: rgba(120, 214, 72, 1);
  --primitives-units-4-pixel-scale-64px: 64px;
  --primitives-units-4-pixel-scale-4px: 4px;
  --tokens-static-breakpoints-XS: var(--primitives-units-screen-sizes-375);
  --tokens-static-breakpoints-SM: var(--primitives-units-screen-sizes-568);
  --tokens-static-breakpoints-MD: var(--primitives-units-screen-sizes-768);
  --tokens-static-breakpoints-LG: var(--primitives-units-screen-sizes-960);
  --tokens-static-breakpoints-XL: var(--primitives-units-screen-sizes-1440);
  --tokens-static-color-text-color-text-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-color-border-color-border-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-static-spacing-spacing-07: var(--primitives-units-4-pixel-scale-32px);
  --tokens-static-spacing-spacing-03: var(--primitives-units-4-pixel-scale-12px);
  --tokens-static-spacing-spacing-09: var(--primitives-units-4-pixel-scale-48px);
  --tokens-static-spacing-spacing-04: var(--primitives-units-4-pixel-scale-16px);
  --tokens-static-spacing-spacing-02: var(--primitives-units-4-pixel-scale-8px);
  --tokens-static-spacing-spacing-06-duplicate: var(--primitives-units-4-pixel-scale-24px);
  --tokens-static-color-background-color-background-primary: var(--primitives-color-secondary-neutral-white);
  --tokens-static-spacing-spacing-01: var(--primitives-units-4-pixel-scale-4px);
  --tokens-static-spacing-spacing-10: var(--primitives-units-4-pixel-scale-64px);
  --tokens-buttons-links-color-button-text-primary-color-button-label-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-mid-gray: var(
    /* --primitives-color-secondary-neutral-black */
    --color-secondary-neutral-mid-gray
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-dark-gray: var(
    /* --primitives-color-secondary-neutral-black */
    --color-secondary-neutral--gray
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-label-nav: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --primitives-color-primary-lime-duplicate: rgba(200, 245, 90, 1);
  --primitives-units-4-pixel-scale-16px-duplicate: 16px;
  --primitives-units-4-pixel-scale-32px-duplicate: 32px;
  --tokens-spacing-spacing-04-duplicate: var(--primitives-units-4-pixel-scale-16px-duplicate);
  --tokens-spacing-spacing-06: var(--primitives-units-4-pixel-scale-32px-duplicate);
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-tokens-buttons-links-mode="default">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/
[data-tokens-buttons-links-mode=default] {
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-secondary-neutral-black);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
}

[data-tokens-buttons-links-mode=hover] {
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(--primitives-color-primary-lime);
}

[data-tokens-buttons-links-mode=active] {
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-bayer-blue);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-blue
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(
    --primitives-color-secondary-neutral-white
  );
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-white
  );
}

[data-tokens-buttons-links-mode=focused] {
  --tokens-buttons-links-color-link-color-text-link-primary: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary: var(
    --primitives-color-primary-lime
  );
  --tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary: var(
    --primitives-color-secondary-neutral-black
  );
  --tokens-buttons-links-color-button-text-primary-color-button-background-primary: var(
    --primitives-color-primary-bayer-blue
  );
  --tokens-buttons-links-color-button-text-primary-color-button-border-primary: var(--primitives-color-primary-blue);
  --tokens-buttons-links-color-button-text-navigation-color-button-background-nav: var(--primitives-color-primary-lime);
  --tokens-buttons-links-color-button-text-navigation-color-button-border-nav: var(
    --primitives-color-secondary-neutral-black
  );
}

[data-tokens-tabs-mode=default] {
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
}

[data-tokens-tabs-mode=selected] {
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
}

[data-tokens-tabs-mode=disabled] {
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-mid-gray);
}

[data-tokens-tabs-mode=hover] {
  --tokens-tabs-tab-primary-color-tab-border-primary: var(--primitives-color-secondary-neutral-black);
}

* {
  -webkit-font-smoothing: antialiased;
}

*, *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

/**
* Larsseit
*/
@font-face {
  font-family: "Larsseit-Light";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_0_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_0_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_0_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_0_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-BoldItalic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_1_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_1_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_1_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_1_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-ExtraBoldItalic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_2_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_2_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_2_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_2_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-LightItalic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_3_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_3_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_3_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_3_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_3_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-Bold";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_4_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_4_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_4_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_4_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_4_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-ExtraBold";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_5_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_5_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_5_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_5_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_5_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-Medium";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_6_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_6_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_6_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_6_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_6_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-MediumItalic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_7_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_7_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_7_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_7_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_7_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-Italic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_8_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_8_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_8_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_8_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_8_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-Thin";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_9_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_9_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_9_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_9_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_9_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit-ThinItalic";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_A_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_A_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_A_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_A_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_A_0.ttf") format("truetype");
}
@font-face {
  font-family: "Larsseit";
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_B_0.eot");
  src: url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_B_0.eot?#iefix") format("embedded-opentype"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_B_0.woff2") format("woff2"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_B_0.woff") format("woff"), url("/themes/user/amfs/css/larsseit_fontkit/webfonts/3129BA_B_0.ttf") format("truetype");
}
/**
* Utopia
*/
@font-face {
  font-family: "Utopia W08 Bold";
  src: url("/themes/user/amfs/css/utopia_fontkit/1166775/fb015df0-6aae-43a0-83aa-ab3768a1f428.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1166775/fb015df0-6aae-43a0-83aa-ab3768a1f428.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1166775/a08d84f7-f399-4e26-a3eb-f019b9824467.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1166775/edd0c822-2c36-4b37-bccc-f6cb8f7ac2bd.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1166775/14f51c14-1f37-48eb-ba63-dfda2bbabee2.ttf") format("truetype");
}
@font-face {
  font-family: "Utopia W08 Semibold";
  src: url("/themes/user/amfs/css/utopia_fontkit/1166781/3f1c7cd0-9e70-4de6-aa0e-a09ee60a5b72.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1166781/3f1c7cd0-9e70-4de6-aa0e-a09ee60a5b72.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1166781/75080dc0-eaef-4671-a62f-dd384f82d9b5.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1166781/3dc9490c-2bc2-4a15-ab17-37f57142fddc.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1166781/4935190a-2fe3-4b1c-9dcc-2824a59677fe.ttf") format("truetype");
}
@font-face {
  font-family: "Utopia W08 Bold Italic";
  src: url("/themes/user/amfs/css/utopia_fontkit/1167369/783a9e3a-b2ee-449a-a8e8-c23b02bbac29.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1167369/783a9e3a-b2ee-449a-a8e8-c23b02bbac29.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1167369/0c0fcfd1-4735-462f-ae07-4f9f2db1b3a1.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1167369/093f515b-02bd-4dfa-a58a-10605f72cba2.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1167369/7f403b3c-a1f7-434f-8ae6-6a596d7befae.ttf") format("truetype");
}
@font-face {
  font-family: "Utopia W08 Italic";
  src: url("/themes/user/amfs/css/utopia_fontkit/1167371/2f6b50d8-0982-449b-b641-af7a7a1c3f2a.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1167371/2f6b50d8-0982-449b-b641-af7a7a1c3f2a.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1167371/d714a83c-42d8-41b6-85dd-422dc23e203a.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1167371/0b301b03-fa2d-4d90-98c0-6aa2e791d7be.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1167371/60fdbf4e-b1ce-4c16-a0a1-0d75a638f258.ttf") format("truetype");
}
@font-face {
  font-family: "Utopia W08 Regular";
  src: url("/themes/user/amfs/css/utopia_fontkit/1167373/a3c1196b-fa59-4896-ba90-976c3c7a4d97.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1167373/a3c1196b-fa59-4896-ba90-976c3c7a4d97.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1167373/6363e4e7-fb57-47cc-b6c5-086e49f6d5d8.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1167373/d7be0fef-b09d-484a-8425-745eea3b67f7.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1167373/b14c5454-8133-4477-97b9-069985a98d9f.ttf") format("truetype");
}
@font-face {
  font-family: "UtopiaW08-SemiboldItali";
  src: url("/themes/user/amfs/css/utopia_fontkit/1167375/5541a729-4be7-45c8-8c2f-922e28d0c066.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1167375/5541a729-4be7-45c8-8c2f-922e28d0c066.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1167375/42f7b29c-f894-4520-a6d6-82049ee70d04.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1167375/2e368961-9332-4090-a0ce-64c70d76bbfe.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1167375/2e703180-e076-49cc-9e94-d76b8921b23f.ttf") format("truetype");
}
@font-face {
  font-family: "UtopiaW03-BlackHeadline";
  src: url("/themes/user/amfs/css/utopia_fontkit/1181465/16c055a5-6dc2-4499-b1dd-2b31f370a504.eot?#iefix");
  src: url("/themes/user/amfs/css/utopia_fontkit/1181465/16c055a5-6dc2-4499-b1dd-2b31f370a504.eot?#iefix") format("eot"), url("/themes/user/amfs/css/utopia_fontkit/1181465/123bec79-becd-4ffe-ba54-41339af39d3f.woff2") format("woff2"), url("/themes/user/amfs/css/utopia_fontkit/1181465/a06b3454-18ec-4a13-9ccf-bbac173cd756.woff") format("woff"), url("/themes/user/amfs/css/utopia_fontkit/1181465/838742fa-18f3-40e1-b064-5053cfdcf26f.ttf") format("truetype");
}
:root {
  font-size: 16px;
}

body {
  color: var(--color-secondary-neutral-dark-gray, #54585A);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Larsseit, Helvetica;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

/* Body Copy/default strong (all) */
/* Body Copy/small (all) */
.sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .sm {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

/* Body Copy/small strong (all) */
.sm-strong {
  font-family: Larsseit-Medium;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .sm-strong {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

/* Body Copy/fine (all) */
.fine {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
@media (min-width: 768px) {
  .fine {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

/* Body Copy/fine-strong (all) */
.fine-strong {
  font-family: Larsseit-Medium;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
}
@media (min-width: 768px) {
  .fine-strong {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

/* Utility Copy: menu labels, button labels, captions, legal */
.utility-copy {
  /* Utility Copy/defaul (all) */
  line-height: 1.125rem; /* 112.5% */
}
.utility-copy.sm-strong, .utility-copy.fine-strong {
  font-family: Larsseit-Medium;
}
.utility-copy.sm, .utility-copy.sm-strong {
  font-size: 0.875rem;
}
.utility-copy.fine, .utility-copy.fine-strong {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

/* 
  Headers 
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Larsseit-Bold;
}
h1.display, .display.h1, h2.display, .display.h2, h3.display, .display.h3, h4.display, .display.h4, h5.display, .display.h5, h6.display, .display.h6 {
  font-family: Larsseit-Light;
}
h1.editorial, .editorial.h1, h2.editorial, .editorial.h2, h3.editorial, .editorial.h3, h4.editorial, .editorial.h4, h5.editorial, .editorial.h5, h6.editorial, .editorial.h6 {
  font-family: Utopia W08 Semibold;
}

h1, .h1 {
  /* Default Headers/h1 (XS-SM) */
  font-family: var(--semantic-header-styles-h1-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h1-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h1-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h1-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h1-XS-MD-font-style);
}
@media (min-width: 960px) {
  h1, .h1 {
    font-family: var(--semantic-header-styles-h1-LG-font-family);
    font-size: var(--semantic-header-styles-h1-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h1-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h1-LG-line-height);
    font-style: var(--semantic-header-styles-h1-LG-font-style);
  }
}

h2, .h2 {
  /* Default Headers/h2 (XS-SM) */
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 960px) {
  h2, .h2 {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}
@media (min-width: 1440px) {
  h2, .h2 {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

h3, .h3 {
  /* Default Headers/h3 (XS-SM) */
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
h4, .h4 {
  /* Default Headers/h4 (all) */
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.5rem;
}

h5, .h5 {
  /* Default Headers/h5 (all) */
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.375rem;
}

h6, .h6 {
  /* Default Headers/h6 (all) */
  font-size: 1rem;
  font-style: normal;
  line-height: 1.25rem;
}

h1.display, .display.h1 {
  /* Display Headers/h1 (XS-SM) */
  font-size: 2.375rem;
  font-style: normal;
  line-height: 2.625rem;
}
@media (min-width: 768px) {
  h1.display, .display.h1 {
    font-size: 2.625rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 960px) {
  h1.display, .display.h1 {
    font-size: 3.125rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1440px) {
  h1.display, .display.h1 {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

h2.display, .display.h2 {
  /* Display Headers/h2 (XS-SM) */
  font-size: 2rem;
  font-style: normal;
  line-height: 2.25rem;
}
@media (min-width: 768px) {
  h2.display, .display.h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 960px) {
  h2.display, .display.h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}

h1.editorial, .editorial.h1 {
  /* Editorial Headers/h1 (XS-SM) */
  font-size: 2.375rem;
  font-style: normal;
  line-height: 2.625rem;
}
@media (min-width: 768px) {
  h1.editorial, .editorial.h1 {
    font-size: 2.625rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 960px) {
  h1.editorial, .editorial.h1 {
    font-size: 3.125rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1440px) {
  h1.editorial, .editorial.h1 {
    font-size: 3.375rem;
    line-height: 3.5rem;
  }
}

h2.editorial, .editorial.h2 {
  /* Editorial Headers/h2 (XS-SM) */
  font-size: 1.625rem;
  font-style: normal;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  h2.editorial, .editorial.h2 {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

h3.editorial, .editorial.h3 {
  /* Editorial Headers/h2 (XS-SM) */
  font-size: 1.375rem;
  font-style: normal;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  h3.editorial, .editorial.h3 {
    font-size: 1.5rem;
    line-height: 2.375rem;
  }
}

.link-text {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  white-space: normal;
}
.link:hover {
  color: var(--primitives-color-primary-blue);
}

.content .column > ul,
.page-content .column-2 > ul,
.content .column .flexcontainer > ul {
  padding-left: 36px;
  margin-bottom: 24px;
}

.content .column li,
.page-content .column-2 li,
.content .column .flexcontainer li {
  padding-left: 4px;
}

.content .column > ul > li,
.page-content .column-2 > ul > li,
.content .column .flexcontainer > ul > li {
  list-style-type: disc;
}
.content .column > ul > li > ul,
.page-content .column-2 > ul > li > ul,
.content .column .flexcontainer > ul > li > ul {
  list-style-type: circle;
  padding-left: 14px;
}
.content .column > ul > li > ul > li > ul,
.page-content .column-2 > ul > li > ul > li > ul,
.content .column .flexcontainer > ul > li > ul > li > ul {
  list-style-type: square;
  padding-left: 14px;
}

.content .column > ol:first-of-type,
.page-content .column-2 > ol:first-of-type,
.content .column .flexcontainer > ol:first-of-type {
  padding-left: 36px;
}

.content .column > ol > li,
.page-content .column-2 > ol > li,
.content .column .flexcontainer > ol > li {
  list-style-type: decimal;
}
.content .column > ol > li > ol,
.page-content .column-2 > ol > li > ol,
.content .column .flexcontainer > ol > li > ol {
  list-style-type: lower-roman;
  padding-left: 14px;
}
.content .column > ol > li > ol > li > ol,
.page-content .column-2 > ol > li > ol > li > ol,
.content .column .flexcontainer > ol > li > ol > li > ol {
  list-style-type: lower-alpha;
  padding-left: 14px;
}

.error {
  color: red;
  padding-right: 16px;
}

[class^=button-] {
  cursor: pointer;
}

.button-wrapper {
  display: flex;
  flex-direction: column;
  /*gap: 12px;*/
}
@media only screen and (min-width: 480px) {
  .button-wrapper {
    flex-direction: column;
    /*gap: 24px;*/
  }
}

.button-wrapper p {
  cursor: default;
}

.button-standard {
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px var(--tokens-static-spacing-spacing-04) 0px var(--tokens-static-spacing-spacing-04);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
}

a.button-standard {
  text-decoration: none !important;
}

.button-standard .div {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.button-standard .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.button-standard {
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
}
.button-standard:hover {
  border: 1px solid var(--color-button-text-secondary-color-button-border-secondary, #003594);
  background: var(--color-button-text-secondary-color-button-background-secondary, #003594);
  color: var(--color-secondary-neutral-white, #FFF);
}
.button-standard:hover svg {
  fill: var(--color-secondary-neutral-white, #FFF);
}
.button-standard:active {
  border: 1px solid var(--color-button-text-secondary-color-button-border-secondary, #0072CE);
  background: var(--color-button-text-secondary-color-button-background-secondary, #0072CE);
}
.button-standard:focused {
  border: 3px solid var(--color-button-text-secondary-color-button-border-secondary, #0072CE);
  background: var(--color-button-text-secondary-color-button-background-secondary, #003594);
}
.button-standard:disabled {
  border: 1px solid var(--color-border-color-border-tertiary, #D1CCBD);
  background: var(--color-secondary-neutral-white, #FFF);
}
.button-standard svg {
  fill: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
}

.button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
  width: 100%;
}
.button-primary:hover {
  background-color: var(--primitives-color-primary-bayer-blue);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}
.button-primary:active {
  background-color: var(--primitives-color-primary-blue);
}
.button-primary:focused {
  background-color: var(--primitives-color-primary-blue);
}
.button-primary:disabled {
  background-color: var(--primitives-color-secondary-neutral-mid-gray);
}

.button-primary .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.button-primary.button-tickets {
  padding: 0;
}
.button-tickets a {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.button-tickets a .label-2 {
  margin: auto;
}
.button-secondary {
  background-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-background-secondary);
}
.button-secondary:hover {
  background-color: var(--primitives-color-primary-bayer-blue);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}
.button-secondary:hover .label {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}
.button-secondary .label {
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
}

.button-protected-logout {
  position: absolute;
  top: -16px;
  z-index: 10;
}
@media (min-width: 768px) {
  .button-protected-logout {
    margin-left: 58px;
  }
}
@media (min-width: 1440px) {
  .button-protected-logout {
    right: 0;
    margin-right: 64px;
    margin-left: 0;
    top: 0;
  }
}

.sticky-button-padded {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 690px;
  right: calc(0vw - 1px);
  z-index: 20;
}
@media (min-width: 768px) {
  .sticky-button-padded {
    top: 664px;
  }
}
@media (min-width: 960px) {
  .sticky-button-padded {
    top: 518px;
  }
}
@media (min-width: 1440px) {
  .sticky-button-padded {
    top: 266px;
  }
}

.button-sticky {
  display: inline-flex;
  gap: 10px;
  padding: 15px 20px 12px 20px;
  flex: 0 0 auto;
  margin-left: -66px;
  margin-right: -66px;
  transform: rotate(90deg);
  background: linear-gradient(90deg, rgb(40, 210, 190) 5%, rgb(120, 214, 72) 95%);
  align-items: center;
  justify-content: center;
  position: relative;
  border-color: white;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.button-sticky.teal-green {
  background: linear-gradient(90deg, rgb(40, 210, 190) 5%, rgb(120, 214, 72) 95%);
}
.button-sticky.bb-blue {
  background: var(--Gradient-Bayer-Blue-to-Blue, linear-gradient(90deg, #003594 -1.65%, #0072CE 99.78%));
  border-color: #003594;
}
.button-sticky.bb-blue .label {
  color: #fff;
}
.button-sticky.lime-yellow {
  background: var(--Gradient-Lime-to-Yellow, linear-gradient(90deg, #C8F55A -1.65%, #FBE122 99.78%));
  border-color: #C8F55A;
}

.sticky-button-padded .label {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: "Larsseit-Medium", Helvetica;
  font-weight: 500;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 20px;
  white-space: nowrap;
}

.sticky-button-padded .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: rgba(123, 97, 255, 0.2);
  opacity: 0;
}

.sticky-button-padded .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.type-primary-color {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.type-primary-color .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  white-space: nowrap;
}
.type-primary-color .link:hover {
  color: var(--primitives-color-primary-blue);
}

.link {
  cursor: pointer;
}

.masthead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-top: 14px;
}

.masthead .elements {
  background-color: var(--primitives-color-secondary-neutral-white);
  display: flex;
  max-width: 1440px;
  align-items: flex-end;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 10;
  justify-content: space-between;
}
@media (min-width: 568px) {
  .masthead .elements {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
  }
}
@media (min-width: 960px) {
  .masthead .elements {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .masthead .elements {
    align-self: auto;
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
  }
}
.masthead .logo-masthead {
  position: relative;
  flex: 0 0 auto;
}
.masthead .masthead-nav-wrapper {
  display: flex;
  flex-direction: column;
  gap: 22px;
  flex-grow: 1;
}
@media (min-width: 960px) {
  .masthead .masthead-nav-wrapper {
    gap: 32px;
  }
}

.masthead .elements.utilityNavWrapper {
  display: none;
}
@media (min-width: 768px) {
  .masthead .elements.utilityNavWrapper {
    display: flex;
  }
}
.masthead .utility-nav {
  align-self: flex-end;
  column-gap: 24px;
  row-gap: 5px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 600px){
  .masthead .utility-nav{
    justify-content: flex-end;
    margin-right: 20px;
  }
}
.masthead .utility-nav .link {
  display: flex;
  text-decoration: none;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.masthead .utility-nav .link:hover svg {
  fill: var(--primitives-color-primary-blue);
}
.masthead .utility-nav .link:hover {
  color: var(--primitives-color-primary-blue);
}
.masthead .utility-nav svg {
  fill: #000000;
}
.masthead .utility-nav img {
  position: relative;
  top: 2px;
}
.masthead .utility-nav svg {
  position: relative;
  top: 3px;
}
.masthead .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-07);
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  opacity: 0;
}
.masthead .amfs-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.24px;
  position: relative;
  flex: 0 0 auto;
}
.masthead .mark {
  position: relative;
  width: 13.5rem;
  height: 4.125rem;
}
.masthead .mark.horizontal {
  width: 13.5rem;
  height: 4.125rem;
}
.masthead .element-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-03);
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  opacity: 0;
}
.masthead .masthead-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
  top: -4px;
}
.masthead .button-icon {
  cursor: pointer;
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  position: relative;
  background-color: var(--tokens-buttons-color-button-navigation-color-button-background-nav);
  top: 3px;
}
@media (min-width: 960px) {
  .masthead .button-icon {
    top: 0;
  }
}
.masthead .button-icon.hidden {
  opacity: 0;
}

#return-to-top {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  bottom: 60px;
  right: calc(50% - 22px);
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: space-around;
  z-index: 10;
}
@media (min-width: 768px) {
  #return-to-top {
    right: 24px;
  }
}
#return-to-top.flex {
  display: flex;
}
#return-to-top .icon-up-caret {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#return-to-top .icon-up-caret svg {
  fill: white;
  margin-top: -4px;
}

.icon-search {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.icon-search .icon, .icon-search svg {
  position: absolute;
}
.icon-search svg {
  fill: black;
}

.icon-menu {
  display: flex;
  position: relative;
  width: 44px;
  height: 44px;
  padding: 6px;
}
.icon-menu .icon {
  position: absolute;
  width: 32px;
  height: 32px;
}

.icon-menu:hover, .search-toggle .icon-search:hover {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--primitives-color-primary-lime);
}

.icon-menu:hover {
  padding: 0;
}
.icon-arrow-right {
  position: relative;
  width: var(--tokens-static-spacing-spacing-04);
  height: var(--tokens-static-spacing-spacing-04);
}
.icon-arrow-right .icon {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 4px;
  left: 4px;
}

.mobile-menu {
  position: fixed;
  top: 94px;
  right: -102vw;
  transition: right 500ms;
  width: 100%;
  z-index: 1;
  height: calc(100vh - 94px);
}
@media (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu.active {
  position: relative;
  right: 0;
}
.mobile-menu.active .divider {
  position: fixed;
}
.mobile-menu.active .menu-items {
  padding-top: 3px;
}
.mobile-menu .divider {
  height: 3px;
  left: 24px;
  background-color: var(--tokens-static-color-border-color-border-primary);
  width: 85%;
  margin: 0 auto;
  width: calc(93.6% - var(--tokens-static-spacing-spacing-06));
  z-index: 20;
}

.mobile-menu-portrait {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.mobile-menu-portrait .masthead {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-tabs-tab-primary-color-tab-background-primary);
}

.mobile-menu-portrait .logo-masthead {
  display: flex;
  flex-direction: column;
  height: 94px;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile-menu-portrait .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.mobile-menu-portrait .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.mobile-menu-portrait .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.mobile-menu-portrait .element-px {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.mobile-menu-portrait .button-icon {
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  border: 0.85px solid;
  border-color: var(--tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary);
  display: flex;
  position: relative;
  background-color: var(--tokens-buttons-links-color-button-icon-primary-color-button-icon-background-primary);
}

.mobile-menu-portrait .icon-x {
  position: relative;
  width: 32px;
  height: 32px;
}

.mobile-menu-portrait .padding {
  align-items: flex-start;
  gap: 10px;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile-menu-portrait .menu-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 24px 0px;
  position: relative;
  margin-right: -24px;
  background-color: var(--tokens-static-color-background-color-background-primary);
}

.mobile-menu-portrait .hamburger-accordion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
}

.mobile-menu-portrait .button-standard {
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: 0px var(--tokens-static-spacing-spacing-03) 0px var(--tokens-static-spacing-spacing-04);
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-border-secondary);
  display: flex;
  position: relative;
  background-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-background-secondary);
  padding-right: 6px;
  outline: none;
}
.mobile-menu-portrait .button-standard:active, .mobile-menu-portrait .button-standard:hover {
  border-left: none;
  border-right: none;
  border-top: none;
}

.mobile-menu-portrait .submenu .button-navigation.selected .dropdown-menu-item:after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(/themes/user/amfs/svg/tent-circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: 10px;
  top: 13px;
}
.mobile-menu-portrait .submenu .button-navigation.selected .dropdown-menu-item a {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.mobile-menu-portrait .button-standard.ui-accordion-header-active .icon-caret-down {
  transform: rotate(180deg);
}

.mobile-menu-portrait .label {
  position: relative;
  flex: 1;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  text-transform: uppercase;
}

.mobile-menu-portrait .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.mobile-menu-portrait .icon-caret-down {
  transition: transform 250ms;
}

.mobile-menu-portrait .icon-caret-down.active {
  transform: rotate(180deg);
  transform-box: fill-box;
  transform-origin: center;
}

.mobile-menu-portrait .icon-caret-down:before {
  content: "";
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/themes/user/amfs/svg/icon-caret-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 2px;
  top: 5px;
}

.mobile-menu-portrait .submenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.mobile-menu-portrait .submenu .button-wrapper {
  width: 100%;
}

.mobile-menu-portrait .button-navigation {
  flex-direction: column;
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
  background-color: var(--tokens-buttons-links-color-button-text-navigation-color-button-background-nav);
}
.mobile-menu-portrait .button-navigation a {
  display: block;
  padding: 10px 16px;
}

.mobile-menu-portrait .dropdown-menu-item {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  height: 180px;
  color: var(--tokens-buttons-links-color-button-text-navigation-color-button-label-nav);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.mobile-menu-portrait .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.mobile-menu-portrait .div {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search-field {
  height: 42px;
  background-color: var(--primitives-color-secondary-neutral-white);
  position: absolute;
  right: 42px;
  z-index: -1;
  transition: width 250ms;
  width: 42px;
}
@media (min-width: 768px) {
  .search-field {
    right: 0;
  }
}
.search-field.active {
  width: 215px;
  z-index: 10;
}
@media (min-width: 375px) {
  .search-field.active {
    width: 270px;
  }
}
@media (min-width: 768px) {
  .search-field.active {
    width: 350px;
  }
}

.search-field .input {
  display: flex;
  align-items: flex-start;
}

.search-field .button-icon {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--tokens-buttons-color-button-icon-primary-color-button-icon-background-primary);
  border: 0.85px solid;
  border-color: var(--tokens-buttons-color-button-icon-primary-color-button-icon-border-primary);
  border-right: none;
}

.search-field .icon-search {
  position: relative;
  width: 42px;
  height: 42px;
}

.search-field .text-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border: 0.85px solid;
  border-color: var(--tokens-buttons-color-button-icon-primary-color-button-icon-border-primary);
  border-left: none;
}

.search-field .field {
  display: flex;
  min-height: 41px;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
}

.search-field .text-wrapper {
  position: relative;
  flex: 1;
  font-family: var(--utility-copy-defaul-all-font-family);
  color: var(--tokens-static-color-text-color-text-tertiary);
  font-size: var(--utility-copy-defaul-all-font-size);
  letter-spacing: var(--utility-copy-defaul-all-letter-spacing);
  line-height: var(--utility-copy-defaul-all-line-height);
  font-style: var(--utility-copy-defaul-all-font-style);
}

.search-field .spacing-horizontal {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.search-field .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search-field .icon-arrow-right-wrapper {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--tokens-buttons-color-button-icon-primary-color-button-icon-background-primary);
  overflow: hidden;
  position: absolute;
  right: 0;
}

.search-field .icon-arrow-right {
  position: relative;
  width: 24px;
  height: 24px;
  top: 3px;
}

.search-field .bar {
  position: absolute;
  width: 1px;
  height: 3px;
  top: 79px;
  left: 0;
  background-color: var(--tokens-static-color-border-color-border-primary);
}

.search-bar {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: var(--tokens-static-color-background-color-background-primary);
  max-width: 1440px;
  width: 100%;
}
.search-bar .text-input .bar {
  transition: width 360ms;
}
.search-bar .text-input .bar.active {
  width: 100%;
}
.search-bar.active {
  display: flex;
}
@media (min-width: 768px) {
  .search-bar {
    position: absolute;
    z-index: 10;
    top: 48px;
    width: 452px;
    right: 0;
  }
}
@media (min-width: 960px) {
  .search-bar {
    top: 75px;
    width: 562px;
  }
}
@media (min-width: 1440px) {
  .search-bar {
    left: 58.3%;
    right: auto;
    width: 594px;
  }
}

.search-bar .link-text.link-text-cancel-md-xl {
  align-self: center;
  display: none;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .search-bar .link-text.link-text-cancel-md-xl {
    display: flex;
  }
}

.search-bar .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.search-bar .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search-bar .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.search-bar .element-px {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search-bar .simple-search {
  width: 100%;
}

.search-bar .link-text,
.masthead-navigation .link-text.link-text-cancel {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.search-bar .link-text.link-text-cancel .link,
.masthead-navigation .link-text.link-text-cancel .link {
  cursor: pointer;
  text-decoration: none;
}

.masthead-navigation .link-text.link-text-cancel {
  display: none;
}
.masthead-navigation .link-text.link-text-cancel.active {
  display: inline-flex;
}
@media (min-width: 768px) {
  .masthead-navigation .link-text.link-text-cancel.link-text-cancel-xs-sm {
    display: none;
  }
}

.masthead-navigation .menu-close {
  display: none;
  padding: 6px;
}
.masthead-navigation .menu-close .icon-x svg {
  width: 32px;
  height: 32px;
  fill: inherit;
}

.masthead-navigation .hide-toggle {
  display: none;
}

.search-bar .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-text-small-all-font-family);
  font-size: var(--utility-text-small-all-font-size);
  letter-spacing: var(--utility-text-small-all-letter-spacing);
  line-height: var(--utility-text-small-all-line-height);
  white-space: nowrap;
  font-style: var(--utility-text-small-all-font-style);
}

.search-bar .padding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
}
@media (min-width: 568px) {
  .search-bar .padding {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
  }
}
@media (min-width: 960px) {
  .search-bar .padding {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .search-bar .padding {
    align-self: auto;
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
  }
}

.search-bar .form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
}
@media (min-width: 768px) {
  .search-bar .form {
    align-self: flex-end;
    flex-direction: row;
    width: 100%;
  }
}

.search-bar .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.search-bar .div {
  display: flex;
  align-items: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.search-bar .text-input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 1;
  position: relative;
  flex: 1;
}
.search-bar .text-input:focus .icon-x svg {
  background-color: var(--primitives-color-primary-lime);
}
.search-bar .text-input:focus ~ .button-icon .icon-search svg {
  fill: var(--color-button-text-primary-color-button-label-primary);
}
.search-bar .text-input input {
  background: var(--color-input-background-primary);
}
.search-bar .text-input input::placeholder {
  color: var(--tokens-form-color-input-text-value-primary);
}
.search-bar .text-input input::-ms-input-placeholder {
  color: var(--tokens-form-color-input-text-value-primary);
}

.search-bar input.autocomplete-search-keywords:focus ~ .icon-x svg {
  background-color: var(--primitives-color-primary-lime);
}
.search-bar input.autocomplete-search-keywords:focus-visible {
  outline: none;
}

.search-bar .field {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  align-self: stretch;
  flex: 1 0 auto;
  background-color: var(--tokens-form-color-input-background-primary);
}
.search-bar .field:focus-within, .search-bar .field:focus-within input {
  background-color: #f0ffca;
}

.search-bar .text-value {
  color: var(--tokens-form-color-input-text-value-primary);
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
  position: relative;
  flex: 1;
}

.search-bar .icon-search svg {
  fill: var(--color-secondary-neutral-dark-gray);
}

.search-bar .icon-x {
  position: relative;
  width: 44px;
  height: 44px;
}
.search-bar .icon-x svg {
  background-color: var(--primitives-color-secondary-neutral-off-white);
  border-radius: 8px;
  fill: var(--tokens-form-color-input-text-value-primary);
  left: 21px;
  position: relative;
  top: 13px;
}

.search-bar .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.search-bar .div-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-01);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.search-bar .button-icon {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--primitives-color-secondary-neutral-black);
  top: 0;
}

.search-bar .icon-search {
  position: relative;
  width: 44px;
  height: 44px;
}

.search-bar .bar {
  position: absolute;
  width: 1px;
  height: 3px;
  top: 41px;
  left: 0;
  background-color: var(--tokens-static-color-border-color-border-primary);
}

.search-bar .submenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
}

.search-bar .submenu .button-navigation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: 12px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--tokens-buttons-links-color-button-text-navigation-color-button-background-nav);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.search-bar .submenu .dropdown-menu-item {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-navigation-color-button-label-nav);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.search-bar .submenu .div {
  position: relative;
  flex: 1;
  align-self: stretch;
  font-family: "Larsseit-Bold", Helvetica;
  color: var(--tokens-buttons-links-color-button-text-navigation-color-button-label-nav);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.search-bar .submenu .text-wrapper {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
}

.search-bar .submenu .span {
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
}

.elements .element-px {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.elements .navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.elements .main-nav {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
}

.elements .menu-item {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  flex: 0 0 auto;
  border-color: transparent;
}
.elements .menu-item a {
  display: inline-block;
  cursor: pointer;
}
.elements .menu-item.menu-item-left {
  border-left-width: 3px;
  border-left-style: solid;
}
.elements .menu-item.menu-item-right {
  border-right-width: 3px;
  border-right-style: solid;
}
.elements .menu-item.active:before {
  background-image: url("/themes/user/amfs/svg/tent-circle.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  content: "";
  height: 12px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: -13px;
  width: 12px;
  z-index: 10;
}
.elements .menu-item.open {
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.elements .button-navigation {
  display: inline-flex;
  flex-direction: column;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--tokens-buttons-color-button-navigation-color-button-background-nav);
}

.elements .label {
  position: relative;
  width: fit-content;
  margin-top: 4px;
  text-transform: uppercase;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-navigation-color-button-label-nav);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.elements .icon-caret-down {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 22px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 250ms, top 250ms;
}

.elements .img {
  left: -2094px;
  position: absolute;
  width: 16px;
  height: 16px;
  top: -50px;
}

.elements .tent-brand-circle {
  position: relative;
  width: 12px;
  height: 12px;
}

.elements .element-px-wrapper {
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}

.elements .text-wrapper {
  position: relative;
  width: 4px;
  height: 4px;
  letter-spacing: 0;
  line-height: 2px;
  top: 6px;
}

.masthead-navigation .button-navigation:hover {
  display: inline-flex;
  flex-direction: column;
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
  position: relative;
  background-color: var(--primitives-color-primary-lime);
}
.masthead-navigation .button-navigation:hover.open {
  background-color: white;
}
.masthead-navigation .button-navigation:hover .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-copy-defaul-strong-all-font-family);
  font-weight: var(--utility-copy-defaul-strong-all-font-weight);
  color: var(--tokens-buttons-color-button-navigation-color-button-label-nav);
  font-size: var(--utility-copy-defaul-strong-all-font-size);
  letter-spacing: var(--utility-copy-defaul-strong-all-letter-spacing);
  line-height: var(--utility-copy-defaul-strong-all-line-height);
  white-space: nowrap;
  font-style: var(--utility-copy-defaul-strong-all-font-style);
}
.masthead-navigation .button-navigation:hover .icon-caret-down {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 27px;
  opacity: 1;
}
.masthead-navigation .button-navigation:hover.open .icon-caret-down {
  top: 22px;
  opacity: 0;
}

.dropdown-menu {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.dropdown-menu.dropdown-menu-left {
  border-left-width: 3px;
  border-left-style: solid;
}
.dropdown-menu.dropdown-menu-right {
  border-right-width: 3px;
  border-right-style: solid;
}

.dropdown-menu .button-navigation {
  display: inline-flex;
  flex-direction: column;
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
  position: relative;
  background-color: var(--tokens-buttons-color-button-navigation-color-button-background-nav);
}

.dropdown-menu .bar {
  position: absolute;
  width: 90px;
  height: 42px;
  top: 0;
  left: 0;
  background-color: var(--tokens-buttons-color-button-navigation-color-button-background-nav);
}

.dropdown-menu .label {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-copy-defaul-strong-all-font-family);
  font-weight: var(--utility-copy-defaul-strong-all-font-weight);
  color: var(--tokens-buttons-color-button-navigation-color-button-label-nav);
  font-size: var(--utility-copy-defaul-strong-all-font-size);
  letter-spacing: var(--utility-copy-defaul-strong-all-letter-spacing);
  line-height: var(--utility-copy-defaul-strong-all-line-height);
  white-space: nowrap;
  font-style: var(--utility-copy-defaul-strong-all-font-style);
}

.dropdown-menu .submenu {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  z-index: 10;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  overflow: hidden;
}
.dropdown-menu .submenu.active {
  max-height: none;
}

.dropdown-menu li {
  color: var(--color-button-text-navigation-color-button-label-nav);
  display: flex;
  flex-direction: column;
  height: var(--primitives-units-4-pixel-scale-44px);
  position: relative;
  background-color: var(--tokens-buttons-color-button-navigation-color-button-background-nav);
  white-space: nowrap;
}
.dropdown-menu li:hover, .dropdown-menu li.selected {
  background-color: var(--primitives-color-primary-lime);
}
.dropdown-menu li a {
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
}

.dropdown-menu .dropdown-menu-item {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-copy-defaul-all-font-family);
  font-weight: var(--utility-copy-defaul-all-font-weight);
  color: var(--tokens-buttons-color-button-navigation-color-button-label-nav);
  font-size: var(--utility-copy-defaul-all-font-size);
  letter-spacing: var(--utility-copy-defaul-all-letter-spacing);
  line-height: var(--utility-copy-defaul-all-line-height);
  white-space: nowrap;
  font-style: var(--utility-copy-defaul-all-font-style);
}

#menu-tabs {
  background-color: white;
  display: none;
  left: 18px;
  position: absolute;
  z-index: 10;
}

#menu-clone-container {
  top: -9999px;
  position: absolute;
}
#menu-clone-container #menu-tabs {
  display: inline-block;
}
.sidebar {
  display: flex;
  flex-direction: column;
  width: 267px;
  align-items: center;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
}

.cta-bubble {
  display: flex;
  flex-direction: column;
  width: 220px;
  height: 220px;
  align-items: flex-start;
  justify-content: center;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--tokens-static-spacing-spacing-07);
  border-radius: 142px;
  position: relative;
  margin-bottom: -36px;
  z-index: 9;
}
.cta-bubble.cta-bubble-lime {
  background-color: var(--primitives-color-primary-lime);
}
.cta-bubble.cta-bubble-yellow {
  background-color: var(--primitives-color-secondary-bright-yellow);
}
.cta-bubble.cta-bubble-green {
  background-color: var(--primitives-color-primary-green);
}
.cta-bubble a {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cta-bubble {
    position: absolute;
    top: 368px;
  }
}
@media (min-width: 960px) {
  .cta-bubble {
    top: 390px;
  }
}
@media screen and (min-width: 1200px) {
  .cta-bubble {
    width: 284px;
    height: 284px;
    left: 360px;
    top: 320px;
  }
}
@media (min-width: 1440px) {
  .cta-bubble {
    width: 284px;
    height: 284px;
    left: 360px;
    top: 320px;
  }
}

.cta-bubble .copy {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-500-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-500-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-500-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-500-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-500-all-utility-sans-font-style);
  white-space: wrap;
}
@media (min-width: 1440px) {
  .cta-bubble .copy {
    white-space: nowrap;
  }
}

.cta-bubble .emphasis {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 568px) {
  .footer {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-32px);
  }
}
@media (min-width: 960px) {
  .footer {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .footer {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-64px);
  }
}
.footer .horizontal-rule {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3px;
  background-color: var(--tokens-static-color-border-color-border-primary);
}
.footer .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.footer .row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 960px) {
  .footer .row {
    flex-direction: row;
    width: 45vw;
  }
}
@media (min-width: 1440px) {
  .footer .row {
    max-width: 42.5rem;
  }
}
.footer .div {
  gap: var(--primitives-units-4-pixel-scale-16px);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
}
@media (min-width: 568px) {
  .footer .div {
    flex-direction: row;
  }
}
@media (min-width: 375px) {
  .footer .div .column {
    word-break: break-word;
  }
}
@media (min-width: 960px) {
  .footer .div .column {
    word-break: normal;
  }
}
.footer .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.footer .amfs-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.13px;
  position: relative;
  flex: 0 0 auto;
}
.footer .mark {
  position: relative;
  width: 57px;
  height: 47.23px;
}
.footer .rectangle {
  position: absolute;
  width: 14px;
  height: 47px;
  top: 0;
  left: 43px;
}

.footer .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  padding: 7px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.footer .element-px {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.footer .p {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.footer .text-wrapper {
  font-family: var(--utility-copy-small-strong-all-font-family);
  font-style: var(--utility-copy-small-strong-all-font-style);
  letter-spacing: var(--utility-copy-small-strong-all-letter-spacing);
  line-height: var(--utility-copy-small-strong-all-line-height);
  font-size: var(--utility-copy-small-strong-all-font-size);
}

.footer .span {
  font-family: var(--utility-copy-small-all-font-family);
  font-style: var(--utility-copy-small-all-font-style);
  letter-spacing: var(--utility-copy-small-all-letter-spacing);
  line-height: var(--utility-copy-small-all-line-height);
  font-size: var(--utility-copy-small-all-font-size);
}

.footer .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
@media (min-width: 1440px) {
  .footer .element-px-wrapper {
    height: var(--tokens-static-spacing-spacing-02);
  }
}

.footer .element-2 {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.footer .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.footer .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-copy-small-all-font-family);
  color: #000000;
  font-size: var(--utility-copy-small-all-font-size);
  letter-spacing: var(--utility-copy-small-all-letter-spacing);
  line-height: var(--utility-copy-small-all-line-height);
  font-style: var(--utility-copy-small-all-font-style);
}

.footer .div-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  padding: 3px;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.footer .spacing-vertical-02 {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
@media (min-width: 1440px) {
  .footer .spacing-vertical-02 {
    height: var(--tokens-static-spacing-spacing-02);
  }
}

.footer .link-text {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer .link {
  position: relative;
  flex: 1;
  margin-top: -1px;
  text-decoration: none;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.footer .link a:hover {
  color: var(--primitives-color-primary-blue);
}

.footer .img {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.footer .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.footer .row-2 {
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 960px) {
  .footer .row-2 {
    width: max-content;
  }
}
@media (min-width: 1440px) {
  .footer .row-2 {
    flex-direction: row;
    justify-content: space-between;
    width: auto;
  }
}
@media (min-width: 960px) {
  .footer .row-2 .div-2 {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .footer .row-2 .div-2 {
    width: auto;
    align-items: normal;
  }
}

.footer .social-links {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.footer .social-links svg {
  fill: #000000;
}
.footer .social-links svg:hover {
  fill: var(--primitives-color-primary-blue);
}

.footer .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-copy-defaul-strong-all-font-family);
  color: #000000;
  font-size: var(--utility-copy-defaul-strong-all-font-size);
  letter-spacing: var(--utility-copy-defaul-strong-all-letter-spacing);
  line-height: var(--utility-copy-defaul-strong-all-line-height);
  white-space: nowrap;
  font-style: var(--utility-copy-defaul-strong-all-font-style);
}

.footer .spacing-horizontal {
  display: flex;
  flex-direction: column;
  width: 24px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.footer .button-brand {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.footer .social-links .button-brand-linkedin a svg {
  width: 20px;
  height: 20px;
}

.footer .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.footer .spacing-horizontal-2 {
  width: var(--tokens-static-spacing-spacing-04);
  padding: 3px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.footer .link-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.footer .link-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.footer .link-2 a:hover {
  color: var(--primitives-color-primary-blue);
}

.footer .spacing-horizontal-3 {
  height: 16px;
  padding: 3px;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.footer .frame {
  position: relative;
  height: 1px;
}

.footer .frame-2 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  width: fit-content;
}

.footer .link-3 {
  position: relative;
  width: 10.56px;
  height: 10.76px;
}

.footer .link-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-color-link-color-text-link-primary);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.event-feature.anniversary-feature {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 36px;
  position: relative;
  width: 100%;
}
@media (min-width: 1440px) {
  .event-feature.anniversary-feature {
    padding: 0 64px;
  }
}
.event-feature.anniversary-feature.dark-blue {
  background-color: var(--primitives-color-primary-dark-blue);
}
.event-feature.anniversary-feature.bayer-blue {
  background-color: var(--primitives-color-primary-bayer-blue);
}
.event-feature.anniversary-feature.purple {
  background-color: var(--primitives-color-primary-purple);
}
.event-feature.anniversary-feature.lime-white {
  background: rgb(200, 245, 90);
  background: linear-gradient(90deg, rgb(200, 245, 90) 20%, rgb(248, 250, 244) 91%);
}
.event-feature.anniversary-feature.lime-white .content-category,
.event-feature.anniversary-feature.lime-white .title,
.event-feature.anniversary-feature.lime-white .blurb {
  color: var(--tokens-static-color-text-color-text-primary) !important;
}
.event-feature.anniversary-feature.white {
  background-color: #fff;
}
.event-feature.anniversary-feature.white .content-category,
.event-feature.anniversary-feature.white .title,
.event-feature.anniversary-feature.white .blurb {
  color: var(--tokens-static-color-text-color-text-primary) !important;
}

.event-feature.anniversary-feature .homepage-feature {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -1px;
  margin-right: -1px;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary);
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .event-feature.anniversary-feature .homepage-feature {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .event-feature.anniversary-feature .homepage-feature {
    padding: 0px 0px 0px 112px;
  }
}
.event-feature.anniversary-feature .homepage-feature.dark-blue {
  background-color: var(--primitives-color-primary-dark-blue);
}
.event-feature.anniversary-feature .homepage-feature.bayer-blue {
  background-color: var(--primitives-color-primary-bayer-blue);
}
.event-feature.anniversary-feature .homepage-feature.purple {
  background-color: var(--primitives-color-primary-purple);
}
.event-feature.anniversary-feature .homepage-feature.lime-white {
  background: rgb(200, 245, 90);
  background: linear-gradient(90deg, rgb(200, 245, 90) 20%, rgb(248, 250, 244) 91%);
}
.event-feature.anniversary-feature .homepage-feature.lime-white .content-category,
.event-feature.anniversary-feature .homepage-feature.lime-white .title,
.event-feature.anniversary-feature .homepage-feature.lime-white .blurb {
  color: var(--tokens-static-color-text-color-text-primary) !important;
}
.event-feature.anniversary-feature .homepage-feature.white {
  background-color: #fff;
}
.event-feature.anniversary-feature .homepage-feature.white .content-category,
.event-feature.anniversary-feature .homepage-feature.white .title,
.event-feature.anniversary-feature .homepage-feature.white .blurb {
  color: var(--tokens-static-color-text-color-text-primary) !important;
}

.event-feature.anniversary-feature .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  .event-feature.anniversary-feature .content {
    padding-bottom: 44px;
    width: 310px;
    padding-left: 20px;
  }
}
@media (min-width: 960px) {
  .event-feature.anniversary-feature .content {
    padding-left: 36px;
    width: 550px;
    padding-bottom: 98px;
  }
}
@media (min-width: 1440px) {
  .event-feature.anniversary-feature .content {
    width: 528px;
    padding-left: 13px;
  }
}

.event-feature.anniversary-feature .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  opacity: 0;
}

.event-feature.anniversary-feature .element {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.event-feature.anniversary-feature .eyebrow-non-event {
  display: flex;
  min-height: 32px;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.event-feature.anniversary-feature .content-category {
  position: relative;
  width: fit-content;
  font-family: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-inverse);
  font-size: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-style);
}

.event-feature.anniversary-feature .element-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.event-feature.anniversary-feature .element-px {
  position: relative;
  width: fit-content;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.event-feature.anniversary-feature .title {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-family);
  color: var(--tokens-static-color-text-color-text-inverse);
  font-size: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-line-height);
  font-style: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-style);
}

.event-feature.anniversary-feature .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.event-feature.anniversary-feature .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-inverse);
  font-size: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-style);
}

.event-feature.anniversary-feature .image-area {
  position: relative;
  width: 310px;
  height: 342px;
}
@media (min-width: 768px) {
  .event-feature.anniversary-feature .image-area {
    height: 302px;
    position: absolute;
    right: 0;
    top: 50px;
  }
}
@media (min-width: 960px) {
  .event-feature.anniversary-feature .image-area {
    right: 70px;
  }
}
@media (min-width: 1440px) {
  .event-feature.anniversary-feature .image-area {
    width: 640px;
    height: 420px;
    position: relative;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.event-feature.anniversary-feature .anniversary-mark {
  width: 303px;
  height: 303px;
}
@media (min-width: 1440px) {
  .event-feature.anniversary-feature .anniversary-mark {
    position: absolute;
    top: 31px;
    left: 168px;
    width: 363px;
    height: 360px;
  }
}

.event-feature.anniversary-feature + .home-in-season .homepage-features .section-header,
.event-feature.anniversary-feature + .home-off-season .homepage-features .section-header {
  height: 0;
  left: -9999px;
}
.event-feature.anniversary-feature + .home-in-season .homepage-features .div-wrapper,
.event-feature.anniversary-feature + .home-off-season .homepage-features .div-wrapper {
  display: none;
}
.event-feature.anniversary-feature + .home-in-season .homepage-features .type-event.first-event,
.event-feature.anniversary-feature + .home-off-season .homepage-features .type-event.first-event {
  border-top: none;
}

@media (min-width: 768px) {
  .homepage-features .event-feature a {
    display: flex;
  }
}

#edit-link {
  background-color: white;
  border: 1px solid black;
  display: none;
  position: absolute;
  padding: 10px;
  right: -46px;
  top: 120px;
  z-index: 10000000;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
#edit-link:hover {
  padding-right: 100px;
}
@media (min-width: 1440px) {
  #edit-link {
    display: block;
  }
}

.promos-wrapper .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-09);
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.promos {
  width: 100%;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
}
@media (min-width: 1440px) {
  .promos {
    padding: 0px var(--primitives-units-4-pixel-scale-64px);
  }
}

.promos {
  width: 100%;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
}
@media (min-width: 1440px) {
  .promos {
    padding: 0px var(--primitives-units-4-pixel-scale-64px);
  }
}

.promos .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-07);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  opacity: 0;
}

.promos .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.promos .section-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.promos .text-wrapper {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}

.promos .element-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.promos .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.promos .div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .promos .div {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--primitives-units-4-pixel-scale-24px);
  }
  .promos .div .spacing-vertical:nth-child(even) {
    display: none;
  }
}
@media (min-width: 1440px) {
  .promos .div {
    gap: 32px 32px;
  }
}

.thumbnail-none-CTA {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px 16px 0px var(--tokens-static-spacing-spacing-04);
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  width: 100%;
}
@media (min-width: 768px) {
  .thumbnail-none-CTA {
    width: 48%;
  }
}
@media (min-width: 960px) {
  .thumbnail-none-CTA {
    width: 31.4%;
  }
}
@media (min-width: 1440px) {
  .thumbnail-none-CTA {
    flex: 1;
  }
}

.thumbnail-none-CTA .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-07);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-orange-400);
  opacity: 0;
}

.thumbnail-none-CTA .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.thumbnail-none-CTA .title {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h3-all-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h3-all-font-size);
  letter-spacing: var(--semantic-header-styles-h3-all-letter-spacing);
  line-height: var(--semantic-header-styles-h3-all-line-height);
  font-style: var(--semantic-header-styles-h3-all-font-style);
}

.thumbnail-none-CTA .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.thumbnail-none-CTA .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.thumbnail-none-CTA .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  font-weight: var(--text-styles-sans-regular-300-all-text-sans-font-weight);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.thumbnail-none-CTA .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.thumbnail-none-CTA .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.thumbnail-none-CTA .row {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

/**
 * Sub-Page Navigation
 *
 **/
.sub-nav .unordered-list-item.parent-active > .sub-nav-content > .list-item {
  font-weight: bold;
}

.sub-nav.pb-sub-nav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sub-nav.pb-sub-nav .sub-nav-content .list-item {
  text-decoration: none;
}
@media (min-width: 960px) {
  .sub-nav.pb-sub-nav .sub-nav-content .list-item {
    width: 220px;
  }
}
.sub-nav.pb-sub-nav ul, .sub-nav.pb-sub-nav li, .sub-nav.pb-sub-nav a {
  position: relative;
  display: block;
  padding-left: 0;
}
.sub-nav.pb-sub-nav .list-style-type {
  position: relative;
  width: 22px;
  height: 22px;
  top: 6px;
}
.sub-nav.pb-sub-nav .list-style-type.js-open {
  transform: rotate(180deg);
}
.sub-nav.pb-sub-nav > ul li {
  padding: 0;
}
.sub-nav.pb-sub-nav > ul li.has-children > ul {
  display: none;
}
.sub-nav.pb-sub-nav > ul li.has-children.active > ul, .sub-nav.pb-sub-nav > ul li.has-children.parent-active > ul {
  display: block;
}
.sub-nav.pb-sub-nav > ul li.has-children.js-closed > ul {
  display: none;
}
.sub-nav.pb-sub-nav > ul li.has-children .list-style-type.js-closed {
  transform: rotate(0deg) !important;
}
.sub-nav.pb-sub-nav > ul li a {
  color: black;
  padding: 7px 8px 4px 20px;
  text-decoration: none;
}
.sub-nav.pb-sub-nav > ul li a:hover {
  color: gray;
  background-color: light-gray;
}
.sub-nav.pb-sub-nav > ul li.active > a {
  cursor: default;
  color: gray !important;
  background: lightgray;
  background: -moz-linear-gradient(left, #dff8f5 0%, #dff8f5 50%, #e8f7f5 83%, #f2f7f6 100%);
  background: -webkit-linear-gradient(left, #dff8f5 0%, #dff8f5 50%, #e8f7f5 83%, #f2f7f6 100%);
  background: linear-gradient(to right, #dff8f5 0%, #dff8f5 50%, #e8f7f5 83%, #f2f7f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dff8f5", endColorstr="#f2f7f6", GradientType=1);
}
.sub-nav.pb-sub-nav > ul li.active > .sub-nav-content .list-item {
  font-weight: bold;
}
.sub-nav.pb-sub-nav > ul li.level-1 {
  border-left: solid 2px transparent;
}
.sub-nav.pb-sub-nav > ul li.level-1.has-children.active > .sub-nav-content .list-style-type, .sub-nav.pb-sub-nav > ul li.level-1.has-children.parent-active > .sub-nav-content .list-style-type {
  transform: rotate(180deg);
}
.sub-nav.pb-sub-nav > ul li.level-1.has-children.parent-active > a {
  color: black;
}
.sub-nav.pb-sub-nav > ul li.level-1 > a {
  font-size: 14px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul {
  margin: 0;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 {
  padding-left: 16px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 > a {
  padding: 7px 8px 4px 32px;
  font-size: 12px;
  color: black;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 > ul li.level-3 {
  margin-bottom: 0;
  padding-left: 16px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 > ul li.level-3 > a {
  color: black;
  font-size: 11px;
  padding: 5px 8px 2px 40px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 > ul li.level-3.first > a {
  padding-top: 8px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2 > ul li.level-3.last > a {
  padding-bottom: 3px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children {
  border-left: solid 2px transparent;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children > a {
  padding-left: 30px;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.active > a, .sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.parent-active > a, .sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.js-open > a {
  color: black;
}
.sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.active:hover a, .sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.parent-active:hover a, .sub-nav.pb-sub-nav > ul li.level-1 > ul li.level-2.has-children.js-open:hover a {
  background-color: transparent;
}
.sub-nav.pb-sub-nav .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-03);
  padding: 0;
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.rte p {
  margin-bottom: 24px;
}
.rte a {
  text-decoration: underline;
}
.rte a:hover {
  color: var(--primitives-color-primary-blue);
}
.rte h2:not(.ui-accordion-header), .rte .h2:not(.ui-accordion-header) {
  margin-bottom: 16px;
}
.rte h3, .rte .h3 {
  margin-bottom: 12px;
}
.rte ul {
  list-style-type: inherit;
  padding-left: 16px;
}
.rte table {
  width: 100%;
}
.rte td {
  max-width: 360px;
  padding-bottom: 8px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .rte td {
    display: table-cell;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .rte td {
    display: table-cell;
  }
}

.breadcrumbs {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  height: 44px;
  width: 375px;
}
@media (min-width: 768px) {
  .breadcrumbs {
    width: 100%;
    padding-left: 60px;
  }
}
@media (min-width: 1440px) {
  .breadcrumbs {
    padding-left: 528px;
  }
}

.breadcrumbs .padding {
  display: block;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .breadcrumbs .padding {
    margin-bottom: 0px;
  }
}
@media (min-width: 960px) {
  .breadcrumbs .padding {
    display: inline-flex;
  }
}

.breadcrumbs .link-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.breadcrumbs .link,
.breadcrumbs a,
.breadcrumbs .link-text:last-child {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-tertiary);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  text-decoration: underline;
  white-space: nowrap;
}

.breadcrumbs .link-text:last-child {
  text-decoration: none;
}

.breadcrumbs .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  height: 14px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  opacity: 0;
}

.breadcrumbs .element {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.breadcrumbs .icon-caret-right {
  display: inline-flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 5px;
}

.breadcrumbs .element-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-01);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.breadcrumbs .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-tertiary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}

.breadcrumbs .spacing-vertical {
  width: 761px;
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  opacity: 0;
}

.breadcrumbs .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.formee {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
@media (min-width: 1440px) {
  .formee {
    width: 80%;
  }
}
.formee .field {
  display: flex;
  flex-direction: row;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: var(--tokens-static-spacing-spacing-02) 0px 0px var(--tokens-static-spacing-spacing-01);
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-off-white);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}
@media (min-width: 960px) {
  .formee .field {
    flex: 0 1 auto;
    min-width: 260px;
  }
}
.formee .text-value {
  background-color: var(--primitives-color-secondary-neutral-off-white);
  position: relative;
  flex: 1;
  font-family: var(--utility-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-sans-regular-300-all-utility-sans-font-style);
}

.formee.protected-login {
  gap: 8px;
  justify-content: flex-start;
}
@media (min-width: 568px) {
  .formee.protected-login .field {
    width: 312px;
  }
}

@media (min-width: 960px) {
  .search-results {
    padding-left: 148px;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .search-results .page-title,
  .search-results .table-wrapper {
    padding-left: 98px;
  }
}
@media screen and (min-width: 1200px) {
  .search-results .page-title,
  .search-results .table-wrapper {
    padding-left: 219px;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .search-results .page-title,
  .search-results .table-wrapper {
    padding-left: 355px;
  }
}
.search-results table {
  width: 100%;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary);
  table-layout: fixed;
}
.search-results th {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  text-align: left;
}
.search-results th:last-of-type {
  border-right: none;
}
.search-results tr td:last-of-type {
  border-right: none;
}
.search-results td {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  padding: var(--tokens-static-spacing-spacing-04);
  width: 100%;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  position: relative;
}
.search-results tbody tr.even td {
  background-color: var(--primitives-color-secondary-neutral-white);
}
@media (min-width: 960px) {
  .search-results .table-column-1 {
    width: 14%;
  }
}
@media (min-width: 1440px) {
  .search-results .table-column-1 {
    width: 11%;
  }
}
.search-results .table-column-2 {
  width: 68%;
}
@media (min-width: 768px) {
  .search-results .table-column-2 {
    width: 75%;
  }
}
@media (min-width: 960px) {
  .search-results .table-column-2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.donor-benefits-frame {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 1440px;
  align-items: flex-start;
  margin: 0 -24px;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  background-color: var(--primitives-color-secondary-neutral-off-white);
}
@media (min-width: 568px) {
  .donor-benefits-frame {
    margin: 0 -32px;
    padding: 0px 32px;
  }
}
@media (min-width: 768px) {
  .donor-benefits-frame {
    margin: 0 -48px;
    padding: 0px 48px;
  }
}
@media (min-width: 1440px) {
  .donor-benefits-frame {
    margin: 0 -64px;
    padding: 0 64px;
  }
}

.donor-benefits-frame .table-wrapper {
  overflow-x: auto;
  width: 100%;
}
@media (min-width: 1440px) {
  .donor-benefits-frame .table-wrapper {
    overflow-x: visible;
  }
}

.donor-benefits-frame .wrapper {
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.donor-benefits-frame .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.donor-benefits-frame .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.donor-benefits-frame .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
  font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
}

.donor-benefits-frame .element-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.donor-benefits-frame .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.donor-benefits-frame .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.donor-benefits-frame .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.donor-benefits-frame .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.donor-benefits-frame .div-2 {
  width: 100%;
  height: var(--primitives-units-4-pixel-scale-64px);
  align-items: flex-start;
  display: flex;
  position: relative;
}

.donor-benefits-frame .tab {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: var(--tokens-tabs-tab-primary-color-tab-background-primary);
  border-top-width: 3px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}

.donor-benefits-frame .tab-label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  cursor: default;
}

.donor-benefits-frame .triangle-marker {
  position: relative;
  top: 2px;
  display: none;
  width: 24px;
}

@media (min-width: 568px) {
  .donor-benefits-frame .tab[data-tokens-tabs-mode=selected] {
    flex-direction: column;
    justify-content: flex-end;
    gap: 7px;
  }
}

@media (min-width: 568px) {
  .donor-benefits-frame .tab[data-tokens-tabs-mode=selected] .triangle-marker {
    display: block;
  }
}

.donor-benefits-frame .table {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.donor-benefits-frame .table-column {
  display: flex;
  flex-direction: column;
  width: 198px;
  align-items: flex-start;
  position: relative;
}

.donor-benefits-frame .table-elements {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--primitives-color-primary-green);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  position: relative;
}

.donor-benefits-frame .content {
  position: relative;
  flex: 1;
  margin-top: -2px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-table-table-primary-color-table-th-content-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .content-wrapper {
  height: 68px;
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-zebra-primary);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .content-2 {
  margin-top: -4px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-table-table-primary-color-table-th-content-primary);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .div-wrapper {
  height: 68px;
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-2 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-zebra-primary);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .table-elements-3 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .span {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
}

.donor-benefits-frame .table-column-2 {
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.donor-benefits-frame .table-elements-4 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .content-3 {
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  line-height: 18px;
  text-decoration: underline;
  position: relative;
  flex: 1;
  font-size: 16px;
  letter-spacing: 0;
}

.donor-benefits-frame .table-elements-5 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--tokens-table-table-primary-color-table-td-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .content-4 {
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.donor-benefits-frame .icon-check-wrapper {
  height: 72px;
  justify-content: center;
  background-color: var(--tokens-table-table-primary-color-table-td-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .img {
  position: relative;
  width: 16px;
  height: 16px;
}

.donor-benefits-frame .table-elements-6 {
  height: 72px;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .content-5 {
  margin-top: -11px;
  margin-bottom: -9px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.donor-benefits-frame .table-elements-7 {
  height: 72px;
  background-color: var(--tokens-table-table-primary-color-table-td-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-8 {
  height: 86px;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .content-6 {
  margin-top: -14px;
  margin-bottom: -12px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.donor-benefits-frame .img-wrapper {
  height: 72px;
  justify-content: center;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-9 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--primitives-color-extended-scale-green-90);
  border-right-width: 2px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .content-7 {
  margin-top: -2px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-inverse);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .table-elements-10 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  background: linear-gradient(180deg, rgb(120, 214, 72) 5%, rgb(200, 245, 90) 95%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .content-8 {
  margin-top: -1px;
  font-family: "Larsseit-Bold", Helvetica;
  font-weight: 700;
  color: var(--tokens-static-color-text-color-text-primary);
  line-height: 18px;
  text-decoration: underline;
  position: relative;
  flex: 1;
  font-size: 16px;
  letter-spacing: 0;
}

.donor-benefits-frame .table-elements-11 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--primitives-color-extended-scale-green-20);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .table-elements-12 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--primitives-color-extended-scale-green-30);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .table-elements-13 {
  height: 72px;
  justify-content: center;
  background-color: var(--primitives-color-extended-scale-green-20);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-14 {
  height: 72px;
  justify-content: center;
  background-color: var(--primitives-color-extended-scale-green-30);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-15 {
  height: 72px;
  background-color: var(--primitives-color-extended-scale-green-20);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-16 {
  height: 86px;
  background-color: var(--primitives-color-extended-scale-green-30);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .icon-caret-right {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 74px;
  left: 135px;
}

.donor-benefits-frame .table-elements-17 {
  height: 92px;
  justify-content: center;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-static-color-border-color-border-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-18 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-table-table-primary-color-table-border-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .content-9 {
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-table-table-primary-color-table-th-content-primary);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  position: relative;
  flex: 1;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .table-elements-19 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-table-table-primary-color-table-border-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .table-elements-20 {
  min-height: var(--primitives-units-4-pixel-scale-52px);
  flex: 0 0 auto;
  background-color: var(--tokens-table-table-primary-color-table-td-background-row-default-primary);
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--tokens-table-table-primary-color-table-border-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.donor-benefits-frame .table-elements-21 {
  height: 72px;
  justify-content: center;
  background-color: var(--tokens-table-table-primary-color-table-td-background-row-default-primary);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-22 {
  height: 72px;
  justify-content: center;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-23 {
  height: 92px;
  justify-content: center;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .table-elements-24 {
  height: 86px;
  justify-content: center;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: var(--primitives-units-4-pixel-scale-52px);
}

.donor-benefits-frame .spacing-vertical-2 {
  height: var(--tokens-static-spacing-spacing-06);
  gap: 10px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.donor-benefits-frame .div-3 {
  width: 1312px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.donor-benefits-frame .p {
  position: relative;
  flex: 1;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.donor-benefits-frame .text-wrapper-2 {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.donor-benefits-frame .text-wrapper-3 {
  text-decoration: underline;
}

.donor-benefits-frame .button-standard {
  flex: 1 0 auto;
}

.donor-benefits-frame .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.donor-benefits-frame .element-3 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.donor-benefits-frame .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame button.button-standard .label {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}

.donor-benefits-frame .button-standard.button-secondary:hover,
.donor-benefits-frame .button-standard.button-secondary:hover .label {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}

.donor-benefits-frame .spacing-vertical-3 {
  height: var(--tokens-static-spacing-spacing-09);
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.donor-benefits-frame .div-4 {
  width: 1312px;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.donor-benefits-frame .text-input {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.donor-benefits-frame .form-label {
  position: relative;
  width: 320px;
  margin-top: -1px;
  font-family: var(--utility-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-form-color-input-label-primary);
  font-size: var(--utility-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .spacing-vertical-4 {
  height: var(--tokens-static-spacing-spacing-02);
  gap: 10px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.donor-benefits-frame .field {
  display: flex;
  width: 320px;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-white);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}

.donor-benefits-frame .text-value {
  position: relative;
  margin-right: 12px;
  flex: 1;
  font-family: var(--utility-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-sans-regular-300-all-utility-sans-font-style);
}

.donor-benefits-frame .spacing-horizontal-2 {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.donor-benefits-frame .button-standard-2 {
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
}

.donor-benefits-frame .label-2 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .table.table-perks .table-cell, .table.table-perks .table-head, .table.table-perks .row-head {
  display: table-cell;
  padding: 16px;
  border-right: 1px solid black;
  position: relative;
}
.donor-benefits-frame .table.table-perks .table-cell:last-child, .table.table-perks .table-head:last-child, .table.table-perks .row-head:last-child {
  border-right: none;
}

.donor-benefits-frame .table-head {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-table-table-primary-color-table-th-content-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.donor-benefits-frame .table.table-perks .table-header {
  background-color: var(--primitives-color-primary-green);
}

.donor-benefits-frame .table.table-perks .table-row:not(.table-header):nth-child(even) {
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
}
.donor-benefits-frame .table.table-perks .table-row:not(.table-header):nth-child(odd) {
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-zebra-primary);
}

.donor-benefits-frame .table.table-perks .table-row {
  display: table-row;
}
.donor-benefits-frame .table.table-perks .table-row.odd .table-cell.hilited {
  background-color: var(--primitives-color-extended-scale-green-30);
}
.donor-benefits-frame .table.table-perks .table-row.even .table-cell.hilited {
  background-color: var(--primitives-color-extended-scale-green-20);
}
.donor-benefits-frame .table.table-perks .table-row .table-head.hilited {
  background-color: var(--primitives-color-extended-scale-green-90);
  color: var(--tokens-static-color-text-color-text-inverse);
}

.donor-benefits-frame .remaining-benefit-row.table-row:nth-child(odd) {
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-default-primary);
}
.donor-benefits-frame .remaining-benefit-row.table-row:nth-child(odd) .table-cell.hilited {
  background-color: var(--primitives-color-extended-scale-green-20);
}

.donor-benefits-frame .remaining-benefit-row.table-row:nth-child(even) {
  background-color: var(--tokens-table-table-primary-color-table-th-background-row-zebra-primary);
}
.donor-benefits-frame .remaining-benefit-row.table-row:nth-child(even) .table-cell.hilited {
  background-color: var(--primitives-color-extended-scale-green-30);
}

.donor-benefits-frame .row-head {
  min-width: 200px;
  max-width: 200px;
}

.donor-benefits-frame .table-head,
.donor-benefits-frame .table-cell {
  min-width: 159px;
  max-width: 159px;
}

.donor-benefits-frame .annual_crescendo .table-head.col-6,
.donor-benefits-frame .annual_crescendo .table-cell.col-6 {
  min-width: 185.5px;
  max-width: 185.5px;
}

.donor-benefits-frame .annual_national .table-head.col-6,
.donor-benefits-frame .annual_national .table-cell.col-6 {
  min-width: 185.5px;
  max-width: 185.5px;
}

.donor-benefits-frame .table-cell.matrix-cell.link-cell:hover {
  background: linear-gradient(90deg, rgb(120, 214, 72) 5%, rgb(200, 245, 90) 95%);
  font-family: "Larsseit-Bold", Helvetica;
}

.donor-benefits-frame .table-cell.matrix-cell a {
  display: block;
  text-decoration: none;
}
.donor-benefits-frame .table-cell.matrix-cell a:hover {
  color: var(--tokens-static-color-text-color-text-primary);
}
.donor-benefits-frame .table-cell.matrix-cell a:hover:after {
  content: url(/themes/user/amfs/svg/icon-caret-right-16.svg);
  fill: black;
  position: absolute;
  right: 0;
}

.donor-benefits-frame .check-cell {
  display: flex;
  align-content: center;
}
.donor-benefits-frame .check-cell img {
  margin: 0 auto;
  width: 24px;
}

.annual-crescendo-notes,
.annual-national-notes {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .annual-crescendo-notes,
  .annual-national-notes {
    flex-direction: row;
  }
}

.donate-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.donate-container .spacing-vertical-donate {
  height: var(--tokens-static-spacing-spacing-02);
  gap: 10px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.donate-container .spacing-horizontal-donate {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--primitives-color-secondary-neutral-off-white);
}
.donate-container .donate-now-wrapper {
  width: 100%;
}
.donate-container .donate-now-input-container {
  display: flex;
}
.donate-container .text-input {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}
.donate-container .form-label {
  position: relative;
  width: 320px;
  margin-top: -1px;
  font-family: var(--utility-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-form-color-input-label-primary);
  font-size: var(--utility-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-sans-bold-300-all-utility-sans-bold-font-style);
}
.donate-container .field {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-white);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}
.donate-container .text-value {
  position: relative;
  margin-right: 12px;
  flex: 1;
  font-family: var(--utility-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-sans-regular-300-all-utility-sans-font-style);
}
.donate-container .button-standard {
  flex: 1 0 auto;
}

.virtual-stage .donate-container {
  background-color: var(--primitives-color-secondary-neutral-off-white);
  padding: var(--tokens-static-spacing-spacing-07) var(--tokens-static-spacing-spacing-07) var(--tokens-static-spacing-spacing-08);
}

.table-wrapper {
  overflow-x: scroll;
  width: calc(100vw - 68px);
}
@media (min-width: 568px) {
  .table-wrapper {
    width: calc(97vw - 68px);
  }
}
@media (min-width: 768px) {
  .table-wrapper {
    width: calc(95vw - 68px);
  }
}
@media (min-width: 960px) {
  .table-wrapper {
    width: calc(53vw - 68px);
  }
}
@media screen and (min-width: 1200px) {
  .table-wrapper {
    width: calc(63vw - 68px);
  }
}
@media (min-width: 1440px) {
  .table-wrapper {
    overflow-x: auto;
    width: auto;
  }
}

.table.table-primary {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-top-width: 3px;
  border-top-style: solid;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #000000;
}

.table.table-primary .table-column {
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  border: 1px solid;
  border-color: #938372;
  display: flex;
  position: relative;
}

.table.table-primary .table-header {
  min-height: 44px;
  gap: 10px;
  padding: 12px 16px;
  align-self: stretch;
  width: 100%;
  min-width: 260px;
  background-color: #78d648;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  display: flex;
  position: relative;
}

.table.table-primary .table-cell {
  min-height: 44px;
  gap: 10px;
  padding: 12px 16px;
  align-self: stretch;
  width: 100%;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
  display: flex;
  position: relative;
  min-width: 260px;
  flex-direction: column;
}

.table.table-primary .table-header:last-child,
.table.table-primary .table-cell:last-child {
  border-right: none;
}

.table.table-primary .content {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  position: relative;
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.table.table-primary .content-wrapper {
  background-color: #f8faf4;
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
}

.table.table-primary .div-wrapper {
  background-color: #ffffff;
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #000000;
}

.table.table-primary .text-wrapper {
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  position: relative;
  flex: 1;
  margin-top: -1px;
  color: #000000;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.table.table-primary thead,
.table.table-primary tr {
  display: flex;
}

.table.table-primary thead,
.table.table-primary tbody,
.table.table-primary tr {
  width: 100%;
}

.table.table-primary tbody tr:nth-child(odd) {
  background-color: #f8faf4;
}
.table.table-primary tbody tr:nth-child(even) {
  background-color: #fff;
}

html {
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-x: hidden;
}

.main {
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

footer {
  margin-top: auto;
}

.spacing-horizontal-01 {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-01);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  padding: 11px;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.spacing-vertical-02 {
  height: 8px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.spacing-vertical-04 {
  height: 16px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.spacing-vertical-7 {
  height: 64px;
  background-color: rgba(123, 97, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.spacing-vertical-08 {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: rgba(123, 97, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.spacing-vertical-10 {
  height: var(--tokens-static-spacing-spacing-10);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.fixed {
  position: fixed !important;
}

@media (min-width: 960px) {
  .lg-flex {
    display: flex;
  }
}

@media (min-width: 960px) {
  .lg-flex-imp {
    display: flex !important;
  }
}

.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

.main > .content,
.home-in-season,
.home-off-season,
.program-spotlight,
.section-feature-cards,
.promos-wrapper,
.homepagebuilt .title-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  width: var(--tokens-static-breakpoints-XS);
}
@media (min-width: 568px) {
  .main > .content,
  .home-in-season,
  .home-off-season,
  .program-spotlight,
  .section-feature-cards,
  .promos-wrapper,
  .homepagebuilt .title-frame {
    width: var(--tokens-static-breakpoints-SM);
    width: 100%;
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
  }
}
@media (min-width: 960px) {
  .main > .content,
  .home-in-season,
  .home-off-season,
  .program-spotlight,
  .section-feature-cards,
  .promos-wrapper,
  .homepagebuilt .title-frame {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .main > .content,
  .home-in-season,
  .home-off-season,
  .program-spotlight,
  .section-feature-cards,
  .promos-wrapper,
  .homepagebuilt .title-frame {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
    width: var(--tokens-static-breakpoints-XL);
  }
}

.main > .content.event-detail {
  background-color: transparent;
}

.main.homepagebuilt .title-frame {
  position: relative;
  flex: 1;
  margin-top: -1px;
  color: #000000;
  top: 0;
  left: 0;
  font-family: "Larsseit-Bold", Helvetica;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 38px;
}
@media (min-width: 960px) {
  .main.homepagebuilt .title-frame {
    font-family: var(--pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-1200-LG-header-sans-bold-font-style);
  }
}

.home-in-season .elements,
.home-off-season .elements {
  display: flex;
  max-width: 1440px;
  align-items: flex-end;
  padding: 0px var(--tokens-static-spacing-spacing-06-duplicate) 0px var(--tokens-static-spacing-spacing-06-duplicate);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-in-season .element-wrapper,
.home-off-season .element-wrapper {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.home-in-season .element,
.home-off-season .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.home-in-season .spacing-vertical,
.home-off-season .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-03);
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.home-in-season .element-px,
.home-off-season .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.home-in-season .img,
.home-off-season .img {
  position: relative;
  width: 32px;
  height: 32px;
}

.home-in-season .element-px-wrapper,
.home-off-season .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-09);
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.spacing-vertical-09 {
  height: var(--tokens-static-spacing-spacing-09);
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.home-in-season .header,
.home-off-season .header {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.home-in-season .header p.div,
.home-off-season .header p.div {
  font-family: "Larsseit-Bold", Helvetica;
  color: #000000;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 38px;
}

.home-in-season .homepage-features,
.home-off-season .homepage-features {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}
.home-in-season .homepage-features.div-2,
.home-off-season .homepage-features.div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.home-in-season .homepage-features .event-feature .image-area img,
.home-off-season .homepage-features .event-feature .image-area img {
  filter: grayscale(1);
}
.home-in-season .homepage-features .event-feature .image-area .shape-area-lower img,
.home-off-season .homepage-features .event-feature .image-area .shape-area-lower img {
  filter: none;
}

.section-header,
.home-in-season .section-header,
.home-off-season .section-header {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: #000000;
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .section-header,
  .home-in-season .section-header,
  .home-off-season .section-header {
    font-family: var(--semantic-header-styles-h2-XL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-font-style);
  }
}

.home-in-season .div-wrapper,
.home-off-season .div-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.home-in-season .element-2,
.home-off-season .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.type-event {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.type-event.first-event {
  border-top-width: 3px;
}
.type-event.last-event {
  border-bottom-width: 3px;
}
.type-event.last-event.crop-diagonal {
  margin-bottom: 136px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-diagonal {
    margin-bottom: 0;
  }
}
.type-event.last-event.crop-diagonal .shape-area-lower {
  top: 226px;
}
@media (min-width: 568px) {
  .type-event.last-event.crop-diagonal .shape-area-lower {
    top: 220px;
  }
}
.type-event.last-event.crop-diagonal.repeats {
  margin-bottom: 136px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-diagonal.repeats {
    margin-bottom: 0;
  }
}
@media (min-width: 568px) {
  .type-event.last-event.crop-diagonal.repeats .shape-area-lower {
    left: 0;
  }
}
.type-event.last-event.crop-square {
  margin-bottom: 84px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-square {
    margin-bottom: 0;
  }
}
.type-event.last-event.crop-square .shape-area-lower {
  top: 227px;
}
.type-event.last-event.crop-square.repeats {
  margin-bottom: 84px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-square.repeats {
    margin-bottom: 0;
  }
}
.type-event.last-event.crop-square.repeats .shape-area-lower {
  top: 227px;
}
.type-event.last-event.crop-rectangle {
  margin-bottom: 176px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-rectangle {
    margin-bottom: 0;
  }
}
.type-event.last-event.crop-rectangle .shape-area-lower {
  top: 213px;
}
.type-event.last-event.crop-circle {
  margin-bottom: 64px;
}
@media (min-width: 768px) {
  .type-event.last-event.crop-circle {
    margin-bottom: 0;
  }
}
.type-event.last-event.crop-circle .shape-area-lower {
  top: 171.6px;
}
@media (min-width: 568px) {
  .type-event.last-event.crop-circle .shape-area-lower {
    top: 183.6px;
  }
}
@media (min-width: 768px) {
  .type-event {
    gap: var(--primitives-units-4-pixel-scale-24px);
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .type-event {
    gap: 32px;
    padding: 0px 0px 0px 112px;
  }
}
@media (min-width: 768px) {
  .type-event .shape-area-upper {
    position: absolute;
    width: 342px;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1440px) {
  .type-event .shape-area-upper {
    width: 640px;
    height: 419px;
  }
}
.type-event.event-feature-1 .shape-area-upper, .type-event.event-feature-2 .shape-area-upper, .type-event.event-feature-3 .shape-area-upper, .type-event.event-feature-4 .shape-area-upper {
  display: none;
}
@media (min-width: 768px) {
  .type-event.event-feature-1 .shape-area-upper, .type-event.event-feature-2 .shape-area-upper, .type-event.event-feature-3 .shape-area-upper, .type-event.event-feature-4 .shape-area-upper {
    display: block;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-3 .shape-area-upper {
    width: 398px;
  }
}
.type-event.event-feature-4 .shape-area-lower {
  position: absolute;
  width: 303px;
  height: 182px;
  right: 0;
  top: 211px;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .type-event.event-feature-1 .shape-area-lower {
    right: 0;
  }
  .type-event.event-feature-1 .image-area .square-crop {
    left: inherit;
    right: 0;
  }
}
.type-event.event-feature-2 .shape-area-lower {
  bottom: 0;
  top: inherit;
}
@media (min-width: 568px) {
  .type-event.event-feature-2 .shape-area-lower {
    top: 218px;
    left: -3px;
  }
}
.type-event.event-feature-2.repeats .shape-area-lower {
  z-index: 1;
}
@media (min-width: 1440px) {
  .type-event.event-feature-3 .shape-area-upper .partial-diagonal {
    width: 460px;
    top: -1px;
  }
}
.type-event.event-feature-3 .shape-area-lower {
  top: 169px;
  width: 302px;
}
@media (min-width: 568px) {
  .type-event.event-feature-3 .shape-area-lower {
    top: 181px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-3 .shape-area-lower {
    top: 189px;
  }
  .type-event.event-feature-3 .shape-area-lower .partial-circle-solid {
    width: 246px;
    height: 66px;
    top: 112px;
    left: 4px;
  }
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .type-event.event-feature-3 .shape-area-lower .partial-circle-solid {
    top: 0;
  }
}
@media (min-width: 960px) {
  .type-event.event-feature-3 .shape-area-lower {
    top: 181px;
  }
  .type-event.event-feature-3 .shape-area-lower .partial-circle-solid {
    top: 120px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-3 .shape-area-lower {
    top: 200px;
    width: 438px;
  }
  .type-event.event-feature-3 .shape-area-lower .partial-circle-solid {
    left: 64px;
    width: 438px;
    height: auto;
    top: 221px;
  }
}
.type-event.event-feature-4 .shape-area-upper .partial-circle-solid {
  top: 0;
}
@media (min-width: 1440px) {
  .type-event.event-feature-4 .shape-area-upper .partial-circle-solid {
    width: 440px;
    height: 120px;
    left: 50px;
  }
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .type-event.event-feature-4 .shape-area-lower {
    left: 0;
  }
}
.type-event.event-feature-2.crop-diagonal .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/diagonal-upper-mask.svg);
  mask-image: url(/themes/user/amfs/svg/diagonal-upper-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 244px;
  height: 224px;
}
@media (min-width: 568px) {
  .type-event.event-feature-2.crop-diagonal .image-mask {
    width: 272px;
    height: 225px;
    top: 14px;
    position: relative;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-2.crop-diagonal .image-mask {
    position: relative;
    top: -10px;
  }
}
@media (min-width: 960px) {
  .type-event.event-feature-2.crop-diagonal .image-mask {
    width: 308px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-2.crop-diagonal .image-mask {
    height: 330px;
    width: 440px;
    top: 75px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-2.crop-diagonal .image-area {
    top: 14px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-2.crop-diagonal .image-area {
    left: -12px;
    top: 0;
    height: 403px;
  }
}
@media (min-width: 568px) {
  .type-event.event-feature-2.crop-diagonal .diagonal-crop {
    width: 272px;
    height: 204px;
    left: -32px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-2.crop-diagonal .diagonal-crop {
    height: 221px;
    left: -20px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-2.crop-diagonal .diagonal-crop {
    height: 328px;
    left: -50px;
    width: 440px;
    top: 0;
  }
}
@media (min-width: 568px) {
  .type-event.event-feature-2.repeats .partial-diagonal {
    left: 0;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-2.repeats .image-area {
    top: 48px;
  }
}
.type-event.event-feature-2.repeats .image-mask {
  height: 250px;
  width: 245px;
}
@media (min-width: 568px) {
  .type-event.event-feature-2.repeats .image-mask {
    left: 10px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-2.repeats .image-mask {
    height: 460px;
    width: 403px;
    top: 27px;
    left: 0;
  }
}
@media (min-width: 568px) {
  .type-event.event-feature-2.repeats .diagonal-crop {
    left: 0px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-2.repeats .diagonal-crop {
    left: 0;
  }
}
@media (min-width: 568px) {
  .type-event.event-feature-2 .image-area {
    top: 6px;
    left: 2px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-3.crop-circle .partial-diagonal {
    top: -0.4px;
  }
}
@media (min-width: 960px) {
  .type-event.event-feature-3.crop-circle .partial-diagonal {
    top: -0.5px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-3.crop-circle .partial-diagonal {
    top: -1px;
  }
}
.type-event.event-feature-3.crop-circle .image-area {
  left: 2px;
  top: 44px;
}
@media (min-width: 768px) {
  .type-event.event-feature-3.crop-circle .image-area {
    top: 45px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-3.crop-circle .image-area {
    display: flex;
    top: 0;
  }
}
.type-event.event-feature-3.crop-circle .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/circle-upper-mask.svg);
  mask-image: url(/themes/user/amfs/svg/circle-upper-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 247px;
  height: 246px;
  position: relative;
  top: -0.7px;
}
@media (min-width: 1440px) {
  .type-event.event-feature-3.crop-circle .image-mask {
    align-self: flex-end;
    height: 321px;
    width: 440px;
    position: static;
  }
}
.type-event.event-feature-3.crop-circle .circle-crop {
  width: 265px;
}
@media (min-width: 1440px) {
  .type-event.event-feature-3.crop-circle .circle-crop {
    width: 440px;
    height: 330px;
    top: 90px;
  }
}
.type-event.event-feature-4.crop-rectangle .image-area {
  height: 218px;
  left: 187px;
  top: 8px;
}
@media (min-width: 568px) {
  .type-event.event-feature-4.crop-rectangle .image-area {
    left: 349px;
  }
}
@media (min-width: 768px) {
  .type-event.event-feature-4.crop-rectangle .image-area {
    left: 0;
    top: -22px;
    justify-content: space-around;
    display: flex;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-4.crop-rectangle .image-area {
    display: flex;
    height: 394px;
    left: -70px;
    top: 0;
  }
}
.type-event.event-feature-4.crop-rectangle .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/rectangle-upper-mask.svg);
  mask-image: url(/themes/user/amfs/svg/rectangle-upper-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 210px;
  width: 116px;
}
@media (min-width: 768px) {
  .type-event.event-feature-4.crop-rectangle .image-mask {
    width: 164px;
    height: 262px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-4.crop-rectangle .image-mask {
    align-self: flex-end;
    height: 360px;
    width: 244px;
  }
}
.type-event.event-feature-4.crop-rectangle .rectangle-crop {
  left: -56px;
  width: auto;
  height: 210px;
  top: 0;
}
@media (min-width: 768px) {
  .type-event.event-feature-4.crop-rectangle .rectangle-crop {
    left: 15px;
    top: 30px;
  }
}
@media (min-width: 1440px) {
  .type-event.event-feature-4.crop-rectangle .rectangle-crop {
    height: 377px;
    left: 98px;
    top: 17px;
  }
}
.type-event .partial-rectangle {
  position: relative;
  width: 116px;
  height: 180px;
  background-color: var(--primitives-color-primary-lime-duplicate);
}
@media (min-width: 768px) {
  .type-event .partial-rectangle {
    position: relative;
    width: 142px;
    height: 221px;
    left: 32px;
    background-color: var(--primitives-color-primary-lime-duplicate);
  }
}
@media (min-width: 1440px) {
  .type-event .partial-rectangle {
    width: 198px;
    height: 337px;
    left: 183px;
  }
}
.type-event .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .type-event .content {
    width: 340px;
    min-height: 300px;
    align-items: flex-start;
    padding: 0 24px 0 0;
  }
}
@media (min-width: 1440px) {
  .type-event .content {
    padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
    width: 528px;
  }
}
.type-event .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
@media (min-width: 768px) {
  .type-event .spacing-vertical {
    width: 0px;
  }
}
@media (min-width: 960px) {
  .type-event .spacing-vertical {
    display: flex;
    height: var(--tokens-static-spacing-spacing-09);
    width: 128px;
  }
}
.type-event .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.type-event .eyebrow-event {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-24px);
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  height: var(--primitives-units-4-pixel-scale-24px);
}
@media (min-width: 1440px) {
  .type-event .eyebrow-event {
    min-height: 32px;
  }
}
.type-event .eyebrow-event .eyebrow {
  text-transform: uppercase;
}
.type-event .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-style);
}
@media (min-width: 1440px) {
  .type-event .text-wrapper {
    font-family: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-600-XL-XXL-header-sans-bold-font-style);
  }
}
.type-event .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
@media (min-width: 1440px) {
  .type-event .spacing-horizontal {
    width: var(--tokens-static-spacing-spacing-04);
  }
}
.type-event .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.type-event .vertical-rule {
  position: relative;
  width: 2px;
  height: 24px;
}
@media (min-width: 1440px) {
  .type-event .vertical-rule {
    height: 32px;
  }
}
.type-event .element-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
@media (min-width: 960px) {
  .type-event .element-wrapper {
    height: var(--tokens-static-spacing-spacing-04);
  }
}
@media (min-width: 1440px) {
  .type-event .element-wrapper {
    height: var(--tokens-static-spacing-spacing-06);
    width: 100%;
  }
}
.type-event .div {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.type-event .title {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-line-height);
  font-style: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-style);
}
@media (min-width: 1440px) {
  .type-event .title {
    font-family: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-family);
    font-size: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-line-height);
    font-style: var(--pseudo-header-styles-sans-light-1000-XL-XXL-header-sans-light-font-style);
  }
}
.type-event .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
.type-event .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.type-event .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-500-all-header-sans-bold-font-style);
}
@media (min-width: 768px) {
  .type-event .blurb {
    padding-bottom: var(--primitives-units-4-pixel-scale-24px);
  }
}
@media (min-width: 1440px) {
  .type-event .blurb {
    padding-bottom: var(--primitives-units-4-pixel-scale-48px);
  }
}
.type-event .image-area {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 224px;
}
@media (min-width: 768px) {
  .type-event .image-area {
    width: 308px;
    height: 225px;
    align-self: flex-end;
  }
}
@media (min-width: 1440px) {
  .type-event .image-area {
    width: 640px;
    height: 420px;
  }
}
.type-event .shape-area-lower {
  position: absolute;
  width: 303px;
  top: 225px;
}
@media (min-width: 768px) {
  .type-event .shape-area-lower {
    display: none;
  }
}
.type-event .partial-square-solid {
  position: relative;
  width: 252px;
  height: 64px;
  left: 51px;
  background-color: var(--color-extended-scale-blue-60);
}
@media (min-width: 768px) {
  .type-event .partial-square-solid {
    left: 32px;
    width: 308px;
  }
}
@media (min-width: 1440px) {
  .type-event .partial-square-solid {
    height: 120px;
    left: 72px;
    width: 440px;
  }
}
.type-event .square-crop {
  position: absolute;
  width: 252px;
  height: 184px;
  top: 40px;
  left: 51px;
}
@media (min-width: 768px) {
  .type-event .square-crop {
    bottom: 0;
    width: 308px;
    height: 231px;
    top: -6px;
    left: 0;
  }
}
@media (min-width: 960px) {
  .type-event .square-crop {
    height: 245px;
    top: -20px;
  }
}
@media (min-width: 1440px) {
  .type-event .square-crop {
    width: 440px;
    height: 330px;
    top: 90px;
  }
}
.type-event .partial-diagonal {
  position: absolute;
  width: 271px;
  top: 0.6px;
  left: 0;
}
@media (min-width: 568px) {
  .type-event .partial-diagonal {
    width: 270px;
    left: -8px;
  }
}
.type-event .diagonal-crop {
  position: absolute;
  left: -44px;
}
@media (min-width: 1440px) {
  .type-event .diagonal-crop {
    width: 460px;
    top: 34px;
  }
}
.type-event .partial-circle-solid {
  position: absolute;
  width: 252px;
  height: 66px;
  top: 12px;
  left: -2px;
}
.type-event .circle-crop {
  position: absolute;
  width: 252px;
  height: auto;
  left: 0;
}
@media (min-width: 1440px) {
  .type-event .circle-crop {
    height: 444px;
    width: 444px;
    top: 88px;
  }
}
.type-event .rectangle-crop {
  position: absolute;
  width: 116px;
  top: 14px;
  left: 187px;
}
@media (min-width: 768px) {
  .type-event .rectangle-crop {
    left: 127px;
  }
}
@media (min-width: 960px) {
  .type-event .rectangle-crop {
    left: 68px;
  }
}
@media (min-width: 1440px) {
  .type-event .rectangle-crop {
    width: 217px;
    top: 26px;
    left: 118px;
  }
}

.section-feature-cards,
.home-in-season .feature-cards {
  display: flex;
  flex-direction: column;
  width: 375px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-white);
}
@media (min-width: 768px) {
  .section-feature-cards,
  .home-in-season .feature-cards {
    padding-top: 0;
  }
}
.section-feature-cards.div-2,
.home-in-season .feature-cards.div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.section-feature-cards.div-2 .grid,
.home-in-season .feature-cards.div-2 .grid {
  border-top-width: 2px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
@media (min-width: 768px) {
  .section-feature-cards.div-2 .grid,
  .home-in-season .feature-cards.div-2 .grid {
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    justify-content: space-between;
  }
}
@media (min-width: 960px) {
  .section-feature-cards.div-2 .grid,
  .home-in-season .feature-cards.div-2 .grid {
    flex-direction: row;
    align-items: stretch;
  }
}
@media (min-width: 1440px) {
  .section-feature-cards.div-2 .grid,
  .home-in-season .feature-cards.div-2 .grid {
    width: 1312px;
    gap: 24px 24px;
  }
}

.home-in-season .feature-cards {
  padding-top: 144px;
}

.page-built .section-feature-cards.div-2 {
  padding-bottom: 64px;
}
@media (min-width: 1440px) {
  .page-built .section-feature-cards.div-2 {
    padding-left: 0;
    padding-right: 0;
  }
}

.section-header,
.home-in-season .section-header,
.home-off-season .section-header {
  position: relative;
  width: fit-content;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: #000000;
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  white-space: nowrap;
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
  white-space: break-spaces;
}
@media (min-width: 960px) {
  .section-header,
  .home-in-season .section-header,
  .home-off-season .section-header {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}

.feature-cards .type-content-image,
.section-feature-cards .type-content-image {
  display: flex;
  flex-direction: column;
  width: 327px;
  align-items: flex-start;
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}
.feature-cards .type-content-image:last-of-type,
.section-feature-cards .type-content-image:last-of-type {
  border-bottom-width: 3px;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .feature-cards .type-content-image,
  .section-feature-cards .type-content-image {
    flex-direction: row;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .feature-cards .type-content-image,
  .section-feature-cards .type-content-image {
    border-bottom-width: 2px;
    justify-content: space-between;
    width: 48%;
    align-self: stretch;
  }
  .feature-cards .type-content-image:nth-child(-n+2),
  .section-feature-cards .type-content-image:nth-child(-n+2) {
    border-top-width: 3px;
  }
  .feature-cards .type-content-image:not(:nth-child(-n+2)),
  .section-feature-cards .type-content-image:not(:nth-child(-n+2)) {
    border-top: none;
  }
  .feature-cards .type-content-image:nth-last-child(-n+2),
  .section-feature-cards .type-content-image:nth-last-child(-n+2) {
    border-bottom-width: 3px;
  }
}
@media (min-width: 960px) {
  .feature-cards .type-content-image,
  .section-feature-cards .type-content-image {
    width: 48%;
  }
}
@media (min-width: 1440px) {
  .feature-cards .type-content-image,
  .section-feature-cards .type-content-image {
    flex-direction: row;
    width: 49%;
  }
}
@media (min-width: 568px) {
  .feature-cards .type-content-image a,
  .section-feature-cards .type-content-image a {
    display: flex;
  }
}
@media (min-width: 768px) {
  .feature-cards .type-content-image a,
  .section-feature-cards .type-content-image a {
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  .feature-cards .type-content-image a,
  .section-feature-cards .type-content-image a {
    flex-direction: row;
  }
}
.feature-cards .type-content-image .column,
.feature-cards .type-content-image .column-2,
.section-feature-cards .type-content-image .column,
.section-feature-cards .type-content-image .column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .feature-cards .type-content-image .column,
  .feature-cards .type-content-image .column-2,
  .section-feature-cards .type-content-image .column,
  .section-feature-cards .type-content-image .column-2 {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .feature-cards .type-content-image .column,
  .feature-cards .type-content-image .column-2,
  .section-feature-cards .type-content-image .column,
  .section-feature-cards .type-content-image .column-2 {
    width: 50%;
  }
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .feature-cards .type-content-image .column,
  .section-feature-cards .type-content-image .column {
    padding-right: var(--tokens-static-spacing-spacing-04);
  }
}
@media (min-width: 1440px) {
  .feature-cards .type-content-image .column,
  .section-feature-cards .type-content-image .column {
    padding-right: var(--tokens-static-spacing-spacing-04);
    width: 50%;
  }
}
.feature-cards .type-content-image .column-2,
.section-feature-cards .type-content-image .column-2 {
  padding: 0;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .feature-cards .type-content-image .column-2,
  .section-feature-cards .type-content-image .column-2 {
    padding-top: 50px;
  }
}
.feature-cards .type-content-image .spacing-vertical,
.section-feature-cards .type-content-image .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-07);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  opacity: 0;
}
.feature-cards .type-content-image .element,
.section-feature-cards .type-content-image .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.feature-cards .type-content-image .title,
.section-feature-cards .type-content-image .title {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h3-all-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h3-all-font-size);
  letter-spacing: var(--semantic-header-styles-h3-all-letter-spacing);
  line-height: var(--semantic-header-styles-h3-all-line-height);
  font-style: var(--semantic-header-styles-h3-all-font-style);
}
.feature-cards .type-content-image .element-wrapper,
.section-feature-cards .type-content-image .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.feature-cards .type-content-image .element-px,
.section-feature-cards .type-content-image .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.feature-cards .type-content-image .blurb,
.section-feature-cards .type-content-image .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}
.feature-cards .type-content-image .element-px-wrapper,
.section-feature-cards .type-content-image .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.feature-cards .type-content-image .text-wrapper,
.section-feature-cards .type-content-image .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.feature-cards .type-content-image .row,
.section-feature-cards .type-content-image .row {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: auto;
}
.feature-cards .type-content-image .thumbnail-wrapper,
.section-feature-cards .type-content-image .thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .feature-cards .type-content-image .thumbnail-wrapper,
  .section-feature-cards .type-content-image .thumbnail-wrapper {
    align-items: flex-end;
  }
}
.feature-cards .type-content-image .thumbnail,
.section-feature-cards .type-content-image .thumbnail {
  position: relative;
  width: 304px;
  height: 266px;
  object-fit: cover;
}

.home-in-season .p,
.home-off-season .p {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  position: relative;
  align-self: stretch;
  color: var(--tokens-static-color-text-color-text-primary);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.home-in-season .thumbnail-wrapper,
.home-off-season .thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-in-season .thumbnail {
  position: relative;
  width: 304px;
  height: 266px;
}

.home-in-season .feature-card-2,
.home-in-season .feature-card-3 {
  display: flex;
  flex-direction: column;
  width: 329px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin-left: -1px;
  margin-right: -1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}
@media (min-width: 768px) {
  .home-in-season .feature-card-2,
  .home-in-season .feature-card-3 {
    border-top-width: 3px;
  }
}

@media (min-width: 768px) {
  .home-in-season .feature-card-3 {
    border-top: none;
  }
}

.home-in-season .thumbnail-2 {
  object-fit: cover;
  position: relative;
  width: 304px;
  height: 266px;
}

.home-in-season .feature-card-4 {
  margin-bottom: -3px;
  border-top-width: 1px;
  border-bottom-width: 3px;
  display: flex;
  flex-direction: column;
  width: 333px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin-left: -3px;
  margin-right: -3px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}

@media (min-width: 768px) {
  .feature-card-3,
  .feature-card-4 {
    border-top: none;
  }
}

.feature-card-3 {
  border-bottom-width: 3px;
}

.program-spotlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
}

.program-spotlight .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .program-spotlight .frame {
    width: 1321px;
  }
}

.program-spotlight .section-header {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: #000000;
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  white-space: nowrap;
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 1440px) {
  .program-spotlight .section-header {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

.program-spotlight .spacing-vertical {
  height: 16px;
  padding: 3px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.program-spotlight .spacing-vertical-04 {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.program-spotlight .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.program-spotlight .div {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-family);
  font-weight: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-weight);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-line-height);
  font-style: var(--pseudo-header-styles-sans-light-1000-XS-MD-header-sans-light-font-style);
}
@media (min-width: 1440px) {
  .program-spotlight .div {
    width: 470px;
  }
}

.program-spotlight .element-wrapper {
  height: var(--tokens-spacing-spacing-04);
  padding: 3px;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.program-spotlight .overlap-group-wrapper {
  position: relative;
  width: 327px;
  height: 371px;
}
@media (min-width: 568px) {
  .program-spotlight .overlap-group-wrapper {
    height: 542px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .overlap-group-wrapper {
    width: 694px;
    height: 694px;
  }
}

.program-spotlight .overlap-group {
  position: relative;
  width: 387px;
  height: 371px;
  left: -90px;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .program-spotlight .overlap-group {
    width: 494px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .overlap-group {
    width: 694px;
    height: 694px;
  }
}

@media (min-width: 768px) {
  .program-spotlight .header-content {
    display: none;
  }
}

.program-spotlight .content .header-content {
  display: none;
}
@media (min-width: 768px) {
  .program-spotlight .content .header-content {
    display: block;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .content .header-content {
    padding-top: 36px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .content .header-content h3.div, .program-spotlight .content .header-content .div.h3 {
    top: 0;
    left: 0;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 52px;
  }
}

.program-spotlight .frame .content-wrapper .content {
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  .program-spotlight .content-wrapper {
    display: flex;
    flex-direction: column;
    flex-direction: row;
    width: 100%;
    gap: 24px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .content-wrapper {
    gap: 68px;
    justify-content: unset;
  }
}
.program-spotlight .content-wrapper .content a {
  width: fit-content;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .program-spotlight .content-wrapper .content {
    position: relative;
  }
}
@media (min-width: 768px) {
  .program-spotlight .content-wrapper .content {
    width: 321px;
    align-self: flex-end;
  }
}
@media (min-width: 960px) {
  .program-spotlight .content-wrapper .content {
    width: 530px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .content-wrapper .content {
    align-self: center;
    width: auto;
  }
}

.program-spotlight .circle {
  border-radius: 50%;
  position: absolute;
  width: 327px;
  height: 327px;
  top: 0;
  left: 0;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .program-spotlight .circle {
    height: 494px;
    width: 494px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .circle {
    width: 694px;
    height: 694px;
  }
}

.program-spotlight .CTA {
  position: absolute;
  width: 224px;
  height: 224px;
  top: 147px;
  left: 163px;
}
@media (min-width: 568px) and (max-width: 767.9px) {
  .program-spotlight .CTA {
    left: 360px;
    top: 330px;
  }
}
@media (min-width: 1440px) {
  .program-spotlight .CTA {
    left: 494px;
  }
}

.program-spotlight .frame-2 {
  display: flex;
  flex-direction: column;
  width: 224px;
  height: 224px;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: 0px var(--primitives-units-4-pixel-scale-32px-duplicate) 0px var(--primitives-units-4-pixel-scale-32px-duplicate);
  position: relative;
  background-color: var(--primitives-color-secondary-bright-yellow);
  border-radius: 142px;
}
@media (min-width: 1440px) {
  .program-spotlight .frame-2 {
    width: 284px;
    height: 284px;
  }
}
.program-spotlight .frame-2 a {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.program-spotlight .frame-2 svg {
  fill: black;
}
.program-spotlight .frame-2.cta-bubble-lime {
  background-color: var(--primitives-color-primary-lime);
}
.program-spotlight .frame-2.cta-bubble-yellow {
  background-color: var(--primitives-color-secondary-bright-yellow);
}
.program-spotlight .frame-2.cta-bubble-orange {
  background-color: var(--primitives-color-secondary-orange);
}
.program-spotlight .frame-2.cta-bubble-green {
  background-color: var(--primitives-color-primary-green);
}
.program-spotlight .frame-2.cta-bubble-med-blue {
  background-color: var(--primitives-color-primary-blue-60);
}
.program-spotlight .frame-2.cta-bubble-dark-blue {
  background-color: var(--primitives-color-primary-dark-blue);
}
.program-spotlight .frame-2.cta-bubble-dark-blue .cta-eyebrow,
.program-spotlight .frame-2.cta-bubble-dark-blue .text-wrapper-2 {
  color: white;
}
.program-spotlight .frame-2.cta-bubble-dark-blue svg {
  fill: white;
}

.program-spotlight .cta-eyebrow {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-500-all-utility-sans-font-family);
  font-weight: var(--utility-styles-sans-regular-500-all-utility-sans-font-weight);
  color: #000000;
  font-size: var(--utility-styles-sans-regular-500-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-500-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-500-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-500-all-utility-sans-font-style);
}

.program-spotlight .frame-3 {
  display: inline-flex;
  align-items: center;
  gap: var(--primitives-units-4-pixel-scale-8px);
  position: relative;
  flex: 0 0 auto;
}

.program-spotlight .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}
@media (min-width: 1440px) {
  .program-spotlight .text-wrapper-2 {
    margin-top: -1px;
    font-family: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style);
    width: 190px;
  }
}

.program-spotlight .p {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.program-spotlight .element-px-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-spacing-spacing-06);
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  opacity: 0;
}

.program-spotlight .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

@media (min-width: 568px) {
  .program-spotlight .button-standard {
    width: 140px;
  }
}

.program-spotlight .spacing-horizontal {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.program-spotlight .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-planned-giving {
  color: #000000;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  width: var(--tokens-static-breakpoints-XS);
}
@media (min-width: 568px) {
  .section-planned-giving {
    width: 100%;
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
  }
}
@media (min-width: 960px) {
  .section-planned-giving {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .section-planned-giving {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
    width: var(--tokens-static-breakpoints-XL);
  }
}

/** new student handbook  **/
h2.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-active.h2,
h3.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-active.h3 {
  background-color: var(--tokens-static-color-background-color-background-secondary);
  border-bottom: none;
}
h2.ui-accordion-header.ui-state-active:focus-visible, .ui-accordion-header.ui-state-active.h2:focus-visible,
h2.ui-accordion-header.ui-state-active a:focus-visible,
.ui-accordion-header.ui-state-active.h2 a:focus-visible,
h3.ui-accordion-header.ui-state-active:focus-visible,
.ui-accordion-header.ui-state-active.h3:focus-visible,
h3.ui-accordion-header.ui-state-active a:focus-visible,
.ui-accordion-header.ui-state-active.h3 a:focus-visible {
  outline: none;
}
h2.ui-accordion-header.ui-state-active .button-graphic img, .ui-accordion-header.ui-state-active.h2 .button-graphic img,
h3.ui-accordion-header.ui-state-active .button-graphic img,
.ui-accordion-header.ui-state-active.h3 .button-graphic img {
  transform: rotate(180deg);
}

h2.ui-accordion-header:hover, .ui-accordion-header.h2:hover,
h3.ui-accordion-header:hover,
.ui-accordion-header.h3:hover {
  background-color: var(--tokens-static-color-background-color-background-secondary);
}

h2.ui-accordion-header.ui-state-active + .ui-accordion-content, .ui-accordion-header.ui-state-active.h2 + .ui-accordion-content,
h3.ui-accordion-header.ui-state-active + .ui-accordion-content,
.ui-accordion-header.ui-state-active.h3 + .ui-accordion-content {
  border-bottom: 1px solid #000000;
}
h2.ui-accordion-header.ui-state-active + .ui-accordion-content .accordion-2 div.flexcontainer:last-of-type, .ui-accordion-header.ui-state-active.h2 + .ui-accordion-content .accordion-2 div.flexcontainer:last-of-type,
h3.ui-accordion-header.ui-state-active + .ui-accordion-content .accordion-2 div.flexcontainer:last-of-type,
.ui-accordion-header.ui-state-active.h3 + .ui-accordion-content .accordion-2 div.flexcontainer:last-of-type {
  border-bottom: none;
}

.ui-accordion-content.ui-accordion-content-active {
  height: auto !important;
}

.accordion-wrapper .toggle-all {
  cursor: pointer;
  text-align: right;
}
.accordion-wrapper .toggle-all:hover {
  color: var(--primitives-color-primary-blue);
}

.accordion-wrapper table ul li {
  list-style: none;
}

.accordion-wrapper .ui-accordion-content ul li {
  list-style: none;
}

.accordion-2 {
  padding-left: 0.75em;
  width: 100%;
}
.accordion-2 h2:last-of-type, .accordion-2 .h2:last-of-type {
  border-bottom: none;
}
.page-content-accordion.ui-accordion .ui-accordion-header {
  font-size: 1.138em;
  font-weight: 300;
}
.accordion-container.ui-accordion .ui-accordion-header span.accordion-text,
.page-content-accordion.ui-accordion .ui-accordion-header span.accordion-text,
.accordion-container.ui-accordion .ui-accordion-header a,
.page-content-accordion.ui-accordion .ui-accordion-header a {
  display: inline-block;
  font-size: 1.138em;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
}
.accordion-container.ui-accordion .ui-accordion-header a:hover,
.page-content-accordion.ui-accordion .ui-accordion-header a:hover {
  color: var(--tokens-static-color-text-color-text-primary);
}

.accordion td,
.accordion-2 td {
  display: block;
}
@media (min-width: 768px) {
  .accordion td,
  .accordion-2 td {
    display: table-cell;
    vertical-align: top;
  }
}
@media (min-width: 960px) {
  .accordion td,
  .accordion-2 td {
    max-width: 400px;
    padding-right: 64px;
    padding-bottom: 8px;
  }
}
.accordion td:last-of-type,
.accordion-2 td:last-of-type {
  margin-bottom: 12px;
}

.section-student-handbook {
  color: #000000;
  width: 100%;
}
.section-student-handbook h2, .section-student-handbook .h2 {
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.section-student-handbook h3, .section-student-handbook .h3 {
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.section-student-handbook .spacing-vertical-10 {
  display: flex;
}
.section-student-handbook .table-of-contents {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding: 16px 0;
}
.section-student-handbook .table-of-contents .toc-content {
  padding-left: 24px;
}
@media (min-width: 768px) {
  .section-student-handbook .table-of-contents .toc-content .toc-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    width: 50%;
  }
}
.section-student-handbook .table-of-contents .toc-content .toc-column > div {
  padding: 6px 0;
}
.section-student-handbook .table-of-contents .toc-content .toc-column > div a {
  line-height: 1.275;
  display: inline-block;
}
@media (min-width: 768px) {
  .section-student-handbook .table-of-contents .toc-content {
    display: flex;
    gap: 48px;
  }
}
@media (min-width: 768px) {
  .section-student-handbook .table-of-contents .toc-content .toc-item {
    display: flex;
  }
}
.section-student-handbook .from-editor {
  width: 100%;
  max-width: 327px;
}
@media (min-width: 568px) {
  .section-student-handbook .from-editor {
    max-width: 100%;
  }
}
.section-student-handbook .from-editor table td {
  display: block;
  width: 327px;
}
@media (min-width: 568px) {
  .section-student-handbook .from-editor table td {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .section-student-handbook .from-editor table td {
    vertical-align: top;
    width: 20%;
    display: table-cell;
    padding-right: 12px;
  }
}
@media (min-width: 960px) {
  .section-student-handbook .from-editor table td {
    display: table-cell;
    width: 13%;
    padding-right: 24px;
  }
}
.section-student-handbook .from-editor table tr {
  display: block;
  padding-bottom: 16px;
}
.section-student-handbook .from-editor table tr td:last-of-type {
  padding-right: 0;
}
.section-student-handbook .from-editor table a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  line-height: 36px;
  text-decoration: underline;
}
.section-student-handbook .from-editor table a:hover {
  color: var(--primitives-color-primary-blue);
}
.section-student-handbook h4, .section-student-handbook .h4 {
  font-size: 1.125rem;
}
.section-student-handbook .spacing-vertical {
  width: 452px;
  height: var(--tokens-static-spacing-spacing-07);
  margin-right: -8px;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  opacity: 0;
}
.section-student-handbook .content {
  display: flex;
  flex-direction: column;
  min-height: 42px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.section-student-handbook .accordion-wrapper .ui-accordion-content ul li {
  list-style: disc;
}
.section-student-handbook .text {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.accordion-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .accordion-wrapper {
    width: 80%;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .accordion-wrapper {
    padding: 0 64px;
  }
}
.accordion-wrapper .toggle-all {
  display: flex;
  align-self: flex-end;
}

.section-student-handbook .accordion-wrapper {
  width: 100%;
}
@media (min-width: 1440px) {
  .section-student-handbook .accordion-wrapper {
    padding: 0;
  }
}

.page-content-accordion,
.accordion-container {
  color: #000000;
  width: 100%;
}
.page-content-accordion h3, .page-content-accordion .h3,
.accordion-container h3,
.accordion-container .h3 {
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.page-content-accordion h2, .page-content-accordion .h2,
.accordion-container h2,
.accordion-container .h2 {
  align-items: flex-start;
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--tokens-static-spacing-spacing-03) 0px var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
  border-top-style: none;
  border-right-style: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: var(--tokens-static-color-border-color-border-primary);
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 1.138rem;
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.page-content-accordion p,
.accordion-container p {
  margin-bottom: 12px;
}
.page-content-accordion ul,
.accordion-container ul {
  padding-left: 36px;
  margin-bottom: 16px;
}
.page-content-accordion ul > li,
.accordion-container ul > li {
  list-style: disc;
}
.page-content-accordion ul > li > ul,
.accordion-container ul > li > ul {
  list-style-type: circle;
  padding-left: 14px;
}
.page-content-accordion .button-graphic,
.accordion-container .button-graphic {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
}
.page-content-accordion .icon-caret-down,
.accordion-container .icon-caret-down {
  position: relative;
  width: 24px;
  height: 24px;
}
.page-content-accordion .header,
.accordion-container .header {
  align-items: flex-start;
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--tokens-static-spacing-spacing-03) 0px var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
  border-top-style: none;
  border-right-style: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: var(--tokens-static-color-border-color-border-primary);
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.page-content-accordion .flexcontainer,
.accordion-container .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04) var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
}
.page-content-accordion .flexcontainer p a,
.page-content-accordion .flexcontainer li a,
.accordion-container .flexcontainer p a,
.accordion-container .flexcontainer li a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  text-decoration: underline;
  white-space: nowrap;
}
.page-content-accordion .flexcontainer p a:hover,
.page-content-accordion .flexcontainer li a:hover,
.accordion-container .flexcontainer p a:hover,
.accordion-container .flexcontainer li a:hover {
  color: var(--primitives-color-primary-blue);
}
.page-content-accordion .text,
.accordion-container .text {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}
.page-content-accordion #fees,
.accordion-container #fees {
  margin-bottom: 12px;
}

.page-content-accordion > .ui-accordion-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04) var(--tokens-static-spacing-spacing-03) var(--tokens-static-spacing-spacing-04);
}

.rte .page-content-accordion .ui-accordion-header {
  margin-bottom: 0;
}

.page-content-accordion .ui-accordion-header:after {
  content: url("/themes/user/amfs/svg/icon-caret-down-24.svg");
  right: 12px;
  position: absolute;
  top: 11px;
}

.page-content-accordion .ui-accordion-header-active.ui-accordion-header:after {
  transform: rotate(180deg);
  top: 4px;
}

.legacy-page .page-content .column-2 .page-content-accordion .ui-accordion-content {
  width: 100%;
}

@media (min-width: 1440px) {
  .section-performers-view,
  .section-faculty-view {
    flex-direction: row;
  }
}
.faculty-view .faculty-title {
  font-size: 17px;
}
.section-performers-view,
.section-faculty-view,
.section-venues-view {
  color: #000000;
  display: flex;
  flex-direction: column;
}
.section-performers-view .button-primary,
.section-faculty-view .button-primary,
.section-venues-view .button-primary {
  color: white;
  padding: 0 12px;
}
.section-performers-view .performers-view,
.section-performers-view .faculty-view,
.section-performers-view .venues-view,
.section-faculty-view .performers-view,
.section-faculty-view .faculty-view,
.section-faculty-view .venues-view,
.section-venues-view .performers-view,
.section-venues-view .faculty-view,
.section-venues-view .venues-view {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (min-width: 1440px) {
  .section-performers-view .performers-view,
  .section-performers-view .faculty-view,
  .section-performers-view .venues-view,
  .section-faculty-view .performers-view,
  .section-faculty-view .faculty-view,
  .section-faculty-view .venues-view,
  .section-venues-view .performers-view,
  .section-venues-view .faculty-view,
  .section-venues-view .venues-view {
    padding-left: 126px;
  }
}
.section-performers-view .title-wrapper,
.section-performers-view .back-to-button,
.section-faculty-view .title-wrapper,
.section-faculty-view .back-to-button,
.section-venues-view .title-wrapper,
.section-venues-view .back-to-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-performers-view .title-wrapper .label,
.section-performers-view .back-to-button .label,
.section-faculty-view .title-wrapper .label,
.section-faculty-view .back-to-button .label,
.section-venues-view .title-wrapper .label,
.section-venues-view .back-to-button .label {
  margin-right: 24px;
}
@media (min-width: 568px) {
  .section-performers-view .title-wrapper .label,
  .section-performers-view .back-to-button .label,
  .section-faculty-view .title-wrapper .label,
  .section-faculty-view .back-to-button .label,
  .section-venues-view .title-wrapper .label,
  .section-venues-view .back-to-button .label {
    margin-right: 12px;
  }
}
@media (min-width: 768px) {
  .section-performers-view .title-wrapper .label,
  .section-performers-view .back-to-button .label,
  .section-faculty-view .title-wrapper .label,
  .section-faculty-view .back-to-button .label,
  .section-venues-view .title-wrapper .label,
  .section-venues-view .back-to-button .label {
    margin-right: 24px;
  }
}
@media (min-width: 1440px) {
  .section-performers-view .title-wrapper .label,
  .section-performers-view .back-to-button .label,
  .section-faculty-view .title-wrapper .label,
  .section-faculty-view .back-to-button .label,
  .section-venues-view .title-wrapper .label,
  .section-venues-view .back-to-button .label {
    margin-right: 36px;
  }
}
.section-performers-view .back-to-button,
.section-faculty-view .back-to-button,
.section-venues-view .back-to-button {
  margin: 0 auto;
}
.section-performers-view .detail-container,
.section-faculty-view .detail-container,
.section-venues-view .detail-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .section-performers-view .detail-container,
  .section-faculty-view .detail-container,
  .section-venues-view .detail-container {
    flex-direction: row;
  }
}
.section-performers-view .column.column-1,
.section-faculty-view .column.column-1,
.section-venues-view .column.column-1 {
  display: flex;
  flex-direction: column;
  width: 316px;
}
@media (min-width: 1440px) {
  .section-performers-view .column.column-2,
  .section-faculty-view .column.column-2,
  .section-venues-view .column.column-2 {
    padding-right: 64px;
    width: 60%;
  }
}
.section-performers-view .column .user_avatar,
.section-faculty-view .column .user_avatar,
.section-venues-view .column .user_avatar {
  width: 132px;
}
.section-performers-view .column .user_avatar .image-mask,
.section-faculty-view .column .user_avatar .image-mask,
.section-venues-view .column .user_avatar .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-brand-circle-full-yellow.svg);
  mask-image: url(/themes/user/amfs/svg/tent-brand-circle-full-yellow.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.section-performers-view .column .user_avatar img,
.section-faculty-view .column .user_avatar img,
.section-venues-view .column .user_avatar img {
  width: 100%;
}
.section-performers-view .column .venue-image,
.section-faculty-view .column .venue-image,
.section-venues-view .column .venue-image {
  width: 360px;
}
.section-performers-view .column .venue-image .image-mask,
.section-faculty-view .column .venue-image .image-mask,
.section-venues-view .column .venue-image .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-brand-circle-full-yellow.svg);
  mask-image: url(/themes/user/amfs/svg/tent-brand-circle-full-yellow.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.section-performers-view .column .venue-image img,
.section-faculty-view .column .venue-image img,
.section-venues-view .column .venue-image img {
  width: 100%;
}
.section-performers-view .performances-listing .header,
.section-performers-view .performances-listing li.link,
.section-faculty-view .performances-listing .header,
.section-faculty-view .performances-listing li.link,
.section-venues-view .performances-listing .header,
.section-venues-view .performances-listing li.link {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .section-performers-view .upcoming-performances,
  .section-faculty-view .upcoming-performances {
    display: flex;
    gap: 48px;
  }
}
@media (min-width: 768px) {
  .section-performers-view .upcoming-performances .column-1,
  .section-faculty-view .upcoming-performances .column-1 {
    width: 229px;
  }
}
@media (min-width: 960px) {
  .section-performers-view .upcoming-performances .column-1,
  .section-faculty-view .upcoming-performances .column-1 {
    width: 200px;
  }
}

.page-content .section-text-nav-sidebar > .content > .column-1-upper {
  display: none;
}
@media (min-width: 960px) {
  .page-content .section-text-nav-sidebar > .content > .column-1-upper {
    display: flex;
  }
}

.page-content .section-text-nav-sidebar > .content > .column-1-lower {
  display: flex;
}
@media (min-width: 960px) {
  .page-content .section-text-nav-sidebar > .content > .column-1-lower {
    display: none;
  }
}

.legacy-page {
  display: flex;
}
.legacy-page > .spacing-vertical-09 {
  display: none;
}
.legacy-page .page-content {
  flex-direction: column;
}
@media (min-width: 960px) {
  .legacy-page .page-content {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .legacy-page .page-content .column-2 {
    flex-direction: row;
    padding-left: 164px;
  }
}
.legacy-page .page-content .column-2 div {
  width: 80%;
}
.legacy-page td img {
  margin-bottom: 24px;
}
.legacy-page td p, .legacy-page td div {
  margin-left: 24px;
}

.legacy-page .sub-nav .list {
  display: flex;
  flex-direction: column;
  width: 304px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.legacy-page > .page-content .spacing-horizontal {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.legacy-page > .page-content .div-wrapper {
  width: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.legacy-page > .page-content .spacing-horizontal-2 {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.legacy-page > .page-content .sub-nav .sub-nav-content {
  display: flex;
  width: 100%;
}

.legacy-page > .page-content .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
}

.legacy-page.legacy-page-centered .breadcrumbs {
  padding-left: 0;
}
.legacy-page.legacy-page-centered > .page-content .column {
  margin: 0 auto;
}
@media (min-width: 960px) {
  .legacy-page.legacy-page-centered > .page-content .column {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .legacy-page > .page-content .column-1 {
    padding: 0px var(--primitives-units-4-pixel-scale-60px) 0px var(--primitives-units-4-pixel-scale-60px);
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .legacy-page > .page-content .column-1 {
    width: 416px;
  }
}

.legacy-page > .page-content .column-1-upper {
  display: none;
  padding-top: 24px;
}
@media (min-width: 960px) {
  .legacy-page > .page-content .column-1-upper {
    display: flex;
  }
}

.legacy-page > .page-content .column-1-lower {
  display: flex;
}
@media (min-width: 960px) {
  .legacy-page > .page-content .column-1-lower {
    display: none;
  }
}

.legacy-page > .page-content .list-item {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
}

.listing-artist,
.listing-performers,
.listing-staff,
.listing-blog,
.listing-digital-library,
.venues-index {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}
.listing-artist .spacing-vertical,
.listing-performers .spacing-vertical,
.listing-staff .spacing-vertical,
.listing-blog .spacing-vertical,
.listing-digital-library .spacing-vertical,
.venues-index .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .element,
.listing-performers .element,
.listing-staff .element,
.listing-blog .element,
.listing-digital-library .element,
.venues-index .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.listing-artist .element-wrapper,
.listing-performers .element-wrapper,
.listing-staff .element-wrapper,
.listing-blog .element-wrapper,
.listing-digital-library .element-wrapper,
.venues-index .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.listing-artist .element-px,
.listing-performers .element-px,
.listing-staff .element-px,
.listing-blog .element-px,
.listing-digital-library .element-px,
.venues-index .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.listing-artist .img,
.listing-performers .img,
.listing-staff .img,
.listing-blog .img,
.listing-digital-library .img,
.venues-index .img {
  position: relative;
  width: 32px;
  height: 32px;
}
.listing-artist .element-px-wrapper,
.listing-performers .element-px-wrapper,
.listing-staff .element-px-wrapper,
.listing-blog .element-px-wrapper,
.listing-digital-library .element-px-wrapper,
.venues-index .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-09);
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .text-wrapper,
.listing-performers .text-wrapper,
.listing-staff .text-wrapper,
.listing-blog .text-wrapper,
.listing-digital-library .text-wrapper,
.venues-index .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.listing-artist .page-header,
.listing-performers .page-header,
.listing-staff .page-header,
.listing-blog .page-header,
.listing-digital-library .page-header,
.venues-index .page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
}
.listing-artist .header,
.listing-performers .header,
.listing-staff .header,
.listing-blog .header,
.listing-digital-library .header,
.venues-index .header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
  border-top-width: 3px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.listing-artist .div-wrapper,
.listing-performers .div-wrapper,
.listing-staff .div-wrapper,
.listing-blog .div-wrapper,
.listing-digital-library .div-wrapper,
.venues-index .div-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .div,
.listing-performers .div,
.listing-staff .div,
.listing-blog .div,
.listing-digital-library .div,
.venues-index .div {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.listing-artist .div-2,
.listing-performers .div-2,
.listing-staff .div-2,
.listing-blog .div-2,
.listing-digital-library .div-2,
.venues-index .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .listing-artist .div-2,
  .listing-performers .div-2,
  .listing-staff .div-2,
  .listing-blog .div-2,
  .listing-digital-library .div-2,
  .venues-index .div-2 {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .listing-artist .div-2,
  .listing-performers .div-2,
  .listing-staff .div-2,
  .listing-blog .div-2,
  .listing-digital-library .div-2,
  .venues-index .div-2 {
    margin-bottom: 64px;
  }
}
.listing-artist .div-2 a,
.listing-performers .div-2 a,
.listing-staff .div-2 a,
.listing-blog .div-2 a,
.listing-digital-library .div-2 a,
.venues-index .div-2 a {
  text-decoration: none;
}
.listing-artist .div-2 a:hover,
.listing-performers .div-2 a:hover,
.listing-staff .div-2 a:hover,
.listing-blog .div-2 a:hover,
.listing-digital-library .div-2 a:hover,
.venues-index .div-2 a:hover {
  color: #000000;
}
.listing-artist header.header,
.listing-performers header.header,
.listing-staff header.header,
.listing-blog header.header,
.listing-digital-library header.header,
.venues-index header.header {
  height: 188px;
}
@media (min-width: 768px) {
  .listing-artist header.header,
  .listing-performers header.header,
  .listing-staff header.header,
  .listing-blog header.header,
  .listing-digital-library header.header,
  .venues-index header.header {
    height: 128px;
  }
}
.listing-artist .header .pulldown-menu,
.listing-performers .header .pulldown-menu,
.listing-staff .header .pulldown-menu,
.listing-blog .header .pulldown-menu,
.listing-digital-library .header .pulldown-menu,
.venues-index .header .pulldown-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: absolute;
  z-index: 8;
  top: 64px;
}
@media (min-width: 768px) {
  .listing-artist .header .pulldown-menu,
  .listing-performers .header .pulldown-menu,
  .listing-staff .header .pulldown-menu,
  .listing-blog .header .pulldown-menu,
  .listing-digital-library .header .pulldown-menu,
  .venues-index .header .pulldown-menu {
    right: 0;
    top: 0;
    width: 45%;
  }
}
.listing-artist .header .pulldown-menu .input.active,
.listing-performers .header .pulldown-menu .input.active,
.listing-staff .header .pulldown-menu .input.active,
.listing-blog .header .pulldown-menu .input.active,
.listing-digital-library .header .pulldown-menu .input.active,
.venues-index .header .pulldown-menu .input.active {
  background-color: #f0ffca;
  color: var(--tokens-static-color-text-color-text-primary);
}
.listing-artist .header .pulldown-menu .input.active img,
.listing-performers .header .pulldown-menu .input.active img,
.listing-staff .header .pulldown-menu .input.active img,
.listing-blog .header .pulldown-menu .input.active img,
.listing-digital-library .header .pulldown-menu .input.active img,
.venues-index .header .pulldown-menu .input.active img {
  transform: rotate(180deg);
}
.listing-artist .header .pulldown-menu .input.populated,
.listing-artist .header .pulldown-menu .input.populated .default-text-value,
.listing-performers .header .pulldown-menu .input.populated,
.listing-performers .header .pulldown-menu .input.populated .default-text-value,
.listing-staff .header .pulldown-menu .input.populated,
.listing-staff .header .pulldown-menu .input.populated .default-text-value,
.listing-blog .header .pulldown-menu .input.populated,
.listing-blog .header .pulldown-menu .input.populated .default-text-value,
.listing-digital-library .header .pulldown-menu .input.populated,
.listing-digital-library .header .pulldown-menu .input.populated .default-text-value,
.venues-index .header .pulldown-menu .input.populated,
.venues-index .header .pulldown-menu .input.populated .default-text-value {
  color: var(--tokens-static-color-text-color-text-primary);
  background-color: #f0ffca;
  cursor: pointer;
}
.listing-artist .header .pulldown-menu .option.active,
.listing-performers .header .pulldown-menu .option.active,
.listing-staff .header .pulldown-menu .option.active,
.listing-blog .header .pulldown-menu .option.active,
.listing-digital-library .header .pulldown-menu .option.active,
.venues-index .header .pulldown-menu .option.active {
  color: var(--tokens-static-color-text-color-text-primary);
  background-color: #f0ffca;
}
.listing-artist .header .pulldown-menu .option-container,
.listing-performers .header .pulldown-menu .option-container,
.listing-staff .header .pulldown-menu .option-container,
.listing-blog .header .pulldown-menu .option-container,
.listing-digital-library .header .pulldown-menu .option-container,
.venues-index .header .pulldown-menu .option-container {
  display: none;
  width: 100%;
}
.listing-artist .header .pulldown-menu .option-container .option:hover,
.listing-performers .header .pulldown-menu .option-container .option:hover,
.listing-staff .header .pulldown-menu .option-container .option:hover,
.listing-blog .header .pulldown-menu .option-container .option:hover,
.listing-digital-library .header .pulldown-menu .option-container .option:hover,
.venues-index .header .pulldown-menu .option-container .option:hover {
  background-color: var(--primitives-color-primary-lime);
}
.listing-artist .header .pulldown-menu .option-container .option a,
.listing-performers .header .pulldown-menu .option-container .option a,
.listing-staff .header .pulldown-menu .option-container .option a,
.listing-blog .header .pulldown-menu .option-container .option a,
.listing-digital-library .header .pulldown-menu .option-container .option a,
.venues-index .header .pulldown-menu .option-container .option a {
  width: 100%;
  height: 40px;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 960px) {
  .listing-artist .artist-block.div-2 > div:nth-child(2n),
  .listing-performers .artist-block.div-2 > div:nth-child(2n),
  .listing-staff .artist-block.div-2 > div:nth-child(2n),
  .listing-blog .artist-block.div-2 > div:nth-child(2n),
  .listing-digital-library .artist-block.div-2 > div:nth-child(2n),
  .venues-index .artist-block.div-2 > div:nth-child(2n) {
    display: none;
  }
}
.listing-artist .page-header > .header > .div-2,
.listing-performers .page-header > .header > .div-2,
.listing-staff .page-header > .header > .div-2,
.listing-blog .page-header > .header > .div-2,
.listing-digital-library .page-header > .header > .div-2,
.venues-index .page-header > .header > .div-2 {
  margin-bottom: 0;
}
.listing-artist .content.leadership .section > .div-2,
.listing-performers .content.leadership .section > .div-2,
.listing-staff .content.leadership .section > .div-2,
.listing-blog .content.leadership .section > .div-2,
.listing-digital-library .content.leadership .section > .div-2,
.venues-index .content.leadership .section > .div-2 {
  margin-bottom: 0;
}
.listing-artist .text-wrapper-2,
.listing-performers .text-wrapper-2,
.listing-staff .text-wrapper-2,
.listing-blog .text-wrapper-2,
.listing-digital-library .text-wrapper-2,
.venues-index .text-wrapper-2 {
  align-self: stretch;
  font-family: var(--semantic-header-styles-h1-XS-MD-font-family);
  font-size: var(--semantic-header-styles-h1-XS-MD-font-size);
  line-height: var(--semantic-header-styles-h1-XS-MD-line-height);
  position: relative;
  margin-top: -1px;
  color: var(--tokens-static-color-text-color-text-primary);
  letter-spacing: var(--semantic-header-styles-h1-XS-MD-letter-spacing);
  font-style: var(--semantic-header-styles-h1-XS-MD-font-style);
  width: 100%;
}
@media (min-width: 960px) {
  .listing-artist .text-wrapper-2,
  .listing-performers .text-wrapper-2,
  .listing-staff .text-wrapper-2,
  .listing-blog .text-wrapper-2,
  .listing-digital-library .text-wrapper-2,
  .venues-index .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h1-LG-font-family);
    font-size: var(--semantic-header-styles-h1-LG-font-size);
    line-height: var(--semantic-header-styles-h1-LG-line-height);
    position: relative;
    margin-top: -1px;
    color: var(--tokens-static-color-text-color-text-primary);
    letter-spacing: var(--semantic-header-styles-h1-LG-letter-spacing);
    font-style: var(--semantic-header-styles-h1-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .listing-artist .text-wrapper-2,
  .listing-performers .text-wrapper-2,
  .listing-staff .text-wrapper-2,
  .listing-blog .text-wrapper-2,
  .listing-digital-library .text-wrapper-2,
  .venues-index .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h1-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h1-XL-XXL-font-size);
    line-height: var(--semantic-header-styles-h1-XL-XXL-line-height);
    position: relative;
    margin-top: -1px;
    color: var(--tokens-static-color-text-color-text-primary);
    letter-spacing: var(--semantic-header-styles-h1-XL-XXL-letter-spacing);
    font-style: var(--semantic-header-styles-h1-XL-XXL-font-style);
  }
}
.listing-artist .form-label,
.listing-performers .form-label,
.listing-staff .form-label,
.listing-blog .form-label,
.listing-digital-library .form-label,
.venues-index .form-label {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.listing-artist .spacing-vertical-2,
.listing-performers .spacing-vertical-2,
.listing-staff .spacing-vertical-2,
.listing-blog .spacing-vertical-2,
.listing-digital-library .spacing-vertical-2,
.venues-index .spacing-vertical-2 {
  height: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.listing-artist .element-2,
.listing-performers .element-2,
.listing-staff .element-2,
.listing-blog .element-2,
.listing-digital-library .element-2,
.venues-index .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.listing-artist .field,
.listing-performers .field,
.listing-staff .field,
.listing-blog .field,
.listing-digital-library .field,
.venues-index .field {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-form-color-input-background-primary);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}
.listing-artist .default-text-value,
.listing-performers .default-text-value,
.listing-staff .default-text-value,
.listing-blog .default-text-value,
.listing-digital-library .default-text-value,
.venues-index .default-text-value {
  position: relative;
  flex: 1;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}
.listing-artist .spacing-horizontal,
.listing-performers .spacing-horizontal,
.listing-staff .spacing-horizontal,
.listing-blog .spacing-horizontal,
.listing-digital-library .spacing-horizontal,
.venues-index .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .content,
.listing-performers .content,
.listing-staff .content,
.listing-blog .content,
.listing-digital-library .content,
.venues-index .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .section,
.listing-performers .section,
.listing-staff .section,
.listing-blog .section,
.listing-digital-library .section,
.venues-index .section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.listing-artist .title,
.listing-performers .title,
.listing-staff .title,
.listing-blog .title,
.listing-digital-library .title,
.venues-index .title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}
@media (min-width: 768px) {
  .listing-artist .title,
  .listing-performers .title,
  .listing-staff .title,
  .listing-blog .title,
  .listing-digital-library .title,
  .venues-index .title {
    width: 158px;
  }
}
@media (min-width: 1440px) {
  .listing-artist .title,
  .listing-performers .title,
  .listing-staff .title,
  .listing-blog .title,
  .listing-digital-library .title,
  .venues-index .title {
    width: 172px;
  }
}
.listing-artist .text-wrapper-3,
.listing-performers .text-wrapper-3,
.listing-staff .text-wrapper-3,
.listing-blog .text-wrapper-3,
.listing-digital-library .text-wrapper-3,
.venues-index .text-wrapper-3 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
.listing-artist .lists,
.listing-performers .lists,
.listing-staff .lists,
.listing-blog .lists,
.listing-digital-library .lists,
.venues-index .lists {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 960px) {
  .listing-artist .lists,
  .listing-performers .lists,
  .listing-staff .lists,
  .listing-blog .lists,
  .listing-digital-library .lists,
  .venues-index .lists {
    column-gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 24px;
  }
}
@media (min-width: 1440px) {
  .listing-artist .lists,
  .listing-performers .lists,
  .listing-staff .lists,
  .listing-blog .lists,
  .listing-digital-library .lists,
  .venues-index .lists {
    column-gap: 44px;
  }
}
@media (min-width: 960px) {
  .listing-artist .lists .div-wrapper.one,
  .listing-performers .lists .div-wrapper.one,
  .listing-staff .lists .div-wrapper.one,
  .listing-blog .lists .div-wrapper.one,
  .listing-digital-library .lists .div-wrapper.one,
  .venues-index .lists .div-wrapper.one {
    display: none;
  }
}
.listing-artist .listing-bio,
.listing-artist .blog-post,
.listing-performers .listing-bio,
.listing-performers .blog-post,
.listing-staff .listing-bio,
.listing-staff .blog-post,
.listing-blog .listing-bio,
.listing-blog .blog-post,
.listing-digital-library .listing-bio,
.listing-digital-library .blog-post,
.venues-index .listing-bio,
.venues-index .blog-post {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .listing-bio a,
.listing-artist .blog-post a,
.listing-performers .listing-bio a,
.listing-performers .blog-post a,
.listing-staff .listing-bio a,
.listing-staff .blog-post a,
.listing-blog .listing-bio a,
.listing-blog .blog-post a,
.listing-digital-library .listing-bio a,
.listing-digital-library .blog-post a,
.venues-index .listing-bio a,
.venues-index .blog-post a {
  text-decoration: none;
}
@media (min-width: 960px) {
  .listing-artist .listing-bio,
  .listing-artist .blog-post,
  .listing-performers .listing-bio,
  .listing-performers .blog-post,
  .listing-staff .listing-bio,
  .listing-staff .blog-post,
  .listing-blog .listing-bio,
  .listing-blog .blog-post,
  .listing-digital-library .listing-bio,
  .listing-digital-library .blog-post,
  .venues-index .listing-bio,
  .venues-index .blog-post {
    align-self: auto;
    width: 324px;
  }
}
@media screen and (min-width: 1200px) {
  .listing-artist .listing-bio,
  .listing-artist .blog-post,
  .listing-performers .listing-bio,
  .listing-performers .blog-post,
  .listing-staff .listing-bio,
  .listing-staff .blog-post,
  .listing-blog .listing-bio,
  .listing-blog .blog-post,
  .listing-digital-library .listing-bio,
  .listing-digital-library .blog-post,
  .venues-index .listing-bio,
  .venues-index .blog-post {
    width: 440px;
  }
}
@media (min-width: 1440px) {
  .listing-artist .listing-bio,
  .listing-artist .blog-post,
  .listing-performers .listing-bio,
  .listing-performers .blog-post,
  .listing-staff .listing-bio,
  .listing-staff .blog-post,
  .listing-blog .listing-bio,
  .listing-blog .blog-post,
  .listing-digital-library .listing-bio,
  .listing-digital-library .blog-post,
  .venues-index .listing-bio,
  .venues-index .blog-post {
    width: 528px;
  }
}
.listing-artist .image-mask,
.listing-performers .image-mask,
.listing-staff .image-mask,
.listing-blog .image-mask,
.listing-digital-library .image-mask,
.venues-index .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 100px;
  height: 100px;
}
.listing-artist .image,
.listing-performers .image,
.listing-staff .image,
.listing-blog .image,
.listing-digital-library .image,
.venues-index .image {
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image .image-placeholder,
.listing-performers .image .image-placeholder,
.listing-staff .image .image-placeholder,
.listing-blog .image .image-placeholder,
.listing-digital-library .image .image-placeholder,
.venues-index .image .image-placeholder {
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image .image-placeholder-lime,
.listing-performers .image .image-placeholder-lime,
.listing-staff .image .image-placeholder-lime,
.listing-blog .image .image-placeholder-lime,
.listing-digital-library .image .image-placeholder-lime,
.venues-index .image .image-placeholder-lime {
  background-color: var(--primitives-color-primary-lime);
}
.listing-artist .image .image-placeholder-green,
.listing-performers .image .image-placeholder-green,
.listing-staff .image .image-placeholder-green,
.listing-blog .image .image-placeholder-green,
.listing-digital-library .image .image-placeholder-green,
.venues-index .image .image-placeholder-green {
  background-color: #78D648;
}
.listing-artist .image .image-placeholder-teal,
.listing-performers .image .image-placeholder-teal,
.listing-staff .image .image-placeholder-teal,
.listing-blog .image .image-placeholder-teal,
.listing-digital-library .image .image-placeholder-teal,
.venues-index .image .image-placeholder-teal {
  background-color: #28D2BE;
}
.listing-artist .image .image-placeholder-primary-blue,
.listing-performers .image .image-placeholder-primary-blue,
.listing-staff .image .image-placeholder-primary-blue,
.listing-blog .image .image-placeholder-primary-blue,
.listing-digital-library .image .image-placeholder-primary-blue,
.venues-index .image .image-placeholder-primary-blue {
  background-color: #0072CE;
}
.listing-artist .image .image-placeholder-bayer-blue,
.listing-performers .image .image-placeholder-bayer-blue,
.listing-staff .image .image-placeholder-bayer-blue,
.listing-blog .image .image-placeholder-bayer-blue,
.listing-digital-library .image .image-placeholder-bayer-blue,
.venues-index .image .image-placeholder-bayer-blue {
  background-color: #003594;
}
.listing-artist .image .image-placeholder-dark-blue,
.listing-performers .image .image-placeholder-dark-blue,
.listing-staff .image .image-placeholder-dark-blue,
.listing-blog .image .image-placeholder-dark-blue,
.listing-digital-library .image .image-placeholder-dark-blue,
.venues-index .image .image-placeholder-dark-blue {
  background-color: #002A3A;
}
.listing-artist .spacing-horizontal-2,
.listing-performers .spacing-horizontal-2,
.listing-staff .spacing-horizontal-2,
.listing-blog .spacing-horizontal-2,
.listing-digital-library .spacing-horizontal-2,
.venues-index .spacing-horizontal-2 {
  width: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .frame,
.listing-performers .frame,
.listing-staff .frame,
.listing-blog .frame,
.listing-digital-library .frame,
.venues-index .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .listing-artist .frame,
  .listing-performers .frame,
  .listing-staff .frame,
  .listing-blog .frame,
  .listing-digital-library .frame,
  .venues-index .frame {
    width: 278px;
  }
}
.listing-artist .spacing-horizontal-3,
.listing-performers .spacing-horizontal-3,
.listing-staff .spacing-horizontal-3,
.listing-blog .spacing-horizontal-3,
.listing-digital-library .spacing-horizontal-3,
.venues-index .spacing-horizontal-3 {
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}
@media (min-width: 768px) {
  .listing-artist .spacing-horizontal-3,
  .listing-performers .spacing-horizontal-3,
  .listing-staff .spacing-horizontal-3,
  .listing-blog .spacing-horizontal-3,
  .listing-digital-library .spacing-horizontal-3,
  .venues-index .spacing-horizontal-3 {
    width: auto;
    align-self: auto;
  }
}
.listing-artist .element-3,
.listing-performers .element-3,
.listing-staff .element-3,
.listing-blog .element-3,
.listing-digital-library .element-3,
.venues-index .element-3 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}
.listing-artist .title-2,
.listing-performers .title-2,
.listing-staff .title-2,
.listing-blog .title-2,
.listing-digital-library .title-2,
.venues-index .title-2 {
  font-family: var(--utility-styles-sans-bold-400-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-400-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-400-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-400-all-utility-sans-bold-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--utility-styles-sans-bold-400-all-utility-sans-bold-font-style);
}
@media (min-width: 768px) {
  .listing-artist .title-2,
  .listing-performers .title-2,
  .listing-staff .title-2,
  .listing-blog .title-2,
  .listing-digital-library .title-2,
  .venues-index .title-2 {
    width: 190px;
  }
}
.listing-artist .descriptor,
.listing-performers .descriptor,
.listing-staff .descriptor,
.listing-blog .descriptor,
.listing-digital-library .descriptor,
.venues-index .descriptor {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-serif-italic-300-all-utility-serif-italic-font-family);
  font-style: var(--utility-styles-serif-italic-300-all-utility-serif-italic-font-style);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-serif-italic-300-all-utility-serif-italic-font-size);
  letter-spacing: var(--utility-styles-serif-italic-300-all-utility-serif-italic-letter-spacing);
  line-height: var(--utility-styles-serif-italic-300-all-utility-serif-italic-line-height);
}
@media screen and (min-width: 1200px) {
  .listing-artist .descriptor,
  .listing-performers .descriptor,
  .listing-staff .descriptor,
  .listing-blog .descriptor,
  .listing-digital-library .descriptor,
  .venues-index .descriptor {
    width: 300px;
  }
}
@media (min-width: 1440px) {
  .listing-artist .descriptor,
  .listing-performers .descriptor,
  .listing-staff .descriptor,
  .listing-blog .descriptor,
  .listing-digital-library .descriptor,
  .venues-index .descriptor {
    width: auto;
  }
}
.listing-artist .image-2,
.listing-performers .image-2,
.listing-staff .image-2,
.listing-blog .image-2,
.listing-digital-library .image-2,
.venues-index .image-2 {
  object-fit: cover;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image-3,
.listing-performers .image-3,
.listing-staff .image-3,
.listing-blog .image-3,
.listing-digital-library .image-3,
.venues-index .image-3 {
  background-color: var(--primitives-color-primary-lime);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .spacing-horizontal-4,
.listing-performers .spacing-horizontal-4,
.listing-staff .spacing-horizontal-4,
.listing-blog .spacing-horizontal-4,
.listing-digital-library .spacing-horizontal-4,
.venues-index .spacing-horizontal-4 {
  height: var(--tokens-static-spacing-spacing-02);
  align-items: flex-start;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .blurb,
.listing-performers .blurb,
.listing-staff .blurb,
.listing-blog .blurb,
.listing-digital-library .blurb,
.venues-index .blurb {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}
.listing-artist .spacing-vertical-3,
.listing-performers .spacing-vertical-3,
.listing-staff .spacing-vertical-3,
.listing-blog .spacing-vertical-3,
.listing-digital-library .spacing-vertical-3,
.venues-index .spacing-vertical-3 {
  height: 24px;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .image-4,
.listing-performers .image-4,
.listing-staff .image-4,
.listing-blog .image-4,
.listing-digital-library .image-4,
.venues-index .image-4 {
  background-color: var(--primitives-color-primary-green);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image-5,
.listing-performers .image-5,
.listing-staff .image-5,
.listing-blog .image-5,
.listing-digital-library .image-5,
.venues-index .image-5 {
  background-color: var(--primitives-color-primary-teal);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image-6,
.listing-performers .image-6,
.listing-staff .image-6,
.listing-blog .image-6,
.listing-digital-library .image-6,
.venues-index .image-6 {
  background-color: var(--primitives-color-primary-blue);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image-7,
.listing-performers .image-7,
.listing-staff .image-7,
.listing-blog .image-7,
.listing-digital-library .image-7,
.venues-index .image-7 {
  background-color: var(--primitives-color-primary-bayer-blue);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .image-8,
.listing-performers .image-8,
.listing-staff .image-8,
.listing-blog .image-8,
.listing-digital-library .image-8,
.venues-index .image-8 {
  background-color: var(--primitives-color-primary-dark-blue);
  border-radius: 50px;
  position: relative;
  width: 100px;
  height: 100px;
}
.listing-artist .footer,
.listing-performers .footer,
.listing-staff .footer,
.listing-blog .footer,
.listing-digital-library .footer,
.venues-index .footer {
  width: var(--tokens-static-breakpoints-XS);
  padding: 0px var(--primitives-units-4-pixel-scale-24px) var(--primitives-units-4-pixel-scale-64px) var(--primitives-units-4-pixel-scale-24px);
  background-color: var(--tokens-static-color-background-color-background-primary);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}
.listing-artist .horizontal-rule,
.listing-performers .horizontal-rule,
.listing-staff .horizontal-rule,
.listing-blog .horizontal-rule,
.listing-digital-library .horizontal-rule,
.venues-index .horizontal-rule {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3px;
  background-color: var(--tokens-static-color-border-color-border-primary);
}
.listing-artist .row,
.listing-performers .row,
.listing-staff .row,
.listing-blog .row,
.listing-digital-library .row,
.venues-index .row {
  gap: 32px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}
.listing-artist .row-2,
.listing-performers .row-2,
.listing-staff .row-2,
.listing-blog .row-2,
.listing-digital-library .row-2,
.venues-index .row-2 {
  gap: var(--primitives-units-4-pixel-scale-16px);
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .column,
.listing-performers .column,
.listing-staff .column,
.listing-blog .column,
.listing-digital-library .column,
.venues-index .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.listing-artist .p,
.listing-performers .p,
.listing-staff .p,
.listing-blog .p,
.listing-digital-library .p,
.venues-index .p {
  align-self: stretch;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  font-family: "Larsseit-Bold", Helvetica;
  color: #000000;
  letter-spacing: 0;
}
.listing-artist .span,
.listing-performers .span,
.listing-staff .span,
.listing-blog .span,
.listing-digital-library .span,
.venues-index .span {
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
}
.listing-artist .text-wrapper-4,
.listing-performers .text-wrapper-4,
.listing-staff .text-wrapper-4,
.listing-blog .text-wrapper-4,
.listing-digital-library .text-wrapper-4,
.venues-index .text-wrapper-4 {
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
}
.listing-artist .text-wrapper-5,
.listing-performers .text-wrapper-5,
.listing-staff .text-wrapper-5,
.listing-blog .text-wrapper-5,
.listing-digital-library .text-wrapper-5,
.venues-index .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.listing-artist .text-wrapper-6,
.listing-performers .text-wrapper-6,
.listing-staff .text-wrapper-6,
.listing-blog .text-wrapper-6,
.listing-digital-library .text-wrapper-6,
.venues-index .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.listing-artist .spacing-vertical-4,
.listing-performers .spacing-vertical-4,
.listing-staff .spacing-vertical-4,
.listing-blog .spacing-vertical-4,
.listing-digital-library .spacing-vertical-4,
.venues-index .spacing-vertical-4 {
  height: var(--tokens-static-spacing-spacing-04);
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .link-text,
.listing-performers .link-text,
.listing-staff .link-text,
.listing-blog .link-text,
.listing-digital-library .link-text,
.venues-index .link-text {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .link,
.listing-performers .link,
.listing-staff .link,
.listing-blog .link,
.listing-digital-library .link,
.venues-index .link {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.listing-artist .horizontal-rule-2,
.listing-performers .horizontal-rule-2,
.listing-staff .horizontal-rule-2,
.listing-blog .horizontal-rule-2,
.listing-digital-library .horizontal-rule-2,
.venues-index .horizontal-rule-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}
.listing-artist .row-3,
.listing-performers .row-3,
.listing-staff .row-3,
.listing-blog .row-3,
.listing-digital-library .row-3,
.venues-index .row-3 {
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .column-2,
.listing-performers .column-2,
.listing-staff .column-2,
.listing-blog .column-2,
.listing-digital-library .column-2,
.venues-index .column-2 {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}
.listing-artist .text-wrapper-7,
.listing-performers .text-wrapper-7,
.listing-staff .text-wrapper-7,
.listing-blog .text-wrapper-7,
.listing-digital-library .text-wrapper-7,
.venues-index .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.listing-artist .spacing-horizontal-5,
.listing-performers .spacing-horizontal-5,
.listing-staff .spacing-horizontal-5,
.listing-blog .spacing-horizontal-5,
.listing-digital-library .spacing-horizontal-5,
.venues-index .spacing-horizontal-5 {
  width: 24px;
  align-items: center;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .button-brand,
.listing-performers .button-brand,
.listing-staff .button-brand,
.listing-blog .button-brand,
.listing-digital-library .button-brand,
.venues-index .button-brand {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.listing-artist .img-2,
.listing-performers .img-2,
.listing-staff .img-2,
.listing-blog .img-2,
.listing-digital-library .img-2,
.venues-index .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}
.listing-artist .link-wrapper,
.listing-performers .link-wrapper,
.listing-staff .link-wrapper,
.listing-blog .link-wrapper,
.listing-digital-library .link-wrapper,
.venues-index .link-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}
.listing-artist .link-2,
.listing-performers .link-2,
.listing-staff .link-2,
.listing-blog .link-2,
.listing-digital-library .link-2,
.venues-index .link-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}
.listing-artist .spacing-horizontal-6,
.listing-performers .spacing-horizontal-6,
.listing-staff .spacing-horizontal-6,
.listing-blog .spacing-horizontal-6,
.listing-digital-library .spacing-horizontal-6,
.venues-index .spacing-horizontal-6 {
  height: 16px;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.listing-artist .frame-2,
.listing-performers .frame-2,
.listing-staff .frame-2,
.listing-blog .frame-2,
.listing-digital-library .frame-2,
.venues-index .frame-2 {
  position: relative;
  height: 1px;
}
.listing-artist .frame-3,
.listing-performers .frame-3,
.listing-staff .frame-3,
.listing-blog .frame-3,
.listing-digital-library .frame-3,
.venues-index .frame-3 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.listing-artist .link-3,
.listing-performers .link-3,
.listing-staff .link-3,
.listing-blog .link-3,
.listing-digital-library .link-3,
.venues-index .link-3 {
  position: relative;
  width: 10.56px;
  height: 10.76px;
}
.listing-artist .link-4,
.listing-performers .link-4,
.listing-staff .link-4,
.listing-blog .link-4,
.listing-digital-library .link-4,
.venues-index .link-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.listing-artist .leadership .listing-bio a {
  align-items: flex-start;
  display: flex;
}

@media (min-width: 960px) {
  .artist-block .lists li.listing-bio + .div-wrapper {
    display: none;
  }
}

.blog.blog-index {
  max-width: 87vw;
}
.blog.blog-index .blog-post {
  flex-direction: column;
}
.blog .blog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 960px) {
  .blog.blog-view .blog-post {
    width: 416px;
  }
}
@media screen and (min-width: 1200px) {
  .blog.blog-view .blog-post {
    width: 560px;
    position: relative;
  }
}
@media (min-width: 1440px) {
  .blog.blog-view .blog-post {
    width: 620px;
  }
}
.blog .button-wrapper {
  display: flex;
  gap: 24px;
}

.venues-index .header,
.listing-performers .header {
  border-bottom: 1px solid #000000;
}

@media (min-width: 768px) {
  .listing-performers .page-header .div-2 {
    flex-direction: column;
  }
}
.listing-performers .performer-list {
  display: flex;
  flex-wrap: wrap;
}
.listing-performers .listing-bio {
  flex-direction: column;
}
@media (min-width: 768px) {
  .listing-performers .listing-bio {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .listing-performers .listing-bio {
    width: 33%;
  }
}
.listing-performers .listing-bio a {
  display: flex;
}
.listing-performers .listing-bio a:hover {
  color: #000000;
}
.listing-performers .listing-bio .frame {
  justify-content: flex-start;
}

.listing-staff .column-2 .listing-content-wrapper li {
  padding-left: 0;
}
.listing-staff .column-2 .listing-content-wrapper li ul {
  margin-left: 24px;
  margin-right: -24px;
}

.virtual-stage .section-text-nav-sidebar {
  display: flex;
  width: 100%;
}
.virtual-stage .section-text-nav-sidebar .rte .performers ul,
.virtual-stage .section-text-nav-sidebar .rte .event-info ul {
  list-style-type: none;
  padding-left: 0;
}
.virtual-stage .section-text-nav-sidebar .virtual-stage-events {
  width: 100%;
}
.virtual-stage .section-text-nav-sidebar .content .column-2 {
  min-width: 0;
}
@media (min-width: 960px) {
  .virtual-stage .section-text-nav-sidebar .content .column-2 {
    padding-right: 0;
  }
}
.virtual-stage .page-content .column-2 li {
  padding-left: 0;
}
.virtual-stage .virtual-stage-container {
  width: 100%;
}
.virtual-stage .video-player {
  width: 315px;
  height: 177px;
}
@media (min-width: 568px) {
  .virtual-stage .video-player {
    width: 489px;
    height: 275px;
  }
}
@media (min-width: 768px) {
  .virtual-stage .video-player {
    width: 597px;
    height: 336px;
  }
}
@media (min-width: 960px) {
  .virtual-stage .video-player {
    width: 453px;
    height: 255px;
  }
}
@media screen and (min-width: 1200px) {
  .virtual-stage .video-player {
    width: 693px;
    height: 390px;
  }
}
@media (min-width: 1440px) {
  .virtual-stage .video-player {
    width: 819px;
    height: 461px;
  }
}
.virtual-stage #liveEventStream-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.virtual-stage #liveEventStream-container.vimeo-container {
  padding-bottom: 56.25%;
  height: auto;
}
.virtual-stage #liveEventStream-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.virtual-stage .button-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 568px) {
  .virtual-stage .button-container {
    flex-direction: row;
  }
}
.virtual-stage .donate-container .text-input {
  flex-shrink: 1;
  width: auto;
}
.virtual-stage .list-view {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (min-width: 1200px) {
  .virtual-stage .list-view {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.virtual-stage .list-view .up-next-container {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (min-width: 1200px) {
  .virtual-stage .list-view .up-next-container {
    min-width: 45%;
    width: 45%;
  }
}
@media screen and (min-width: 1200px) {
  .virtual-stage .list-view .up-next-container .event-image {
    height: 242px;
  }
}
@media (min-width: 1440px) {
  .virtual-stage .list-view .up-next-container .event-image {
    height: 282px;
  }
}
@media screen and (min-width: 1200px) {
  .virtual-stage .list-view {
    width: 100%;
  }
}
.virtual-stage .list-view .event-image .svg {
  margin: 0 auto;
  padding: 50px 20px;
}

.coming-soon .frame {
  display: flex;
  min-height: 350px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .coming-soon .frame {
    height: 450px;
  }
}
@media (min-width: 960px) {
  .coming-soon .frame {
    height: 510px;
  }
}
@media (min-width: 960px) {
  .coming-soon .frame {
    height: 440px;
  }
}

.coming-soon .shape {
  width: 420px;
  height: 420px;
  position: absolute;
  top: 49px;
}
@media (min-width: 568px) {
  .coming-soon .shape {
    width: 440px;
    height: 440px;
  }
}
@media (min-width: 768px) {
  .coming-soon .shape {
    width: 555px;
    height: 555px;
  }
}
@media (min-width: 960px) {
  .coming-soon .shape {
    width: 580px;
    height: 580px;
  }
}

.coming-soon .tent-brand-circle {
  position: absolute;
  width: 420px;
  height: 380px;
  top: 0;
  left: -105px;
}
@media (min-width: 568px) {
  .coming-soon .tent-brand-circle {
    width: 434px;
    height: 434px;
    left: -38px;
  }
}
@media (min-width: 768px) {
  .coming-soon .tent-brand-circle {
    width: 555px;
    height: 555px;
  }
}
@media (min-width: 960px) {
  .coming-soon .tent-brand-circle {
    width: 580px;
    height: 580px;
    left: 0;
  }
}

.coming-soon .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

@media (min-width: 568px) {
  .coming-soon .content .div + .element-wrapper {
    display: none;
  }
}

.coming-soon .div {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}
@media (min-width: 960px) {
  .coming-soon .div {
    font-family: var(--pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-size);
    text-align: center;
    letter-spacing: var(--pseudo-header-styles-sans-bold-800-LG-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-800-LG-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-800-LG-header-sans-bold-font-style);
  }
}
@media (min-width: 1440px) {
  .coming-soon .div {
    font-family: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size);
    text-align: center;
    letter-spacing: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style);
  }
}

.coming-soon .we-are-currently {
  position: relative;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  width: 270px;
}
@media (min-width: 568px) {
  .coming-soon .we-are-currently {
    width: 370px;
  }
}
@media (min-width: 768px) {
  .coming-soon .we-are-currently {
    width: 510px;
  }
}

.coming-soon .span {
  font-family: var(--text-styles-sans-regular-500-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-500-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-500-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-500-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-500-all-text-sans-font-style);
}

.coming-soon .text-wrapper-2 {
  text-decoration: underline;
}

.coming-soon .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  opacity: 0;
}

.coming-soon .element-px-wrapper {
  height: 16px;
  width: 100%;
  background-color: rgba(123, 97, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.coming-soon .element-px-wrapper + .element-px-wrapper {
  display: none;
}
@media (min-width: 960px) {
  .coming-soon .element-px-wrapper + .element-px-wrapper {
    display: flex;
    height: 24px;
  }
}

.coming-soon + .sticky-button-padded {
  top: 102px;
}

.main.employment {
  width: 100%;
}
.main.employment .section-text-with-header {
  width: 100%;
}

.instrumental-program ul {
  list-style-type: disc;
}
.instrumental-program li {
  list-style-position: inside;
}
.instrumental-program .program-intro ul,
.instrumental-program .program-favulty ul,
.instrumental-program ul.bulleted-list {
  padding-left: 24px;
}
.instrumental-program .program-intro ul li,
.instrumental-program .program-favulty ul li,
.instrumental-program ul.bulleted-list li {
  list-style-position: outside;
}
.instrumental-program .live-audition-date {
  display: flex;
  gap: 24px;
}
@media (min-width: 1440px) {
  .instrumental-program .live-audition-date {
    gap: 48px;
  }
}
.instrumental-program .live-audition-date .location,
.instrumental-program .live-audition-date .date {
  width: 100%;
}
@media (min-width: 960px) {
  .instrumental-program .section-text-nav-sidebar > .content {
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .instrumental-program .section-text-nav-sidebar > .content > .column-1-upper {
    width: 340px;
  }
}
.instrumental-program .section-text-nav-sidebar > .content .list {
  width: auto;
}
.instrumental-program .program-header {
  /*height: 241px;*/
}
.instrumental-program .program-header .pgm-header-mask {
  /*-webkit-mask-image: url(/themes/user/amfs/img/programs-header-mask-white-transparent-2_754x242.png);*/
  /*mask-image: url(/themes/user/amfs/img/programs-header-mask-white-transparent-2_754x242.png);*/
  mask-repeat: no-repeat;
  position: relative;
  top: -8px;
}
.page-content {
  color: var(--tokens-static-color-text-color-text-primary);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  background-color: var(--primitives-color-secondary-neutral-white);
  width: 100%;
}
@media (min-width: 568px) {
  .page-content {
    padding: 0px 32px;
  }
}
@media (min-width: 768px) {
  .page-content {
    padding: 0px 48px;
  }
}
@media (min-width: 1440px) {
  .page-content {
    padding: 0 64px;
  }
}

.page-content a {
  text-decoration: underline;
}
.page-content a:hover {
  color: var(--primitives-color-primary-blue);
}

.page-content .cta-bubble a,
.page-content .promos a,
.page-content .feature-card a,
.page-content .pagination a {
  text-decoration: none;
}

.page-content .spacing-horizontal {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}

.page-content .spacing-horizontal .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.page-content .media {
  width: 640px;
}

.raw-html-embed {
  width: 100%;
}

.text-image-block {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}

.text-image-block .text {
  margin-bottom: 0;
}

.image-container {
  width: 100%;
}

.image-container img {
  width: 100%;
}

.section-lead-in {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
@media (min-width: 768px) {
  .section-lead-in {
    height: 858px;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .section-lead-in {
    padding-left: 0;
    width: 98%;
    height: 1016px;
  }
}
@media screen and (min-width: 1200px) {
  .section-lead-in {
    height: 816px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in {
    height: 916px;
    width: 1300px;
  }
}

.breadcrumbs + .section-lead-in {
  top: 14px !important;
}

.section-lead-in .images {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  margin: 0 -24px;
}
@media (min-width: 568px) {
  .section-lead-in .images {
    margin: 0 -36px;
  }
}
@media (min-width: 768px) {
  .section-lead-in .images {
    align-items: flex-end;
    flex: 1;
    flex-grow: 1;
    margin: 0;
    width: 100%;
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .section-lead-in .images {
    top: 52px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .images {
    top: 0;
  }
}

.section-lead-in .primary {
  width: 375px;
  height: 375px;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media (min-width: 568px) {
  .section-lead-in .primary {
    width: 568px;
    height: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in .primary {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
    padding: 458px 0px 0px;
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .primary {
    padding: 194px 0px 0px 0px;
    height: 416px;
    width: 416px;
  }
}
@media screen and (min-width: 1200px) {
  .section-lead-in .primary {
    padding-top: 54px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .primary {
    padding: 0;
    height: 528px;
    width: 528px;
  }
}

.section-lead-in .locked-aspect {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}
@media (min-width: 568px) {
  .section-lead-in .locked-aspect {
    width: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in .locked-aspect {
    position: relative;
    height: 320px;
    width: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .locked-aspect {
    height: 416px;
    width: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .locked-aspect {
    height: 528px;
    width: 528px;
  }
}

.section-lead-in .img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 768px) {
  .section-lead-in .img {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .img {
    width: 416px;
    height: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .img {
    width: 528px;
    height: 528px;
  }
}

.section-lead-in .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-lead-in .div {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-lead-in .secondary {
  display: inline-flex;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  margin-left: -48px;
  top: 320px;
}
@media (min-width: 768px) {
  .section-lead-in .secondary {
    margin-left: -69px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .secondary {
    margin-left: -117px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .secondary {
    margin-left: -48px;
  }
}

.section-lead-in .secondary.secondary-xs-sm {
  display: inline-flex;
  align-items: flex-end;
  position: relative;
  margin-left: 0;
  top: 0;
}
@media (min-width: 768px) {
  .section-lead-in .secondary.secondary-xs-sm {
    display: none;
  }
}
.section-lead-in .secondary.secondary-xs-sm .locked-aspect {
  display: flex;
  flex-direction: column;
  height: 327px;
  width: 327px;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
@media (min-width: 568px) {
  .section-lead-in .secondary.secondary-xs-sm .locked-aspect {
    height: 504px;
    width: 504px;
  }
}
.section-lead-in .secondary.secondary-xs-sm .img {
  width: 375px;
  height: 375px;
  top: 0;
  left: 0;
}
@media (min-width: 568px) {
  .section-lead-in .secondary.secondary-xs-sm .img {
    height: 504px;
    width: 504px;
  }
}

.section-lead-in .secondary.secondary-md-xl {
  display: none;
}
@media (min-width: 768px) {
  .section-lead-in .secondary.secondary-md-xl {
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
    margin-left: -72px;
    padding-top: 188px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .secondary.secondary-md-xl {
    padding-top: 192px;
  }
}
@media screen and (min-width: 1200px) {
  .section-lead-in .secondary.secondary-md-xl {
    padding-top: 8px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .secondary.secondary-md-xl {
    margin-left: -42px;
    padding-top: 48px;
  }
}

.section-lead-in.cropped-image-square .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-brand-square-full-blue.svg);
  mask-image: url(/themes/user/amfs/svg/tent-brand-square-full-blue.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 375px;
  height: 375px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-square .image-mask {
    width: 568px;
    height: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-square .image-mask {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-square .image-mask {
    width: 416px;
    height: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-square .image-mask {
    width: 528px;
    height: 528px;
  }
}

@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle {
    height: 658px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle {
    height: 696px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle {
    height: 884px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .images {
    height: 665px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .images {
    height: 864px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .primary {
    padding: 188px 0px 0px;
    height: 463px;
    width: 463px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle .primary {
    padding: 24px 0 0;
    height: 607px;
    width: 607px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .primary {
    height: 864px;
    width: 864px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .primary .locked-aspect,
  .section-lead-in.cropped-image-triangle .primary .image-mask,
  .section-lead-in.cropped-image-triangle .primary .image-mask .img {
    width: 463px;
    height: 463px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle .primary .locked-aspect,
  .section-lead-in.cropped-image-triangle .primary .image-mask,
  .section-lead-in.cropped-image-triangle .primary .image-mask .img {
    height: 607px;
    width: 607px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .primary .locked-aspect,
  .section-lead-in.cropped-image-triangle .primary .image-mask,
  .section-lead-in.cropped-image-triangle .primary .image-mask .img {
    height: 864px;
    width: 864px;
  }
}
.section-lead-in.cropped-image-triangle .secondary.secondary-xs-sm {
  margin-top: -184px;
  top: 0;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary-xs-sm {
    left: 174px;
    margin-top: -154px;
    width: 327px;
  }
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary-xs-sm .locked-aspect {
    height: 327px;
    width: 327px;
  }
}
.section-lead-in.cropped-image-triangle .secondary.secondary-xs-sm .locked-aspect .image-mask {
  height: 327px;
  width: 327px;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl {
    height: 280px;
    margin-left: -56px;
    padding-top: 0;
    top: 371px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl {
    width: 280px;
    height: 280px;
    margin-left: -24px;
    top: 351px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl {
    margin-left: -44px;
    width: 491px;
    height: 491px;
    top: 373px;
  }
}
.section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .locked-aspect,
.section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .image-mask,
.section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .img {
  width: 280px;
  height: 280px;
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .locked-aspect,
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .image-mask,
  .section-lead-in.cropped-image-triangle .secondary.secondary.secondary-md-xl .img {
    width: 491px;
    height: 491px;
  }
}
.section-lead-in.cropped-image-triangle .img {
  position: relative;
}
.section-lead-in.cropped-image-triangle .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-brand-triangle-full-green.svg);
  mask-image: url(/themes/user/amfs/svg/tent-brand-triangle-full-green.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 375px;
  height: 375px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-triangle .image-mask {
    width: 568px;
    height: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .image-mask {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle .image-mask {
    width: 416px;
    height: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .image-mask {
    width: 528px;
    height: 528px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .content {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-triangle .content {
    justify-content: flex-start;
    width: 752px;
    height: 864px;
    padding: 0px 112px 0px 0px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-triangle .cta-bubble {
    top: 328px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-triangle .cta-bubble {
    top: 298px;
  }
}

@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal {
    height: 692px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-diagonal {
    height: 736px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal {
    height: 874px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .images {
    height: 692px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .images {
    height: 864px;
  }
}
.section-lead-in.cropped-image-diagonal .primary {
  height: 480px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .primary {
    padding: 218px 0px 0px;
    height: 692px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-diagonal .primary {
    padding: 74px 0 0;
    height: 681px;
    width: 607px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .primary {
    height: 864px;
    width: 864px;
    padding: 0;
  }
}
.section-lead-in.cropped-image-diagonal .primary .locked-aspect,
.section-lead-in.cropped-image-diagonal .primary .image-mask,
.section-lead-in.cropped-image-diagonal .primary .image-mask .img {
  height: 701px;
  width: 501px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-diagonal .primary .locked-aspect,
  .section-lead-in.cropped-image-diagonal .primary .image-mask,
  .section-lead-in.cropped-image-diagonal .primary .image-mask .img {
    width: 490px;
    height: 693px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .primary .locked-aspect,
  .section-lead-in.cropped-image-diagonal .primary .image-mask,
  .section-lead-in.cropped-image-diagonal .primary .image-mask .img {
    height: 513px;
    width: 337px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-diagonal .primary .locked-aspect,
  .section-lead-in.cropped-image-diagonal .primary .image-mask,
  .section-lead-in.cropped-image-diagonal .primary .image-mask .img {
    height: 607px;
    width: 607px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .primary .locked-aspect,
  .section-lead-in.cropped-image-diagonal .primary .image-mask,
  .section-lead-in.cropped-image-diagonal .primary .image-mask .img {
    height: 864px;
    width: 864px;
  }
}
.section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm {
  width: 326px;
  height: 235px;
  top: -12px;
  overflow: hidden;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm {
    left: 174px;
    width: 327px;
  }
}
.section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm .locked-aspect {
  height: 701px;
  width: 501px;
}
.section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm .locked-aspect .image-mask {
  height: 701px;
  width: 441px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm .locked-aspect .image-mask {
    height: 701px;
    width: 441px;
  }
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-xs-sm .img {
    width: 577px;
    height: 493px;
    padding-bottom: 25%;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl {
    margin-left: -107px;
    padding-top: 38px;
    top: 371px;
    height: 320px;
    width: 458px;
    overflow: hidden;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl {
    left: -210px;
    padding-top: 0;
    top: 362px;
    width: 660px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl {
    margin-left: -254px;
    width: 730px;
    height: 491px;
    top: 424px;
  }
}
.section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .locked-aspect,
.section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .image-mask,
.section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .img {
  width: 280px;
  height: 280px;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .locked-aspect,
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .image-mask,
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .img {
    width: 730px;
    height: 730px;
    padding-bottom: 45%;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .locked-aspect,
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .image-mask,
  .section-lead-in.cropped-image-diagonal .secondary.secondary-md-xl .img {
    width: 800px;
    height: 800px;
  }
}
.section-lead-in.cropped-image-diagonal .img {
  position: relative;
}
.section-lead-in.cropped-image-diagonal .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-diagonal-mask.svg);
  mask-image: url(/themes/user/amfs/svg/tent-diagonal-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 375px;
  height: 375px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-diagonal .image-mask {
    width: 568px;
    height: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .image-mask {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-diagonal .image-mask {
    width: 416px;
    height: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .image-mask {
    width: 528px;
    height: 528px;
  }
}
.section-lead-in.cropped-image-diagonal .secondary-md-xl .image-mask,
.section-lead-in.cropped-image-diagonal .secondary-xs-sm .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/image-secondary-diagonal-mask.svg);
  mask-image: url(/themes/user/amfs/svg/image-secondary-diagonal-mask.svg);
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-diagonal .content {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-diagonal .content {
    justify-content: flex-start;
    width: 752px;
    height: 864px;
    padding: 0px 112px 0px 0px;
  }
}

@media (min-width: 768px) {
  .cropped-image-diagonal .cta-bubble {
    top: 328px;
  }
}
@media (min-width: 960px) {
  .cropped-image-diagonal .cta-bubble {
    top: 298px;
  }
}
@media screen and (min-width: 1200px) {
  .cropped-image-diagonal .cta-bubble {
    left: 321px;
  }
}

@media (min-width: 768px) {
  .cropped-image-diagonal .secondary-md-xl .img {
    left: -270px;
  }
}
@media (min-width: 960px) {
  .cropped-image-diagonal .secondary-md-xl .img {
    left: -140px;
  }
}
@media screen and (min-width: 1200px) {
  .cropped-image-diagonal .secondary-md-xl .img {
    left: -70px;
  }
}
@media (min-width: 1440px) {
  .cropped-image-diagonal .secondary-md-xl .img {
    left: 0;
  }
}

@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle {
    height: 692px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle {
    height: 736px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle {
    height: 766px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .images {
    height: 692px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .images {
    height: 864px;
  }
}
.section-lead-in.cropped-image-circle .content {
  margin-bottom: -64px;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .content .cta-bubble {
    top: 328px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .content .cta-bubble {
    top: 258px;
    left: 430px;
  }
}
.section-lead-in.cropped-image-circle .primary {
  overflow: hidden;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-circle .primary {
    height: 498px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .primary {
    padding: 288px 0px 0px;
    height: 690px;
    width: 397px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle .primary {
    padding: 0;
    height: 681px;
    width: 607px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .primary {
    height: 864px;
    width: 864px;
    padding: 0;
  }
}
.section-lead-in.cropped-image-circle .primary .locked-aspect,
.section-lead-in.cropped-image-circle .primary .image-mask,
.section-lead-in.cropped-image-circle .primary .image-mask .img {
  height: 701px;
  width: 501px;
  left: -60px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-circle .primary .locked-aspect,
  .section-lead-in.cropped-image-circle .primary .image-mask,
  .section-lead-in.cropped-image-circle .primary .image-mask .img {
    left: 0;
    width: 490px;
    height: 693px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .primary .locked-aspect,
  .section-lead-in.cropped-image-circle .primary .image-mask,
  .section-lead-in.cropped-image-circle .primary .image-mask .img {
    height: 523px;
    width: 407px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle .primary .locked-aspect,
  .section-lead-in.cropped-image-circle .primary .image-mask,
  .section-lead-in.cropped-image-circle .primary .image-mask .img {
    height: 607px;
    width: 607px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle .primary .image-mask {
    position: relative;
    left: -160px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .primary .image-mask {
    left: -60px;
  }
}
.section-lead-in.cropped-image-circle .secondary.secondary-xs-sm {
  width: 326px;
  height: 345px;
  top: -84px;
  overflow: hidden;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-xs-sm {
    left: 0;
    width: 444px;
  }
}
.section-lead-in.cropped-image-circle .secondary.secondary-xs-sm .locked-aspect {
  height: 370px;
  width: 501px;
}
.section-lead-in.cropped-image-circle .secondary.secondary-xs-sm .locked-aspect .image-mask {
  height: 701px;
  width: 440px;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl {
    margin-left: -197px;
    padding-top: 38px;
    top: 371px;
    height: 320px;
    width: 520px;
    overflow: hidden;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl {
    left: -210px;
    padding-top: 0;
    top: 362px;
    width: 660px;
  }
}
@media screen and (min-width: 1200px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl {
    left: -160px;
    width: 730px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl {
    margin-left: -364px;
    width: 864px;
    height: 491px;
    top: 264px;
  }
}
.section-lead-in.cropped-image-circle .secondary.secondary-md-xl .locked-aspect,
.section-lead-in.cropped-image-circle .secondary.secondary-md-xl .image-mask,
.section-lead-in.cropped-image-circle .secondary.secondary-md-xl .img {
  width: 280px;
  height: 280px;
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .locked-aspect,
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .image-mask,
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .img {
    width: 730px;
    height: 730px;
    padding-bottom: 45%;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .locked-aspect,
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .image-mask,
  .section-lead-in.cropped-image-circle .secondary.secondary-md-xl .img {
    width: 864px;
    height: 864px;
  }
}
.section-lead-in.cropped-image-circle .img {
  position: relative;
}
.section-lead-in.cropped-image-circle .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 375px;
  height: 375px;
}
@media (min-width: 568px) {
  .section-lead-in.cropped-image-circle .image-mask {
    width: 568px;
    height: 568px;
  }
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .image-mask {
    width: 320px;
    height: 320px;
  }
}
@media (min-width: 960px) {
  .section-lead-in.cropped-image-circle .image-mask {
    width: 416px;
    height: 416px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .image-mask {
    width: 528px;
    height: 528px;
  }
}
.section-lead-in.cropped-image-circle .secondary-md-xl .image-mask,
.section-lead-in.cropped-image-circle .secondary-xs-sm .image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
}
@media (min-width: 768px) {
  .section-lead-in.cropped-image-circle .content {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .section-lead-in.cropped-image-circle .content {
    justify-content: flex-start;
    width: 752px;
    height: 864px;
    padding: 0px 112px 0px 0px;
  }
}

.section-lead-in .content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--tokens-static-spacing-spacing-06) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 568px) {
  .section-lead-in .content {
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .section-lead-in .content {
    position: absolute;
    right: 0;
    width: 458px;
  }
}
@media (min-width: 960px) {
  .section-lead-in .content {
    right: 10px;
    width: 375px;
  }
}
@media screen and (min-width: 1200px) {
  .section-lead-in .content {
    width: 605px;
  }
}
@media (min-width: 1440px) {
  .section-lead-in .content {
    left: 562px;
    padding: 0;
    width: 642px;
  }
}

.section-lead-in .h,
.section-text-nav-sidebar .h {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h1-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h1-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h1-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h1-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h1-XS-MD-font-style);
}
@media (min-width: 960px) {
  .section-lead-in .h,
  .section-text-nav-sidebar .h {
    font-family: var(--semantic-header-styles-h1-LG-font-family);
    font-size: var(--semantic-header-styles-h1-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h1-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h1-LG-line-height);
    font-style: var(--semantic-header-styles-h1-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .section-lead-in .h,
  .section-text-nav-sidebar .h {
    font-family: var(--semantic-header-styles-h1-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h1-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h1-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h1-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h1-XL-XXL-font-style);
  }
}

.section-lead-in .element-wrapper {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-lead-in .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-lead-in .text {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-500-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-500-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-500-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-500-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-500-all-text-sans-font-style);
}

.section-lead-in .spacing-horizontal {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-lead-in .element-px {
  position: relative;
  width: fit-content;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-lead-in .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}
@media (min-width: 1440px) {
  .section-lead-in .text-wrapper {
    font-family: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family);
    color: var(--tokens-static-color-text-color-text-primary);
    font-size: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style);
  }
}

.section-lead-in .element-px-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-03);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-blue-400);
  opacity: 0;
}

.section-lead-in .icon-caret-right {
  display: flex;
  align-self: center;
  position: relative;
  width: 44px;
  height: 40px;
}

.section.text-block .flexcontainer .p:first-of-type {
  display: none;
}

@media (min-width: 1440px) {
  .quote-with-text {
    display: flex;
  }
}

.quote-with-text .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 1440px) {
  .quote-with-text .content {
    flex-direction: row;
  }
}

.quote-with-text .content .div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.quote-with-text .content .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

@media (min-width: 768px) {
  .quote-with-text .content .column {
    padding: 0px var(--primitives-units-4-pixel-scale-60px) 0px var(--primitives-units-4-pixel-scale-60px);
  }
}
@media (min-width: 1440px) {
  .quote-with-text .content .column {
    width: 416px;
    padding: 0 0 0 60px;
  }
}

.quote-with-text .content .column .spacing-vertical-09 {
  display: none;
}
@media (min-width: 1440px) {
  .quote-with-text .content .column .spacing-vertical-09 {
    display: flex;
  }
}

.quote-with-text .content .column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 1440px) {
  .quote-with-text .content .column-2 {
    padding: 0px 112px;
  }
}

@media (min-width: 1440px) {
  .quote-with-text.section.text-block .column.column-2 {
    padding: 0 82px 0 114px;
  }
}

.quote-with-text .content .spacing-horizontal {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  opacity: 0;
}

.quote-with-text .content .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.quote-with-text .content .icon-quotation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.quote-with-text .content .icon {
  position: relative;
  width: 92px;
  height: 66px;
}

.quote-with-text .content .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.quote-with-text .content .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.quote-with-text .content .quote {
  font-family: "Utopia W08 Semibold", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  align-self: stretch;
}
@media (min-width: 768px) {
  .quote-with-text .content .quote {
    font-size: 36px;
  }
}
@media (min-width: 960px) {
  .quote-with-text .content .quote {
    font-size: 42px;
  }
}

.quote-with-text .content .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.quote-with-text .content .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.quote-with-text .content .citation {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.quote-with-text .content .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 960px) {
  .quote-with-text .content .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .quote-with-text .content .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

.quote-with-text .content .div-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.quote-with-text .content .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.quote-with-text .content .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.quote-with-text .content .p {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.quote-with-text .content .span {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.quote-with-text .content .student-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.quote-with-text .content .stat {
  background-color: var(--primitives-color-primary-lime);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.quote-with-text .content .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--display-headers-h1-XS-SM-font-family);
  color: #000000;
  font-size: var(--display-headers-h1-XS-SM-font-size);
  letter-spacing: var(--display-headers-h1-XS-SM-letter-spacing);
  line-height: var(--display-headers-h1-XS-SM-line-height);
  white-space: nowrap;
  font-style: var(--display-headers-h1-XS-SM-font-style);
}

.quote-with-text .content .students {
  display: inline-flex;
  flex-direction: column;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.quote-with-text .content .icon-students {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.quote-with-text .content .icon-user {
  position: relative;
  width: 24px;
  height: 24px;
}

.quote-with-text .content .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.quote-with-text .content .stat-2 {
  background-color: var(--primitives-color-primary-teal);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.quote-with-text .content .img {
  position: relative;
  width: 72px;
  height: 48px;
}

.quote-with-text .content .stat-3 {
  background-color: var(--primitives-color-primary-green);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.quote-with-text .content .text {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.quote-with-text .content .text-wrapper-5 {
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .section-text-with-header {
    display: flex;
  }
}

.section-text-with-header .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 1440px) {
  .section-text-with-header .content {
    flex-direction: row;
  }
}

.section-text-with-header .content .div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.section-text-with-header .content .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

@media (min-width: 768px) {
  .section-text-with-header .content .column {
    padding: 0px var(--primitives-units-4-pixel-scale-60px) 0px var(--primitives-units-4-pixel-scale-60px);
  }
}
@media (min-width: 1440px) {
  .section-text-with-header .content .column {
    width: 416px;
    padding: 0 0 0 60px;
  }
}

.section-text-with-header .content .column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 1440px) {
  .section-text-with-header .content .column-2 {
    padding: 0px 112px;
  }
}

.section-text-with-header .content .spacing-horizontal {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-with-header .content .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-with-header .content .icon-quotation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.section-text-with-header .content .icon {
  position: relative;
  width: 92px;
  height: 66px;
}

.section-text-with-header .content .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-with-header .content .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-with-header .content .quote {
  font-family: "Utopia W08 Semibold", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  align-self: stretch;
}
@media (min-width: 768px) {
  .section-text-with-header .content .quote {
    font-size: 36px;
  }
}
@media (min-width: 960px) {
  .section-text-with-header .content .quote {
    font-size: 42px;
  }
}

.section-text-with-header .content .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-with-header .content .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 960px) {
  .section-text-with-header .content .text-wrapper {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .section-text-with-header .content .text-wrapper {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

.section-text-with-header .content .citation {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.section-text-with-header .content .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 960px) {
  .section-text-with-header .content .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .section-text-with-header .content .text-wrapper-2 {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

.section-text-with-header .content .div-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-with-header .content .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-with-header .content .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.section-text-with-header .content .p {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.section-text-with-header .content .span {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.section-text-with-header .content .student-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-text-with-header .content .stat {
  background-color: var(--primitives-color-primary-lime);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.section-text-with-header .content .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--display-headers-h1-XS-SM-font-family);
  color: #000000;
  font-size: var(--display-headers-h1-XS-SM-font-size);
  letter-spacing: var(--display-headers-h1-XS-SM-letter-spacing);
  line-height: var(--display-headers-h1-XS-SM-line-height);
  white-space: nowrap;
  font-style: var(--display-headers-h1-XS-SM-font-style);
}

.section-text-with-header .content .students {
  display: inline-flex;
  flex-direction: column;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.section-text-with-header .content .icon-students {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.section-text-with-header .content .icon-user {
  position: relative;
  width: 24px;
  height: 24px;
}

.section-text-with-header .content .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.section-text-with-header .content .stat-2 {
  background-color: var(--primitives-color-primary-teal);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.section-text-with-header .content .img {
  position: relative;
  width: 72px;
  height: 48px;
}

.section-text-with-header .content .stat-3 {
  background-color: var(--primitives-color-primary-green);
  display: flex;
  flex-direction: column;
  width: 192px;
  height: 192px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
}

.section-text-with-header .content .text {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.section-text-with-header .content .text-wrapper-5 {
  text-decoration: underline;
}

.section-image-carousel {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 -24px;
  position: relative;
  max-width: 1425px;
}
@media (min-width: 568px) {
  .section-image-carousel {
    margin: 0 -36px;
  }
}
@media (min-width: 768px) {
  .section-image-carousel {
    margin: 0 -48px;
  }
}
@media (min-width: 1440px) {
  .section-image-carousel {
    margin: 0 -64px;
  }
}

@media (min-width: 375px) {
  .section-image-carousel .owl-carousel {
    width: 375px;
  }
}
@media (min-width: 568px) {
  .section-image-carousel .owl-carousel {
    width: 568px;
  }
}
@media (min-width: 768px) {
  .section-image-carousel .owl-carousel {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .section-image-carousel .owl-carousel {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .section-image-carousel .owl-carousel {
    width: 1200px;
  }
}
@media (min-width: 1440px) {
  .section-image-carousel .owl-carousel {
    width: 1440px;
  }
}

.section-image-carousel .rectangle {
  position: relative;
  height: 438px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1440px) {
  .section-image-carousel .rectangle {
    width: 1440px;
  }
}

.section-image-carousel .slideshow-controls {
  display: none;
  align-items: center;
  flex: 0 0 auto;
  position: absolute;
  z-index: 20;
  bottom: 48px;
}
@media (min-width: 1440px) {
  .section-image-carousel .slideshow-controls {
    right: 0;
  }
}

.section-image-carousel .button-graphic {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--primitives-color-secondary-neutral-black);
  border: 0.85px solid;
  border-color: var(--primitives-color-secondary-neutral-black);
}

.section-image-carousel .img {
  position: relative;
  width: 32px;
  height: 32px;
}

.section-image-carousel .count {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-fill-color-fill-primary);
}

.section-image-carousel .group {
  position: relative;
  width: 42px;
  height: 18px;
  margin-right: -2px;
}

.section-image-carousel .element {
  position: absolute;
  width: 40px;
  top: 0;
  left: 0;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-inverse);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
}

.section-image-carousel .icon-caret-right-wrapper {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--tokens-buttons-links-color-button-icon-secondary-color-button-icon-background-secondary);
  border: 0.85px solid;
  border-color: var(--tokens-buttons-links-color-button-icon-secondary-color-button-icon-border-secondary);
}

.section-text-nav-sidebar > .content {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}
@media (min-width: 960px) {
  .section-text-nav-sidebar > .content {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .section-text-nav-sidebar > .content {
    width: 1300px;
  }
}
.section-text-nav-sidebar > .content .sub-nav .sub-nav-content {
  display: flex;
  width: 100%;
}

.section-text-nav-sidebar.text-links-sidebar > .content .unordered-list-item .list-item {
  padding: 7px 8px 4px 0;
}

.section-text-nav-sidebar > .content .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  .section-text-nav-sidebar > .content .column {
    padding: 0px var(--primitives-units-4-pixel-scale-60px) 0px var(--primitives-units-4-pixel-scale-60px);
  }
}
@media (min-width: 1440px) {
  .section-text-nav-sidebar > .content .column {
    width: 416px;
  }
}

.section-text-nav-sidebar > .content > .column {
  padding-left: 0;
}

.section-text-nav-sidebar > .content > .column.column-1-upper {
  width: auto;
  max-width: 416px;
}

.section-text-nav-sidebar > .content .spacing-horizontal {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-nav-sidebar > .content .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-nav-sidebar > .content .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h2-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h2-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h2-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h2-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h2-XS-MD-font-style);
}
@media (min-width: 960px) {
  .section-text-nav-sidebar > .content .text-wrapper {
    font-family: var(--semantic-header-styles-h2-LG-font-family);
    font-size: var(--semantic-header-styles-h2-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h2-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h2-LG-line-height);
    font-style: var(--semantic-header-styles-h2-LG-font-style);
  }
}
@media (min-width: 1440px) {
  .section-text-nav-sidebar > .content .text-wrapper {
    font-family: var(--semantic-header-styles-h2-XL-XXL-font-family);
    font-size: var(--semantic-header-styles-h2-XL-XXL-font-size);
    letter-spacing: var(--semantic-header-styles-h2-XL-XXL-letter-spacing);
    line-height: var(--semantic-header-styles-h2-XL-XXL-line-height);
    font-style: var(--semantic-header-styles-h2-XL-XXL-font-style);
  }
}

.section-text-nav-sidebar > .content .element-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-nav-sidebar > .content .div {
  position: relative;
  align-self: stretch;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.section-text-nav-sidebar > .content .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-nav-sidebar > .content .list {
  display: flex;
  flex-direction: column;
  width: 304px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.section-text-nav-sidebar > .content .unordered-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-text-nav-sidebar > .content .unordered-list-item .spacing-vertical {
  height: 10px;
  padding: 0;
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .sub-nav.pb-sub-nav .unordered-list-item.level-2 {
  padding-left: 16px;
}

.section-text-nav-sidebar > .content .sub-nav.pb-sub-nav .unordered-list-item.level-3 {
  padding-left: 16px;
}

.section-text-nav-sidebar > .content .div-2 {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-text-nav-sidebar > .content .div-wrapper {
  width: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .spacing-horizontal-2 {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .element-3 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.section-text-nav-sidebar > .content .list-item {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
}

.section-text-nav-sidebar > .content .element-wrapper-2 {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.section-text-nav-sidebar > .content .element-4 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.section-text-nav-sidebar > .content .spacing-horizontal-3 {
  height: var(--tokens-static-spacing-spacing-10);
  width: 100%;
  background-color: rgba(123, 97, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.section-text-nav-sidebar > .content .column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 1440px) {
  .section-text-nav-sidebar > .content .column-2 {
    padding: 0px 82px;
  }
}

.section-text-nav-sidebar > .content .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--semantic-header-styles-h3-all-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h3-all-font-size);
  letter-spacing: var(--semantic-header-styles-h3-all-letter-spacing);
  line-height: var(--semantic-header-styles-h3-all-line-height);
  font-style: var(--semantic-header-styles-h3-all-font-style);
}

.section-text-nav-sidebar > .content .p {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.section-text-nav-sidebar > .content .span {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: #000000;
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}

.section-text-nav-sidebar > .content .text-wrapper-3 {
  text-decoration: underline;
}

.section-text-nav-sidebar > .content .text-wrapper-4 {
  font-family: var(--text-styles-sans-bold-300-all-text-sans-bold-font-family);
  font-style: var(--text-styles-sans-bold-300-all-text-sans-bold-font-style);
  letter-spacing: var(--text-styles-sans-bold-300-all-text-sans-bold-letter-spacing);
  line-height: var(--text-styles-sans-bold-300-all-text-sans-bold-line-height);
  font-size: var(--text-styles-sans-bold-300-all-text-sans-bold-font-size);
}

.section-text-nav-sidebar > .content .bio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.section-text-nav-sidebar > .content .gallery {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--primitives-units-4-pixel-scale-32px);
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.section-text-nav-sidebar > .content .gallery-image {
  flex-direction: column;
  width: 136px;
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
}

.section-text-nav-sidebar > .content .image:not(figure) {
  object-fit: cover;
  position: relative;
  width: 100px;
  height: 100px;
}

.section-text-nav-sidebar > .content .photo-caption {
  display: flex;
  max-width: 400px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-text-nav-sidebar > .content .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.section-text-nav-sidebar > .content .name {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
}

.section-text-nav-sidebar > .content .spacing-horizontal-4 {
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}

.section-text-nav-sidebar > .content .subtitle {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-serif-italic-200-all-utility-serif-italic-font-family);
  font-style: var(--utility-styles-serif-italic-200-all-utility-serif-italic-font-style);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-serif-italic-200-all-utility-serif-italic-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-serif-italic-200-all-utility-serif-italic-letter-spacing);
  line-height: var(--utility-styles-serif-italic-200-all-utility-serif-italic-line-height);
}

.section-text-nav-sidebar > .content .img {
  position: relative;
  width: 100px;
  height: 100px;
}

.section-text-nav-sidebar > .content .link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.section-text-nav-sidebar > .content .icon-caret-right {
  position: relative;
  width: 16px;
  height: 16px;
}

.section-text-nav-sidebar > .content .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

@media (min-width: 960px) {
  .section-text-nav-sidebar > .content > .column-1.column-1-upper.empty-sidebar {
    width: 365px;
  }
}
.page-built > .page-content .column-1-upper {
  display: none;
}
@media (min-width: 960px) {
  .page-built > .page-content .column-1-upper {
    display: flex;
  }
}

.page-built > .page-content .column-1-lower {
  display: flex;
}
@media (min-width: 960px) {
  .page-built > .page-content .column-1-lower {
    display: none;
  }
}

.panel-background-lime .section-promos-wrapper .promos {
  background-color: var(--primitives-color-primary-lime);
}

.panel-background-yellow .section-promos-wrapper .promos {
  background-color: var(--primitives-color-secondary-bright-yellow);
}
.panel-background-yellow .promos {
  background-color: var(--primitives-color-secondary-bright-yellow);
}

.panel-background-orange .section-promos-wrapper .promos {
  background-color: var(--primitives-color-secondary-bright-orange);
}

.panel-background-green .section-promos-wrapper .promos {
  background-color: var(--primitives-color-primary-green);
}
.panel-background-green .promos {
  background-color: var(--primitives-color-primary-green);
}

.panel-background-teal .section-promos-wrapper .promos {
  background-color: var(--primitives-color-primary-teal);
}

.panel-background-med-blue .section-promos-wrapper .promos {
  background-color: var(--primitives-color-primary-bayer-blue);
}

.panel-background-dark-blue .section-promos-wrapper .promos {
  background-color: var(--primitives-color-primary-dark-blue);
}
.panel-background-dark-blue .section-promos-wrapper .promo-card .button-standard {
  background-color: var(--primitives-color-secondary-neutral-dark-gray);
}
.panel-background-dark-blue .section-promos-wrapper .promo-card .button-standard:hover {
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-mid-gray);
}

.panel-background-med-blue .section-promos-wrapper .section-header .text-wrapper,
.panel-background-dark-blue .section-promos-wrapper .section-header .text-wrapper {
  color: var(--primitives-color-secondary-neutral-light-gray);
}
.panel-background-med-blue .section-promos-wrapper .promo-card,
.panel-background-dark-blue .section-promos-wrapper .promo-card {
  border-color: var(--primitives-color-secondary-neutral-light-gray);
}
.panel-background-med-blue .section-promos-wrapper .promo-card .title,
.panel-background-med-blue .section-promos-wrapper .promo-card .blurb,
.panel-background-dark-blue .section-promos-wrapper .promo-card .title,
.panel-background-dark-blue .section-promos-wrapper .promo-card .blurb {
  color: var(--primitives-color-secondary-neutral-light-gray);
}

.section-promos-wrapper {
  margin: 0 -24px;
}
@media (min-width: 568px) {
  .section-promos-wrapper {
    margin: 0 -36px;
  }
}
@media (min-width: 768px) {
  .section-promos-wrapper {
    margin: 0 -48px;
    width: 100vw;
  }
}
@media (min-width: 1440px) {
  .section-promos-wrapper {
    margin: 0 -64px;
    width: 1440px;
    max-width: 1440px;
  }
}

.promos-3x,
.promos-4x {
  display: flex;
  flex-direction: column;
}
.promos-3x .cards,
.promos-4x .cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .promos-3x .cards,
  .promos-4x .cards {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .promos-3x .div,
  .promos-4x .div {
    width: 48%;
  }
}
@media (min-width: 1440px) {
  .promos-3x .div,
  .promos-4x .div {
    max-width: 1298px;
    width: 23.4%;
  }
}
.promos-3x .thumbnail-none-CTA,
.promos-4x .thumbnail-none-CTA {
  align-items: flex-start;
}
@media (min-width: 768px) {
  .promos-3x .thumbnail-none-CTA,
  .promos-4x .thumbnail-none-CTA {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .promos-3x .div {
    width: 48%;
  }
}
@media (min-width: 960px) {
  .promos-3x .div {
    width: 31%;
  }
}
@media (min-width: 1440px) {
  .promos-3x .div {
    width: 31.5%;
  }
}

.page-content .accordion > h2 a, .page-content .accordion > .h2 a {
  text-decoration: none;
}
.page-content .accordion > h2 a:hover, .page-content .accordion > .h2 a:hover {
  color: #000000;
}
.page-content .accordion > h2 a span, .page-content .accordion > .h2 a span {
  width: 80%;
  display: inline-flex;
  align-items: center;
}

@media (min-width: 960px) {
  .accordions-text-sidebar .column.column-1 {
    max-width: 300px;
  }
}
@media (min-width: 960px) {
  .accordions-text-sidebar .column.column-2 {
    padding-left: 63px;
  }
}
@media (min-width: 1440px) {
  .accordions-text-sidebar .column.column-2 {
    padding-left: 145px;
  }
}

.video-player {
  position: relative;
  width: 89.8vw;
}
@media (min-width: 568px) {
  .video-player {
    width: 86.6vw;
  }
}
@media (min-width: 960px) {
  .video-player {
    width: 47vw;
  }
}
@media screen and (min-width: 1200px) {
  .video-player {
    width: 656px;
  }
}
@media (min-width: 1440px) {
  .video-player {
    width: 832px;
  }
}

@media (min-width: 1440px) {
  .video-block .video-player {
    width: 770px;
  }
}

.video-block.home-in-season {
  width: auto;
}
.video-block.home-in-season .content {
  border-top: 3px solid var(--tokens-static-color-border-color-border-primary);
  border-bottom: 3px solid var(--tokens-static-color-border-color-border-primary);
}

.video-block.home-in-season .video-player {
  width: 327px;
}
@media (min-width: 568px) {
  .video-block.home-in-season .video-player {
    width: 504px;
  }
}
@media (min-width: 768px) {
  .video-block.home-in-season .video-player {
    width: 710px;
  }
}
@media (min-width: 960px) {
  .video-block.home-in-season .video-player {
    padding: 0 48px;
    width: 865px;
  }
}
@media screen and (min-width: 1200px) {
  .video-block.home-in-season .video-player {
    width: 1104px;
  }
}
@media (min-width: 1440px) {
  .video-block.home-in-season .video-player {
    width: 1312px;
  }
}

.video-player .overlap {
  position: relative;
}

.video-player .overlap-group {
  position: relative;
  height: 8px;
}

.video-player .div {
  position: relative;
  height: 2px;
}

.video-player .made-at-theorem-with {
  position: absolute;
  width: 292px;
  height: 14px;
  top: 7px;
  left: 8px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 9.2px;
  letter-spacing: 0;
  line-height: 13.2px;
  white-space: nowrap;
}

.video-frame {
  aspect-ratio: 16/9;
  width: 100%;
}

.section-text-nav-sidebar > .content .image-standard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}
.section-text-nav-sidebar > .content .image-standard .image {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  object-fit: cover;
}
.section-text-nav-sidebar > .content .image-standard .div {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  transform: rotate(-34.23deg);
}

main.homepagebuilt .section-image-carousel {
  margin: 0;
}

main.amfs-on-spotify .rte td {
  width: auto;
}

#calendar-views .fc-daygrid-event {
  white-space: wrap;
}

#calendar-views .fc-daygrid-day-events .weekly-banner img {
  margin-bottom: -3px;
  margin-top: -1px;
  width: 164px;
}

#calendar-views .fc-daygrid-day-events .weekly-banner {
  display: flex;
  flex-direction: column;
  width: 164px;
  height: 206px;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 12px;
  position: relative;
  margin-top: -1px;
  margin-bottom: -3px;
}
#calendar-views .fc-daygrid-day-events .weekly-banner-eyebrow {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  font-family: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-300-all-header-sans-bold-font-style);
}
#calendar-views .fc-daygrid-day-events .weekly-banner-header {
  position: relative;
  width: fit-content;
  font-family: var(--pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-line-height);
  font-style: var(--pseudo-header-styles-sans-regular-1000-LG-header-sans-regular-font-style);
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-1, #calendar-views .fc-daygrid-day-events .weekly-banner.week-7 {
  background-color: var(--primitives-color-secondary-bright-yellow);
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-2, #calendar-views .fc-daygrid-day-events .weekly-banner.week-8 {
  background-color: #c8f55a;
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-3 {
  background-color: #78d648;
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-4 {
  background-color: #28d2be;
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-5 {
  background-color: #1592f6;
}
#calendar-views .fc-daygrid-day-events .weekly-banner.week-6 {
  background-color: var(--primitives-color-secondary-bright-orange);
}

.calendar {
  display: flex;
  flex-direction: column;
  width: 373px;
  align-items: flex-start;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
}
@media (min-width: 568px) {
  .calendar {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
    width: 100%;
  }
}
@media (min-width: 960px) {
  .calendar {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
  }
}
@media (min-width: 1440px) {
  .calendar {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
  }
}

.calendar .options {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.calendar .button-standard {
  background-color: transparent;
  border: none;
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
}
.calendar .button-standard.selected, .calendar .button-standard:hover {
  background-color: var(--primitives-color-secondary-neutral-nearly-white) !important;
}

.calendar .button-standard .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar .div {
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
  all: unset;
  box-sizing: border-box;
}

.calendar .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.calendar .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.calendar .div-2 {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.link-quick-view {
  color: var(--primitives-color-primary-blue);
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  gap: 2px;
  height: 30px;
}
.link-quick-view:hover .info-hint-wrapper {
  display: block;
  position: absolute;
  left: 24px;
}
.link-quick-view .icon-info {
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  fill: black;
}
.link-quick-view .icon-info:hover,
.link-quick-view:hover .icon-info {
  fill: var(--primitives-color-primary-blue);
  width: 100%;
}
.link-quick-view .icon-info:hover {
  fill: var(--primitives-color-primary-blue);
}
.link-quick-view .info-hint-wrapper {
  cursor: default;
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
  display: none;
}

.calendar .month-year-select-listview {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .calendar .month-year-select-listview {
    display: none;
  }
}
.calendar .month-year-select-listview select {
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/themes/user/amfs/svg/icon-caret-down.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
}
.calendar .month-year-select-listview .year-select-list .yearmenu {
  background: url(/themes/user/amfs/svg/icon-caret-down.svg);
  background-repeat: no-repeat;
  background-position: 136px center;
  background-size: 16px;
  background-color: var(--primitives-color-secondary-neutral-off-white);
  background-origin: content-box;
}
.calendar .month-year-select-listview .year-select-list .yearmenu li {
  width: 100%;
}
.calendar .pulldown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.calendar .field {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: 0px 6px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-off-white);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}

.calendar .default-text-value {
  position: relative;
  flex: 1;
  font-family: var(--utility-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-sans-regular-300-all-utility-sans-font-style);
}

.calendar .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.calendar .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.calendar .icon-caret-down {
  position: relative;
  width: 16px;
  height: 16px;
}

.calendar .month-year-select-listview .icon-caret-down {
  left: -16px;
}

.calendar .month-year-select-banner {
  display: none;
  width: 100%;
}
@media (min-width: 768px) {
  .calendar .month-year-select-banner {
    display: flex;
  }
}

.tabs-calendar {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
}

.tabs-calendar .tab {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--tokens-tabs-tab-primary-color-tab-background-primary);
  border-top-width: 3px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}
.tabs-calendar .tab:last-child {
  border-right-width: 1px;
  border-right-style: solid;
}
.tabs-calendar .tab[data-tokens-tabs-mode=default]:hover {
  background-color: var(--primitives-color-primary-lime);
}

.tabs-calendar .tab-label {
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  position: relative;
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
  width: 100%;
  height: 100%;
  padding-top: 10px;
  cursor: pointer;
}

.tabs-calendar .div {
  margin-left: -3.17px;
  margin-right: -3.17px;
  color: var(--tokens-tabs-tab-primary-color-tab-label-primary);
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  font-weight: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-weight);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
}

.tabs-calendar .tab-2 {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px var(--primitives-units-4-pixel-scale-12px) 0px var(--primitives-units-4-pixel-scale-12px);
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--tokens-tabs-tab-primary-color-tab-background-primary);
  border-top-width: 3px;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-tabs-tab-primary-color-tab-border-primary);
}

.tabs-calendar .pulldown-menu {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  height: 44px;
  width: 120px;
  align-items: flex-start;
  position: relative;
  z-index: 9;
}

.tabs-calendar .field {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0px 0px 0px var(--tokens-static-spacing-spacing-03);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-static-color-background-color-background-primary);
  border-top-width: 3px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.tabs-calendar .selected-text-value,
.month-year-select-listview .selected-text-value {
  position: relative;
  flex: 1;
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
}

.tabs-calendar .spacing-horizontal {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  height: 42px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.tabs-calendar .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.tabs-calendar .button-icon {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  align-items: flex-end;
  justify-content: center;
  position: relative;
  background-color: transparent;
  border: 0.85px solid;
  border-color: var(--tokens-buttons-links-color-button-icon-primary-color-button-icon-border-primary);
}

.tabs-calendar .icon-caret-down {
  position: relative;
  width: 32px;
  height: 32px;
}

.tabs-calendar .yearmenu.active .icon-caret-down {
  transform: rotate(180deg);
}

.tabs-calendar #calendar-months {
  display: flex;
  width: 100%;
}

.tabs-calendar .yearmenu.field {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.tabs-calendar .yearmenu.field > li {
  display: flex;
  flex-direction: column;
  position: relative;
  top: -2px;
  width: 100%;
}
.tabs-calendar .yearmenu.field a {
  align-items: center;
  display: flex;
}
.tabs-calendar .yearmenu.field ul {
  display: flex;
  flex-direction: column;
  z-index: 10;
  gap: 8px;
  margin-top: 1px;
  padding-bottom: 8px;
  padding-left: 19px;
  padding-top: 8px;
  background-color: white;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: black;
  position: absolute;
  left: -1px;
  width: 121px;
  top: 42px;
}
.tabs-calendar .yearmenu.field li.year-list-item {
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
}

.year-select-list .yearmenu.field {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.year-select-list .yearmenu.field > li {
  display: flex;
  flex-direction: column;
  position: relative;
  top: -2px;
  width: 100%;
}
.year-select-list .yearmenu.field a {
  align-items: center;
  display: flex;
  padding: 13px 6px 0px var(--tokens-static-spacing-spacing-03);
}
.year-select-list .yearmenu.field ul {
  display: flex;
  flex-direction: column;
  z-index: 10;
  gap: 8px;
  margin-top: 1px;
  padding-bottom: 8px;
  padding-left: 14px;
  padding-top: 8px;
  background-color: white;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: black;
  position: absolute;
  width: 100%;
  top: 45px;
}
@media (min-width: 1440px) {
  .year-select-list .yearmenu.field ul {
    top: 42px;
    width: 111px;
  }
}
.year-select-list .yearmenu.field li.year-list-item {
  text-align: center;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar .calendar-header {
  display: flex;
  flex-direction: column;
  width: 373px;
  align-items: flex-start;
  position: relative;
  background-color: var(--tokens-static-color-background-color-background-primary);
}
.calendar .calendar-header.stuck {
  z-index: 10;
}
@media (min-width: 568px) {
  .calendar .calendar-header {
    flex-direction: row;
    width: 100%;
  }
}

.calendar .calendar-header .results {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.calendar .calendar-header .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.calendar .calendar-header .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

@media (min-width: 568px) {
  .calendar .calendar-header .div {
    display: flex;
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .calendar .calendar-header .div {
    width: 100%;
  }
}

.calendar .calendar-header .content {
  align-items: center;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .calendar .calendar-header .content {
    width: auto;
  }
}

.calendar .calendar-header .div-2 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}
@media (min-width: 568px) {
  .calendar .calendar-header .div-2 {
    justify-content: flex-start;
  }
}

@media (min-width: 568px) {
  .calendar .calendar-header .div-2.legend-wrapper {
    justify-content: flex-end;
  }
}

@media (min-width: 1440px) {
  .calendar .calendar-header .legend-wrapper {
    width: 44px;
  }
}

.calendar .calendar-header .frame {
  display: flex;
  flex-direction: column;
  width: var(--primitives-units-4-pixel-scale-24px);
  height: var(--primitives-units-4-pixel-scale-24px);
  justify-content: center;
  gap: 10px;
  background-color: var(--primitives-color-primary-lime);
  border-radius: 12px;
  align-items: center;
  position: relative;
}

.calendar .calendar-header .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-100-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-100-all-utility-sans-font-style);
}

.calendar .calendar-header .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.calendar .calendar-header .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.calendar .calendar-header .frame-2 {
  display: inline-flex;
  gap: 4px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.calendar .calendar-header .element-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.calendar .calendar-header .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.calendar .calendar-header .header {
  display: flex;
  align-items: flex-end;
}

.button-filter {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
}

.button-filter .column {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  flex: 0 0 auto;
}

.button-filter .count {
  display: flex;
  flex-direction: column;
  width: var(--primitives-units-4-pixel-scale-20px);
  height: var(--primitives-units-4-pixel-scale-20px);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--primitives-color-secondary-neutral-light-gray);
  border-radius: 12px;
}
.button-filter .count.active {
  background-color: var(--color-primary-lime);
}

.button-filter .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 10px;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.button-filter .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.button-filter .element {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.button-filter .icon {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.button-filter .spacing-vertical {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}

.button-filter .div {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.button-filter .frame {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.calendar .calendar-header .button-filter .frame {
  background-color: #fff;
}

.button-filter .icon-filter {
  position: relative;
  width: 32px;
  height: 32px;
}

.link-quick-view {
  color: var(--primitives-color-primary-blue);
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  gap: 2px;
}
.link-quick-view:hover > .info-hint-wrapper {
  display: block;
}

.icon-info {
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  fill: #000000;
}
.icon-info:hover {
  fill: var(--primitives-color-primary-blue);
}

.info-hint-wrapper {
  cursor: default;
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-regular-200-all-utility-sans-font-family);
  font-size: var(--utility-styles-sans-regular-200-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-200-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-200-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-200-all-utility-sans-font-style);
  display: none;
}

.calendar .calendar-header .month-info {
  padding-left: 8px;
  position: relative;
  flex: 1;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}

.calendar .calendar-header .event-count {
  padding-left: 8px;
  position: relative;
  flex: 1;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}

.calendar .calendar-header .element-px-wrapper {
  display: flex;
  flex-direction: column;
  height: 16px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.calendar .calendar-header .element-3 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
@media (min-width: 568px) {
  .calendar .calendar-header .element-3 {
    width: 8px;
  }
}

.calendar .calendar-header .frame-3 {
  display: inline-flex;
  gap: 8px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.calendar .calendar-header .symbol-free {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--primitives-color-primary-green);
  border-radius: 8px;
}

.calendar .calendar-header .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar .calendar-header .div-wrapper {
  height: 24px;
  width: 100%;
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.calendar .frame.event-listing-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
}
.calendar .frame.event-listing-frame.filtering {
  opacity: 0.3;
  transition: opacity 0.25;
}
@media (min-width: 568px) {
  .calendar .frame.event-listing-frame {
    flex-direction: column;
    gap: 16px;
    border-top-width: 3px;
    border-top-style: solid;
    border-color: var(--tokens-static-color-border-color-border-primary);
  }
}
@media (min-width: 1440px) {
  .calendar .frame.event-listing-frame {
    display: none;
  }
}
.calendar .frame.event-listing-frame .content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}
@media (min-width: 568px) {
  .calendar .frame.event-listing-frame .content {
    flex-direction: row;
  }
}
.calendar .frame.event-listing-frame .content.filter-hidden {
  display: none !important;
}

@media (min-width: 768px) {
  .calendar .event-search .frame.event-listing-frame {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  .calendar .event-search .frame.event-listing-frame {
    display: flex;
  }
}
.calendar .event-search .frame.event-listing-frame .event-info-time div:first-of-type {
  width: 100%;
}

@media (min-width: 568px) {
  .frame .content {
    display: flex;
    gap: 16px;
  }
  .frame .content:not(:first-of-type) {
    border-top-width: 3px;
    border-top-style: solid;
    border-color: var(--tokens-static-color-border-color-border-primary);
  }
}
@media (min-width: 568px) {
  .frame .content .lists {
    gap: var(--primitives-units-4-pixel-scale-24px);
    padding: 0px var(--primitives-units-4-pixel-scale-16px) 0px var(--primitives-units-4-pixel-scale-16px);
  }
}
@media (min-width: 768px) {
  .frame .content .lists {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 960px) {
  .frame .content .lists {
    justify-content: normal;
    width: calc(100% - 114px);
  }
}
@media (min-width: 1440px) {
  .frame .content .lists {
    width: 100%;
  }
}

.frame .calendar-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
@media (min-width: 568px) {
  .frame .calendar-date {
    height: 174px;
    width: 114px;
  }
  .frame .calendar-date:first-child {
    border-top: none;
  }
}

.calendar .frame.event-listing-frame .date {
  position: relative;
  align-self: stretch;
  margin-top: -3px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar .frame.event-listing-frame .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-700-XS-MD-header-sans-bold-font-style);
}

@media (min-width: 568px) {
  .calendar .frame.event-listing-frame .event-list {
    padding: 0px var(--primitives-units-4-pixel-scale-16px) 0px var(--primitives-units-4-pixel-scale-16px);
  }
}
@media (min-width: 768px) {
  .calendar .frame.event-listing-frame .event-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
  }
}

.calendar .frame.event-listing-frame .event-listing {
  display: flex;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.calendar .frame.event-listing-frame .event-listing.filter-hidden {
  display: none !important;
}
@media (min-width: 568px) {
  .calendar .frame.event-listing-frame .event-listing {
    align-self: flex-end;
    min-width: 342px;
  }
  .calendar .frame.event-listing-frame .event-listing:first-child {
    border-top: none;
  }
}
@media (min-width: 768px) {
  .calendar .frame.event-listing-frame .event-listing {
    align-self: stretch;
    padding: 16px;
    min-width: 542px;
  }
}
@media (min-width: 960px) {
  .calendar .frame.event-listing-frame .event-listing {
    flex-grow: 1;
    min-width: 0;
    width: 46%;
  }
  .calendar .frame.event-listing-frame .event-listing:nth-child(2) {
    border-top: none;
  }
}
.calendar .frame.event-listing-frame .event-listing .no-image {
  width: 135px;
}
.calendar .frame.event-listing-frame .event-listing a {
  display: flex;
}

.calendar .frame.event-listing-frame .circle {
  position: relative;
  height: 135px;
}

.calendar .frame.event-listing-frame .spacing-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: var(--spacings-others-blue-400);
  opacity: 0;
  padding: 3px;
  width: 0;
}

.calendar .frame.event-listing-frame .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.calendar .frame.event-listing-frame .event-info {
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}
.calendar .frame.event-listing-frame .event-info.event-has-image {
  left: -35px;
}
@media (min-width: 768px) {
  .calendar .frame.event-listing-frame .event-info.event-has-image {
    left: -31.5px;
  }
}

.calendar .frame.event-listing-frame .div {
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.calendar .frame.event-listing-frame .element-wrapper {
  height: var(--tokens-static-spacing-spacing-02);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.calendar .frame.event-listing-frame .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.calendar .frame.event-listing-frame .eyebrow,
.modal-quick-view .eyebrow {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-100-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-100-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-100-all-utility-sans-font-style);
  text-transform: uppercase;
}

.calendar .frame.event-listing-frame .element-px-wrapper {
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}

.calendar .frame.event-listing-frame .element-2 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.calendar .frame.event-listing-frame .title {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.calendar .frame.event-listing-frame .time {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
@media (min-width: 768px) {
  .calendar .frame.event-listing-frame .time.time-free-event {
    width: 100%;
  }
}

.calendar .frame.event-listing-frame .event-info-time {
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.calendar .frame.event-listing-frame .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar .frame.event-listing-frame .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .calendar .frame.event-listing-frame .line {
    display: none;
  }
}

.calendar .frame.event-listing-frame .symbol-free {
  position: relative;
  min-width: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--primitives-color-primary-green);
  border-radius: 8px;
}

@media (min-width: 1440px) {
  #calendar-views {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
  }
}
#calendar-views #event-search-view {
  color: #000000;
  display: flex;
  flex-direction: column;
  /* width: fit-content; */
  align-items: center;
  padding: 0 12px;
}
#calendar-views #event-search-view span {
  margin-bottom: 4px;
}
#calendar-views .calendar-grid-wrapper {
  display: none;
}
@media (min-width: 1440px) {
  #calendar-views .calendar-grid-wrapper {
    display: block;
  }
}
#calendar-views .test-cell {
  min-width: 250px;
  min-height: 250px;
}
#calendar-views .calendar-listing {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  min-width: 160px;
}
#calendar-views .calendar-listing.no-border {
  border: none;
}
#calendar-views .calendar-listing .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-03);
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
#calendar-views .calendar-listing .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
#calendar-views .calendar-listing .circle {
  position: relative;
  width: 166px;
}
#calendar-views .calendar-listing .frame {
  flex-direction: column;
  width: 152px;
  align-items: flex-start;
  display: flex;
  position: relative;
  flex: 0 0 auto;
}
#calendar-views .calendar-listing .element-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
#calendar-views .calendar-listing .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
#calendar-views .calendar-listing .eyebrow {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-100-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-100-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-100-all-utility-sans-font-style);
  text-transform: uppercase;
}
#calendar-views .calendar-listing .element-px-wrapper {
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}
#calendar-views .calendar-listing .text-wrapper {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}
#calendar-views .calendar-listing .title {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
  white-space: break-spaces;
  width: 100%;
}
#calendar-views .calendar-listing .div {
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  min-height: 22.7px;
}
#calendar-views .calendar-listing .div .event-free-wrapper,
#calendar-views .event-listing .event-free-wrapper {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
#calendar-views .calendar-listing .div .event-free-wrapper.active,
#calendar-views .event-listing .event-free-wrapper.active {
  display: flex;
}
#calendar-views .calendar-listing .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
#calendar-views .calendar-listing .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}
#calendar-views .calendar-listing .symbol-free {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--primitives-color-primary-green);
  border-radius: 8px;
  top: -1px;
}
#calendar-views .calendar-listing .div-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
#calendar-views .calendar-listing .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

#calendar-views .fc .fc-daygrid-day-number {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style);
}
#calendar-views .fc .fc-daygrid-day-top {
  border-bottom: 3px solid black;
  display: flex;
  flex-direction: row;
  width: 160px;
}
#calendar-views .fc .fc-daygrid-event-harness:first-child .calendar-listing {
  border-top-width: 0;
}

#calendar-views .fc-theme-standard td, #calendar-views .fc-theme-standard th {
  border: none;
}
#calendar-views .fc-theme-standard .fc-scrollgrid {
  border: none;
}
#calendar-views .fc th {
  text-align: left;
  font-weight: normal;
}
#calendar-views .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
  min-height: 140px;
}
#calendar-views .fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
#calendar-views .fc-daygrid-dot-event.fc-event-mirror, #calendar-views .fc-daygrid-dot-event:hover {
  background: transparent;
}
#calendar-views .fc-scrollgrid-sync-inner {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
#calendar-views .fc-col-header-cell-cushion {
  text-transform: uppercase;
}
#calendar-views table.fc-col-header {
  background-color: white;
  z-index: 10;
}
#calendar-views table.fc-col-header.stuck .fc-col-header-cell-cushion {
  padding-bottom: 12px;
}
#calendar-views .fc .fc-daygrid-day-top {
  background-color: white;
  z-index: 10;
  position: relative;
  width: 164px;
}
#calendar-views .fc .fc-day-other .fc-daygrid-day-top.stuck {
  opacity: 1;
}
#calendar-views .fc .fc-day-other .fc-daygrid-day-top.stuck .fc-daygrid-day-number {
  color: #999;
  opacity: 1;
}

.event-grid-image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/circle-3_4_cropped_bottom.svg);
  mask-image: url(/themes/user/amfs/svg/circle-3_4_cropped_bottom.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 166px;
  height: 120px;
}

.event-list-image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/circle-3_4_cropped_right.svg);
  mask-image: url(/themes/user/amfs/svg/circle-3_4_cropped_right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100%;
  z-index: 20;
}

#colorbox {
  z-index: 20 !important;
}

#cboxContent {
  background-color: white;
  max-height: 90vh;
}

#colorbox #cboxClose {
  top: 28px !important;
  right: 28px !important;
  position: absolute;
}
#colorbox #cboxClose .close {
  left: 5px;
  position: relative;
  width: 22px;
}

#cboxLoadedContent {
  margin-bottom: 0 !important;
  max-height: 90vh;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

.event-modal-image-mask {
  -webkit-mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  mask-image: url(/themes/user/amfs/svg/tent-circle-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.modal-quick-view {
  display: flex;
  flex-direction: column;
  padding: 32px;
  width: 365px;
  align-items: flex-end;
  position: relative;
  background-color: var(--tokens-static-color-background-color-background-primary);
}
@media (min-width: 768px) {
  .modal-quick-view {
    padding: 32px 32px 48px;
    width: 768px;
  }
}
.modal-quick-view .modal-header {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-quick-view .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.modal-quick-view .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-04);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.modal-quick-view .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-quick-view .title {
  display: flex;
  max-width: 1088px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 568px) {
  .modal-quick-view .title {
    gap: 0;
  }
}
.modal-quick-view .cover {
  position: relative;
  width: 100px;
  height: 100px;
}

.modal-quick-view .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.modal-quick-view .header {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: transparent;
}

.modal-quick-view .h {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h1-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h1-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h1-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h1-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h1-XS-MD-font-style);
}

.modal-quick-view .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  gap: 10px;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .content {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modal-quick-view .content {
    flex-direction: row;
  }
}

.modal-quick-view .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
@media (min-width: 568px) {
  .modal-quick-view .column {
    width: 279px;
  }
}

.modal-quick-view .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}

.modal-quick-view .element-px-wrapper {
  gap: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.modal-quick-view .div-wrapper {
  width: 279px;
  height: 9px;
  gap: 6.98px;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .div {
  font-size: 2.8px;
  line-height: 2.8px;
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.modal-quick-view .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-500-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-500-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-style);
}

.modal-quick-view .link-text {
  display: flex;
  width: 279px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.modal-quick-view .link {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
}

.modal-quick-view .spacing-vertical-2 {
  height: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.modal-quick-view .p {
  position: relative;
  width: fit-content;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.modal-quick-view .spacing-vertical-3 {
  height: var(--tokens-static-spacing-spacing-03);
  gap: 10px;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .element-2 {
  font-size: 4px;
  line-height: 4px;
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.modal-quick-view .buttons {
  display: flex;
  align-items: flex-start;
  gap: var(--primitives-units-4-pixel-scale-8px);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-quick-view .button-standard {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-border-secondary);
}

.modal-quick-view .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.modal-quick-view .button-standard-2 {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
}

.modal-quick-view .label-2 {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.modal-quick-view .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 4px;
  overflow: hidden;
}

.modal-quick-view .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.modal-quick-view .column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .modal-quick-view .column-2 {
    width: 46%;
    max-width: 400px;
  }
}

.modal-quick-view .program {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.modal-quick-view .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-quick-view .h-2 {
  margin-top: -1px;
  position: relative;
  width: fit-content;
  font-family: "Larsseit-Bold", Helvetica;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.modal-quick-view .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.modal-quick-view .text-i {
  position: relative;
  align-self: stretch;
  font-family: "Utopia W08 Semibold", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.modal-quick-view .span {
  font-family: "Utopia W08 Semibold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.modal-quick-view .spacing-vertical-4 {
  width: 401px;
  height: var(--tokens-static-spacing-spacing-06);
  gap: 10px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .artists {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.modal-quick-view .h-3 {
  position: relative;
  width: fit-content;
  font-family: "Larsseit-Bold", Helvetica;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.modal-quick-view .link-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-quick-view .link-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
}

.modal-quick-view .spacing-vertical-5 {
  height: var(--tokens-static-spacing-spacing-09);
  gap: 10px;
  align-self: stretch;
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
}

.modal-quick-view .element-3 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
}

@media (min-width: 768px) {
  .search button.button-primary {
    width: auto;
  }
}

.search .button-standard {
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
}
.search .button-standard:hover {
  color: #000;
}
.search .button-standard:hover .label,
.search .button-standard:hover .label-2 {
  color: #000;
}

.search .label {
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.search .div {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  background-color: var(--primitives-color-secondary-neutral-nearly-white);
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
}

.search .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.search .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .search .div-2 {
    flex-direction: row;
  }
}

.search .field {
  display: flex;
  flex-direction: row;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  padding: var(--tokens-static-spacing-spacing-02) 0px 0px var(--tokens-static-spacing-spacing-01);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--primitives-color-secondary-neutral-off-white);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--tokens-form-color-input-border-primary);
}
@media (min-width: 768px) {
  .search .field {
    flex: 1 0 auto;
    width: auto;
  }
}

.search .icon-search {
  position: relative;
  width: 32px;
  height: 32px;
}

.search .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.search .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.search .text-value {
  background-color: var(--primitives-color-secondary-neutral-off-white);
  position: relative;
  flex: 1;
  font-family: var(--utility-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-text-value-primary);
  font-size: var(--utility-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-sans-regular-300-all-utility-sans-font-style);
}
.search .text-value:focus-visible {
  outline: none;
}

.search .icon-x {
  position: relative;
  width: 16px;
  height: 16px;
}

.search .element-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.search .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.search .element-px-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
@media (min-width: 768px) {
  .search .element-px-wrapper {
    display: none;
  }
}

.search .button-standard-2 {
  display: flex;
  align-self: stretch;
  width: 100%;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
}

.search .label-2 {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.calendar-views {
  width: 100%;
}
.calendar-views .list-calendar-view .cal-loader,
.calendar-views .list-calendar-view .list-view-message {
  color: #000000;
  text-align: center;
}
@media (min-width: 568px) {
  .calendar-views .event-search {
    width: 100%;
  }
}

.modal-filter-wrapper {
  display: none;
  width: 100%;
}

.modal-event-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  color: black;
}

.modal-event-filter .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #000000;
}

.modal-event-filter .element-wrapper {
  height: 16px;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.modal-event-filter .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-event-filter .header {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.modal-event-filter .h {
  position: relative;
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-600-XS-MD-header-sans-bold-font-style);
}

.modal-event-filter .button-wrapper {
  display: flex;
  gap: 24px;
  margin: 0 0 0 auto;
}

.modal-event-filter .button-standard {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0px 16px 0px 12px;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: #000000;
  margin: 0 0 0 auto;
}

.modal-event-filter .icon-refresh {
  position: relative;
  width: 16px;
  height: 16px;
}

.modal-event-filter .union {
  position: absolute;
  width: 12px;
  height: 13px;
  top: 1px;
  left: 2px;
}

.modal-event-filter .spacing-horizontal {
  width: 4px;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.modal-event-filter .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.modal-event-filter .label {
  font-family: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-size);
  line-height: var(--utility-styles-sans-bold-200-all-utility-sans-bold-line-height);
  position: relative;
  width: fit-content;
  color: #000000;
  letter-spacing: var(--utility-styles-sans-bold-200-all-utility-sans-bold-letter-spacing);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-200-all-utility-sans-bold-font-style);
}

.modal-event-filter .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #000000;
}

.modal-event-filter .columns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .modal-event-filter .columns {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.modal-event-filter .column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .modal-event-filter .column {
    width: 31%;
  }
}
@media (min-width: 1440px) {
  .modal-event-filter .column {
    width: 18.5%;
  }
}

.modal-event-filter .composer-2 {
  margin-top: -63px;
}
@media (min-width: 768px) {
  .modal-event-filter .composer-2 {
    margin-top: 0;
  }
}

.modal-event-filter .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Larsseit-Bold", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.modal-event-filter .checkbox {
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-event-filter .icon-checkbox {
  position: relative;
  width: 24px;
  height: 24px;
}

.modal-event-filter .checkbox .event-count {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}
.modal-event-filter .checkbox .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-label-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}
.modal-event-filter .checkbox .div {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-form-color-input-label-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.modal-event-filter .element-px-wrapper {
  display: flex;
  flex-direction: column;
  width: 8px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.modal-event-filter .div {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-event-filter .label-2 {
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  position: relative;
  width: fit-content;
  color: #000000;
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
  text-transform: capitalize;
}
.modal-event-filter .label-2.cb-disabled {
  color: #d1ccbd;
}

.modal-event-filter .count {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.modal-event-filter .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.modal-event-filter .element-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: #000000;
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.modal-event-filter .spacing-vertical {
  height: 48px;
  width: 100%;
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}

.modal-event-filter .element-3 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

#calendar-filters {
  width: 100%;
}

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container.cb-disabled {
  cursor: default;
}
.container.cb-disabled .checkmark {
  border-color: #d1ccbd;
}
.container.cb-disabled .checkmark:after {
  filter: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(565%) hue-rotate(330deg) brightness(86%) contrast(88%);
}
.container.cb-disabled .label-2 {
  color: #d1ccbd;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark:after {
  content: "";
  position: absolute;
}

.container input:checked ~ .checkmark:after {
  content: url(/themes/user/amfs/svg/icon-checkbox-checked-24.svg);
}

.container .checkmark:after {
  content: url(/themes/user/amfs/svg/icon-checkbox-unchecked-24.svg);
  top: -4px;
  left: -2px;
}

.content.event-detail {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
}
@media (min-width: 568px) {
  .content.event-detail {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
    width: 100%;
  }
}
@media (min-width: 960px) {
  .content.event-detail {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
    display: flex;
    gap: var(--primitives-units-4-pixel-scale-32px);
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .content.event-detail {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
  }
}
.content.event-detail .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: rgba(47, 128, 237, 0.2);
}
@media (min-width: 960px) {
  .content.event-detail .spacing-vertical {
    display: none;
  }
}
.content.event-detail .spacing-vertical .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.content.event-detail .spacing-vertical-03 {
  height: var(--tokens-static-spacing-spacing-03);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
.content.event-detail .spacing-vertical-06 {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
@media (min-width: 768px) {
  .content.event-detail .main-content > .spacing-vertical-06 {
    display: none;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .main-content > .spacing-vertical-06 {
    display: flex;
  }
}
.content.event-detail .spacing-vertical-07 {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}
.content.event-detail .tent-brand-wrapper {
  width: 100%;
  overflow: hidden;
  position: absolute;
  padding: 0px var(--primitives-units-4-pixel-scale-24px) 0px var(--primitives-units-4-pixel-scale-24px);
  margin-left: calc(var(--primitives-units-4-pixel-scale-24px) * -1);
  margin-right: calc(var(--primitives-units-4-pixel-scale-24px) * -1);
  top: 282px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-wrapper {
    padding: 0px var(--primitives-units-4-pixel-scale-32px) 0px var(--primitives-units-4-pixel-scale-32px);
    margin-left: calc(var(--primitives-units-4-pixel-scale-32px) * -1);
    margin-right: calc(var(--primitives-units-4-pixel-scale-32px) * -1);
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-wrapper {
    height: 1120px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-wrapper {
    padding: 0px var(--primitives-units-4-pixel-scale-48px) 0px var(--primitives-units-4-pixel-scale-48px);
    margin-left: calc(var(--primitives-units-4-pixel-scale-32px) * -1);
    margin-right: calc(var(--primitives-units-4-pixel-scale-32px) * -1);
  }
}
@media (min-width: 1440px) {
  .content.event-detail .tent-brand-wrapper {
    padding: 0px var(--primitives-units-4-pixel-scale-64px) 0px var(--primitives-units-4-pixel-scale-64px);
    margin-left: calc(var(--primitives-units-4-pixel-scale-64px) * -1);
    margin-right: calc(var(--primitives-units-4-pixel-scale-64px) * -1);
    top: 212px;
  }
}
.content.event-detail .tent-brand-diagonal {
  height: 738px;
  width: 528px;
  left: -130px;
  background-image: url("/themes/user/amfs/svg/tent-brand-diagonal-full-orange.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-diagonal {
    height: 755px;
    width: 640px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-diagonal {
    width: 552px;
    top: 382px;
    left: 0;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-diagonal {
    top: 130px;
    width: 552px;
  }
}
.content.event-detail .tent-brand-square {
  background-image: url("/themes/user/amfs/svg/tent-brand-square-full-blue.svg");
  background-repeat: no-repeat;
  position: relative;
  width: 600px;
  height: 600px;
  left: -310px;
  top: 20px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-square {
    left: -190px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-square {
    top: 382px;
    left: 0;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-square {
    top: 124px;
  }
}
.content.event-detail .tent-brand-circle {
  background-image: url("/themes/user/amfs/svg/tent-brand-circle-full-yellow.svg");
  background-repeat: no-repeat;
  height: 600px;
  width: 600px;
  position: relative;
  left: -312px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-circle {
    left: -232px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-circle {
    top: 364px;
    left: 0;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-circle {
    top: 72px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .tent-brand-circle {
    top: 108px;
  }
}
.content.event-detail .tent-brand-rectangle {
  background-image: url("/themes/user/amfs/svg/tent-brand-rectangle-full-lime.svg");
  background-repeat: no-repeat;
  height: 887px;
  width: 263px;
  position: relative;
  left: -78px;
  top: 44px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-rectangle {
    left: -36px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-rectangle {
    top: 382px;
    left: 0;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-rectangle {
    top: 104px;
    left: 100px;
  }
}
.content.event-detail .tent-brand-triangle {
  background-image: url("/themes/user/amfs/svg/tent-brand-triangle-full-green.svg");
  background-repeat: no-repeat;
  height: 600px;
  width: 600px;
  position: relative;
  left: -24px;
  top: 30px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-triangle {
    left: -32px;
    top: 52px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-triangle {
    top: 258px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-triangle {
    top: 20px;
    left: 106px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .tent-brand-triangle {
    left: 0;
  }
}
.content.event-detail .tent-brand-tall-triangle {
  background-image: url("/themes/user/amfs/svg/tent-brand-tall-triangle-full-teal.svg");
  background-repeat: no-repeat;
  height: 720px;
  width: 391px;
  position: relative;
  left: -29px;
}
@media (min-width: 568px) {
  .content.event-detail .tent-brand-tall-triangle {
    left: -32px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .tent-brand-tall-triangle {
    top: 298px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .tent-brand-tall-triangle {
    top: 20px;
    left: 204px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .tent-brand-tall-triangle {
    left: 132px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .main-content {
    width: 61%;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .main-content {
    width: auto;
  }
}
.content.event-detail .sidebar {
  display: none;
  flex-direction: column;
  width: 304px;
  align-items: center;
  padding: 0px var(--primitives-units-4-pixel-scale-40px) 0px var(--primitives-units-4-pixel-scale-40px);
  position: relative;
}
.content.event-detail .sidebar .sidebar-top-border {
  border-color: var(--tokens-static-color-border-color-border-primary);
  border-top-width: 3px;
  border-top-style: solid;
}
@media (min-width: 960px) {
  .content.event-detail .sidebar {
    display: flex;
  }
}
.content.event-detail .sidebar .div {
  border-top: 3px solid;
}
@media (min-width: 768px) {
  .content.event-detail .event-info {
    display: flex;
    flex-wrap: wrap;
    gap: var(--primitives-units-4-pixel-scale-24px);
  }
  .content.event-detail .event-info > [class^=spacing-vertical-] {
    display: none !important;
  }
}
.content.event-detail .pulldown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}
.content.event-detail .pulldown-menu .field {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: white;
}
.content.event-detail .pulldown-menu .field a {
  height: 100%;
  width: 100% !important;
  text-decoration: none !important;
  padding: 9px 6px 8px var(--tokens-static-spacing-spacing-03);
}
.content.event-detail .program {
  border-top: 3px solid var(--tokens-static-color-border-color-border-primary);
}
@media (min-width: 1440px) {
  .content.event-detail .program {
    width: 642px;
  }
}
.content.event-detail .program-listing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.content.event-detail .program-listing .div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.content.event-detail .program-listing .title {
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.content.event-detail .program-listing .list-item {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Utopia W08 Semibold", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.content.event-detail .program-listing .text-wrapper,
.content.event-detail .program-listing strong {
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.content.event-detail .program-listing .span {
  font-family: var(--text-serif-bold-300-all-text-serif-semibold-font-family);
  color: #000000;
  font-size: var(--text-serif-bold-300-all-text-serif-semibold-font-size);
  letter-spacing: var(--text-serif-bold-300-all-text-serif-semibold-letter-spacing);
  line-height: var(--text-serif-bold-300-all-text-serif-semibold-line-height);
  font-style: var(--text-serif-bold-300-all-text-serif-semibold-font-style);
}
.content.event-detail .program-listing .text-wrapper-2 {
  font-family: var(--text-styles-serif-regular-300-all-text-serif-font-family);
  color: #000000;
  font-size: var(--text-styles-serif-regular-300-all-text-serif-font-size);
  letter-spacing: var(--text-styles-serif-regular-300-all-text-serif-letter-spacing);
  line-height: var(--text-styles-serif-regular-300-all-text-serif-line-height);
  font-style: var(--text-styles-serif-regular-300-all-text-serif-font-style);
}
.content.event-detail .program-listing .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.content.event-detail .program-listing .element {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}
.content.event-detail .program-listing .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-03);
  width: 100%;
  background-color: var(--spacings-others-blue-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  opacity: 0;
}
.content.event-detail .program-listing .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.content.event-detail .program-listing p {
  margin-bottom: 12px;
}
.content.event-detail .description {
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}
.content.event-detail .description strong {
  font-weight: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-weight);
}
@media (min-width: 1440px) {
  .content.event-detail .description.rte.empty {
    width: 642px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .description.rte.empty + .artists {
    flex-grow: 1;
  }
}
.content.event-detail .event-sponsor {
  color: var(--tokens-static-color-text-color-text-primary);
}
.content.event-detail .row {
  display: flex;
  flex-direction: column;
  max-width: 1088px;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  .content.event-detail .row.event-program-detail {
    width: 446px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .row.event-program-detail {
    width: auto;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .row.event-program-detail {
    flex-direction: row;
    display: flex;
    gap: 32px;
    width: 100%;
  }
  .content.event-detail .row.event-program-detail .spacing-vertical {
    display: none;
  }
}
.content.event-detail .row.event-meta-detail .event-program-detail > .spacing-vertical {
  display: none;
}
@media (min-width: 960px) {
  .content.event-detail .event-image-wrapper {
    display: flex;
    gap: 24px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-image-wrapper {
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-image-wrapper .event-info .row {
    width: 100%;
  }
}
.content.event-detail .event-image-wrapper .event-info .row .event-details {
  border: none;
}
.content.event-detail .event-image-wrapper .event-info .row .purchase-notes {
  font-family: var(--text-styles-serif-regular-300-all-text-serif-font-family);
  color: #000000;
  font-size: var(--text-styles-serif-regular-300-all-text-serif-font-size);
  letter-spacing: var(--text-styles-serif-regular-300-all-text-serif-letter-spacing);
  line-height: var(--text-styles-serif-regular-300-all-text-serif-line-height);
  font-style: var(--text-styles-serif-regular-300-all-text-serif-font-style);
}
@media (min-width: 1440px) {
  .content.event-detail .event-image-wrapper .event-info .row .text-wrapper-2 {
    font-family: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-family);
    font-size: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-size);
    letter-spacing: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-letter-spacing);
    line-height: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-line-height);
    font-style: var(--pseudo-header-styles-sans-bold-800-XL-XXL-header-sans-bold-font-style);
  }
}
.content.event-detail .event-image-wrapper .event-info {
  display: none;
}
@media (min-width: 960px) {
  .content.event-detail .event-image-wrapper .event-info {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-image-wrapper .event-info {
    align-self: stretch;
    flex-grow: 1;
  }
}
.content.event-detail .event-image {
  position: relative;
  width: 327px;
}
@media (min-width: 568px) {
  .content.event-detail .event-image {
    width: 100%;
    height: 305px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .content.event-detail .event-image {
    height: 520px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .event-image {
    height: 320px;
    width: 328px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-image {
    height: 598px;
    width: 642px;
    display: flex;
    flex: 0 0 auto;
  }
}
.content.event-detail .event-image .logo-svg {
  height: 270px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 568px) {
  .content.event-detail .event-image .logo-svg {
    height: 304px;
  }
}
@media (min-width: 768px) {
  .content.event-detail .event-image .logo-svg {
    height: 404px;
    top: 62px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .event-image .logo-svg {
    height: 184px;
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-image .logo-svg {
    height: 444px;
    top: 62px;
  }
}
.content.event-detail .image {
  object-fit: cover;
  width: 327px;
  height: 305px;
  position: relative;
  z-index: 9;
}
@media (min-width: 568px) {
  .content.event-detail .image {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 960px) {
  .content.event-detail .image {
    height: 100%;
  }
}
.content.event-detail .row .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
.content.event-detail .row .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.content.event-detail .event-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .content.event-detail .event-details {
    width: 218px;
    border-top: 3px solid var(--tokens-static-color-border-color-border-primary);
  }
}
@media (min-width: 1440px) {
  .content.event-detail .event-details {
    width: auto;
  }
}
.content.event-detail .event-details .purchase-notes {
  font-family: var(--text-styles-serif-regular-300-all-text-serif-font-family);
  color: #000000;
  font-size: var(--text-styles-serif-regular-300-all-text-serif-font-size);
  letter-spacing: var(--text-styles-serif-regular-300-all-text-serif-letter-spacing);
  line-height: var(--text-styles-serif-regular-300-all-text-serif-line-height);
  font-style: var(--text-styles-serif-regular-300-all-text-serif-font-style);
}
@media (min-width: 768px) {
  .content.event-detail .event-info .event-meta-detail {
    width: 218px;
  }
}
@media (min-width: 960px) {
  .content.event-detail .event-info .event-meta-detail {
    display: none;
  }
}
@media (min-width: 960px) {
  .content.event-detail .event-info .event-meta-detail .spacing-vertical-07 {
    display: none;
  }
}
@media (min-width: 960px) {
  .content.event-detail .event-info .event-meta-detail .event-details {
    display: none;
  }
}
.content.event-detail .title {
  display: flex;
  flex-direction: column;
  max-width: 1088px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.content.event-detail .title.title-upper {
  display: none;
}
@media (min-width: 768px) {
  .content.event-detail .title.title-upper {
    display: flex;
  }
}
@media (min-width: 768px) {
  .content.event-detail .title.title-lower {
    display: none;
  }
}
.content.event-detail .category-genre {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.content.event-detail .category-genre .category {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
  text-transform: uppercase;
}
.content.event-detail .header {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}
.content.event-detail .button-wrapper {
  width: 100%;
}
.content.event-detail .cal-import-link-container {
  position: absolute;
  width: 100%;
  z-index: 10;
  color: var(--tokens-static-color-text-color-text-primary);
}
.content.event-detail .text-wrapper {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--semantic-header-styles-h1-XS-MD-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--semantic-header-styles-h1-XS-MD-font-size);
  letter-spacing: var(--semantic-header-styles-h1-XS-MD-letter-spacing);
  line-height: var(--semantic-header-styles-h1-XS-MD-line-height);
  font-style: var(--semantic-header-styles-h1-XS-MD-font-style);
}
@media (min-width: 960px) {
  .content.event-detail .text-wrapper {
    font-family: var(--semantic-header-styles-h1-LG-font-family);
    font-size: var(--semantic-header-styles-h1-LG-font-size);
    letter-spacing: var(--semantic-header-styles-h1-LG-letter-spacing);
    line-height: var(--semantic-header-styles-h1-LG-line-height);
    font-style: var(--semantic-header-styles-h1-LG-font-style);
  }
}
.content.event-detail .row .text-wrapper-program {
  margin-top: -1px;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  position: relative;
  align-self: stretch;
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.content.event-detail .row .element-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
.content.event-detail .row .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-800-XS-MD-header-sans-bold-font-style);
}
.content.event-detail .row .element-px-wrapper {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
@media (min-width: 1440px) {
  .content.event-detail .row .element-px-wrapper {
    height: 16px;
  }
}
.content.event-detail .row .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}
.content.event-detail .row .div-wrapper {
  display: flex;
  flex-direction: column;
  height: 16px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
.content.event-detail .row .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-500-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-500-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-500-all-utility-sans-bold-font-style);
}
.content.event-detail .row .link-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}
.content.event-detail .row .link,
.content.event-detail .row .event-details a,
.content.event-detail .row.event-program-detail a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  white-space: nowrap;
}
.content.event-detail .row .p {
  position: relative;
  width: fit-content;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.content.event-detail .ical-button svg {
  transform: rotate(180deg);
}
.content.event-detail .ical-button.active {
  background-color: var(--primitives-color-primary-bayer-blue);
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}
.content.event-detail .ical-button.active svg {
  fill: var(--color-secondary-neutral-white, #FFF);
  transform: rotate(0deg);
}
.content.event-detail .ical-button.active .label {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
}
.content.event-detail .row .button-standard {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-52px);
  align-items: center;
  justify-content: center;
  padding: 0px var(--tokens-static-spacing-spacing-06) 0px var(--tokens-static-spacing-spacing-06);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-border-secondary);
}
.modal-quick-view .button-standard.button-tickets,
.content.event-detail .row .button-standard.button-primary.button-tickets {
  padding: 0;
}

.modal-quick-view .button-standard.button-tickets a,
.content.event-detail .row .button-standard.button-tickets a {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.modal-quick-view .button-standard.button-tickets a {
  padding: 11px 23px;
}
.modal-quick-view .button-standard.button-tickets a .label-2,
.content.event-detail .row .button-standard.button-tickets a .label-2 {
  margin: auto;
}
.content.event-detail .row .pulldown-menu .button-standard.field {
  border: none;
  border-bottom: 1px solid;
}
.content.event-detail .row .pulldown-menu .button-standard.field:hover {
  background: var(--color-button-text-secondary-color-button-background-secondary);
}
.content.event-detail .row .pulldown-menu .button-standard.field:hover a {
  color: var(--color-secondary-neutral-white);
}
.content.event-detail .row .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.content.event-detail .row .button-standard-2 {
  display: flex;
  min-height: var(--primitives-units-4-pixel-scale-52px);
  align-items: center;
  justify-content: center;
  padding: 0px var(--tokens-static-spacing-spacing-06) 0px var(--tokens-static-spacing-spacing-06);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--tokens-buttons-links-color-button-text-primary-color-button-background-primary);
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-primary-color-button-border-primary);
}
.content.event-detail .row .label-2 {
  color: var(--tokens-buttons-links-color-button-text-primary-color-button-label-primary);
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.content.event-detail .row .div-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 4px;
  overflow: hidden;
}
.content.event-detail .row .icon-clock {
  position: relative;
  width: 24px;
  height: 24px;
}
.content.event-detail .row .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}
.content.event-detail .event-info > .also-available {
  display: none;
}
@media (min-width: 768px) {
  .content.event-detail .event-info > .also-available {
    display: flex;
  }
}
.content.event-detail .event-info > .event-meta-detail .also-available {
  width: 100%;
}
.content.event-detail .also-available {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  width: 100%;
}
.content.event-detail .also-available .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
.content.event-detail .also-available .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.content.event-detail .also-available .h {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.content.event-detail .also-available .element-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
.content.event-detail .also-available .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.content.event-detail .also-available .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.content.event-detail .also-available .element-px-wrapper {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px);
}
.content.event-detail .also-available .element-px {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}
.content.event-detail .also-available .link-text {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}
.content.event-detail .also-available .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  white-space: normal;
}
.content.event-detail .program-listing {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-styles-sans-regular-300-all-text-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--text-styles-sans-regular-300-all-text-sans-font-size);
  letter-spacing: var(--text-styles-sans-regular-300-all-text-sans-letter-spacing);
  line-height: var(--text-styles-sans-regular-300-all-text-sans-line-height);
  font-style: var(--text-styles-sans-regular-300-all-text-sans-font-style);
}
.content.event-detail .artists {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  width: 100%;
}
@media (min-width: 1440px) {
  .content.event-detail .artists {
    width: auto;
  }
}
.content.event-detail .artists .spacing-vertical {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-06);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}
.content.event-detail .artists .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}
.content.event-detail .artists .h {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}
.content.event-detail .artists .element-wrapper {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-04);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}
.content.event-detail .artists .link-text {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}
.content.event-detail .artists .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Larsseit-Regular", Helvetica;
  font-weight: 400;
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: underline;
  white-space: nowrap;
}

.content.sidebar-content {
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .content.sidebar-content {
    margin-left: auto;
    width: 63%;
  }
}
@media (min-width: 960px) {
  .content.sidebar-content {
    display: none;
  }
}

@media (min-width: 960px) {
  .content.sidebar-content.pagination {
    display: flex;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .content.sidebar-content.pagination {
    width: 642px;
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .content.sidebar-content.pagination.calendar-pagination {
    width: 100%;
  }
}

.content.sidebar-content .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.sidebar-content .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.sidebar-content .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.content.sidebar-content .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.sidebar-content .row {
  display: flex;
  flex-direction: column;
  max-width: 1088px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 960px) {
  .content.sidebar-content {
    display: none;
  }
}

.content.sidebar-content:not(.pagination) {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  border-top-width: 3px;
  border-top-style: solid;
}

.content.sidebar-content .h {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}

.content.sidebar-content .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.sidebar-content .calendar-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 327px;
  flex: 0 0 auto;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
@media (min-width: 568px) {
  .content.sidebar-content .calendar-mini {
    align-self: center;
  }
}

.content.sidebar-content .div {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .div-2 {
  display: flex;
  flex-direction: column;
  width: 44px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  overflow: hidden;
}

.content.sidebar-content .button-graphic {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}

.content.sidebar-content .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.content.sidebar-content .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transform: rotate(-45deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .div-3 {
  transform: rotate(24.47deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .header-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.content.sidebar-content .MONTH-YYYY {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.content.sidebar-content .header-calendar-2 {
  width: 44px;
  height: 42px;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}

.content.sidebar-content .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-100-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-style);
}

.content.sidebar-content .div-wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transform: rotate(-15.95deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .div-4 {
  transform: rotate(-44.99deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-left: -0.5px;
  margin-right: -0.5px;
  font-family: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-100-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-style);
}

.content.sidebar-content .button-mini-calendar {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.content.sidebar-content .text-wrapper-3 {
  color: var(--tokens-static-color-text-color-text-disabled);
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.sidebar-content .button-mini-calendar-2 {
  display: flex;
  width: 44px;
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.sidebar-content .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.sidebar-content .button-mini-calendar-3 {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.sidebar-content .button-mini-calendar-4 {
  background-color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-background);
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.sidebar-content .element-2 {
  margin-left: -0.5px;
  margin-right: -0.5px;
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.sidebar-content .element-3 {
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.sidebar-content .link-text {
  display: flex;
  align-items: center;
  padding: var(--primitives-units-4-pixel-scale-16px) 0px var(--primitives-units-4-pixel-scale-16px) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.content.sidebar-content .img-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.content.sidebar-content .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.content.sidebar-content .element-4 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.content.sidebar-content .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
  width: 100%;
}

.content.sidebar-content .div-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.sidebar-content .spacing-vertical-2 {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.sidebar-content .element-5 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.sidebar-content .header {
  flex-direction: column;
  padding: 0px 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.content.sidebar-content .options {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.content.sidebar-content.calendar-pagination .options {
  gap: 24px;
}

.content.sidebar-content .button-standard {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-border-secondary);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.content.sidebar-content .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  cursor: pointer;
}

.content.sidebar-content .spacing-horizontal-2 {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  height: 42px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.content.sidebar-content .element-6 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.sidebar-content .spacing-vertical-09 {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: rgba(47, 128, 237, 0.2);
}

.content.event-detail .sidebar {
  display: none;
  flex-direction: column;
  align-items: stretch;
  position: relative;
}
@media (min-width: 960px) {
  .content.event-detail .sidebar {
    display: flex;
  }
}

.content.event-detail .sidebar .spacing-vertical {
  height: var(--tokens-static-spacing-spacing-07);
  background-color: var(--spacings-others-orange-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.event-detail .sidebar .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-orange-700);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.event-detail .sidebar .element-wrapper {
  height: var(--tokens-static-spacing-spacing-06);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.content.event-detail .sidebar .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.event-detail .sidebar .row {
  display: flex;
  flex-direction: column;
  max-width: 1088px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .sidebar-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 3px;
  border-top-style: solid;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}

.content.event-detail .sidebar .h {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-400-all-header-sans-bold-font-style);
}

.content.event-detail .sidebar .element-px-wrapper {
  height: var(--tokens-static-spacing-spacing-04);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.event-detail .sidebar .calendar-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary);
  width: 225px;
}

.content.event-detail .sidebar .div {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .div-2 {
  display: flex;
  flex-direction: column;
  width: 44px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  overflow: hidden;
}

.content.event-detail .sidebar .button-graphic {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}

.content.event-detail .sidebar .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.content.event-detail .sidebar .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transform: rotate(-45deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .div-3 {
  transform: rotate(24.47deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .header-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.content.event-detail .sidebar .MONTH-YYYY {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.content.event-detail .sidebar .header-calendar-2 {
  width: 44px;
  height: 42px;
  justify-content: center;
  padding: var(--tokens-static-spacing-spacing-03) 16px var(--tokens-static-spacing-spacing-03) 16px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}

.content.event-detail .sidebar .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-100-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-style);
}

.content.event-detail .sidebar .div-wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transform: rotate(-15.95deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .div-4 {
  transform: rotate(-44.99deg);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-left: -0.5px;
  margin-right: -0.5px;
  font-family: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-100-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-style);
}

.content.event-detail .sidebar .button-mini-calendar {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.content.event-detail .sidebar .text-wrapper-3 {
  color: var(--tokens-static-color-text-color-text-disabled);
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.event-detail .sidebar .button-mini-calendar-2 {
  display: flex;
  width: 44px;
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.event-detail .sidebar .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.event-detail .sidebar .button-mini-calendar-3 {
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.event-detail .sidebar .button-mini-calendar-4 {
  background-color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-background);
  display: flex;
  width: var(--primitives-units-4-pixel-scale-44px);
  height: var(--primitives-units-4-pixel-scale-44px);
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.content.event-detail .sidebar .element-2 {
  margin-left: -0.5px;
  margin-right: -0.5px;
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.event-detail .sidebar .element-3 {
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
  width: fit-content;
  font-family: var(--utility-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  font-size: var(--utility-sans-regular-100-all-utility-sans-font-size);
  text-align: center;
  letter-spacing: var(--utility-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-sans-regular-100-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-sans-regular-100-all-utility-sans-font-style);
}

.content.event-detail .sidebar .link-text {
  display: flex;
  align-items: center;
  padding: var(--primitives-units-4-pixel-scale-16px) 0px var(--primitives-units-4-pixel-scale-16px) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
}
.content.event-detail .sidebar .link-text:last-child {
  border-bottom: 3px solid black;
}

.content.event-detail .sidebar .img-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.content.event-detail .sidebar .spacing-horizontal {
  width: var(--tokens-static-spacing-spacing-01);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  background-color: var(--spacings-others-green-300);
  opacity: 0;
}

.content.event-detail .sidebar .element-4 {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.content.event-detail .sidebar .link {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-buttons-links-color-link-color-text-link-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.content.event-detail .sidebar .div-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .spacing-vertical-2 {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.content.event-detail .sidebar .element-5 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.event-detail .sidebar .header {
  flex-direction: column;
  padding: 0px 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.content.event-detail .sidebar .options {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.content.event-detail .sidebar .button-standard {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  min-height: var(--primitives-units-4-pixel-scale-44px);
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: var(--tokens-buttons-links-color-button-text-secondary-color-button-border-secondary);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.content.event-detail .sidebar .label {
  position: relative;
  width: fit-content;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
  cursor: pointer;
}

.content.event-detail .sidebar .spacing-horizontal-2 {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-spacing-spacing-02);
  height: 42px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--spacings-others-green-400);
  opacity: 0;
}

.content.event-detail .sidebar .element-6 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.content.event-detail .sidebar .spacing-vertical-09 {
  display: flex;
  flex-direction: column;
  height: var(--tokens-static-spacing-spacing-09);
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: rgba(47, 128, 237, 0.2);
}

.content.event-detail .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0.6em;
  text-transform: uppercase;
  width: 100%;
}
.content.event-detail .fc-daygrid-day-events {
  display: none;
}
.content.event-detail .fc .fc-button-primary {
  background-color: transparent;
  border-color: transparent;
  color: var(--tokens-buttons-links-color-button-text-secondary-color-button-label-secondary);
}
.content.event-detail .fc .fc-daygrid-day-top {
  align-items: center;
  width: 44px;
  height: 44px;
}
.content.event-detail .fc .fc-daygrid-day-top.has-events:hover {
  background-color: #000000;
}
.content.event-detail .sidebar .fc .fc-daygrid-day-top {
  width: 32px;
  height: 32px;
}
.content.event-detail .fc .fc-daygrid-day-top:not(.has-events),
.content.event-detail .fc .fc-daygrid-day-top:not(.has-events) a {
  cursor: default;
}
.content.event-detail .fc .fc-col-header-cell-cushion,
.content.event-detail .fc .fc-daygrid-day-number {
  font-family: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--utility-styles-sans-bold-100-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-100-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-100-all-utility-sans-bold-font-style);
}
.content.event-detail .fc .fc-col-header-cell-cushion {
  height: 32px;
}
.content.event-detail .fc .fc-daygrid-day {
  cursor: pointer;
}
.content.event-detail .fc .fc-daygrid-day-number {
  color: var(--tokens-static-color-text-color-text-disabled);
  text-align: center;
  width: 100%;
}
.content.event-detail .fc-daygrid-day-top.has-events .fc-daygrid-day-number {
  color: black;
}
.content.event-detail .fc-daygrid-day-top.has-events:hover .fc-daygrid-day-number {
  color: white !important;
}
.content.event-detail .fc .fc-toolbar-title {
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.content.event-detail .fc .fc-daygrid-day.fc-day-today {
  background-color: var(--tokens-buttons-links-color-button-text-calendar-color-button-calendar-label);
  color: white;
}
.content.event-detail .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: white;
}
.content.event-detail .fc-theme-standard td, .content.event-detail .fc-theme-standard th {
  border: none;
}
.content.event-detail .fc-theme-standard .fc-scrollgrid {
  border: none;
}
.content.event-detail .fc .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}
.content.event-detail .fc .fc-cell-shaded, .content.event-detail .fc .fc-day-disabled {
  background: none;
  cursor: default;
}
.content.event-detail .fc-icon.fc-icon-icon-caret-left-24 {
  content: url("/themes/user/amfs/svg/icon-caret-left-24.svg")/"Previous month.";
}
.content.event-detail .fc-icon.fc-icon-icon-caret-right-24 {
  content: url("/themes/user/amfs/svg/icon-caret-right-24.svg")/"Next month.";
}

#colorbox:focus-visible {
  border: none;
  outline: none;
}

.modal-minical {
  display: flex;
  flex-direction: column;
  width: var(--tokens-static-breakpoints-XS);
  align-items: flex-end;
  gap: 24px;
  padding: 64px var(--primitives-units-4-pixel-scale-24px) 48px var(--primitives-units-4-pixel-scale-24px);
  position: relative;
  background-color: var(--tokens-static-color-background-color-background-primary);
}

.modal-minical .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.modal-minical .events {
  display: flex;
  flex-direction: column;
  height: 569px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -4px;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary);
  overflow-x: hidden;
}

.modal-minical .events a {
  display: flex;
}

.modal-minical .calendar-list {
  display: flex;
  align-items: center;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 300px;
  flex: 0 0 auto;
  flex-wrap: wrap;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--tokens-static-color-border-color-border-primary-duplicate);
}

.modal-minical .calendar-list .event-info {
  width: 142px;
}

.modal-minical .event-list-image-mask {
  left: -35px;
  mask-position: 100% 50%;
  position: relative;
}

.modal-minical .event-info.event-has-image {
  left: -35px;
  position: relative;
}

.modal-minical .frame .div {
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
  flex: 0 0 auto;
  min-height: 22.7px;
}

.modal-minical .event-free-wrapper {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: relative;
  top: 1px;
}
.modal-minical .event-free-wrapper.active {
  display: flex;
}

.modal-minical .symbol-free {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--primitives-color-primary-green);
  border-radius: 8px;
  top: -1px;
}

.modal-minical .circle {
  position: relative;
  height: 135px;
}

.modal-minical .spacing-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: var(--spacings-others-blue-400);
  opacity: 0;
  width: 10px;
}

.modal-minical .element {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-blue-600);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-minical .frame {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  width: 198px;
}

.modal-minical .element-wrapper {
  height: var(--tokens-static-spacing-spacing-02-duplicate);
  background-color: var(--spacings-others-green-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.modal-minical .element-px {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-800);
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-minical .eyebrow {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-100-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary-duplicate);
  font-size: var(--utility-styles-sans-regular-100-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-100-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-100-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-100-all-utility-sans-font-style);
}

.modal-minical .element-px-wrapper {
  flex: 0 0 auto;
  background-color: var(--spacings-others-green-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
  height: var(--primitives-units-4-pixel-scale-4px-duplicate);
}

.modal-minical .text-wrapper {
  position: relative;
  width: 4px;
  height: 4px;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: var(--spacings-others-green-500);
  font-size: 2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 2px;
}

.modal-minical .title {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-regular-300-all-utility-sans-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-regular-300-all-utility-sans-font-size);
  letter-spacing: var(--utility-styles-sans-regular-300-all-utility-sans-letter-spacing);
  line-height: var(--utility-styles-sans-regular-300-all-utility-sans-line-height);
  font-style: var(--utility-styles-sans-regular-300-all-utility-sans-font-style);
}

.modal-minical .time {
  align-self: stretch;
  position: relative;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.modal-minical .time {
  position: relative;
  align-self: stretch;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}
.modal-minical .event-info-time {
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}
.modal-minical .div {
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.modal-minical .text-wrapper-2 {
  width: fit-content;
  margin-top: -1px;
  white-space: nowrap;
  position: relative;
  font-family: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-family);
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-size);
  letter-spacing: var(--utility-styles-sans-bold-300-all-utility-sans-bold-letter-spacing);
  line-height: var(--utility-styles-sans-bold-300-all-utility-sans-bold-line-height);
  font-style: var(--utility-styles-sans-bold-300-all-utility-sans-bold-font-style);
}

.modal-minical .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}

.modal-minical .symbol-free {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--primitives-color-primary-green);
  border-radius: 8px;
}

.modal-minical .div-wrapper {
  height: var(--tokens-static-spacing-spacing-09);
  background-color: rgba(47, 128, 237, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  opacity: 0;
}

.modal-minical .element-2 {
  position: relative;
  width: fit-content;
  font-family: "Neurial Grotesk-Medium", Helvetica;
  font-weight: 500;
  color: #3c772c;
  font-size: 4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4px;
  white-space: nowrap;
}

.modal-minical .calendar-date {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  padding: 16px 4px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border: 0px none;
  border-color: var(--tokens-static-color-border-color-border-primary-duplicate);
}

.modal-minical .day {
  position: relative;
  align-self: stretch;
  font-family: "Larsseit-Bold", Helvetica;
  font-weight: 700;
  color: var(--tokens-static-color-text-color-text-primary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.modal-minical .h {
  position: relative;
  align-self: stretch;
  font-family: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-family);
  color: #000000;
  font-size: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-size);
  letter-spacing: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-letter-spacing);
  line-height: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-line-height);
  font-style: var(--pseudo-header-styles-sans-bold-1000-XS-MD-header-sans-bold-font-style);
}

/*# sourceMappingURL=styles.css.map */