@charset "UTF-8";
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings, helpers or functions. They have no direct output.
*/
/* ######################################## 
FONT DEFINITIONS
######################################## */
/* #################### COLORS #################### */
/* #################### White Alpha #################### */
/* #################### Deep Black Alpha #################### */
/* #################### Mantis Green with its shades and alphas #################### */
/* #################### Amaranth Red its shades and alphas #################### */
/* #################### Cosmic Violet and its shades #################### */
/* #################### Cerulean Blue and its shades #################### */
/* #################### Supernova Yellow its shades and alphas #################### */
/* #################### Casablanca Orange its shades and alphas #################### */
/* #################### Oak Tree its shades and alphas #################### */
/* #################### Moon Sands its shades and alphas #################### */
/* #################### Shark Anthracite its shades and alphas #################### */
/* #################### Light Grey its shades and alphas #################### */
/* #################### Dark Grey its shades and alphas #################### */
/* #################### Brand its shades and alphas #################### */
/* #################### SIZES #################### */
/* ######################################## 
COLORS
######################################## */
/** Foregrounds */
:root {
  /* ######################################## 
  SPACING
  ######################################## */
  --token-spacing-list: 12px;
  --token-spacing-all-none: 0;
  --token-spacing-all-xxxs: 2px;
  --token-spacing-all-xxs: 4px;
  --token-spacing-all-xs: 8px;
  --token-spacing-all-s: 12px;
  --token-spacing-all-base: 16px;
  --token-spacing-all-m: 24px;
  --token-spacing-all-l: 32px;
  --token-spacing-all-xl: 40px;
  --token-spacing-all-xxl: 64px;
  --token-spacing-all-xxxl: 96px;
  /* ######################################## 
  CORNER RADIUS
  ######################################## */
  --token-corner-radius-none: 0;
  --token-corner-radius-all-s: 4px;
  --token-corner-radius-all-base: 8px;
  --token-corner-radius-all-m: 12px;
  --token-corner-radius-all-l: 16px;
  --token-corner-radius-all-xl: 32px;
  --token-corner-radius-all-max: 160px;
  --token-corner-radius-cards: 16px;
  --token-corner-radius-cells: 16px;
  /* Button corner radius */
  --token-corner-radius-btn-s: 16px;
  --token-corner-radius-btn-m: 19.2px;
  --token-corner-radius-btn-l: 22.4px;
  --token-corner-radius-btn-xl: 28.8px;
  --token-corner-radius-btn-xxl: 32px;
  /* ######################################## 
  BLUR
  ######################################## */
  --token-blur-med: 56px;
  --token-blur-high: 96px;
  --token-blur-xs: 8px;
  --token-blur-s: 16px;
  --token-blur-m: 36px;
  --token-blur-base: 56px;
  --token-blur-l: 64px;
  --token-blur-xl: 72px;
  --token-blur-xxl: 88px;
  /* ########################################
  SHADOWS
  ######################################## */
  --token-shadow-xxs: 1.5px;
  --token-shadow-xs: 4px;
  --token-shadow-s: 8px;
  --token-shadow-m: 16px;
  --token-shadow-l: 24px;
  --token-shadow-xl: 48px;
  --token-shadow-xxl: 56px;
  --token-shadow-xxxl: 80px;
}
:root .ar-theme--dark {
  --token-color-foreground-fg-1: #e7e5e4;
  --token-color-foreground-fg-1-hover: #ffffff;
  --token-color-foreground-fg-2: rgba(231, 229, 228, 0.4);
  --token-color-foreground-fg-2-hover: rgba(231, 229, 228, 0.8);
  --token-color-foreground-fg-3: rgba(231, 229, 228, 0.4);
  --token-color-foreground-fg-3-hover: rgba(231, 229, 228, 0.8);
  --token-color-foreground-fg-4: rgba(231, 229, 228, 0.08);
  --token-color-foreground-fg-4-hover: rgba(231, 229, 228, 0.3);
  --token-color-foreground-fg-5: rgba(231, 229, 228, 0.01);
  --token-color-foreground-fg-disabled: rgba(231, 229, 228, 0.3);
  --token-color-foreground-inverse-fg-1: #171717;
  --token-color-foreground-inverse-fg-1-hover: rgba(23, 23, 23, 0.6);
  --token-color-foreground-inverse-fg-1-pressed: rgba(23, 23, 23, 0.3);
  --token-color-foreground-inverse-fg-2: rgba(231, 229, 228, 0.6);
  --token-color-foreground-fg-dark-static: #171717;
  --token-color-foreground-fg-light-static: #e7e5e4;
  --token-color-foreground-brand-fg: #8cff70;
  --token-color-foreground-brand-fg-hover: #A3FF8C;
  --token-color-foreground-brand-fg-pressed: #70fd4c;
  --token-color-foreground-fg-onbrand: #000000;
  --token-color-foreground-success-fg: #2db107;
  --token-color-foreground-success-fg-hover: #34ce08;
  --token-color-foreground-success-fg-pressed: #34ce08;
  --token-color-foreground-info-fg: #0ea5e9;
  --token-color-foreground-info-fg-hover: #3EBBF3;
  --token-color-foreground-info-fg-pressed: #3EBBF3;
  --token-color-foreground-warning-fg: #FFC122;
  --token-color-foreground-warning-fg-hover: #FFD866;
  --token-color-foreground-warning-fg-pressed: #FFCD3D;
  --token-color-foreground-error-fg: #F5525F;
  --token-color-foreground-error-fg-hover: #F87C86;
  --token-color-foreground-error-fg-pressed: #F87C86;
  --token-color-foreground-fg-green: #2db107;
  --token-color-foreground-fg-red: #F5525F;
  --token-color-foreground-fg-yellow: #ffd900;
  --token-color-foreground-fg-blue: #0ea5e9;
  --token-color-foreground-fg-ui: #e7e5e4;
  --token-color-foreground-fg-ui-hover: #ffffff;
  --token-color-foreground-fg-ui-brand: #8cff70;
  --token-color-foreground-fg-ui-brand-hover: #ffffff;
  /** Backgrounds */
  --token-color-background-bg-app-canvas: #171717;
  --token-color-background-bg-on-app-canvas: rgba(38, 38, 38, 0.7);
  --token-color-background-inverse-bg-on-app-canvas: rgba(255, 255, 255, 0.6);
  --token-color-background-brand-bg: #8cff70;
  --token-color-background-brand-bg-hover: #A3FF8C;
  --token-color-background-brand-bg-pressed: #A3FF8C;
  /** Quadral */
  --token-color-quadral-brand-fg: #9D4288;
  --token-color-quadral-brand-fg-hover: #BA53A2;
  --token-color-quadral-brand-fg-pressed: #BA53A2;
  --token-color-quadral-brand-bg: #9D4288;
  --token-color-quadral-brand-bg-hover: #BA53A2;
  --token-color-quadral-brand-bg-pressed: #BA53A2;
  --token-color-background-bg-1: rgba(231, 229, 228, 0.05);
  --token-color-background-bg-1-hover: rgba(231, 229, 228, 0.1);
  --token-color-background-bg-1-pressed: rgba(231, 229, 228, 0.1);
  --token-color-background-bg-2: rgba(231, 229, 228, 0.15);
  --token-color-background-bg-2-hover: rgba(231, 229, 228, 0.2);
  --token-color-background-bg-2-pressed: rgba(231, 229, 228, 0.15);
  --token-color-background-bg-disabled: rgba(231, 229, 228, 0.05);
  --token-color-background-bg-onbrand: #000000;
  --token-color-background-inverse-bg-1: #e7e5e4;
  --token-color-background-inverse-bg-1-hover: #d4d4d4;
  --token-color-background-inverse-bg-1-pressed: #d4d4d4;
  --token-color-background-inverse-bg-2: rgba(23, 23, 23, 0.1);
  --token-color-background-neutral-bg: #d4d4d4;
  --token-color-background-success-bg: #67da46;
  --token-color-background-success-bg-hover: #8fe477;
  --token-color-background-success-bg-pressed: #A3FF8C;
  --token-color-background-warning-bg: #FFC122;
  --token-color-background-warning-bg-hover: #FFD866;
  --token-color-background-warning-bg-pressed: #FFCD3D;
  --token-color-background-error-bg: #F5525F;
  --token-color-background-error-bg-hover: #F87C86;
  --token-color-background-error-bg-pressed: #F87C86;
  --token-color-background-info-bg: #0ea5e9;
  --token-color-background-info-bg-hover: #3EBBF3;
  --token-color-background-info-bg-pressed: #3EBBF3;
  --token-color-background-bg-green: #67da46;
  --token-color-background-bg-green-hover: #8fe477;
  --token-color-background-bg-green-pressed: #A3FF8C;
  --token-color-background-bg-red: #F5525F;
  --token-color-background-bg-red-hover: #F87C86;
  --token-color-background-bg-red-pressed: #F87C86;
  --token-color-background-bg-yellow: #ffd900;
  --token-color-background-bg-yellow-hover: #ffe133;
  --token-color-background-bg-yellow-pressed: #ffe133;
  --token-color-background-bg-blue: #0ea5e9;
  --token-color-background-bg-blue-hover: #3EBBF3;
  --token-color-background-bg-blue-pressed: #3EBBF3;
  --token-color-background-bg-additional-state: #404040;
  --token-color-background-bg-sticky-header: rgba(23, 23, 23, 0.7);
  --token-color-background-bg-ui: #e7e5e4;
  --token-color-background-bg-ui-selected: rgba(245, 245, 244, 0.2);
  --token-color-background-bg-ui-hover: #fafaf9;
  --token-color-background-bg-ui-brand: #8cff70;
  --token-color-background-bg-ui-brand-selected: rgba(140, 255, 112, 0.15);
  --token-color-background-bg-ui-brand-hover: #8cff70;
  --token-color-background-ambient-mode-bg: rgba(23, 23, 23, 0.8);
  /** Strokes */
  --token-color-stroke-sk-1: #e7e5e4;
  --token-color-stroke-sk-1-hover: #ffffff;
  --token-color-stroke-sk-2: rgba(231, 229, 228, 0.2);
  --token-color-stroke-sk-2-hover: rgba(231, 229, 228, 0.1);
  --token-color-stroke-sk-3: rgba(231, 229, 228, 0.08);
  --token-color-stroke-sk-3-hover: rgba(231, 229, 228, 0.1);
  --token-color-stroke-sk-disabled: rgba(231, 229, 228, 0.05);
  --token-color-stroke-brand-sk: #3bf507;
  --token-color-stroke-brand-sk-hover: #70fd4c;
  --token-color-stroke-link-sk: #3bf507;
  --token-color-stroke-success-sk: #2db107;
  --token-color-stroke-success-sk-hover: #34ce08;
  --token-color-stroke-info-sk: #3EBBF3;
  --token-color-stroke-info-sk-hover: #67CAF6;
  --token-color-stroke-warning-sk: #FFC122;
  --token-color-stroke-warning-sk-hover: #FFD866;
  --token-color-stroke-error-sk: #F5525F;
  --token-color-stroke-error-sk-hover: #F87C86;
  --token-color-stroke-sk-ui: #e7e5e4;
  --token-color-stroke-sk-ui-hover: #ffffff;
  --token-color-stroke-sk-ui-brand: #8cff70;
  --token-color-stroke-sk-ui-brand-hover: #B9FFA7;
  /** Elevation */
  --token-elevation-top-navigation-elevated: rgba(38, 38, 38, 0.6);
  --token-elevation-bottom-navigation-elevated: rgba(38, 38, 38, 0.6);
  --token-elevation-navigation-rail-elevated: rgba(23, 23, 23, 0.6);
  --token-elevation-navigation-rail: rgba(38, 38, 38, 0.4);
  --token-elevation-pop-up-menu: rgba(38, 38, 38, 0.6);
  /** Overlay */
  --token-overlay-overlay-brighter: rgba(255, 255, 255, 0.5);
  --token-overlay-overlay-darkener: rgba(23, 23, 23, 0.3);
  --token-overlay-overlay-modal: rgba(0, 0, 0, 0.6);
  --token-overlay-overlay-bg: rgba(0, 0, 0, 0.6);
  /** Shadow */
  --token-color-shadow-wide: rgba(0, 0, 0, 0.4);
  --token-color-shadow-brand: rgba(140, 255, 112, 0.7);
  --token-color-shadow-narrow: rgba(0, 0, 0, 0.3);
  /** Messages **/
  --token-color-message-success-bg: rgba(52, 206, 8, 0.15);
  --token-color-message-info-bg: rgba(14, 165, 233, 0.15);
  --token-color-message-neutral-bg: rgba(231, 229, 228, 0.15);
  --token-color-message-alert-bg: rgba(255, 193, 34, 0.15);
  --token-color-message-error-bg: rgba(242, 58, 72, 0.15);
  /** Misc **/
  /* Schedule */
  --token-color-misc-schedule-activation: #d2b508;
  --token-color-misc-schedule-activation-alpha: rgba(210, 181, 8, 0.1);
  --token-color-misc-schedule-entry: #67da46;
  --token-color-misc-schedule-entry-alpha: rgba(52, 206, 8, 0.1);
  --token-color-misc-schedule-off: #91908D;
  --token-color-misc-schedule-off-alpha: rgba(178, 177, 172, 0.1);
  /* Energy */
  --token-color-misc-energy-consumption: #E0A400;
  --token-color-misc-energy-delivery: #67da46;
  --token-color-misc-energy-neutral: #737373;
  --token-color-misc-energy-off: #737373;
  --token-color-misc-self-consumption: #67da46;
  --token-color-misc-self-production: #67da46;
  --token-color-misc-grid-import: #F23A48;
  --token-color-misc-grid-export: #ffd900;
  --token-color-misc-storage: #0ea5e9;
  /* Spot Price */
  --token-color-misc-spot-price-low: #67da46;
  --token-color-misc-spot-price-very-low: #2db107;
  --token-color-misc-spot-price-high: #ffd900;
  --token-color-misc-spot-price-very-high: #F23A48;
  /* Climate */
  --token-color-misc-cooling: #0B86BD;
  --token-color-misc-heating: #E0A400;
  --token-color-misc-temp-fixed: #d2b508;
  --token-color-misc-temp-fixed-alpha: rgba(210, 181, 8, 0.1);
  --token-color-misc-temp-comfort: #67da46;
  --token-color-misc-temp-comfort-alpha: rgba(52, 206, 8, 0.1);
  --token-color-misc-temp-eco: #91908D;
  --token-color-misc-temp-eco-alpha: rgba(178, 177, 172, 0.1);
  --token-color-misc-temp-off: #9A866A;
  --token-color-misc-temp-off-alpha: rgba(154, 134, 106, 0.1);
}
:root .ar-theme--light {
  --token-color-foreground-fg-1: #171717;
  --token-color-foreground-fg-1-hover: #383838;
  --token-color-foreground-fg-2: rgba(90, 90, 90, 0.6);
  --token-color-foreground-fg-2-hover: rgba(90, 90, 90, 0.6);
  --token-color-foreground-fg-3: rgba(90, 90, 90, 0.4);
  --token-color-foreground-fg-3-hover: rgba(90, 90, 90, 0.6);
  --token-color-foreground-fg-4: rgba(90, 90, 90, 0.05);
  --token-color-foreground-fg-4-hover: rgba(90, 90, 90, 0.3);
  --token-color-foreground-fg-5: rgba(23, 23, 23, 0.01);
  --token-color-foreground-fg-disabled: rgba(64, 64, 64, 0.3);
  --token-color-foreground-inverse-fg-1: #e7e5e4;
  --token-color-foreground-inverse-fg-1-hover: #ffffff;
  --token-color-foreground-inverse-fg-1-pressed: #ffffff;
  --token-color-foreground-inverse-fg-2: rgba(231, 229, 228, 0.6);
  --token-color-foreground-fg-dark-static: #171717;
  --token-color-foreground-fg-light-static: #fafaf9;
  --token-color-foreground-brand-fg: #8cff70;
  --token-color-foreground-brand-fg-hover: #A3FF8C;
  --token-color-foreground-brand-fg-pressed: #70fd4c;
  --token-color-foreground-success-fg: #2db107;
  --token-color-foreground-success-fg-hover: #34ce08;
  --token-color-foreground-success-fg-pressed: #34ce08;
  --token-color-foreground-info-fg: #0B86BD;
  --token-color-foreground-info-fg-hover: #0ea5e9;
  --token-color-foreground-info-fg-pressed: #0ea5e9;
  --token-color-foreground-warning-fg: #E0A400;
  --token-color-foreground-warning-fg-hover: #FFCD3D;
  --token-color-foreground-warning-fg-pressed: #FFC122;
  --token-color-foreground-error-fg: #F23A48;
  --token-color-foreground-error-fg-hover: #F5525F;
  --token-color-foreground-error-fg-pressed: #F5525F;
  --token-color-foreground-fg-green: #2db107;
  --token-color-foreground-fg-red: #D92F3C;
  --token-color-foreground-fg-yellow: #ffd900;
  --token-color-foreground-fg-blue: #0ea5e9;
  --token-color-foreground-fg-ui: #171717;
  --token-color-foreground-fg-ui-hover: #383838;
  --token-color-foreground-fg-ui-brand: #34ce08;
  --token-color-foreground-fg-ui-brand-hover: #383838;
  /** Backgrounds */
  --token-color-background-bg-app-canvas: #f5f5f4;
  --token-color-background-bg-on-app-canvas: rgba(255, 255, 255, 0.6);
  --token-color-background-inverse-bg-on-app-canvas: rgba(38, 38, 38, 0.7);
  --token-color-background-brand-bg: #8cff70;
  --token-color-background-brand-bg-hover: #A3FF8C;
  --token-color-background-brand-bg-pressed: #A3FF8C;
  /** Quadral */
  --token-color-quadral-brand-fg: #9D4288;
  --token-color-quadral-brand-fg-hover: #BA53A2;
  --token-color-quadral-brand-fg-pressed: #BA53A2;
  --token-color-quadral-brand-bg: #9D4288;
  --token-color-quadral-brand-bg-hover: #BA53A2;
  --token-color-quadral-brand-bg-pressed: #BA53A2;
  --token-color-background-bg-1: rgba(255, 255, 255, 0.7);
  --token-color-background-bg-1-hover: #ffffff;
  --token-color-background-bg-1-pressed: #ffffff;
  --token-color-background-bg-2: rgba(90, 90, 90, 0.1);
  --token-color-background-bg-2-hover: rgba(90, 90, 90, 0.15);
  --token-color-background-bg-2-pressed: rgba(90, 90, 90, 0.15);
  --token-color-background-bg-disabled: rgba(23, 23, 23, 0.05);
  --token-color-background-bg-onbrand: #000000;
  --token-color-background-inverse-bg-1: #171717;
  --token-color-background-inverse-bg-1-hover: #737373;
  --token-color-background-inverse-bg-1-pressed: #737373;
  --token-color-background-inverse-bg-2: rgba(231, 229, 228, 0.08);
  --token-color-background-neutral-bg: #d4d4d4;
  --token-color-background-success-bg: #67da46;
  --token-color-background-success-bg-hover: #8fe477;
  --token-color-background-success-bg-pressed: #A3FF8C;
  --token-color-background-warning-bg: #FFC122;
  --token-color-background-warning-bg-hover: #FFD866;
  --token-color-background-warning-bg-pressed: #FFCD3D;
  --token-color-background-error-bg: #F5525F;
  --token-color-background-error-bg-hover: #F23A48;
  --token-color-background-error-bg-pressed: #D92F3C;
  --token-color-background-info-bg: #0ea5e9;
  --token-color-background-info-bg-hover: #3EBBF3;
  --token-color-background-info-bg-pressed: #3EBBF3;
  --token-color-background-bg-green: #67da46;
  --token-color-background-bg-green-hover: #8fe477;
  --token-color-background-bg-green-pressed: #A3FF8C;
  --token-color-background-bg-red: #D92F3C;
  --token-color-background-bg-red-hover: #F23A48;
  --token-color-background-bg-red-pressed: #D92F3C;
  --token-color-background-bg-yellow: #ffd900;
  --token-color-background-bg-yellow-hover: #ffe133;
  --token-color-background-bg-yellow-pressed: #ffe133;
  --token-color-background-bg-blue: #0ea5e9;
  --token-color-background-bg-blue-hover: #3EBBF3;
  --token-color-background-bg-blue-pressed: #3EBBF3;
  --token-color-background-bg-additional-state: #fafaf9;
  --token-color-background-bg-sticky-header: rgba(245, 245, 244, 0.7);
  --token-color-background-bg-ui: #171717;
  --token-color-background-bg-ui-selected: rgba(90, 90, 90, 0.1);
  --token-color-background-bg-ui-hover: #737373;
  --token-color-background-bg-ui-brand: #34ce08;
  --token-color-background-bg-ui-brand-selected: rgba(52, 206, 8, 0.1);
  --token-color-background-bg-ui-brand-hover: #70fd4c;
  --token-color-background-ambient-mode-bg: rgba(255, 255, 255, 0.6);
  /** Strokes */
  --token-color-stroke-sk-1: #404040;
  --token-color-stroke-sk-1-hover: #171717;
  --token-color-stroke-sk-2: rgba(23, 23, 23, 0.2);
  --token-color-stroke-sk-2-hover: rgba(23, 23, 23, 0.1);
  --token-color-stroke-sk-3: rgba(23, 23, 23, 0.08);
  --token-color-stroke-sk-3-hover: rgba(23, 23, 23, 0.1);
  --token-color-stroke-sk-disabled: rgba(23, 23, 23, 0.05);
  --token-color-stroke-brand-sk: #3bf507;
  --token-color-stroke-brand-sk-hover: #70fd4c;
  --token-color-stroke-link-sk: #3bf507;
  --token-color-stroke-success-sk: #2db107;
  --token-color-stroke-success-sk-hover: #34ce08;
  --token-color-stroke-info-sk: #0ea5e9;
  --token-color-stroke-info-sk-hover: #3EBBF3;
  --token-color-stroke-warning-sk: #E0A400;
  --token-color-stroke-warning-sk-hover: #FFCD3D;
  --token-color-stroke-error-sk: #D92F3C;
  --token-color-stroke-error-sk-hover: #F23A48;
  --token-color-stroke-sk-ui: #000000;
  --token-color-stroke-sk-ui-hover: #171717;
  --token-color-stroke-sk-ui-brand: #04a019;
  --token-color-stroke-sk-ui-brand-hover: #3bf507;
  /** Elevation */
  --token-elevation-top-navigation-elevated: rgba(222, 220, 219, 0.7);
  --token-elevation-bottom-navigation-elevated: rgba(222, 220, 219, 0.7);
  --token-elevation-navigation-rail-elevated: rgba(222, 220, 219, 0.7);
  --token-elevation-navigation-rail: rgba(222, 220, 219, 0.7);
  --token-elevation-pop-up-menu: rgba(222, 220, 219, 0.7);
  /** Overlay */
  --token-overlay-overlay-brighter: rgba(255, 255, 255, 0.5);
  --token-overlay-overlay-darkener: rgba(23, 23, 23, 0.3);
  --token-overlay-overlay-modal: rgba(0, 0, 0, 0.6);
  --token-overlay-overlay-bg: rgba(0, 0, 0, 0.6);
  /** Shadow */
  --token-color-shadow-wide: rgba(0, 0, 0, 0.1);
  --token-color-shadow-wide-dark: rgba(0, 0, 0, 0.4);
  --token-color-shadow-brand: rgba(140, 255, 112, 0.7);
  /** Messages **/
  --token-color-message-success-bg: rgba(52, 206, 8, 0.15);
  --token-color-message-info-bg: rgba(14, 165, 233, 0.15);
  --token-color-message-neutral-bg: rgba(90, 90, 90, 0.15);
  --token-color-message-alert-bg: rgba(255, 193, 34, 0.15);
  --token-color-message-error-bg: rgba(242, 58, 72, 0.15);
  /** Misc **/
  /* Schedule */
  --token-color-misc-schedule-activation: #d2b508;
  --token-color-misc-schedule-activation-alpha: rgba(210, 181, 8, 0.1);
  --token-color-misc-schedule-entry: #67da46;
  --token-color-misc-schedule-entry-alpha: rgba(52, 206, 8, 0.1);
  --token-color-misc-schedule-off: #91908D;
  --token-color-misc-schedule-off-alpha: rgba(178, 177, 172, 0.1);
  /* Energy */
  --token-color-misc-energy-consumption: #E0A400;
  --token-color-misc-energy-delivery: #67da46;
  --token-color-misc-energy-neutral: #737373;
  --token-color-misc-energy-off: #737373;
  --token-color-misc-self-consumption: #67da46;
  --token-color-misc-self-production: #67da46;
  --token-color-misc-grid-import: #F23A48;
  --token-color-misc-grid-export: #ffd900;
  --token-color-misc-storage: #0ea5e9;
  /* Spot Price */
  --token-color-misc-spot-price-low: #67da46;
  --token-color-misc-spot-price-very-low: #2db107;
  --token-color-misc-spot-price-high: #ffd900;
  --token-color-misc-spot-price-very-high: #F23A48;
  /* Climate */
  --token-color-misc-cooling: #0B86BD;
  --token-color-misc-heating: #E0A400;
  --token-color-misc-temp-fixed: #d2b508;
  --token-color-misc-temp-fixed-alpha: rgba(210, 181, 8, 0.1);
  --token-color-misc-temp-comfort: #67da46;
  --token-color-misc-temp-comfort-alpha: rgba(52, 206, 8, 0.1);
  --token-color-misc-temp-eco: #91908D;
  --token-color-misc-temp-eco-alpha: rgba(178, 177, 172, 0.1);
  --token-color-misc-temp-off: #9A866A;
  --token-color-misc-temp-off-alpha: rgba(154, 134, 106, 0.1);
}

.ar-debug--screen {
  padding: 20px;
  background-color: black;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-family: "Courier New", Courier, monospace;
  white-space: pre;
}
.ar-debug--screen table {
  border-color: orange;
}
.ar-debug--screen table thead td {
  background-color: orange;
  color: black;
  font-size: 16px;
  font-weight: bold;
}
.ar-debug--screen table td {
  border: 1px solid orange;
  color: black;
  background-color: white;
  padding: 10px 5px;
}

/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html {
  overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ar-color-foreground-fg-1 {
  color: var(--token-color-foreground-fg-1);
}

.ar-color-foreground-fg-2 {
  color: var(--token-color-foreground-fg-2);
}

.ar-color-foreground-fg-3 {
  color: var(--token-color-foreground-fg-3);
}

.ar-color-foreground-fg-4 {
  color: var(--token-color-foreground-fg-4);
}

.ar-color-foreground-brand-fg {
  color: var(--token-color-foreground-brand-fg);
}

.ar-color-foreground-inverse-fg-1 {
  color: var(--token-color-foreground-inverse-fg-1);
}

@font-face {
  font-family: "Averta";
  src: url("./fonts/averta-regular.woff") format("woff");
  src: url("./fonts/averta-regular.ttf") format("ttf");
  src: url("./fonts/averta-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("./fonts/averta-light.woff") format("woff");
  src: url("./fonts/averta-light.ttf") format("ttf");
  src: url("./fonts/averta-light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("./fonts/averta-bold.woff") format("woff");
  src: url("./fonts/averta-bold.ttf") format("ttf");
  src: url("./fonts/averta-bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "averta-semibold";
  src: url("./fonts/averta-semibold.woff") format("woff");
  src: url("./fonts/averta-semibold.ttf") format("ttf");
  src: url("./fonts/averta-semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "averta-extrabold";
  src: url("./fonts/averta-extrabold.woff") format("woff");
  src: url("./fonts/averta-extrabold.ttf") format("ttf");
  src: url("./fonts/averta-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
/* ######################################## 
typescale-XL Web
For the website (aka the marketingpage, not the shop, etc.)!
######################################## */
/* ######################################## 
typescale-XS Web 
For Webshop, Planner, etc. - Not for the marketing page!
######################################## */
/* ######################################## 
Font family for body!
######################################## */
body {
  font-family: "Averta", Lexend, Helvetica, sans-serif;
}

/* ######################################## 
Font Definitions XL
...by typescale-XL Web @mixins
######################################## */
.ar-size--xl {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
.ar-size--xl .ar-text--size-super {
  font-size: 11.614rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.438px;
}
.ar-size--xl .ar-text--size-huge {
  font-size: 8.157rem;
  font-style: normal;
  font-weight: 800;
  line-height: 80%;
  letter-spacing: -0.979px;
}
.ar-size--xl h1,
.ar-size--xl .ar-text--size-ms7 {
  font-size: 6.275rem;
  font-style: normal;
  font-weight: 800;
  line-height: 90%;
  letter-spacing: -0.502px;
}
.ar-size--xl h2,
.ar-size--xl .ar-text--size-ms6 {
  font-size: 4.827rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.193px;
}
.ar-size--xl h3,
.ar-size--xl .ar-text--size-ms5 {
  font-size: 3.713rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.ar-size--xl h4,
.ar-size--xl .ar-text--size-ms4 {
  font-size: 2.856rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.457px;
}
.ar-size--xl h5,
.ar-size--xl .ar-text--size-ms3 {
  font-size: 2.197rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.088px;
}
.ar-size--xl h6,
.ar-size--xl .ar-text--size-ms2 {
  font-size: 1.69rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.135px;
}
.ar-size--xl .ar-text--size-ms1 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.54px;
}
.ar-size--xl .ar-text--size-ms0 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
.ar-size--xl .ar-text--size-ms-1 {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-size--xl .ar-text--size-ms-2 {
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 3px;
  text-transform: uppercase;
}

@media screen and (max-width: 900px) {
  .ar-size--xl {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: 0.48px;
  }
  .ar-size--xl .ar-text--size-super {
    font-size: 4.11rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.438px;
  }
  .ar-size--xl .ar-text--size-huge {
    font-size: 2.566rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -0.308px;
  }
  .ar-size--xl h1,
  .ar-size--xl .ar-text--size-ms7 {
    font-size: 2.281rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.182px;
  }
  .ar-size--xl h2,
  .ar-size--xl .ar-text--size-ms6 {
    font-size: 2.027rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.081px;
  }
  .ar-size--xl h3,
  .ar-size--xl .ar-text--size-ms5 {
    font-size: 1.802rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
  }
  .ar-size--xl h4,
  .ar-size--xl .ar-text--size-ms4 {
    font-size: 1.602rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding-bottom: 0px !important;
  }
  .ar-size--xl h5,
  .ar-size--xl .ar-text--size-ms3 {
    font-size: 1.424rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.057px;
  }
  .ar-size--xl h6,
  .ar-size--xl .ar-text--size-ms2 {
    font-size: 1.266rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.101px;
  }
  .ar-size--xl .ar-text--size-ms1 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: 0.54px;
  }
  .ar-size--xl .ar-text--size-ms0 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: 0.48px;
  }
  .ar-size--xl .ar-text--size-ms-1 {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.455px;
  }
  .ar-size--xl .ar-text--size-ms-2 {
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
}
/* ######################################## 
Font Definitions XS
...by typescale-XS Web @mixins
######################################## */
.ar-size--xs {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
.ar-size--xs .ar-text--size-super {
  font-size: 4.11rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.438px;
}
.ar-size--xs .ar-text--size-huge {
  font-size: 2.566rem;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  letter-spacing: -0.308px;
}
.ar-size--xs h1,
.ar-size--xs .ar-text--size-ms7 {
  font-size: 2.281rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.182px;
}
.ar-size--xs h2,
.ar-size--xs .ar-text--size-ms6 {
  font-size: 2.027rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.081px;
}
.ar-size--xs h3,
.ar-size--xs .ar-text--size-ms5 {
  font-size: 1.802rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.ar-size--xs h4,
.ar-size--xs .ar-text--size-ms4 {
  font-size: 1.602rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  padding-bottom: 0px !important;
}
.ar-size--xs h5,
.ar-size--xs .ar-text--size-ms3 {
  font-size: 1.424rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.057px;
}
.ar-size--xs h6,
.ar-size--xs .ar-text--size-ms2 {
  font-size: 1.266rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.101px;
}
.ar-size--xs .ar-text--size-ms1 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.54px;
}
.ar-size--xs .ar-text--size-ms0 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
.ar-size--xs .ar-text--size-ms-1 {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-size--xs .ar-text--size-ms-2 {
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ar-size--xs .ar-text--size-super-xl {
  font-size: 11.614rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.438px;
}
.ar-size--xs .ar-text--size-huge-xl {
  font-size: 8.157rem;
  font-style: normal;
  font-weight: 800;
  line-height: 80%;
  letter-spacing: -0.979px;
}
.ar-size--xs .ar-text--size-ms7-xl {
  font-size: 6.275rem;
  font-style: normal;
  font-weight: 800;
  line-height: 90%;
  letter-spacing: -0.502px;
}
.ar-size--xs .ar-text--size-ms6-xl {
  font-size: 4.827rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.193px;
}
.ar-size--xs .ar-text--size-ms5-xl {
  font-size: 3.713rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.ar-size--xs .ar-text--size-ms4-xl {
  font-size: 2.856rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.457px;
}
.ar-size--xs .ar-text--size-ms3-xl {
  font-size: 2.197rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.088px;
}
.ar-size--xs .ar-text--size-ms2-xl {
  font-size: 1.69rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.135px;
}

/* ######################################## 
a href (for links)
######################################## */
p a,
li a,
.ar-feature-card--wysiwyg a {
  color: var(--token-color-foreground-brand-fg);
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-brand-fg)));
  background-image: linear-gradient(var(--token-color-foreground-brand-fg) 0 0);
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none;
}
p a:hover,
li a:hover,
.ar-feature-card--wysiwyg a:hover {
  background-size: 100% 1.5px;
}

a.ar-link {
  color: var(--token-color-foreground-fg-1);
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-fg-1)));
  background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none;
}
a.ar-link:hover {
  background-size: 100% 1.5px;
}

a.ar-link-accentBrand {
  color: var(--token-color-foreground-brand-fg);
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-brand-fg)));
  background-image: linear-gradient(var(--token-color-foreground-brand-fg) 0 0);
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none;
}
a.ar-link-accentBrand:hover {
  background-size: 100% 1.5px;
}

u,
span[style="text-decoration: underline;"] {
  border-style: inset;
  text-decoration: none !important;
  -webkit-box-shadow: inset 0 -5px 0 0 #88d568;
  box-shadow: inset 0 -5px 0 0 #88d568;
}

/* ######################################## 
Icons
######################################## */
i[class^=icon-]:before,
i[class*=" icon-"]:before {
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ar-icon--size-x16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: "AuroraIcons-x16" !important;
}

.ar-cf-icon--size-x16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: "ConfigIcons-x16" !important;
}

.ar-ws-icon--size-x16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "AuroraIcons-x24" !important;
}

.ar-cf-icon--size-x24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "ConfigIcons-x24" !important;
}

.ar-ws-icon--size-x24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x32 {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "AuroraIcons-x32" !important;
}

.ar-cf-icon--size-x32 {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "ConfigIcons-x32" !important;
}

.ar-ws-icon--size-x32 {
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x40 {
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "AuroraIcons-x40" !important;
}

.ar-cf-icon--size-x40 {
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "ConfigIcons-x40" !important;
}

.ar-ws-icon--size-x40 {
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: "AuroraIcons-x48" !important;
}

.ar-cf-icon--size-x48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: "ConfigIcons-x48" !important;
}

.ar-ws-icon--size-x48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x64 {
  font-size: 64px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-family: "AuroraIcons-x64" !important;
}

.ar-cf-icon--size-x64 {
  font-size: 64px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-family: "ConfigIcons-x64" !important;
}

.ar-ws-icon--size-x64 {
  font-size: 64px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x80 {
  font-size: 80px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-family: "AuroraIcons-x80" !important;
}

.ar-cf-icon--size-x80 {
  font-size: 80px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-family: "ConfigIcons-x80" !important;
}

.ar-ws-icon--size-x80 {
  font-size: 80px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x96 {
  font-size: 96px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-family: "AuroraIcons-x96" !important;
}

.ar-cf-icon--size-x96 {
  font-size: 96px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-family: "ConfigIcons-x96" !important;
}

.ar-ws-icon--size-x96 {
  font-size: 96px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--size-x120 {
  font-size: 120px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-family: "AuroraIcons-x120" !important;
}

.ar-cf-icon--size-x120 {
  font-size: 120px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-family: "ConfigIcons-x120" !important;
}

.ar-ws-icon--size-x120 {
  font-size: 120px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-family: "AuroraWebshop" !important;
}

.ar-icon--animate-rotation0:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ar-icon--animate-rotation45:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ar-icon--animate-rotation90:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ar-icon--animate-rotation180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ar-icon--animate-rotation360:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/* ######################################## 
Font weights
######################################## */
.ar-text--style-bold {
  font-weight: 700 !important;
}

.ar-text--style-regular {
  font-weight: 400;
}

.ar-text--style-light {
  font-weight: 300;
}

strong {
  font-weight: 800;
}

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

/* ######################################## 
Text aligns
######################################## */
.ar-text--left {
  text-align: left;
}

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

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

/* ######################################## 
Text formats
######################################## */
.ar-text--uppercase {
  text-transform: uppercase;
}

.ar-text--lowercase {
  text-transform: lowercase;
}

.ar-text--capitalize {
  text-transform: capitalize;
}

.ar-text--no-transform {
  text-transform: none;
}

/* ########################################
Text weight
######################################## */
.ar-text--weight-regular {
  font-weight: 400;
}

.ar-text--weight-bold {
  font-weight: 700;
}

.ar-tooltip {
  border-radius: var(--token-corner-radius-all-base);
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  white-space: nowrap;
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: var(--token-color-foreground-fg-1-hover);
  overflow: hidden;
  color: #ffffff;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}

ul {
  padding: 10px 0 0 20px;
  margin: 0;
  margin-bottom: var(--token-spacing-all-s);
}

ol {
  padding: 0;
  margin: 0;
}

pre.ar-preformatted {
  border-radius: var(--token-corner-radius-all-m);
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  text-align: center;
  margin-bottom: var(--token-spacing-all-m);
}

.ar-table {
  border-radius: var(--token-corner-radius-all-base);
  overflow: hidden;
}
.ar-table td,
.ar-table th {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-m);
  border: 1.5px solid var(--token-color-foreground-inverse-fg-1);
  color: var(--token-color-foreground-fg-1);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-table--small td,
.ar-table--small th {
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
.ar-table--small td:first-child,
.ar-table--small th:first-child {
  padding-left: 0 !important;
}
.ar-table--small td:last-child,
.ar-table--small th:last-child {
  padding-right: 0 !important;
}
.ar-table th,
.ar-table thead,
.ar-table thead td {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-brand-bg);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
  font-weight: bold;
  white-space: nowrap;
}
.ar-table th *,
.ar-table thead *,
.ar-table thead td * {
  white-space: nowrap;
}

.ar-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  padding-top: 25px;
  height: 0;
}

.ar-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--token-corner-radius-all-base);
}

.ar-product-media {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.ar-product-media img {
  max-width: 100%;
  height: auto;
  display: block;
}
.ar-product-media video {
  max-width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Additonal Base Stylesheets */
/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating to a reusable component.
*/
.ar-country-dropdown--selected {
  border-radius: var(--token-corner-radius-all-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  cursor: pointer;
  position: relative;
  background-color: transparent;
}
.ar-country-dropdown--selected:hover {
  background-color: var(--token-color-background-bg-2);
}
.ar-country-dropdown--selected:focus {
  outline: 1.5px solid #1a73e8;
}
.ar-country-dropdown--flag {
  padding: var(--token-spacing-all-xxs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ar-country-dropdown--flag svg {
  width: 24px;
  border-radius: 3px;
}
.ar-country-dropdown--list {
  border-radius: var(--token-corner-radius-all-s);
  position: absolute;
  background: white;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 4px 56px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 56px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  max-height: 420px;
  overflow-y: auto;
  padding: var(--token-spacing-all-xs);
}
.ar-country-dropdown--search {
  padding: var(--token-spacing-all-xs);
  outline: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-country-dropdown--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  cursor: pointer;
  gap: var(--token-spacing-all-xxs);
  border-radius: var(--token-corner-radius-all-s);
  padding: var(--token-spacing-all-xs);
}
.ar-country-dropdown--item--active {
  background-color: var(--token-color-background-bg-2);
}
.ar-country-dropdown--disabled {
  pointer-events: none;
}

.ar-input-v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xxs);
}
.ar-input-v2--disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.ar-input-v2--disabled * {
  cursor: not-allowed;
}
.ar-input-v2:focus-within .ar-input-v2--wrapper:not(.ar-input-v2--wrapper--error) {
  border-color: #1a73e8;
}
.ar-input-v2:not(.ar-input-v2--disabled):not(:focus-within) .ar-input-v2--wrapper:not(.ar-input-v2--wrapper--error):hover {
  border-color: var(--token-color-foreground-fg-2);
}
.ar-input-v2--wrapper {
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid var(--token-color-stroke-sk-3);
  background: var(--token-color-background-bg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-input-v2--wrapper--error {
  border-color: var(--token-color-stroke-error-sk);
}
.ar-input-v2--wrapper--small {
  min-height: 40px;
  padding: 0 var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--medium {
  min-height: 48px;
  padding: var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--large {
  min-height: 64px;
  padding: var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--icon {
  font-size: 20px;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-input-v2--input {
  border: none;
  outline: none;
  background: transparent;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  color: var(--token-color-foreground-fg-1);
}
.ar-input-v2--input--label {
  color: var(--token-color-foreground-fg-2);
  font-size: 14px;
}
.ar-input-v2--input--label--error {
  color: var(--token-color-foreground-error-fg);
}
.ar-input-v2--input--label--optional {
  color: var(--token-color-foreground-fg-2);
}
.ar-input-v2--input::-webkit-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-input-v2--input::-moz-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-input-v2--input:-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-input-v2--input::-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-input-v2--input::placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-input-v2--input--suffix, .ar-input-v2--input--prefix {
  color: var(--token-color-foreground-fg-2);
}
.ar-input-v2--input--error {
  color: var(--token-color-foreground-error-fg);
  font-size: 13px;
}
.ar-input-v2--input--description {
  color: var(--token-color-foreground-fg-2);
  font-size: 13px;
}
.ar-input-v2--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 var(--token-spacing-all-xxs);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-input-v2 {
  /* Chrome, Safari, Edge, Opera */
}
.ar-input-v2 input::-webkit-outer-spin-button,
.ar-input-v2 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ar-input-v2 {
  /* Firefox */
}
.ar-input-v2 input[type=number] {
  -moz-appearance: textfield;
}

.ar-number-input-stepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 var(--token-spacing-all-xs);
}
.ar-number-input-stepper button {
  background: transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ar-number-input-stepper button svg {
  stroke: var(--token-color-foreground-fg-2);
  padding: 5px 0;
}
.ar-number-input-stepper button svg:active {
  stroke: var(--token-color-foreground-fg-1);
}

.ar-input-v2--textarea {
  resize: vertical;
  padding: 0;
  min-height: 88px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ar-input-v2--textarea--no-resize {
  resize: none;
}

.ar-input-v2--inner:has(.ar-input-v2--textarea) {
  padding: 0;
}

.ar-input-v2--wrapper--small:has(.ar-input-v2--textarea) {
  min-height: 60px;
  padding: var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--small .ar-input-v2--textarea {
  min-height: 60px;
}

.ar-input-v2--wrapper--medium:has(.ar-input-v2--textarea) {
  min-height: 88px;
  padding: var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--medium .ar-input-v2--textarea {
  min-height: 88px;
}

.ar-input-v2--wrapper--large:has(.ar-input-v2--textarea) {
  min-height: 120px;
  padding: var(--token-spacing-all-xs);
}
.ar-input-v2--wrapper--large .ar-input-v2--textarea {
  min-height: 120px;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.ar-input-v2--select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "Averta", sans-serif;
  font-size: 16px;
}

.ar-input-v2--file-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.ar-input-v2--file-wrapper .ar-input-v2--inner {
  padding: var(--token-spacing-all-xs);
}

.ar-input-v2--file--button {
  background: var(--token-color-background-bg-2);
  padding: 0 var(--token-spacing-all-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-input-v2--file--display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-search-results {
  min-height: calc(100dvh - 96px - 324px - 107.6px);
  padding-top: 32px;
}

@media (max-width: 1200px) {
  .ar-search-results {
    min-height: calc(100dvh - 96px - 519.19px - 107.6px);
  }
}
.ar-error {
  max-width: 680px;
  padding: var(--token-spacing-all-m);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: calc(100dvh - 96px - 324px);
}
.ar-error h1 {
  font-size: 6.275rem;
  font-style: normal;
  font-weight: 800;
  line-height: 90%;
  letter-spacing: -0.502px;
}
.ar-error h4 {
  font-size: 2.856rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.457px;
}
.ar-error--fullwidth {
  width: 100%;
}

@media (max-width: 1200px) {
  .ar-error {
    min-height: calc(100dvh - 96px - 519.19px);
  }
}
.ar-segmented-control {
  width: 100%;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-segmented-control-dark {
  height: 56px;
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-m);
  padding: 0 var(--token-spacing-all-xxs);
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  --btn-active-color: var(--token-color-background-inverse-bg-1);
  --active-text-color: var(--token-color-foreground-inverse-fg-1);
  --btn-text-color: var(--token-color-foreground-fg-1);
  --active-text-weight: 600;
  --btn-height: 48px;
  --btn-border-radius: var(--token-corner-radius-all-base);
  --btn-padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  --active-box-shadow: none;
}
.ar-segmented-control-light {
  --btn-active-color: var(--token-color-background-bg-1);
  --active-text-color: var(--token-color-foreground-fg-1);
  --btn-text-color: var(--token-color-foreground-fg-2);
  --active-text-weight: 400;
  --active-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  --btn-border-radius: 6px;
  --btn-padding: 0 var(--token-spacing-all-s);
  background: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-all-base);
  padding: 2px;
  outline: 1.5px solid var(--token-color-stroke-sk-3);
}
.ar-segmented-control-light--small {
  height: 40px;
  --btn-height: 36px;
}
.ar-segmented-control-light--medium {
  height: 48px;
  --btn-height: 44px;
}
.ar-segmented-control-light--large {
  height: 64px;
  --btn-height: 60px;
}
.ar-segmented-control--btn {
  width: 100%;
  height: var(--btn-height);
  padding: var(--btn-padding);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  white-space: nowrap;
  color: var(--btn-text-color);
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.ar-segmented-control--btn--active {
  background: var(--btn-active-color);
  color: var(--active-text-color);
  pointer-events: none;
  cursor: auto;
  font-weight: var(--active-text-weight);
  -webkit-box-shadow: var(--active-box-shadow);
  box-shadow: var(--active-box-shadow);
}
.ar-segmented-control--btn:not(.ar-segmented-control--btn--active):hover {
  background: var(--token-color-background-bg-2-hover);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.ar-segmented-control--segments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scroll-behavior: smooth;
}
.ar-segmented-control--segments::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.ar-segmented-control.ar-segmented-control--scrollable--start .ar-segmented-control--arrow-l {
  display: none;
}
.ar-segmented-control.ar-segmented-control--scrollable--end .ar-segmented-control--arrow-r {
  display: none;
}
.ar-segmented-control--arrow {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--token-color-background-bg-1-hover);
}
.ar-segmented-control--arrow-r {
  border-left: 1px solid var(--token-color-stroke-sk-3);
  right: 0;
  top: 0;
  bottom: 0;
}
.ar-segmented-control--arrow-l {
  border-right: 1px solid var(--token-color-stroke-sk-3);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.ar-segmented-control--divider {
  width: 2px;
  height: 16px;
  border-radius: 160px;
  background-color: var(--token-color-stroke-sk-3);
}

.ar-loading-spinner .animated-path {
  stroke-dasharray: 4 5;
  stroke-dashoffset: 0;
  -webkit-animation: dashAnimation var(--animation-duration) infinite;
  animation: dashAnimation var(--animation-duration) infinite;
}
.ar-loading-spinner .animated-path.path-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.ar-loading-spinner .animated-path.path-2 {
  -webkit-animation-delay: calc(var(--animation-duration) * 1 / 12);
  animation-delay: calc(var(--animation-duration) * 1 / 12);
}
.ar-loading-spinner .animated-path.path-3 {
  -webkit-animation-delay: calc(var(--animation-duration) * 2 / 12);
  animation-delay: calc(var(--animation-duration) * 2 / 12);
}
.ar-loading-spinner .animated-path.path-4 {
  -webkit-animation-delay: calc(var(--animation-duration) * 3 / 12);
  animation-delay: calc(var(--animation-duration) * 3 / 12);
}
.ar-loading-spinner .animated-path.path-5 {
  -webkit-animation-delay: calc(var(--animation-duration) * 4 / 12);
  animation-delay: calc(var(--animation-duration) * 4 / 12);
}
.ar-loading-spinner .animated-path.path-6 {
  -webkit-animation-delay: calc(var(--animation-duration) * 5 / 12);
  animation-delay: calc(var(--animation-duration) * 5 / 12);
}
.ar-loading-spinner .animated-path.path-7 {
  -webkit-animation-delay: calc(var(--animation-duration) * 6 / 12);
  animation-delay: calc(var(--animation-duration) * 6 / 12);
}
.ar-loading-spinner .animated-path.path-8 {
  -webkit-animation-delay: calc(var(--animation-duration) * 7 / 12);
  animation-delay: calc(var(--animation-duration) * 7 / 12);
}
.ar-loading-spinner .animated-path.path-9 {
  -webkit-animation-delay: calc(var(--animation-duration) * 8 / 12);
  animation-delay: calc(var(--animation-duration) * 8 / 12);
}
.ar-loading-spinner .animated-path.path-10 {
  -webkit-animation-delay: calc(var(--animation-duration) * 9 / 12);
  animation-delay: calc(var(--animation-duration) * 9 / 12);
}
.ar-loading-spinner .animated-path.path-11 {
  -webkit-animation-delay: calc(var(--animation-duration) * 10 / 12);
  animation-delay: calc(var(--animation-duration) * 10 / 12);
}
.ar-loading-spinner .animated-path.path-12 {
  -webkit-animation-delay: calc(var(--animation-duration) * 11 / 12);
  animation-delay: calc(var(--animation-duration) * 11 / 12);
}

@-webkit-keyframes dashAnimation {
  0% {
    stroke-dasharray: 4 5;
  }
  25% {
    stroke-dasharray: 1 5;
  }
  50% {
    stroke-dasharray: 4 5;
  }
}

@keyframes dashAnimation {
  0% {
    stroke-dasharray: 4 5;
  }
  25% {
    stroke-dasharray: 1 5;
  }
  50% {
    stroke-dasharray: 4 5;
  }
}
/* SIZE DEFINITIONS */
/* STYLE DEFINITIONS */
.ar-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1.5px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}
.ar-btn.ar-btn--disabled {
  cursor: default;
}
.ar-btn.ar-btn--full {
  width: 100%;
}
.ar-btn--has-tooltip {
  pointer-events: all;
  position: relative;
}
.ar-btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  min-height: 24px;
}
.ar-btn:focus-visible {
  outline: 3px solid var(--token-color-foreground-fg-1);
  outline-offset: 3px;
}
.ar-btn--no-pointer {
  pointer-events: none;
}
.ar-btn--word-break {
  white-space: normal;
  text-align: left;
}

.ar-btn-size--small {
  padding: calc(var(--token-spacing-all-xs)) var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-btn-size--small span {
  padding: 0px var(--token-spacing-all-xs);
}
.ar-btn-size--small.ar-btn-notext {
  padding: calc(var(--token-spacing-all-xs) - 1.5px) var(--token-spacing-all-xs);
  gap: var(--token-spacing-all-xs);
}
.ar-btn-size--medium {
  padding: calc(var(--token-spacing-all-s)) var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-btn-size--medium span {
  padding: 0px var(--token-spacing-all-xs);
}
.ar-btn-size--medium.ar-btn-notext {
  padding: calc(var(--token-spacing-all-s) - 1.5px) var(--token-spacing-all-s);
  gap: var(--token-spacing-all-s);
}
.ar-btn-size--large {
  padding: calc(var(--token-spacing-all-base)) var(--token-spacing-all-l);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-btn-size--large span {
  padding: 0px var(--token-spacing-all-xs);
  height: var(--token-spacing-all-m);
}
.ar-btn-size--large.ar-btn-notext {
  padding: calc(var(--token-spacing-all-base) - 1.5px) var(--token-spacing-all-base);
  gap: var(--token-spacing-all-base);
}
.ar-btn-size--xlarge {
  padding: calc(var(--token-spacing-all-m)) var(--token-spacing-all-xl);
  border-radius: var(--token-corner-radius-all-m);
}
.ar-btn-size--xlarge span {
  padding: 0px var(--token-spacing-all-s);
  height: var(--token-spacing-all-m);
}
.ar-btn-size--xlarge.ar-btn-notext {
  padding: calc(var(--token-spacing-all-m) - 1.5px) var(--token-spacing-all-m);
  gap: var(--token-spacing-all-m);
}
.ar-btn-size--xxlarge {
  padding: calc(var(--token-spacing-all-m)) var(--token-spacing-all-xxl);
  border-radius: var(--token-corner-radius-all-m);
  font-size: 1.125rem;
}
.ar-btn-size--xxlarge span {
  padding: 0px var(--token-spacing-all-base);
  height: var(--token-spacing-all-l);
}
.ar-btn-size--xxlarge.ar-btn-notext {
  padding: calc(var(--token-spacing-all-l) - 1.5px) var(--token-spacing-all-l);
  gap: var(--token-spacing-all-l);
}

.ar-btn-style--neutral {
  color: var(--token-color-foreground-fg-1);
  background-color: var(--token-color-background-bg-2);
}
.ar-btn-style--neutral:hover {
  background-color: var(--token-color-background-bg-2-hover);
  color: var(--token-color-foreground-fg-1);
}
.ar-btn-style--neutral:active {
  background-color: var(--token-color-background-bg-2-hover);
}
.ar-btn-style--neutral.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: var(--token-color-background-bg-disabled);
}
.ar-btn-style--accent {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-btn-style--accent:hover {
  background-color: var(--token-color-background-inverse-bg-1-hover);
}
.ar-btn-style--accent:active {
  background-color: var(--token-color-background-inverse-bg-1-pressed);
}
.ar-btn-style--accent.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: var(--token-color-background-bg-disabled);
}
.ar-btn-style--accentBrand {
  color: var(--token-color-foreground-fg-onbrand);
  background-color: var(--token-color-background-brand-bg);
}
.ar-btn-style--accentBrand:hover {
  background-color: var(--token-color-background-brand-bg-hover);
  color: var(--token-color-foreground-fg-onbrand);
}
.ar-btn-style--accentBrand:active {
  background-color: var(--token-color-background-brand-bg-hover);
}
.ar-btn-style--accentBrand.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: var(--token-color-background-bg-disabled);
}
.ar-btn-style--destructive {
  color: var(--token-color-foreground-fg-onbrand);
  background-color: var(--token-color-background-error-bg);
}
.ar-btn-style--destructive:hover {
  background-color: var(--token-color-background-error-bg-hover);
  color: var(--token-color-foreground-fg-onbrand);
}
.ar-btn-style--destructive:active {
  background-color: var(--token-color-background-error-bg-hover);
}
.ar-btn-style--destructive.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: var(--token-color-background-bg-disabled);
}
.ar-btn-style--outline {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
.ar-btn-style--outline:hover {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-btn-style--outline:active {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-btn-style--outline.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: transparent;
  border: 1.5px solid var(--token-color-foreground-fg-disabled);
}
.ar-btn-style--outline.ar-btn--clicked {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-btn-style--outlineSubtle {
  background-color: var(--token-color-foreground-fg-5);
  color: var(--token-color-foreground-fg-2);
  border: 1.5px solid var(--token-color-foreground-fg-2);
  backdrop-filter: blur(calc(var(--token-blur-m) / 2));
}
.ar-btn-style--outlineSubtle:hover {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1-hover);
}
.ar-btn-style--outlineSubtle:active {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1-hover);
}
.ar-btn-style--outlineSubtle.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background: var(--token-color-foreground-fg-5);
  border: 1.5px solid var(--token-color-foreground-fg-disabled);
  backdrop-filter: blur(calc(var(--token-blur-m) / 2));
}
.ar-btn-style--outlineSubtle.ar-btn--clicked {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1-hover);
}
.ar-btn-style--ghost {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
}
.ar-btn-style--ghost:hover {
  background-color: var(--token-color-background-bg-2);
}
.ar-btn-style--ghost:active {
  background-color: var(--token-color-background-bg-2);
}
.ar-btn-style--ghost.ar-btn--disabled {
  color: var(--token-color-foreground-fg-disabled);
}

.ar-btn-simple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border: 1.5px solid transparent;
  text-decoration: none !important;
  position: relative;
  height: var(--token-spacing-all-xl);
}
.ar-btn-simple span {
  padding: 0 var(--token-spacing-all-xs);
}
.ar-btn-simple i {
  padding: var(--token-spacing-all-xs);
}
.ar-btn-simple__badge {
  position: absolute;
  bottom: 4px;
  left: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 3px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #69c350;
  color: #000000;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  -webkit-box-shadow: 0 0 0 2px var(--token-color-background-bg-1);
  box-shadow: 0 0 0 2px var(--token-color-background-bg-1);
}
.ar-btn-simple:active {
  color: var(--token-color-foreground-fg-disabled) !important;
}
.ar-btn-simple.ar-btn-simple-disabled {
  color: var(--token-color-foreground-fg-disabled) !important;
  pointer-events: none;
}
.ar-btn-simple:hover .ar-tooltip {
  display: block;
}
.ar-btn-simple .ar-tooltip {
  padding: var(--token-spacing-all-xs);
  gap: var(--token-spacing-all-xs);
  border-radius: var(--token-corner-radius-all-base);
  background-color: var(--token-color-background-bg-2);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
  position: absolute;
  display: none;
  top: 40px;
}

.ar-btn-simple-style--default {
  color: var(--token-color-foreground-fg-1);
}
.ar-btn-simple-style--default:hover {
  color: var(--token-color-foreground-fg-2);
}
.ar-btn-simple-style--accent {
  color: var(--token-color-foreground-fg-1);
}
.ar-btn-simple-style--accent:hover {
  color: var(--token-color-foreground-fg-1-hover);
}

.ar-card {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-cards);
  background-repeat: no-repeat;
}
.ar-card.ar-element-theme--light {
  color: var(--token-color-foreground-fg-1);
  background-color: var(--token-color-background-bg-1);
}
.ar-card.ar-element-theme--dark {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-card.ar-card--banner {
  padding: var(--token-spacing-all-none) var(--token-spacing-all-xxl);
  height: 350px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.ar-card.ar-card--banner .ar-card--content--flag {
  color: var(--token-color-foreground-brand-fg);
}
.ar-card.ar-card--banner .ar-card--content {
  z-index: 2;
}
.ar-card.ar-card--banner .ar-card--video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ar-card .ar-card--video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: inherit;
  z-index: 0;
}
.ar-card.ar-card--highlight {
  padding: var(--token-spacing-all-m) var(--token-spacing-all-m);
  height: 470px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ar-card.ar-card--highlight .ar-card--content .ar-card--content--flag {
  color: var(--token-color-foreground-brand-fg);
}
.ar-card.ar-card--highlight:hover {
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
}
.ar-card.ar-card--category {
  padding: var(--token-spacing-all-m) var(--token-spacing-all-m);
  height: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.ar-card.ar-card--feature-card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
}
.ar-card.ar-card--feature-card.ar-card--feature-card--image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
}
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content .pimcore_wysiwyg > *,
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content > * {
  margin-bottom: var(--token-spacing-all-s);
}
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content .pimcore_wysiwyg > *:last-child,
.ar-card.ar-card--feature-card.ar-card--feature-card--image .ar-card--content > *:last-child {
  margin-bottom: 0;
}
.ar-card.ar-card--feature-card.ar-card--feature-card--icon .ar-card--content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
  text-align: center;
}
.ar-card.ar-card--feature-card ul,
.ar-card.ar-card--feature-card ol {
  list-style: initial;
  padding-left: 15px; /* get real value */
}
.ar-card.ar-card--feature-card .ar-card--content {
  width: 100%;
}
.ar-card.ar-card--feature-card .ar-card--content img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.ar-card.ar-card--feature-card--large {
  width: 100%;
}
.ar-card.ar-card--feature-card--small {
  width: calc(50% - var(--token-spacing-all-m) / 2);
}
.ar-card.ar-card--feature-card--image {
  padding: var(--token-spacing-all-m);
}
.ar-card.ar-card--feature-card--icon {
  padding: var(--token-spacing-all-xl) var(--token-spacing-all-m);
}
.ar-card--lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.8);
}
.ar-card--lightbox:target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-card--lightbox img {
  display: block;
  height: auto !important;
  max-width: 90vw !important;
  max-height: 100%;
  background: var(--token-color-background-bg-1-hover);
  padding: var(--token-spacing-all-l);
  border-radius: var(--token-corner-radius-cards) !important;
  backdrop-filter: blur(10px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-card--lightbox--image {
  width: 100%;
}

@media (max-width: 1200px) {
  .ar-card.ar-card--banner {
    padding: var(--token-spacing-all-none) var(--token-spacing-all-xl);
  }
  .ar-card.ar-card--feature-card--large {
    width: 100%;
  }
  .ar-card.ar-card--feature-card--small {
    width: calc(50% - var(--token-spacing-all-m) / 2);
  }
  .ar-card.ar-card--feature-card-header .ar-card--content .ar-card--feature-card-header--video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .ar-card.ar-card--feature-card-image {
    width: 100%;
    height: auto;
  }
  .ar-card.ar-card--feature-card-image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
@media (max-width: 767px) {
  .ar-card.ar-card--feature-card--small {
    width: 100%;
  }
}
.ar-anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

.ar-dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100dvw;
  height: 100dvh;
  background: var(--token-color-background-inverse-bg-on-app-canvas);
  backdrop-filter: blur(2px);
  z-index: 1000;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: ar-dialog-fade-bg 0.3s ease-out forwards;
  animation: ar-dialog-fade-bg 0.3s ease-out forwards;
}
.ar-dialog--inner {
  height: 75%;
  max-height: 800px;
  width: 75%;
  max-width: 1280px;
  background: #fff;
  border-radius: var(--token-corner-radius-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-animation: ar-dialog-fade-content 0.3s ease-out 0.1s forwards;
  animation: ar-dialog-fade-content 0.3s ease-out 0.1s forwards;
}

@-webkit-keyframes ar-dialog-fade-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes ar-dialog-fade-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ar-dialog-fade-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ar-dialog-fade-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ar-feature-card {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: var(--token-corner-radius-all-base);
  background: var(--token-color-background-bg-1-hover);
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
}
.ar-feature-card--hide {
  display: none;
}
.ar-feature-card--lightbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: var(--token-color-background-inverse-bg-on-app-canvas);
  backdrop-filter: blur(2px);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-animation: lightboxFadeInBackground 0.3s ease-out forwards;
  animation: lightboxFadeInBackground 0.3s ease-out forwards;
}
.ar-feature-card--lightbox--inner {
  height: auto;
  max-height: 90%;
  background: white;
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-m);
  margin: var(--token-spacing-all-base);
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-animation: lightboxContentFadeIn 0.3s ease-out 0.1s forwards;
  animation: lightboxContentFadeIn 0.3s ease-out 0.1s forwards;
}
.ar-feature-card--lightbox img {
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
}
.ar-feature-card--double-card {
  width: 100%;
}
.ar-feature-card--double-card > .ar-feature-card {
  max-width: calc(50% - var(--token-spacing-all-m) / 2);
}
.ar-feature-card--spacer {
  height: 24px;
}
.ar-feature-card--wysiwyg a {
  color: var(--token-color-foreground-brand-fg);
}
.ar-feature-card--wysiwyg > * {
  margin-bottom: var(--token-spacing-all-s);
}
.ar-feature-card--wysiwyg > *:last-child {
  margin-bottom: 0;
}
.ar-feature-card--img--box {
  margin: var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-feature-card--media img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-s);
}
.ar-feature-card--media ul {
  list-style-type: circle;
  margin-bottom: 0;
}
.ar-feature-card--media--text {
  padding: 0 var(--token-spacing-all-m) var(--token-spacing-all-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
}
.ar-feature-card--icon {
  padding: var(--token-spacing-all-xl);
  text-align: center;
}
.ar-feature-card--youtube {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  padding: var(--token-spacing-all-m);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-feature-card--youtube--wrapper {
  width: 100%;
  height: 100%;
  border-radius: var(--token-corner-radius-all-base);
  overflow: hidden;
}
.ar-feature-card--youtube--iframe {
  width: 100%;
  height: 100%;
}
.ar-feature-card--zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.ar-feature-card--zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.ar-feature-card--video {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
}
.ar-feature-card--video--box {
  overflow: hidden;
  border-radius: var(--token-corner-radius-all-s);
  margin: var(--token-spacing-all-m);
}
.ar-feature-card--1 {
  max-width: 1008px;
}
.ar-feature-card--2 {
  max-width: 488px;
}
.ar-feature-card--4 {
  max-width: 228px;
}

@-webkit-keyframes lightboxFadeInBackground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes lightboxFadeInBackground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lightboxContentFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lightboxContentFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .ar-feature-card--1 {
    max-width: 100%;
  }
  .ar-feature-card--2 {
    max-width: 100%;
  }
  .ar-feature-card--4 {
    max-width: 100%;
  }
  .ar-feature-card--lightbox--inner {
    padding: var(--token-spacing-all-s);
  }
}
@media (max-width: 480px) {
  .ar-feature-card--double-card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ar-feature-card--double-card > .ar-feature-card {
    max-width: 100%;
  }
}
.ar-feature-card--lightbox--icon {
  position: absolute;
  top: 16px;
  right: 16px;
}

.ar-category-card {
  border-radius: var(--token-spacing-all-base);
  text-decoration: none;
  cursor: default;
}
.ar-category-card--dark {
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-category-card--dark .ar-category-card--a--inner-text {
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-category-card--dark:hover {
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide-dark);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide-dark);
}
.ar-category-card--light {
  background-color: var(--token-color-background-bg-1);
}
.ar-category-card--light .ar-category-card--a--inner-text {
  color: var(--token-color-foreground-fg-1);
}
.ar-category-card--light:hover {
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
}
.ar-category-card--clickable {
  cursor: pointer;
}
.ar-category-card--width--3 {
  grid-column: span 3;
}
.ar-category-card--width--4 {
  grid-column: span 4;
}
.ar-category-card--width--6 {
  grid-column: span 6;
}
.ar-category-card--width--8 {
  grid-column: span 8;
}
.ar-category-card--width--12 {
  grid-column: span 12;
}
.ar-category-card--a {
  border-radius: var(--token-spacing-all-base);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  text-decoration: none;
  display: block;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-width: 280px;
  width: 100%;
  max-width: 1216px;
}
.ar-category-card--a:not(.ar-items-end) .ar-category-card--a--caption .ar-category-card--a--inner-text {
  padding: var(--token-spacing-all-xs) 0 var(--token-spacing-all-base) 0;
}
.ar-category-card--a--label {
  color: var(--token-color-foreground-brand-fg);
}
.ar-category-card--a--dark .ar-category-card--a--inner-text {
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-category-card--a--light .ar-category-card--a--inner-text {
  color: var(--token-color-foreground-fg-1);
}
.ar-category-card--a--small {
  min-height: 280px;
}
.ar-category-card--a--large {
  min-height: 470px;
}
.ar-category-card--a--background-video {
  border-radius: var(--token-spacing-all-base);
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}
.ar-category-card--a--caption {
  z-index: 1;
  position: relative;
  padding: var(--token-spacing-all-m);
}
.ar-category-card--a--with-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-l);
}
@media (max-width: 767px) {
  .ar-category-card--a--with-addon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.ar-category-card--a--isBanner {
  min-height: 350px;
  height: 100%;
}
.ar-category-card--a--isBanner h4 {
  font-size: 41.05px;
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.308px;
}
.ar-category-card--a--isBanner h6 {
  font-size: 27.04px;
  line-height: 130%;
  letter-spacing: 0.135px;
}
.ar-category-card--a--isBanner .ar-category-card--a--caption {
  padding: 0 var(--token-spacing-all-xxl);
}
.ar-category-card--a--isBanner .ar-category-card--a--inner-text {
  padding: var(--token-spacing-all-xs) 0 var(--token-spacing-all-m) 0;
}
.ar-category-card--addon {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .ar-category-card--addon {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ar-category-card--a--isBanner .ar-category-card--a--caption {
    padding: 0 var(--token-spacing-all-l);
  }
}
.ar-article-card {
  height: 100%;
  margin: 0 auto;
  width: 100%;
  background-color: var(--token-color-background-bg-1-hover);
  border-radius: var(--token-corner-radius-all-base);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  overflow: hidden;
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ar-article-card:hover {
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2));
}
.ar-article-card .ar-article-card--link {
  text-decoration: none;
  cursor: pointer;
}
.ar-article-card .ar-flag--wrapper {
  margin-top: -29px;
}
.ar-article-card .ar-article-card__header img {
  border-top-left-radius: var(--token-corner-radius-all-base);
  display: block;
  border-top-right-radius: var(--token-corner-radius-all-base);
}
.ar-article-card .ar-article-card__header video {
  aspect-ratio: 3/2;
}
.ar-article-card .ar-article-card__header-placeholder {
  background-color: var(--token-color-background-bg-2);
  border-top-left-radius: var(--token-corner-radius-all-base);
  border-top-right-radius: var(--token-corner-radius-all-base);
}
.ar-article-card .ar-article-card__content {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
}
.ar-article-card .ar-article-card__content--description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-overflow: ellipsis;
}

.ar-top--specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
}
.ar-top--specs .ar-top--specs--entry {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xxs);
}
.ar-top--specs .ar-top--specs--entry .ar-top--spec--value,
.ar-top--specs .ar-top--specs--entry .ar-top--spec--value p {
  color: var(--token-color-foreground-fg-2);
}

.ar-input-wrapper {
  width: 100%;
}

.ar-input--submit {
  font-size: 16px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  letter-spacing: 0.48px;
  width: 100%;
}

.ar-input {
  border-radius: var(--token-corner-radius-all-base);
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-xs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  min-height: 64px;
  caret-color: var(--token-color-foreground-brand-fg);
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid var(--token-color-stroke-sk-3);
}
.ar-input:hover:not(.ar-input--error):not(.ar-input--success):not(:focus-within) {
  border-color: var(--token-color-stroke-sk-2);
}
.ar-input--cancel, .ar-input--show-password {
  color: var(--token-color-foreground-fg-2);
  cursor: pointer;
}
.ar-input--disabled {
  color: var(--token-color-foreground-fg-2);
  opacity: 0.7;
}
.ar-input--focus {
  border-color: var(--token-color-stroke-sk-ui);
}
.ar-input:focus-within:not(.ar-input--error):not(.ar-input--success) {
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid var(--token-color-stroke-sk-ui);
  background: var(--token-color-background-bg-1);
}
.ar-input--maxlength {
  color: var(--token-color-foreground-fg-2);
}
.ar-input--filled .ar-input {
  background-color: var(--token-color-background-bg-2);
}
.ar-input--uppercase input {
  text-transform: none;
}
.ar-input--uppercase input:not(:-moz-placeholder) {
  text-transform: uppercase;
}
.ar-input--uppercase input:not(:-ms-input-placeholder) {
  text-transform: uppercase;
}
.ar-input--uppercase input:not(:placeholder-shown) {
  text-transform: uppercase;
}
.ar-input--container {
  width: 100%;
}
.ar-input--label {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-input--input {
  border: none;
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
}
.ar-input--input:focus {
  outline: none;
}
.ar-input--input::-webkit-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 16px;
}
.ar-input--input::-moz-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 16px;
}
.ar-input--input:-ms-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 16px;
}
.ar-input--input::-ms-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 16px;
}
.ar-input--input::placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 16px;
}
.ar-input--input:-moz-read-only {
  color: var(--token-color-foreground-fg-disabled);
}
.ar-input--input:read-only {
  color: var(--token-color-foreground-fg-disabled);
}
.ar-input--icon {
  color: var(--token-color-foreground-fg-1);
}
.ar-input--icon:first-child {
  margin-right: var(--token-spacing-all-s);
}
.ar-input--icon:last-child {
  margin-left: var(--token-spacing-all-s);
}
.ar-input--divider {
  width: 2px;
  height: 30px;
  background-color: var(--token-color-stroke-sk-3);
}
.ar-input--error {
  border-color: var(--token-color-stroke-sk-error);
  color: var(--token-color-foreground-error-fg) !important;
}
.ar-input--error .ar-input--label {
  color: var(--token-color-foreground-error-fg);
}
.ar-input--success {
  border-color: var(--token-color-foreground-success-fg);
}

.ar-input--message {
  color: var(--token-color-foreground-fg-2);
  margin: var(--token-spacing-all-xss) var(--token-spacing-all-base);
}
.ar-input--message--error {
  color: var(--token-color-foreground-error-fg);
}
.ar-input--message--success {
  color: var(--token-color-foreground-success-fg);
}

.ar-input--select.ar-input--select-minified {
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: right;
  cursor: pointer;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-input--select.ar-input--select-minified:focus {
  outline: none;
}
.ar-input--select.ar-input--select-minified::-webkit-input-placeholder {
  font-size: 16px;
}
.ar-input--select.ar-input--select-minified::-moz-placeholder {
  font-size: 16px;
}
.ar-input--select.ar-input--select-minified:-ms-input-placeholder {
  font-size: 16px;
}
.ar-input--select.ar-input--select-minified::-ms-input-placeholder {
  font-size: 16px;
}
.ar-input--select.ar-input--select-minified::placeholder {
  font-size: 16px;
}

.ar-sub-nav--wrapper {
  padding: 0 var(--token-spacing-all-l);
}

.ar-sub-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1216px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.ar-sub-nav--items {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(10, minmax(-webkit-max-content, auto));
  grid-template-columns: repeat(10, minmax(max-content, auto));
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  scroll-behavior: smooth;
  gap: var(--token-spacing-all-xxs);
}
.ar-sub-nav--arrow {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.ar-sub-nav--arrow-r {
  border-left: 1px solid var(--token-color-stroke-sk-3);
  position: absolute;
  right: -24px;
  top: 0;
  bottom: 0;
}
.ar-sub-nav--arrow-l {
  border-right: 1px solid var(--token-color-stroke-sk-3);
  position: absolute;
  left: -24px;
  top: 0;
  bottom: 0;
}
.ar-sub-nav--scrollable--start .ar-sub-nav--arrow-l {
  display: none;
}
.ar-sub-nav--scrollable--end .ar-sub-nav--arrow-r {
  display: none;
}

.ar-sub-nav-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  cursor: pointer;
  color: var(--token-color-foreground-fg-1);
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: var(--token-spacing-all-base);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-sub-nav-item--icon {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.ar-sub-nav-item--title {
  margin-top: var(--token-spacing-all-xxs);
  margin-bottom: var(--token-spacing-all-xs);
  text-align: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-sub-nav-item--flag {
  background-color: var(--token-color-foreground-brand-fg);
  border-radius: 2px;
  padding: 4px 6px;
  color: var(--token-color-foreground-inverse-fg-1);
  font-size: 8px;
  line-height: 100%;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
}
.ar-sub-nav-item--active {
  background-color: var(--token-color-background-bg-2);
}
.ar-sub-nav-item:hover {
  background-color: var(--token-color-background-bg-2-hover);
}
.ar-sub-nav-item:hover .ar-sub-nav-item--title {
  color: var(--token-color-foreground-fg-1-hover);
}
.ar-sub-nav-item:hover .ar-sub-nav-item--flag {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(105, 195, 80, 0.5);
  box-shadow: 0px 0px 12px 0px rgba(105, 195, 80, 0.5);
}

.ar-nav--main-content {
  position: relative;
}

@media (min-width: 992px) {
  .ar-search {
    position: relative;
  }
}
.ar-search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  background-color: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-all-base);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-search--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ar-search--bar {
  padding: 0 var(--token-spacing-all-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-search--icon::before {
  color: var(--token-color-foreground-fg-2) !important;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.ar-search .ar-search--input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
  caret-color: var(--token-color-foreground-brand-fg);
  padding-left: var(--token-spacing-all-xs);
  color: var(--token-color-foreground-fg-1);
}
.ar-search .ar-search--input::-webkit-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-search .ar-search--input::-moz-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-search .ar-search--input:-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-search .ar-search--input::-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-search .ar-search--input::placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-search--no-results, .ar-search--loading {
  padding: var(--token-spacing-all-l) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--token-color-foreground-fg-2);
}
.ar-search--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
}

.ar-search--active {
  border-radius: var(--token-corner-radius-all-base) var(--token-corner-radius-all-base) 0 0;
  background-color: #ffffff;
}
.ar-search--active-minimal {
  background-color: var(--token-color-background-bg-2);
  border: 1.5px solid var(--token-color-stroke-sk-3);
}
.ar-search--active-full {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
}
.ar-search--active .ar-search--results {
  display: block;
}

.ar-search--results {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: var(--token-color-background-bg-on-app-canvas);
  border-radius: var(--token-corner-radius-all-base);
  background-color: #ffffff;
  padding: 0;
  z-index: 990;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  display: none;
  padding: 48px var(--token-spacing-all-s) 0 var(--token-spacing-all-s);
  margin-top: -48px;
  z-index: -1;
}
.ar-search--results-minimal {
  top: 100px;
  z-index: 1;
  border-radius: var(--token-corner-radius-all-m);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--token-spacing-all-xs);
}
.ar-search--results--focused {
  background-color: var(--token-color-background-bg-2);
}
.ar-search--results--scrollable-content {
  overflow-y: auto;
  height: 100%;
  max-height: calc(100vh - 72px);
}
@media screen and (max-width: 1775px) {
  .ar-search--results--scrollable-content {
    max-height: calc(100vh - 96px);
  }
}
.ar-search--results--scrollable-content--footer {
  padding: var(--token-spacing-all-s);
}
.ar-search--results--scrollable-content--footer a {
  cursor: pointer;
}

@media (max-width: 767px) {
  .ar-search--results-minimal {
    width: 100%;
    position: absolute;
    left: 0;
  }
  .ar-search--results .ar-shipping-info,
  .ar-search--results .ar-amount-btn {
    display: none;
  }
  .ar-search--results .ar-search-item--main-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.ar-search-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
  cursor: pointer;
  gap: var(--token-spacing-all-base);
}
.ar-search-item:hover {
  background-color: var(--token-color-background-bg-2-hover);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-search-item--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-base);
}
.ar-search-item--main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xxs);
}
.ar-search-item--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
}

.ar-filter--container {
  position: relative;
}

.ar-filter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: var(--token-spacing-all-m) 0;
  overflow-x: auto;
  padding-bottom: var(--token-spacing-all-xxs);
}

.ar-filter--popup {
  position: absolute;
  right: 0;
  top: 44px;
  background-color: rgb(255, 255, 255);
  border-radius: var(--token-corner-radius-all-m);
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  backdrop-filter: blur(calc(var(--token-blur-med, 64px) / 2));
  padding: var(--token-spacing-all-xs);
  z-index: 4;
  width: 100%;
  max-width: 200px;
}
.ar-filter--popup p {
  cursor: pointer;
  padding: var(--token-spacing-all-s);
  border-radius: var(--token-corner-radius-all-base);
  font-size: 14px;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-filter--popup p:hover {
  background-color: var(--token-color-background-bg-2);
}
.ar-filter--popup__selected {
  background-color: var(--token-color-background-bg-2);
}

@media (max-width: 767px) {
  .ar-filter {
    gap: var(--token-spacing-all-s);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media (max-width: 992px) {
  .ar-filter--inner {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
}
.ar-amount-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  position: relative;
  border-radius: var(--token-corner-radius-all-base);
  background-color: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-1);
  padding: var(--token-spacing-all-xxs);
}
.ar-amount-btn--disabled {
  background-color: var(--token-color-background-disabled);
  color: var(--token-color-foreground-fg-disabled);
  cursor: not-allowed;
}
.ar-amount-btn--action {
  padding: var(--token-spacing-all-s);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-amount-btn--small {
  padding: 0 var(--token-spacing-all-xxs);
}
.ar-amount-btn input[type=number i] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  color: var(--token-color-foreground-fg-1);
}
.ar-amount-btn input[type=number]::-webkit-inner-spin-button,
.ar-amount-btn input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.ar-amount-btn--input {
  border: none;
  background-color: transparent;
  text-align: center;
}
.ar-amount-btn--input:focus {
  outline: none;
}

.ar-ic-btn {
  font-size: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.ar-ic-btn__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-inverse-fg-1);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  -webkit-box-shadow: 0 0 0 2px var(--token-color-background-bg-1);
  box-shadow: 0 0 0 2px var(--token-color-background-bg-1);
}
.ar-ic-btn-size--small {
  padding: calc(8px - 1.5px);
}
.ar-ic-btn-size--medium {
  padding: calc(12px - 1.5px);
}
.ar-ic-btn-size--large {
  padding: calc(16px - 1.5px);
}
.ar-ic-btn-size--xlarge {
  padding: calc(20px - 1.5px);
  border-radius: var(--token-corner-radius-all-m);
}
.ar-ic-btn-style--neutral-enabled {
  background-color: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-1);
}
.ar-ic-btn-style--neutral-enabled:hover {
  background-color: var(--token-color-background-bg-2-hover);
  color: var(--token-color-foreground-fg-1-hover);
}
.ar-ic-btn-style--neutral-disabled {
  background-color: var(--token-color-background-bg-disabled);
  color: var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn-style--accent-enabled {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-ic-btn-style--accent-enabled:hover {
  background-color: var(--token-color-background-brand-bg-hover);
}
.ar-ic-btn-style--accent-disabled {
  background-color: var(--token-color-background-bg-disabled);
  color: var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn-style--accentBrand-enabled {
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-ic-btn-style--accentBrand-enabled:hover {
  background-color: var(--token-color-foreground-brand-fg-hover);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-ic-btn-style--accentBrand-disabled {
  background-color: var(--token-color-background-bg-disabled);
  color: var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn-style--destructive-enabled {
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-ic-btn-style--destructive-enabled:hover {
  background-color: var(--token-color-background-error-bg-hover);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-ic-btn-style--destructive-disabled {
  background-color: var(--token-color-background-bg-disabled);
  color: var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn-style--outline-enabled {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
.ar-ic-btn-style--outline-enabled:hover {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
.ar-ic-btn-style--outline-disabled {
  background-color: transparent;
  color: var(--token-color-foreground-fg-disabled);
  border: 1.5px solid var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn-style--ghost {
  background-color: transparent;
}
.ar-ic-btn-style--ghost-enabled {
  color: var(--token-color-foreground-fg-1);
}
.ar-ic-btn-style--ghost-enabled:hover {
  color: var(--token-color-foreground-fg-1);
  background-color: var(--token-color-background-bg-2-hover);
}
.ar-ic-btn-style--ghost-enabled:active {
  color: var(--token-color-foreground-fg-2);
}
.ar-ic-btn-style--ghost-disabled {
  color: var(--token-color-foreground-fg-disabled);
  pointer-events: none;
}
.ar-ic-btn:focus-visible {
  outline: 3px solid var(--token-color-foreground-fg-1);
  outline-offset: 3px;
}

.ar-force--pointer-event {
  pointer-events: all !important;
}

.ar-ic-tv-btn {
  outline-offset: 3px;
}
.ar-ic-tv-btn:focus {
  outline: none;
}
.ar-ic-tv-btn:hover.ar-ic-btn-style--neutral-enabled {
  outline: 3px solid var(--token-color-foreground-fg-1);
}
.ar-ic-tv-btn:hover.ar-ic-btn-style--accent-enabled {
  outline: 3px solid var(--token-color-background-brand-bg-hover);
}
.ar-ic-tv-btn:hover.ar-ic-btn-style--outline-enabled {
  outline: 3px solid var(--token-color-background-inverse-bg-1);
}
.ar-ic-tv-btn:hover.ar-ic-btn-style--ghost-enabled {
  outline: 3px solid var(--token-color-foreground-fg-2);
}

.ar-btn-ic-top {
  color: var(--token-color-foreground-fg-1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  border: 1.5px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  border-radius: var(--token-corner-radius-all-m);
  min-width: 180px;
  padding: var(--token-spacing-all-s) var(--token-spacing-all-l);
  outline-offset: 3px;
  background: var(--token-color-background-bg-2);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
}
.ar-btn-ic-top:hover, .ar-btn-ic-top:active {
  background: var(--token-color-background-bg-2-hover);
}
.ar-btn-ic-top:focus-visible {
  outline: 3px solid var(--token-color-background-inverse-bg-1);
}
.ar-btn-ic-top--disabled {
  color: var(--token-color-foreground-fg-disabled);
  background-color: var(--token-color-background-bg-disabled);
  pointer-events: none;
}
.ar-btn-ic-top--disabled i[class*=ar-icon] {
  color: var(--token-color-foreground-fg-disabled);
}

.ar-btn-ic-top-style--neutral i {
  color: var(--token-color-foreground-fg-1);
}
.ar-btn-ic-top-style--accent i {
  color: var(--token-color-foreground-brand-fg);
}
.ar-btn-ic-top-style--warning i {
  color: var(--token-color-foreground-warning-fg);
}
.ar-btn-ic-top-style--destructive i {
  color: var(--token-color-foreground-error-fg);
}

.ar-tv-btn {
  outline-offset: 3px;
}
.ar-tv-btn:focus {
  outline: none;
}
.ar-tv-btn:hover.ar-btn-style--neutral {
  outline: 3px solid var(--token-color-foreground-fg-1);
}
.ar-tv-btn:hover.ar-btn-style--accent {
  outline: 3px solid var(--token-color-background-brand-bg-hover);
}
.ar-tv-btn:hover.ar-btn-style--destructive {
  outline: 3px solid var(--token-color-background-error-bg-hover);
}
.ar-tv-btn:hover.ar-btn-style--outline {
  outline: 3px solid var(--token-color-background-inverse-bg-1);
}
.ar-tv-btn:hover.ar-btn-style--ghost {
  outline: 3px solid var(--token-color-foreground-fg-2);
}

.ar-radio-btn {
  gap: 16px;
  padding-left: var(--token-spacing-all-base);
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-m);
  cursor: pointer;
}
.ar-radio-btn--disabled {
  font-style: italic;
  opacity: 0.5;
}
.ar-radio-btn--full-height {
  height: 100%;
}
.ar-radio-btn label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: var(--token-spacing-all-base) 0;
}
.ar-radio-btn input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  background-color: var(--token-color-background-inverse-fg-1);
  font: inherit;
  width: 24px;
  height: 24px;
  border: 0.15em solid var(--token-color-stroke-sk-2);
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.ar-radio-btn input[type=radio]:checked {
  background-color: var(--token-color-background-bg-ui);
}
.ar-radio-btn input[type=radio]::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: var(--token-color-foreground-inverse-fg-1);
}
.ar-radio-btn input[type=radio]:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: var(--token-color-foreground-inverse-fg-1);
}

.ar-shipping-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xs);
  padding: var(--token-spacing-all-xs) 0;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-shipping-info--status {
  border-radius: var(--token-corner-radius-all-base);
  padding: 6px;
  display: inline-block;
}
.ar-shipping-info--status--in-stock {
  background-color: var(--token-color-foreground-brand-fg);
}
.ar-shipping-info--status--low-stock {
  background-color: var(--token-color-foreground-brand-fg-hover);
}
.ar-shipping-info--status--out-of-stock {
  background-color: #feda01;
}
.ar-shipping-info--status--not-in-stock {
  background-color: var(--token-color-foreground-warning-fg);
}
.ar-shipping-info--info {
  color: var(--token-color-foreground-fg-2);
}
.ar-shipping-info--message {
  color: var(--token-color-foreground-fg-1);
}

.ar-color-picker--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
}

.ar-color-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xs);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-xl);
  background-color: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-color-picker--selected {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-color-picker--color {
  width: 16px;
  height: 16px;
  border-radius: var(--token-corner-radius-all-base);
}

.ar-article-description {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1.5px solid var(--token-color-foreground-brand-fg);
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-l);
  width: 440px;
}
.ar-article-description--promo {
  width: min(490px, 100%);
}
@media (max-width: 720px) {
  .ar-article-description--promo {
    width: 100%;
  }
}
.ar-article-description .ar-article--description--sku {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  color: var(--token-color-foreground-fg-2);
}
.ar-article-description p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  color: var(--token-color-foreground-fg-1);
}
.ar-article-description--content a {
  color: var(--token-color-foreground-brand-fg);
}
.ar-article-description ul {
  padding-top: 0;
  padding-left: var(--token-spacing-all-base);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-article-description ul li {
  list-style: circle;
}
.ar-article-description ul:last-child {
  margin-bottom: 0;
}
.ar-article-description .ar-article-description--divider {
  height: 1.5px;
  width: 100%;
  background-color: var(--token-color-stroke-sk-3);
  margin: var(--token-spacing-all-m) 0;
}
.ar-article-description--shipping {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.ar-article-description hr {
  border: none;
  height: 1.5px;
  background-color: var(--token-color-stroke-sk-3);
}

.ar-gallery {
  width: 520px;
  height: 700px;
}
.ar-gallery .ar-gallery--button-prev {
  margin-left: -23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-gallery .ar-gallery--button-next {
  margin-right: -23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-gallery .ar-gallery--main {
  position: relative;
  background-color: #ffffff;
  border-radius: var(--token-corner-radius-all-m);
  overflow: hidden;
}
.ar-gallery .ar-gallery--main .ar-gallery--badges {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.ar-gallery .ar-gallery--main .ar-gallery--main-image {
  -webkit-user-drag: none;
  width: 100%;
  aspect-ratio: 3/2;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-gallery .ar-gallery--thumbnails {
  max-width: 422px;
  width: 100%;
  padding-bottom: var(--token-spacing-all-s);
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
}
.ar-gallery .ar-gallery--thumbnails video {
  display: block;
}
.ar-gallery .ar-gallery--thumbnails img {
  -webkit-user-drag: none;
}
.ar-gallery .ar-gallery--thumbnails::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.ar-gallery .ar-gallery--thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - var(--token-spacing-all-base) * 2) / 3);
  flex: 0 0 calc((100% - var(--token-spacing-all-base) * 2) / 3);
  min-width: calc((100% - var(--token-spacing-all-base) * 2) / 3);
  border-radius: var(--token-corner-radius-all-m);
  border: 1.5px solid transparent;
  background-color: var(--token-color-background-bg-1);
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-gallery .ar-gallery--thumbnail img,
.ar-gallery .ar-gallery--thumbnail video {
  width: 100%;
  height: 100%;
}
.ar-gallery .ar-gallery--thumbnail--active {
  border: 1.5px solid var(--token-color-foreground-brand-fg);
}
.ar-gallery .ar-galery--slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
  margin: var(--token-spacing-all-base) auto 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ar-recommended-alternative {
  padding: var(--token-spacing-all-l);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-l);
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  max-width: 1008px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: var(--token-spacing-all-m);
}
.ar-recommended-alternative .ar-article-card {
  min-width: 280px;
  border: 1.5px solid var(--token-color-stroke-sk-3);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ar-recommended-alternative--title {
  text-decoration: none !important;
  color: var(--token-color-foreground-fg-1);
}

@media (max-width: 1200px) {
  .ar-article-description {
    width: 100%;
  }
  .ar-gallery {
    display: none;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .ar-gallery .ar-gallery--main-image {
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
  }
  .ar-recommended-alternative {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 90%;
  }
  .ar-recommended-alternative .ar-article-card {
    min-width: unset;
  }
}
@media (max-width: 480px) {
  .ar-gallery .ar-gallery--thumbnails .ar-gallery--thumbnail {
    min-width: calc((100% - var(--token-spacing-all-base) * 1) / 2);
  }
}
.ar-lightbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100dvw;
  height: 100dvh;
  background: var(--token-color-background-inverse-bg-on-app-canvas);
  backdrop-filter: blur(2px);
  z-index: 1000;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .ar-lightbox {
    -webkit-animation: ar-lightbox-fade-bg 0.3s ease-out forwards;
    animation: ar-lightbox-fade-bg 0.3s ease-out forwards;
  }
}
.ar-lightbox--media {
  height: auto;
  max-height: 90%;
  position: relative;
  border-radius: var(--token-corner-radius-all-base);
  max-width: 90vw;
  width: 100%;
  -ms-touch-action: none;
  touch-action: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
@media (prefers-reduced-motion: no-preference) {
  .ar-lightbox--media {
    -webkit-animation: ar-lightbox-fade-content 0.3s ease-out 0.1s forwards;
    animation: ar-lightbox-fade-content 0.3s ease-out 0.1s forwards;
  }
}
.ar-lightbox--media img,
.ar-lightbox--media video {
  max-width: 100%;
  max-height: 100%;
  min-width: 50vw;
  display: block;
  outline: none;
  border-radius: var(--token-corner-radius-all-base);
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.ar-lightbox .ar-lightbox--bottom span {
  color: #fff;
}

@-webkit-keyframes ar-lightbox-fade-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes ar-lightbox-fade-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ar-lightbox-fade-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ar-lightbox-fade-content {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .ar-lightbox--nav {
    display: none !important;
  }
}
.ar-breadcrumb--active {
  color: var(--token-color-foreground-brand-fg);
}

.ar-breadcrumb--a {
  font-weight: 400;
  cursor: pointer;
}

.ar-product-cards {
  margin: 0 auto;
  width: 1008px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
}
.ar-product-cards table {
  border-collapse: collapse;
  width: 100%;
}
.ar-product-cards table th,
.ar-product-cards table td {
  padding: var(--token-spacing-all-base);
}
.ar-product-cards table tr:not(:first-child) td {
  vertical-align: middle;
}
.ar-product-cards table tr:hover td {
  background-color: var(--token-color-background-bg-2);
}
.ar-product-cards table tr:hover td:first-child {
  border-top-left-radius: var(--token-corner-radius-all-base);
  border-bottom-left-radius: var(--token-corner-radius-all-base);
}
.ar-product-cards table tr:hover td:last-child {
  border-top-right-radius: var(--token-corner-radius-all-base);
  border-bottom-right-radius: var(--token-corner-radius-all-base);
}
.ar-product-cards .ar-product-cards--area-bottom a {
  color: var(--token-color-foreground-brand-fg);
  text-decoration: underline !important;
  cursor: pointer;
}
.ar-product-cards .ar-product-cards--area-bottom a:hover {
  text-decoration: none !important;
  color: var(--token-color-foreground-brand-fg-hover);
}
.ar-product-cards .ar-product-cards--area-bottom p:empty {
  min-height: 1rem;
}
.ar-product-cards--area-bottom {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 1200px) {
  .ar-product-cards {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .ar-product-cards {
    width: 100%;
  }
}
.ar-product-cards--columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--token-spacing-all-m);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .ar-product-cards--columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ar-product-cards--columns--column {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--token-spacing-all-m);
}
@media (max-width: 767px) {
  .ar-product-cards--columns--column {
    width: 100%;
    display: contents;
  }
}
.ar-product-cards--columns--column .ar-product-cards--columns--card img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .ar-product-cards--columns--column .ar-product-cards--columns--card:nth-child(2n-1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ar-product-cards--columns--column .ar-product-cards--columns--card:nth-child(2n) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.ar-specifications {
  margin: 0 auto;
  max-width: 1000px;
}
.ar-specifications img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ar-specifications--divider {
  height: 1px;
  background-color: var(--token-color-foreground-fg-1);
  width: 100%;
}
.ar-specifications .ar-specification--headline {
  color: var(--token-color-foreground-fg-1);
  font-size: 27.04px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 35.152px */
  letter-spacing: 0.135px;
  margin-bottom: var(--token-spacing-all-l);
}
.ar-specifications .ar-specification--category {
  border-top: 1px solid var(--color-stroke-sk-2, rgba(29, 35, 42, 0.4));
  padding: var(--token-spacing-all-m) 0;
}
.ar-specifications .ar-specification--category:last-child {
  border-bottom: 1px solid var(--color-stroke-sk-2, rgba(29, 35, 42, 0.4));
}
.ar-specifications .ar-specification--category header {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 22.5px */
  letter-spacing: 0.72px;
  padding: var(--token-spacing-all-base) var(--token-spacing-all-s);
}
.ar-specifications .ar-specification--category .ar-specification--entry {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  cursor: default;
}
.ar-specifications .ar-specification--category .ar-specification--entry:hover {
  background: var(--token-color-background-bg-2);
}
.ar-specifications .ar-specification--category .ar-specification--entry dt,
.ar-specifications .ar-specification--category .ar-specification--entry dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--token-color-foreground-fg-1);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 21.6px */
  letter-spacing: 0.48px;
}
.ar-specifications .ar-specification--category .ar-specification--entry dd {
  color: var(--token-color-foreground-fg-2);
}
.ar-specifications .ar-specification--downloads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--token-spacing-all-m);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: var(--token-spacing-all-l);
  margin-bottom: var(--token-spacing-all-l);
}

.ar-inthebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1008px;
  margin: 0 auto;
}
.ar-inthebox--entry strong, .ar-inthebox--entry p {
  min-width: 50px;
}
.ar-inthebox .ar-itb--list {
  margin: var(--token-spacing-all-xxl) 0;
  padding: var(--token-spacing-all-l) var(--token-spacing-all-xxl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid var(--token-color-foreground-fg-1);
  border-bottom: 1px solid var(--token-color-foreground-fg-1);
  width: 100%;
}
@media (max-width: 992px) {
  .ar-inthebox .ar-itb--list {
    padding: var(--token-spacing-all-l) var(--token-spacing-all-l);
  }
}
@media (max-width: 767px) {
  .ar-specifications {
    margin: 0 auto;
    max-width: 90%;
  }
  .ar-specifications .ar-specification--category div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ar-inthebox .ar-itb--list {
    padding: var(--token-spacing-all-base) var(--token-spacing-all-base);
  }
}
.ar-flag {
  background: red;
  padding: 6px var(--token-spacing-all-xs);
  display: inline-block;
  color: var(--token-color-foreground-inverse-fg-1);
  border-radius: var(--token-corner-radius-all-s);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 1;
}
.ar-flag--new, .ar-flag--updated, .ar-flag--green {
  background: var(--token-color-foreground-brand-fg);
}
.ar-flag--new:hover, .ar-flag--updated:hover, .ar-flag--green:hover {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(105, 195, 80, 0.5);
  box-shadow: 0px 0px 12px 0px rgba(105, 195, 80, 0.5);
}
.ar-flag--blue {
  background-color: var(--token-color-foreground-info-fg);
}
.ar-flag--blue:hover {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 123, 255, 0.5);
  box-shadow: 0px 0px 12px 0px rgba(0, 123, 255, 0.5);
}
.ar-flag--sale {
  background: #d51a29;
}
.ar-flag--sale:hover {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(249, 77, 95, 0.5);
  box-shadow: 0px 0px 12px 0px rgba(249, 77, 95, 0.5);
}
.ar-flag--grey {
  background: var(--token-color-background-inverse-bg-1);
}
.ar-flag--grey:hover {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(128, 128, 128, 0.5);
  box-shadow: 0px 0px 12px 0px rgba(128, 128, 128, 0.5);
}
.ar-flag--big {
  padding: 5px var(--token-spacing-all-s);
}

.ar-country-flag--rounded {
  border-radius: 50%;
  overflow: hidden;
}

/* FlagBadge Component - Badge component for displaying labels, statuses, and versions */
.ar-flag-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xs);
  min-height: 20px;
  padding: 0 var(--token-spacing-all-xs);
  border-radius: var(--token-corner-radius-all-base);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 100%;
  color: var(--token-color-foreground-fg-onbrand);
}
.ar-flag-badge--nav-accent-brand {
  font-size: 8px;
  line-height: normal;
  min-height: 16px;
  border-radius: 6.4px;
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--nav-accent {
  font-size: 8px;
  line-height: normal;
  min-height: 16px;
  border-radius: 6.4px;
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-flag-badge--nav-destructive {
  font-size: 8px;
  line-height: normal;
  min-height: 16px;
  border-radius: 6.4px;
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--flag-accent-brand {
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--flag-accent {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-flag-badge--flag-destructive {
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--product-accent-brand {
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--product-accent {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-flag-badge--product-destructive {
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-fg-1);
}
.ar-flag-badge--version-release {
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-fg-onbrand);
}
.ar-flag-badge--version-beta {
  background-color: var(--token-color-background-warning-bg);
  color: var(--token-color-foreground-fg-onbrand);
}
.ar-flag-badge--version-alpha {
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-fg-onbrand);
}

.ar-select--container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-s);
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-height: 64px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-select--phone {
  border: 1.5px solid transparent;
}
.ar-select--phone .iti__tel-input {
  background-color: transparent !important;
}

.ar-select--error {
  border-color: var(--token-color-foreground-error-fg);
}

.ar-select--disabled {
  background-color: transparent !important;
  cursor: not-allowed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}
.ar-select--disabled .ar-select {
  color: var(--token-color-foreground-fg-sasabled) !important;
}

.ar-select--option--tooltip:hover + .ar-select--tooltip {
  display: block !important;
}

.ar-select--placeholder {
  color: var(--token-color-foreground-fg-3);
}

.ar-select--tooltip {
  display: none;
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: var(--token-color-foreground-fg-1-hover);
  overflow: hidden;
  color: #ffffff;
  margin-bottom: var(--token-spacing-all-s);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-select--tooltip:hover {
  display: block !important;
}

.ar-select--message {
  margin-top: -10px;
}

.ar-select--container-transparent {
  background-color: transparent;
}

.ar-select--container-filled {
  background-color: var(--token-color-background-bg-1);
}

.ar-select--container-filledDark {
  background-color: var(--token-color-background-bg-2);
}

.ar-select--icon {
  color: var(--token-color-foreground-fg-2);
}

.ar-select--label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  color: var(--token-color-foreground-fg-2);
}

.ar-select {
  cursor: pointer;
  border: none;
  width: 100%;
  background-color: transparent;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
  color: var(--token-color-foreground-fg-1);
}
.ar-select--search-input:focus-visible {
  outline: none;
}

.ar-select--current-value {
  cursor: pointer;
  width: 100%;
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
}

.ar-select:focus {
  outline: none;
}

.ar-select--dropdown {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: var(--token-color-background-bg-1);
  backdrop-filter: blur(var(--token-blur-med));
  border: 1px solid var(--token-color-stroke-sk-3);
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-xs);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  /* Ensure the dropdown is above other elements */
  margin-top: var(--token-spacing-all-xs);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ar-select--dropdown-top {
  left: 0;
  right: 0;
  bottom: 100%;
}
.ar-select--dropdown-bottom {
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
}
.ar-select--dropdown-search {
  top: 0;
  position: sticky;
  z-index: 1;
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  background: var(--token-color-background-bg-on-app-canvas);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
}

.ar-select--option {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-select--option--disabled {
  color: var(--token-color-foreground-fg-disabled);
  cursor: not-allowed;
}
.ar-select--option--disabled:hover {
  background-color: transparent !important;
}

.ar-select--option:hover {
  background-color: var(--token-color-background-bg-2);
}

.iti {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: var(--token-spacing-all-xs);
}
.iti__country-container {
  position: relative !important;
}
.iti input {
  outline: none;
  padding: 0 !important;
  width: 100%;
}
.iti__dropdown-content {
  padding: var(--token-spacing-all-base) 0 var(--token-spacing-all-base) var(--token-spacing-all-xs) !important;
  outline: none !important;
  border: none !important;
  border-radius: var(--token-corner-radius-all-base) !important;
}

.ar-select--additional-options {
  border-top: 1px solid var(--token-color-stroke-sk-3);
}

/* Customize the label (the container) */
.ar-checkbox {
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /* Hide the browser's default checkbox */
}
.ar-checkbox input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  height: 0;
  width: 0;
}
.ar-checkbox svg {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.ar-checkbox i {
  color: var(--token-color-stroke-sk-2) !important;
}
.ar-checkbox {
  /* Create a custom checkbox */
}
.ar-checkbox--checkmark {
  font-size: 24px;
}

.ar-pill {
  cursor: pointer;
  border-radius: var(--token-corner-radius-all-max);
  white-space: nowrap;
  background-color: var(--token-color-background-bg-2);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-xs) var(--token-spacing-all-xs) var(--token-spacing-all-base);
  backdrop-filter: blur(calc(var(--token-blur-base) / 2));
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%; /* 16.32px */
  letter-spacing: 0.24px;
  min-width: 64px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--token-color-foreground-fg-1);
  gap: var(--token-spacing-all-none);
}
.ar-pill p {
  padding-right: var(--token-spacing-all-xs);
}
.ar-pill:hover {
  background-color: var(--token-color-background-bg-2-hover);
}
.ar-pill:active {
  background-color: var(--token-color-background-bg-disabled);
  color: var(--token-color-foreground-fg-disabled);
}
.ar-pill--selected {
  background-color: var(--token-color-background-bg-ui);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-pill--selected:hover {
  background-color: var(--token-color-background-bg-ui);
}
.ar-pill--selected p {
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-quickorder-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-xs);
  gap: var(--token-spacing-all-s);
}
.ar-quickorder-item--search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-quickorder-item--amount {
  width: 116px;
}
.ar-quickorder-item--amount .ar-input {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ar-quickorder-item--amount input {
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-quickorder-item--index {
  width: 33px;
  text-align: center;
}
.ar-quickorder-item--desc {
  width: 361px;
}
.ar-quickorder-item--price-1, .ar-quickorder-item--price-2 {
  width: 80px;
  text-align: center;
}
.ar-quickorder-item--disabled {
  cursor: not-allowed;
  visibility: hidden;
}

.ar-quickorder--titles {
  color: var(--token-color-foreground-fg-2);
  gap: var(--token-spacing-all-s);
}
.ar-quickorder--titles .ar-quickorder--title:first-child {
  width: 40px;
}
.ar-quickorder--titles .ar-quickorder--title:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 523px;
}
.ar-quickorder--titles .ar-quickorder--title:nth-child(3) {
  width: 116px;
  text-align: center;
}
.ar-quickorder--titles .ar-quickorder--title:nth-child(4) {
  width: 361px;
}
.ar-quickorder--titles .ar-quickorder--title:nth-child(5) {
  width: 80px;
  text-align: center;
}
.ar-quickorder--titles .ar-quickorder--title:last-child {
  width: 48px;
}

@media (max-width: 767px) {
  .ar-flex.ar-quickorder--titles {
    display: none;
  }
  .ar-quickorder-item {
    position: relative;
  }
  .ar-quickorder-item--index {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ar-quickorder-item--search {
    width: 66%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ar-quickorder-item--desc {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ar-quickorder-item--close {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ar-quickorder-item--price-1 {
    width: 20%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ar-quickorder-item--button {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ar-quickorder-item--price-2 {
    width: 20%;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
}
.ar-cart-titles {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-cart-titles .ar-cart-title {
  text-align: center;
  color: var(--token-color-foreground-fg-2);
}
.ar-cart-titles .ar-cart-title:first-child {
  text-align: left;
  min-width: 560px;
}
.ar-cart-titles .ar-cart-title:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.ar-cart--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ar-cart-prices {
  min-width: 400px;
}

@media screen and (max-width: 992px) {
  .ar-flex .ar-cart-titles {
    display: none;
  }
}
@media (max-width: 767px) {
  .ar-cart-prices {
    min-width: 100%;
  }
  .ar-cart--buttons .ar-btn span {
    display: none;
  }
}
.ar-cart--conflict-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: rgba(87, 92, 97, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-cart--conflict-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: white;
  padding: var(--token-spacing-all-m);
  border-radius: 20px;
  max-width: 450px;
  gap: var(--token-spacing-all-m);
}
.ar-cart--conflict-popup--heading {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.ar-cart-conflict-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  background-color: var(--token-color-background-bg-2);
}
.ar-cart-conflict-button--wrapper {
  width: 100%;
}
.ar-cart-conflict-button--brand {
  background-color: var(--token-color-background-brand-bg);
  color: #ffffff;
}
.ar-cart-conflict-button:hover {
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.ar-cart-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--token-color-background-bg-1-hover);
  border-radius: var(--token-corner-radius-all-base);
}
.ar-cart-item--special {
  background-color: var(--token-color-background-bg-2) !important;
}
.ar-cart-item--special:not(.ar-cart-item--summary) {
  padding: var(--token-spacing-all-s) 0;
}
.ar-cart-item--discounted .ar-cart-item--discount {
  color: var(--token-color-foreground-brand-fg);
}
.ar-cart-item--promotion {
  cursor: pointer;
  background-color: var(--token-color-background-brand-bg);
  padding: var(--token-spacing-all-s) 0;
}
.ar-cart-item--promotion .ar-cart-item--header--title,
.ar-cart-item--promotion .ar-cart-item--details--image i,
.ar-cart-item--promotion .ar-cart-item--dropdown i {
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-cart-item--promotion--open {
  background-color: var(--token-color-background-bg-2);
}
.ar-cart-item--promotion--open .ar-cart-item--header--title,
.ar-cart-item--promotion--open .ar-cart-item--details--image i,
.ar-cart-item--promotion--open .ar-cart-item--dropdown i {
  color: var(--token-color-foreground-fg-1);
}
.ar-cart-item--promotion--closed .ar-flag--new {
  color: var(--token-color-foreground-brand-fg);
  background-color: var(--token-color-foreground-inverse-fg-1);
}
.ar-cart-item--promotion .ar-cart-item--header--child--grow {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-cart-item--promotion .ar-cart-item--header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.ar-cart-item--promotion--variant-outline {
  border: 1.5px solid var(--token-color-stroke-brand-sk, #69c350);
  background: var(--Color-Background-bg-1, rgba(255, 255, 255, 0.6980392157));
  backdrop-filter: blur(var(--token-blur-med, 56px));
  padding: 0;
}
.ar-cart-item--promotion--variant-outline .ar-cart-item--header {
  min-height: 48px;
  gap: 0;
}
.ar-cart-item--promotion--variant-outline .ar-cart-item--header--title,
.ar-cart-item--promotion--variant-outline .ar-cart-item--details--image i,
.ar-cart-item--promotion--variant-outline .ar-cart-item--dropdown i {
  color: var(--token-color-foreground-fg-1);
}
.ar-cart-item--promotion--variant-outline.ar-cart-item--promotion--open {
  background: var(--Color-Background-bg-1, rgba(255, 255, 255, 0.6980392157));
}
.ar-cart-item--promotion--variant-outline .ar-cart-item--content.ar-cart-item--content-promotion {
  padding: 0;
}
.ar-cart-item--promotion--variant-outline.ar-cart-item--promotion--open .ar-cart-item--content.ar-cart-item--content-promotion {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-l);
  background-color: var(--token-color-background-bg-2);
}
.ar-cart-item--promotion .ar-cart-item--content.ar-cart-item--content-promotion {
  padding: 0;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
.ar-cart-item--promotion--open .ar-cart-item--content.ar-cart-item--content-promotion {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-l);
}
.ar-cart-item.ar-cart-item--summary .ar-cart-item--header {
  cursor: default;
  grid-gap: var(--token-spacing-all-base);
}
.ar-cart-item--header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--token-spacing-all-base);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--token-spacing-all-s);
}
.ar-cart-item--header--title {
  text-decoration: none;
  color: var(--token-color-foreground-fg-1);
}
.ar-cart-item--header--child:nth-child(1) {
  width: 100px;
}
.ar-cart-item--header--child:nth-child(2) {
  width: 400px;
}
.ar-cart-item--header--child:nth-child(3) {
  width: 60px;
}
.ar-cart-item--header--child:nth-child(4) {
  width: 50px;
}
.ar-cart-item--header--child:nth-child(5) {
  width: 116px;
}
.ar-cart-item--header--child:nth-child(6) {
  width: 78px;
}
.ar-cart-item--header--child:nth-child(7) {
  width: 48px;
}
.ar-cart-item--header--sku {
  overflow: hidden;
  color: var(--color-foreground-fg-2, rgba(29, 35, 42, 0.6));
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
  letter-spacing: 0.42px;
}
.ar-cart-item--training {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-base);
}
.ar-cart-item--footer {
  border-top: 1px solid var(--token-color-stroke-sk-3);
  padding: var(--token-spacing-all-s) var(--token-spacing-all-s) var(--token-spacing-all-base) var(--token-spacing-all-s);
  gap: var(--token-spacing-all-xxl);
}
.ar-cart-item--footer--icon {
  width: 108px;
}
.ar-cart-item--footer .ar-cart--item--details--voucher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--token-color-foreground-brand-fg);
  gap: var(--token-spacing-all-xs);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-cart-item .ar-cart-item--details--image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-cart-item .ar-cart-item--details--meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ar-cart-item--price--unit {
  text-align: right;
}
.ar-cart-item--price--old {
  text-decoration: line-through;
  color: var(--token-color-foreground-fg-3);
  font-size: 13px;
  text-align: right;
}
.ar-cart-item--discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ar-cart-item--qty {
  text-align: center;
}
.ar-cart-item--total {
  text-align: right;
  font-weight: bold;
}
.ar-cart-item--content {
  padding: var(--token-spacing-all-base) var(--token-spacing-all-l);
}
.ar-cart-item--content-promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-s);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ar-cart-promotion {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ffffff;
  border-radius: var(--token-corner-radius-all-base);
}
.ar-cart-promotion--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-base);
}
.ar-cart-promotion--content {
  border-top: 1.5px solid var(--token-color-stroke-sk-3);
  padding: var(--token-spacing-all-base);
}
.ar-cart-promotion--sku {
  overflow: hidden;
  color: var(--color-foreground-fg-2, rgba(29, 35, 42, 0.6));
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-cart-promotion .ar-shipping-info {
  padding-top: 0px;
  padding-bottom: 0px;
}

.ar-cart-item--summary .ar-cart-item--header--child:nth-child(1) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(2) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(3) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.ar-cart-item--summary .ar-cart-item--header--child:nth-child(4) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

@media (max-width: 767px) {
  .ar-cart-item--details--meta {
    white-space: normal !important;
  }
  .ar-cart-item--header {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--token-spacing-all-xs);
  }
  .ar-cart-item--header--child:nth-child(1) {
    width: 25%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: none;
  }
  .ar-cart-item--header--child:nth-child(2) {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ar-cart-item--header--child:nth-child(3) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: none;
  }
  .ar-cart-item--header--child:nth-child(4) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: none;
  }
  .ar-cart-item--header--child:nth-child(5) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ar-cart-item--header--child:nth-child(6) {
    width: 100%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ar-cart-item--header--child:nth-child(7) {
    width: 10%;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .ar-cart-item--header--child .ar-search-item--shipping-state {
    display: none;
  }
  .ar-cart-item--header .ar-amount-btn--action {
    display: none;
  }
  .ar-cart-item--header .ar-amount-btn--input {
    width: 32px !important;
    height: 32px;
  }
  .ar-cart-item--promotion .ar-cart-item--content {
    padding: var(--token-spacing-all-s) var(--token-spacing-all-s);
  }
  .ar-cart-promotion .ar-cart-promotion--header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ar-cart-promotion .ar-cart-promotion--content .ar-product-media {
    display: none;
  }
  .ar-cart-item--footer {
    gap: var(--token-spacing-all-s);
  }
  .ar-cart-item--special .ar-cart-item--header {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
}
.ar-cart-item--training-child {
  display: grid;
  grid-template-columns: auto 160px 160px 125px;
  grid-gap: var(--token-spacing-all-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-sticky-bar {
  width: 100vw;
  min-height: 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--token-spacing-all-m) var(--token-spacing-all-l);
  background-color: var(--token-color-background-bg-1);
  opacity: 1;
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  z-index: 49;
}
.ar-sticky-bar--message {
  position: fixed;
  top: 100vh;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 0;
}
.ar-sticky-bar--visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.ar-sticky-bar--hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ar-sticky-bar--product {
  position: fixed;
  top: 96px;
  bottom: auto;
}
.ar-sticky-bar--product-container {
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--token-spacing-all-l);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ar-sticky-bar--product-container:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-sticky-bar--ext-product-btn--desktop {
  display: block;
}
.ar-sticky-bar--ext-product-btn--mobile {
  display: none;
}

@media screen and (max-width: 992px) {
  .ar-sticky-bar {
    width: 100%;
  }
  .ar-sticky-bar--product {
    bottom: 0;
    top: auto;
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
  }
  .ar-sticky-bar--product-container {
    max-width: 100%;
    gap: var(--token-spacing-all-s);
  }
}
@media screen and (max-width: 767px) {
  .ar-sticky-bar--product {
    top: auto;
    bottom: 0;
  }
  .ar-sticky-bar--product .ar-sticky-bar--price {
    display: none;
  }
  .ar-sticky-bar--product .ar-shipping-info {
    display: none;
  }
  .ar-sticky-bar--product .ar-sticky-bar--ext-product-btn--desktop {
    display: none;
  }
  .ar-sticky-bar--product .ar-sticky-bar--ext-product-btn--mobile {
    display: block;
  }
  .ar-sticky-bar--product .ar-sticky-bar--product-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ar-sticky-bar--product .ar-sticky-bar--product-container .ar-amount-btn,
  .ar-sticky-bar--product .ar-sticky-bar--product-container .ar-shipping-status--container {
    display: none;
  }
}
.ar-popup {
  margin: var(--token-spacing-all-xs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--token-corner-radius-all-l);
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 4px 56px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 56px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  position: absolute;
}
.ar-popup--menu {
  padding: var(--token-spacing-all-xs);
  z-index: 2;
  width: 264px;
  right: 0;
  top: 0;
}
.ar-popup--menu-item {
  border-radius: var(--token-corner-radius-all-base);
  cursor: pointer;
}
.ar-popup--menu-item:hover {
  background-color: var(--token-color-background-bg-2);
}
.ar-popup--menu-item a:visited {
  color: var(--token-color-foreground-fg-1);
  text-decoration: none;
}
.ar-popup--alert, .ar-popup--input {
  position: fixed;
  padding: var(--token-spacing-all-m);
  width: 300px;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--token-spacing-all-s);
  top: 50vh;
  left: 50vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ar-popup--alert h6, .ar-popup--input h6 {
  font-size: 18px;
  font-weight: 800;
}
.ar-popup--alert-input, .ar-popup--input-input {
  border: 2px solid var(--token-color-stroke-sk-3);
  border-radius: var(--token-corner-radius-all-base);
  margin-bottom: var(--token-spacing-all-m);
}
.ar-popup--visible {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ar-popup--hidden {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ar-popup-account {
  max-width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 51;
  width: 320px;
  right: 0;
  top: 85px;
  margin: 0 var(--token-spacing-all-base);
  padding: var(--token-spacing-all-m) 20px;
  border-radius: var(--token-corner-radius-all-base);
  background: var(--token-color-background-bg-on-app-canvas);
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide);
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-s);
}
.ar-popup-account--hidden {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ar-popup-account--meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
}
.ar-popup-account--user-icon {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-popup-account--info-company {
  font-weight: bold;
}
.ar-popup-account--info-user {
  color: var(--token-color-foreground-fg-2);
}
.ar-popup-account hr {
  margin: 0;
  border-color: var(--token-color-stroke-sk-3);
}

.ar-saved-carts {
  width: 100%;
}
.ar-saved-carts--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-saved-carts--name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  text-align: left;
}
.ar-saved-carts--count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.ar-saved-carts--buttons {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .ar-saved-carts--buttons .ar-btn span {
    display: none;
  }
}
.ar-checkout--wrapper {
  grid-template-columns: repeat(12, 1fr);
  max-width: 1280px;
  gap: 32px;
  grid-auto-rows: minmax(100px, auto);
  display: grid;
  margin: var(--token-spacing-all-m) auto;
  width: 100%;
}
.ar-checkout--left {
  grid-column: span 6;
}
.ar-checkout--right {
  grid-column: span 6;
  padding-top: 40px;
}
.ar-checkout--uid {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  gap: var(--token-spacing-all-m);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-checkout--disclaimer {
  gap: var(--token-spacing-all-m);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: var(--token-spacing-all-m);
}
.ar-checkout--uid {
  background-color: var(--token-color-message-alert-bg);
  color: var(--token-color-foreground-warning-fg);
  border: 1.5px solid var(--token-color-stroke-warning-sk);
}
.ar-checkout--add-item {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-checkout-editor--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--token-spacing-all-m);
}
.ar-checkout-editor--wrapper .ar-input-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-checkout-editor--wrapper .ar-flex--full {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.ar-checkout--pickup-wrapper {
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
  white-space: pre-line;
}
.ar-checkout--pickup-wrapper .info-sub {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}

.ar-color--success,
i.ar-color--success {
  color: var(--token-color-foreground-brand-fg);
}

.ar-color--error,
i.ar-color--error {
  color: var(--token-color-foreground-error-fg);
}

.ar-color--warning,
i.ar-color--warning {
  color: var(--token-color-foreground-warning-fg);
}

.ar-color--foreground {
  color: var(--token-color-foreground-fg-1);
}

.ar-color--foreground-3 {
  color: var(--token-color-foreground-fg-3);
}

.ar-checkout-step {
  padding: var(--token-spacing-all-m) 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ar-checkout-step:first-child {
  padding-top: 0;
}
.ar-checkout-step--active {
  color: var(--token-color-foreground-fg-1);
}
.ar-checkout-step--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-xs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.ar-checkout-step--header-clickable {
  cursor: pointer;
}
.ar-checkout-step--placeholder {
  padding: 20px;
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-checkout-step--content--addresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-m);
}
.ar-checkout-step .no--address-selected,
.ar-checkout-step .no--payment-method-selected {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
}
.ar-checkout-step--selected-method {
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
}

.ar-address {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-m);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-address--editable {
  cursor: pointer;
}
.ar-address--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-m);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-address--settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ar-account-item {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-m);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ar-page-checkout > section {
  min-height: calc(100vh - 184px);
}

.ar-checkout-summary--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-s);
}
.ar-checkout-summary--item {
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xxl);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ar-checkout-summary--prices {
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-base);
}

@media (max-width: 767px) {
  .ar-checkout--wrapper {
    display: block;
  }
}
.ar-checkout--reference-wrapper .ar-system-message, .ar-checkout--invoice-wrapper .ar-system-message, .ar-checkout--shipping-wrapper .ar-system-message, .ar-checkout--payment-wrapper .ar-system-message {
  width: 100%;
}
.ar-checkout--reference-wrapper .ar-data--preview, .ar-checkout--invoice-wrapper .ar-data--preview, .ar-checkout--shipping-wrapper .ar-data--preview, .ar-checkout--payment-wrapper .ar-data--preview {
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
  border-radius: var(--token-corner-radius-all-base);
  width: 100%;
}

.ar-system-message {
  border: 2px solid transparent;
  border-radius: var(--token-corner-radius-all-base);
  min-height: 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 12px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-system-message .ar-system-message-close {
  cursor: pointer;
}
.ar-system-message--size-small {
  min-height: 40px !important;
}
.ar-system-message--size-small > * {
  line-height: 20px;
}
.ar-system-message-icon {
  padding: 0;
}
.ar-system-message--success-light {
  background-color: var(--token-color-message-success-bg);
  color: var(--token-color-misc-spot-price-very-low);
  border: 1.5px solid var(--token-color-misc-spot-price-very-low);
}
.ar-system-message--success-light .ar-loading-spinner path {
  stroke: var(--token-color-misc-spot-price-very-low);
}
.ar-system-message--success-dark {
  background-color: var(--token-color-message-success-bg);
  color: var(--token-color-foreground-brand-fg);
  border: none;
}
.ar-system-message--success-dark .ar-loading-spinner path {
  stroke: var(--token-color-foreground-brand-fg);
}
.ar-system-message--success-solid {
  background-color: var(--token-color-background-brand-bg);
  color: var(--token-color-foreground-fg-dark-static);
  border: none;
}
.ar-system-message--success-solid .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--success-solid .ar-system-message-close {
  color: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--info-light {
  background-color: var(--token-color-message-info-bg);
  color: var(--token-color-foreground-info-fg);
  border: 1.5px solid var(--token-color-stroke-info-sk);
}
.ar-system-message--info-light .ar-loading-spinner path {
  stroke: var(--token-color-foreground-info-fg);
}
.ar-system-message--info-dark {
  background-color: var(--token-color-message-info-bg);
  color: var(--token-color-foreground-info-fg);
  border: none;
}
.ar-system-message--info-dark .ar-loading-spinner path {
  stroke: var(--token-color-foreground-info-fg);
}
.ar-system-message--info-solid {
  background-color: var(--token-color-background-info-bg);
  color: var(--token-color-foreground-fg-dark-static);
  border: none;
}
.ar-system-message--info-solid .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--info-solid .ar-system-message-close {
  color: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--neutral-light {
  background-color: var(--token-color-message-neutral-bg);
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
.ar-system-message--neutral-light .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-1);
}
.ar-system-message--neutral-dark {
  background-color: var(--token-color-message-neutral-bg);
  color: var(--token-color-foreground-fg-1);
  border: none;
}
.ar-system-message--neutral-dark .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-1);
}
.ar-system-message--neutral-solid {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
  border: none;
}
.ar-system-message--neutral-solid .ar-loading-spinner path {
  stroke: var(--token-color-foreground-inverse-fg-1);
}
.ar-system-message--neutral-solid .ar-system-message-close {
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-system-message--warning-light {
  background-color: var(--token-color-message-alert-bg);
  color: var(--token-color-foreground-warning-fg);
  border: 1.5px solid var(--token-color-stroke-warning-sk);
}
.ar-system-message--warning-light .ar-loading-spinner path {
  stroke: var(--token-color-foreground-warning-fg);
}
.ar-system-message--warning-dark {
  background-color: var(--token-color-message-alert-bg);
  color: var(--token-color-foreground-warning-fg);
  border: none;
}
.ar-system-message--warning-dark .ar-loading-spinner path {
  stroke: var(--token-color-foreground-warning-fg);
}
.ar-system-message--warning-solid {
  background-color: var(--token-color-background-warning-bg);
  color: var(--token-color-foreground-fg-dark-static);
  border: none;
}
.ar-system-message--warning-solid .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--warning-solid .ar-system-message-close {
  color: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--error-light {
  background-color: var(--token-color-message-error-bg);
  color: var(--token-color-foreground-error-fg);
  border: 1.5px solid var(--token-color-stroke-error-sk);
}
.ar-system-message--error-light .ar-loading-spinner path {
  stroke: var(--token-color-foreground-error-fg);
}
.ar-system-message--error-dark {
  background-color: var(--token-color-message-error-bg);
  color: var(--token-color-foreground-error-fg);
  border: none;
}
.ar-system-message--error-dark .ar-loading-spinner path {
  stroke: var(--token-color-foreground-error-fg);
}
.ar-system-message--error-solid {
  background-color: var(--token-color-background-error-bg);
  color: var(--token-color-foreground-fg-dark-static);
  border: none;
}
.ar-system-message--error-solid .ar-loading-spinner path {
  stroke: var(--token-color-foreground-fg-dark-static);
}
.ar-system-message--error-solid .ar-system-message-close {
  color: var(--token-color-foreground-fg-dark-static);
}

.swiper-button-prev {
  margin-left: -56px;
  left: 10px;
}

.swiper-button-next {
  margin-right: -56px;
  right: 10px;
  left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--token-color-foreground-fg-1);
  font-size: 48px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  background-color: var(--token-color-background-bg-2);
}

.swiper-wrapper .swiper-slide {
  height: auto;
}

.ar-swiper-container {
  position: relative;
  margin: 0 auto;
}
.ar-swiper-container .ar-swiper {
  margin: 0 auto;
  padding: 0 var(--token-spacing-all-l);
}

@media (max-width: 1450px) {
  .ar-swiper-container {
    max-width: 90%;
    overflow-x: hidden;
  }
  .swiper-button-next {
    margin-right: -25px;
  }
  .swiper-button-prev {
    margin-left: -25px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    background-color: transparent;
  }
}
.ar-faq {
  max-width: 1008px;
  margin: 0 auto;
}
.ar-faq-item {
  padding: var(--token-spacing-all-m);
}
.ar-faq-item--headline {
  cursor: pointer;
}
.ar-faq-item--content {
  padding-top: var(--token-spacing-all-m);
}

.ar-file-upload-container .ar-file-upload {
  display: none;
}
.ar-file-upload-container .ar-custom-file-upload,
.ar-file-upload-container .ar-drop-area {
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  background-color: var(--token-color-foreground-brand-fg);
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.ar-file-upload-container .ar-custom-file-upload:hover,
.ar-file-upload-container .ar-drop-area.active {
  background-color: var(--token-color-foreground-brand-fg-hover);
}
.ar-file-upload-container .ar-drop-area {
  border: 2px dashed var(--token-color-foreground-brand-fg);
  background-color: transparent;
  padding: 20px;
  border-radius: 4px;
  margin-top: 10px;
}
.ar-file-upload-container .ar-drop-area > * {
  color: #495057;
}

.ar-textarea {
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid var(--token-color-stroke-sk-3);
  background: var(--token-color-background-bg-1);
  font-family: Averta;
}
.ar-textarea::-webkit-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-textarea::-moz-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-textarea:-ms-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-textarea::-ms-input-placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-textarea::placeholder {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
}
.ar-textarea:focus {
  outline: none;
}

.ar-toggle {
  --switch-width: 51px;
  --switch-height: 31px;
  --switch-thumb-size: 26px;
  --switch-bg: var(--token-color-background-bg-2);
  --switch-bg-checked: var(--token-color-background-brand-bg);
  --switch-thumb-bg: #ffffff;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-toggle--disabled, .ar-toggle[data-disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.ar-toggle__label {
  font-size: 0.875rem;
  line-height: 1;
}
.ar-toggle {
  /* Native checkbox — visually hidden but accessible & focusable */
}
.ar-toggle__input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}
.ar-toggle__input:focus-visible + .ui-switch__track {
  -webkit-box-shadow: 0 0 0 2px var(--switch-ring-color);
  box-shadow: 0 0 0 2px var(--switch-ring-color);
}
.ar-toggle__input:disabled + .ui-switch__track {
  pointer-events: none;
}
.ar-toggle {
  /* Track */
}
.ar-toggle__track {
  position: relative;
  inline-size: var(--switch-width);
  block-size: var(--switch-height);
  background: var(--switch-bg);
  border-radius: 9999px;
  -webkit-transition: background-color 160ms cubic-bezier(0.2, 0, 0, 1);
  transition: background-color 160ms cubic-bezier(0.2, 0, 0, 1);
}
.ar-toggle {
  /* Thumb */
}
.ar-toggle__thumb {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 2px;
  /* "padding" from the left edge */
  inline-size: var(--switch-thumb-size);
  block-size: var(--switch-thumb-size);
  background: var(--switch-thumb-bg);
  border-radius: 9999px;
  -webkit-transform: translate(0, -52%);
  transform: translate(0, -52%);
  -webkit-transition: -webkit-transform 160ms cubic-bezier(0.2, 0, 0, 1), -webkit-box-shadow 160ms cubic-bezier(0.2, 0, 0, 1);
  transition: -webkit-transform 160ms cubic-bezier(0.2, 0, 0, 1), -webkit-box-shadow 160ms cubic-bezier(0.2, 0, 0, 1);
  transition: transform 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1);
  transition: transform 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1), -webkit-transform 160ms cubic-bezier(0.2, 0, 0, 1), -webkit-box-shadow 160ms cubic-bezier(0.2, 0, 0, 1);
}
.ar-toggle {
  /* Checked state */
}
.ar-toggle__track[data-state=checked] {
  background: var(--switch-bg-checked);
}
.ar-toggle__track[data-state=checked] .ar-toggle__thumb {
  /* Move thumb to the far end, accounting for left+right 2px insets */
  -webkit-transform: translate(calc(var(--switch-width) - var(--switch-thumb-size) - 4px), -52%);
  transform: translate(calc(var(--switch-width) - var(--switch-thumb-size) - 4px), -52%);
}

.ar-nav {
  height: 96px;
  width: 100%;
  padding: var(--token-spacing-all-m);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--token-color-background-bg-1);
  z-index: 50;
  gap: var(--token-spacing-all-xxl);
  position: sticky;
  position: -webkit-sticky;
  display: block;
  top: 0;
}
.ar-nav.ar-theme--dark {
  background: var(--token-color-background-bg-app-canvas);
  color: white;
}
.ar-nav a {
  text-decoration: none;
  color: inherit;
}
.ar-nav .ar-step--active,
.ar-nav .ar-step--done i {
  color: var(--token-color-foreground-brand-fg);
}
.ar-nav--identity--logo {
  cursor: pointer;
  line-height: 0;
}
.ar-nav--identity--logo:hover {
  -webkit-filter: drop-shadow(0px 0px var(--token-blur-med) var(--token-color-shadow-brand));
  filter: drop-shadow(0px 0px var(--token-blur-med) var(--token-color-shadow-brand));
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ar-nav--identity--portalname {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: var(--token-color-foreground-fg-1);
  position: relative;
}
.ar-nav--identity--portalname-flag {
  background-color: var(--token-color-background-brand-bg);
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 10px;
  border-radius: 4px;
  position: absolute;
  right: -50%;
  top: -100%;
}
.ar-nav--desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: var(--token-spacing-all-m);
}
.ar-nav--desktop .ar-input {
  margin: 0 var(--token-spacing-all-xxl);
}
.ar-nav--mobile {
  position: absolute;
  top: 96px; /* this has to be the exact height .ar-nav  */
  left: 0;
  height: calc(100vh - 96px); /* this has to be 100vh minus the exact height .ar-nav  */
  width: 100vw;
  background: var(--token-color-background-bg-app-canvas);
  backdrop-filter: blur(5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 var(--token-spacing-all-m);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-nav--mobile .ar-nav--menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ar-nav--close-mobile-search {
  cursor: pointer;
  padding-right: 24px;
}
.ar-nav--hide {
  display: none !important;
}
.ar-nav--search-mobile {
  width: calc(100vw - 2 * var(--token-spacing-all-m));
}
.ar-nav--button-group--mobile {
  width: 100%;
}
.ar-nav--button-group--mobile .ar-btn {
  width: 100%;
}
.ar-nav .ar-input {
  background: var(--token-color-background-bg-2);
  min-height: 48px;
  height: 48px;
}
.ar-nav .ar-input .ar-input--icon {
  color: var(--token-color-foreground-fg-1);
}
.ar-nav::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  z-index: -1;
  border-bottom-left-radius: var(--token-corner-radius-all-s);
  border-bottom-right-radius: var(--token-corner-radius-all-s);
}

.ar-hover-shadow-brand {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ar-hover-shadow-brand:hover {
  -webkit-filter: drop-shadow(0px 0px var(--token-blur-med) var(--token-color-shadow-brand));
  filter: drop-shadow(0px 0px var(--token-blur-med) var(--token-color-shadow-brand));
}

.sb-show-main.sb-main-padded {
  padding: 0 !important;
}

@media (max-width: 992px) {
  .ar-nav {
    gap: 0;
  }
}
.ar-tiny-step-handler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--token-color-background-bg-1);
  padding: 0 var(--token-spacing-all-m);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-m);
}
.ar-tiny-step-handler .ar-tiny-step,
.ar-tiny-step-handler .ar-tiny-step a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.ar-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--token-spacing-all-l);
  min-height: 96px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--token-color-background-bg-1);
  z-index: 51;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.ar-navigation--center {
  width: 100%;
}
.ar-navigation::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(calc(var(--token-blur-med) / 2));
  z-index: -1;
  border-bottom-left-radius: var(--token-corner-radius-all-s);
  border-bottom-right-radius: var(--token-corner-radius-all-s);
}
.ar-navigation--portalname {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: var(--token-color-foreground-fg-1);
  position: relative;
}
.ar-navigation .ar-search-wrapper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 1216px;
  width: 100%;
}
.ar-navigation .ar-search-wrapper--search-btn {
  margin-right: var(--token-spacing-all-base);
}
.ar-navigation--show-mobile .ar-navigation--left {
  display: none;
}
.ar-navigation--show-mobile .ar-navigation--right {
  display: none;
}

.ar-configurator-actions {
  width: 100%;
}
.ar-configurator-actions--left {
  margin-left: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
}
.ar-configurator-actions--right {
  margin-right: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
}
.ar-configurator-actions--save {
  color: var(--token-color-foreground-fg-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}

@media (max-width: 1920px) {
  .ar-navigation .ar-search-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    margin: 0 var(--token-spacing-all-base);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .ar-navigation .ar-btn {
    display: none;
  }
  .ar-navigation .ar-search-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .ar-navigation--portalname {
    display: none;
  }
}
.ar-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xs);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
  border-radius: var(--token-corner-radius-all-s);
  cursor: pointer;
}
.ar-tab.ar-tab--filled {
  background: var(--token-color-background-bg-2);
}
.ar-tab:hover {
  background: var(--token-color-background-bg-2-hover);
}
.ar-tab.ar-tab--selected {
  background: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-tab.ar-tab--xl {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
}
.ar-tab [class^=ic-color-] {
  width: 24px;
  height: 24px;
  border-radius: 20px;
}
.ar-tab .ic-color-white {
  background: linear-gradient(135deg, #ededed 22%, #c4c4c4 79%);
}
.ar-tab .ic-color-white-velvet {
  background: linear-gradient(135deg, #F5F5EE 20%, #B2B29F 70%);
}
.ar-tab .ic-color-white-signal {
  background: linear-gradient(135deg, #EAF1F3 20%, #ABB5B8 70%);
}
.ar-tab .ic-color-silver {
  background: linear-gradient(135deg, #cdcdcd 14%, #838285 79%);
}
.ar-tab .ic-color-anthracite {
  background: linear-gradient(135deg, #394349 10%, #717171 82%);
}
.ar-tab .ic-color-gold {
  background: linear-gradient(135deg, #f1d889 22%, #bfa54c 79%);
}
.ar-tab .ic-color-black {
  background: linear-gradient(135deg, #282d34 14%, #000000 79%);
}
.ar-tab .ic-color-walnut {
  background: linear-gradient(135deg, #c0956c 14%, #704536 79%);
}
.ar-tab .ic-color-green {
  background: linear-gradient(135deg, #91eb78 14%, #4ba532 79%);
}
.ar-tab .ic-color-orange {
  background: linear-gradient(135deg, #ffa500 14%, #ff4500 79%);
}

.ar-stepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 136px;
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-xs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xxs);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: var(--token-corner-radius-all-base);
  border: 1.5px solid var(--token-color-stroke-sk-3);
  background: var(--token-color-background-bg-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-stepper-small {
  min-height: 40px;
}
.ar-stepper-medium {
  min-height: 48px;
}
.ar-stepper-large {
  min-height: 64px;
}
.ar-stepper:focus-within {
  outline: 1.5px solid #1a73e8;
  outline-offset: -1.5px;
}
.ar-stepper--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  border-radius: var(--token-corner-radius-all-s);
  -webkit-transition: background-color 120ms ease, color 120ms ease, -webkit-transform 60ms ease;
  transition: background-color 120ms ease, color 120ms ease, -webkit-transform 60ms ease;
  transition: background-color 120ms ease, color 120ms ease, transform 60ms ease;
  transition: background-color 120ms ease, color 120ms ease, transform 60ms ease, -webkit-transform 60ms ease;
}
.ar-stepper--btn:hover:not(:disabled) {
  background: var(--token-color-surface-hover, #f9fafb);
}
.ar-stepper--btn:active:not(:disabled) {
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
}
.ar-stepper--btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.ar-stepper--digit {
  padding: 0 var(--token-spacing-all-xxs);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  width: 40px;
  font-variant-numeric: tabular-nums;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--token-color-foreground-fg-1);
  font-weight: 400;
}

.ar-reg-disc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
}

.ar-reg-main_bar {
  width: 100%;
}

.ar-reg-progress_container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.ar-reg-progress_base {
  width: 100%;
  border-radius: var(--token-corner-radius-all-xl);
  position: relative;
  height: 40px;
  background-color: var(--token-color-background-bg-2);
}

.ar-reg-progress_fill {
  border-top-left-radius: var(--token-corner-radius-all-xl);
  border-bottom-left-radius: var(--token-corner-radius-all-xl);
  background-color: var(--token-color-background-brand-bg);
  height: 100%;
}

.ar-reg-revenue {
  position: absolute;
  height: 90px;
  bottom: 0;
}

.ar-reg-revenue--right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  min-width: 150px;
}

.ar-reg-revenue--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-transform: none;
  transform: none;
}

.ar-reg-revenue_divider {
  position: absolute;
  top: 0;
  width: 2px;
  height: 90px;
  background-color: var(--token-color-foreground-fg-1);
}

.ar-reg-current_disc {
  position: absolute;
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-reg-next_disc {
  position: absolute;
  right: 0;
}

.ar-voucher-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--token-spacing-all-xs);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xxs);
  border-radius: var(--token-corner-radius-all-s);
  background: var(--token-color-foreground-brand-fg);
  height: 16px;
}
.ar-voucher-pill--label {
  color: var(--token-color-foreground-inverse-fg-1);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
  text-transform: uppercase;
}
.ar-voucher-pill--icon {
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-voucher-pill--icon:hover {
  color: var(--token-color-background-bg-1-hover);
  cursor: pointer;
}

.ar-tooltip-button {
  position: relative;
}
.ar-tooltip-button--text {
  position: absolute;
  padding: var(--token-spacing-all-s);
  background-color: white;
  width: 175px;
  height: auto;
  font-size: 12px;
  line-height: 1.15;
  border-radius: var(--token-spacing-all-s);
  left: 24px;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
}
.ar-tooltip-button--text.ar-tooltip-button--text-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ar-required-accessory {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  background: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-all-base);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ar-required-accessories hr {
  border: none;
  height: 1.5px;
  background-color: var(--token-color-stroke-sk-3);
}
.ar-required-accessories--wrapper {
  padding: var(--token-spacing-all-base);
}
.ar-required-accessories--title {
  height: 52px;
  padding: 0 52px;
}

.ar-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
}
.ar-modal__backdrop {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.ar-modal__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--Color-Background-bg-on-app-canvas, rgba(255, 255, 255, 0.6))), to(var(--Color-Background-bg-on-app-canvas, rgba(255, 255, 255, 0.6)))), var(--Color-Background-bg-app-canvas, #F4F4F4);
  background: linear-gradient(0deg, var(--Color-Background-bg-on-app-canvas, rgba(255, 255, 255, 0.6)) 0%, var(--Color-Background-bg-on-app-canvas, rgba(255, 255, 255, 0.6)) 100%), var(--Color-Background-bg-app-canvas, #F4F4F4);
  -webkit-box-shadow: 0 0 var(--Shadows-xl, 48px) 0 var(--Color-Shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0 0 var(--Shadows-xl, 48px) 0 var(--Color-Shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  border-radius: var(--token-corner-radius-all-base);
  max-height: calc(100vh - 2rem);
  overflow: auto;
}

.ar-ac-search--item {
  cursor: pointer;
}
.ar-ac-search--item-logo:hover {
  -webkit-box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  box-shadow: 0px 0px var(--shadows-shadow-xl, 48px) 0px var(--color-shadow-shadow-wide, rgba(0, 0, 0, 0.1));
  backdrop-filter: blur(calc(var(--blur-material-blur-l, 64px) / 2));
}
.ar-ac-search--item-logo img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-ac-search--popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-ac-search--popup-content {
  background: var(--token-color-background-bg-app-canvas);
  margin: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-xl);
  border-radius: var(--token-corner-radius-all-l);
  max-width: 560px;
  width: 90%;
  -webkit-box-shadow: 0px 10px 100px 0px var(--Color-Alpha-Deep-Black-30A, rgba(0, 0, 0, 0.3));
  box-shadow: 0px 10px 100px 0px var(--Color-Alpha-Deep-Black-30A, rgba(0, 0, 0, 0.3));
  position: relative;
  backdrop-filter: blur(28px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 80vh;
  overflow-y: auto;
}
.ar-ac-search--popup-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2rem;
}
.ar-ac-search--popup-form .ar-input,
.ar-ac-search--popup-form .ar-select--container {
  background: var(--Color-Background-bg-2, rgba(87, 92, 97, 0.1));
}
.ar-ac-search--t-c {
  font-family: Averta;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
  letter-spacing: 0.455px;
}

.ar-ac-link {
  font-family: var(--font-monospace, "Courier New", Courier, monospace);
  font-size: 18px;
  line-height: normal;
}

.ar-tpf-preview--wrapper {
  width: 520px;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-tpf-preview--wrapper .ar-tpf {
  width: 400px;
  height: 400px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white, .ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight {
  background: linear-gradient(135deg, #f7f9f7 0%, #ebedeb 49.8%, #c5cdcb 99.61%);
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white .ar-tpf-preview--image, .ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight .ar-tpf-preview--image {
  opacity: 0.5;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white .ar-flex--logo path, .ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--white-backlight .ar-flex--logo path {
  opacity: 0.5;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite {
  background: linear-gradient(135deg, #444b4d 0%, #282e30 49.8%, #131617 99.61%);
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite .ar-tpf-preview--image {
  -webkit-filter: invert(1);
  filter: invert(1);
  opacity: 0.4;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite .ar-flex--logo path {
  fill: white;
  opacity: 0.4;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow {
  background: #2d3435;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow .ar-tpf-preview--image {
  opacity: 1;
  -webkit-filter: invert(100%) sepia(67%) saturate(2000%) hue-rotate(172deg) brightness(105%) contrast(95%);
  filter: invert(100%) sepia(67%) saturate(2000%) hue-rotate(172deg) brightness(105%) contrast(95%);
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-glow .ar-flex--logo path {
  fill: white;
  opacity: 0.4;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight {
  background: #2d3435;
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight .ar-tpf-preview--image {
  color: #000;
  opacity: 1;
  -webkit-filter: invert(100%) saturate(100%) brightness(105%) contrast(95%);
  filter: invert(100%) saturate(100%) brightness(105%) contrast(95%);
}
.ar-tpf-preview--wrapper .ar-tpf.ar-tpf-color--anthracite-backlight .ar-flex--logo path {
  fill: white;
  opacity: 0.4;
}
.ar-tpf-preview--wrapper .ar-tpf .ar-tpf-preview--image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ar-tpf-preview--wrapper .ar-tpf .ar-flex--logo {
  position: absolute;
  bottom: 25.14px;
  height: 14.86px;
  width: 67px;
}
.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display {
  --char-size: 4px;
  --char-gap: 1px;
  position: absolute;
  bottom: 69.5px;
  width: 102px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--char-size);
}
.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .letter {
  display: grid;
  grid-template-rows: repeat(5, var(--char-size));
  grid-gap: var(--char-gap);
}
.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .line {
  display: grid;
  grid-template-columns: repeat(3, var(--char-size));
  grid-gap: var(--char-gap);
}
.ar-tpf-preview--wrapper .ar-tpf .ar-flex--display .char.x {
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 5.262px rgba(255, 255, 255, 0.75));
  filter: drop-shadow(0px 0px 5.262px rgba(255, 255, 255, 0.75));
  -webkit-box-shadow: 0px 0px 5.262px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 5.262px rgba(255, 255, 255, 0.75);
}

.ar-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  cursor: pointer;
  color: var(--token-color-foreground-fg-1);
  text-decoration: none;
  border-radius: var(--token-corner-radius-all-base);
}
.ar-menu-item:hover:not(.ar-menu-item--disabled) {
  background: var(--token-color-background-bg-2-hover);
}
.ar-menu-item--disabled {
  color: var(--token-color-foreground-fg-disabled);
  cursor: not-allowed;
}

.ar-date-picker--container {
  background-color: var(--token-color-background-bg-1);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-base);
  padding: calc(var(--token-spacing-all-s) - 1.5px);
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-height: 64px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1.5px solid transparent;
}
.ar-date-picker--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}
.ar-date-picker--header label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-xs);
}
.ar-date-picker--header label i {
  color: var(--token-color-foreground-fg-3);
  cursor: pointer;
}
.ar-date-picker--active {
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
.ar-date-picker--active label {
  font-weight: 700 !important;
}
.ar-date-picker--dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: var(--token-spacing-all-xs);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.ar-date-picker--dropdown .rdrCalendarWrapper {
  border-radius: var(--token-corner-radius-all-m);
  width: 340px;
}
.ar-date-picker--dropdown .rdrMonth {
  padding-left: var(--token-spacing-all-base) !important;
  padding-right: var(--token-spacing-all-base) !important;
  padding-bottom: var(--token-spacing-all-base) !important;
  width: auto !important;
}
.ar-date-picker--dropdown .rdrDays {
  row-gap: var(--token-spacing-all-xxs) !important;
  width: 308px;
}
.ar-date-picker--dropdown .rdrWeekDays {
  width: 308px;
}
.ar-date-picker--dropdown .rdrStartEdge {
  background: var(--token-color-background-inverse-bg-1) !important;
  border-top-left-radius: var(--token-corner-radius-all-base) !important;
  border-bottom-left-radius: var(--token-corner-radius-all-base) !important;
}
.ar-date-picker--dropdown .rdrStartEdge + .rdrDayNumber span {
  color: var(--token-color-foreground-inverse-fg-1) !important;
}
.ar-date-picker--dropdown .rdrEndEdge {
  background: var(--token-color-background-inverse-bg-1) !important;
  border-top-right-radius: var(--token-corner-radius-all-base) !important;
  border-bottom-right-radius: var(--token-corner-radius-all-base) !important;
}
.ar-date-picker--dropdown .rdrEndEdge + .rdrDayNumber span {
  color: var(--token-color-foreground-inverse-fg-1) !important;
}
.ar-date-picker--dropdown .rdrInRange {
  background: var(--token-color-background-bg-2-hover) !important;
}
.ar-date-picker--dropdown .rdrInRange + .rdrDayNumber span {
  color: var(--token-color-foreground-fg-1) !important;
}
.ar-date-picker--dropdown .rdrDay {
  height: 44px !important;
}
.ar-date-picker--dropdown .rdrDay span {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.ar-date-picker--dropdown .rdrDayNumber {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.54px;
}
.ar-date-picker--dropdown .rdrDayToday span:after {
  display: none !important;
}
.ar-date-picker--dropdown .rdrDayPassive {
  opacity: 0 !important;
}
.ar-date-picker--dropdown .rdrWeekDay {
  color: var(--token-color-foreground-fg-3);
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
}
.ar-date-picker--dropdown .rdrNextButton, .ar-date-picker--dropdown .rdrPprevButton {
  background-color: var(--token-color-background-bg-2) !important;
  color: var(--token-color-foreground-fg-1) !important;
  width: 40px;
  height: 40px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--token-corner-radius-all-base) !important;
}
.ar-date-picker--dropdown .rdrNextButton i, .ar-date-picker--dropdown .rdrPprevButton i {
  margin: 0;
}
.ar-date-picker--dropdown .rdrMonthAndYearWrapper {
  width: 340px !important;
  padding-left: var(--token-spacing-all-base) !important;
  padding-right: var(--token-spacing-all-base) !important;
  padding-top: var(--token-spacing-all-base) !important;
}
.ar-date-picker--dropdown .rdrMonthAndYearPickers .rdrMonthPicker,
.ar-date-picker--dropdown .rdrMonthAndYearPickers .rdrYearPicker {
  margin: 0;
}
.ar-date-picker--dropdown .rdrMonthAndYearPickers select {
  color: var(--token-color-foreground-fg-2) !important;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.455px;
  font-weight: 700;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  text-indent: 1px !important;
  text-overflow: "" !important;
}
.ar-date-picker--dropdown .rdrMonthAndYearPickers select:-ms-expand {
  display: none;
}
.ar-date-picker--dropdown .rdrCalendarWrapper {
  background: var(--token-color-background-bg-app-canvas) !important;
}
.ar-date-picker--dropdown .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.ar-date-picker--dropdown .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: var(--token-color-foreground-fg-1) !important;
}

.rdrDayStartOfMonth .rdrDayInPreview,
.rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDayStartOfWeek .rdrDayInPreview,
.rdrDayStartOfWeek .rdrDayEndPreview {
  border-radius: none !important;
}

.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: var(--token-corner-radius-all-base) !important;
  border-bottom-right-radius: var(--token-corner-radius-all-base) !important;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  display: none !important;
}

.ar-multiselect--container {
  background-color: var(--token-color-background-bg-1);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-base);
  padding: calc(var(--token-spacing-all-s) - 1.5px);
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-height: 64px;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1.5px solid transparent;
}
.ar-multiselect--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}
.ar-multiselect--active {
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
.ar-multiselect--active label {
  font-weight: 700 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-xs);
}
.ar-multiselect--selected-count {
  border-radius: 50%;
  background-color: var(--token-color-foreground-fg-1);
  color: var(--token-color-background-bg-app-canvas);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-multiselect--dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: var(--token-spacing-all-xs);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: var(--token-spacing-all-base) var(--token-spacing-all-xs);
  background-color: var(--token-color-background-bg-app-canvas);
  border-radius: var(--token-corner-radius-all-base);
  max-width: 370px;
  min-width: 100%;
}
.ar-multiselect--dropdown-scrollable {
  max-height: 420px;
  padding: 0 var(--token-spacing-all-xs);
  overflow-y: auto;
}
.ar-multiselect--dropdown-scrollable::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
  border-radius: var(--token-corner-radius-all-base);
  margin: 0 var(--token-spacing-all-xxs);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-multiselect--dropdown-scrollable::-webkit-scrollbar-thumb {
  background-color: var(--token-color-stroke-sk-2);
  border-radius: var(--token-corner-radius-all-base);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-multiselect--dropdown-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: var(--token-spacing-all-xxs);
  padding-left: var(--token-spacing-all-s);
}
.ar-multiselect--dropdown-header label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  font-weight: 700 !important;
  color: var(--token-color-foreground-fg-2);
}
.ar-multiselect-group {
  border-bottom: 1.5px solid var(--token-color-stroke-sk-3);
  padding-bottom: var(--token-spacing-all-xs);
  padding-top: var(--token-spacing-all-xs);
}
.ar-multiselect-group:first-child {
  padding-top: 0px !important;
}
.ar-multiselect-group:last-child {
  border-bottom: none;
  padding-bottom: 0px !important;
}
.ar-multiselect-group-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-s);
  height: 40px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  font-weight: 700 !important;
}
.ar-multiselect-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-s);
  cursor: pointer;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-base);
  margin-bottom: var(--token-spacing-all-xxs);
  gap: var(--token-spacing-all-s);
}
.ar-multiselect-option span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ar-multiselect-option:last-child {
  margin-bottom: 0;
}
.ar-multiselect-option:hover {
  background-color: var(--token-color-background-bg-2);
}
.ar-multiselect-option--selected {
  background-color: rgba(105, 195, 80, 0.1);
  color: var(--token-color-foreground-fg-1);
}
.ar-multiselect-option--selected i {
  color: var(--token-color-foreground-brand-fg);
}

.ar-language-switcher--select {
  background-color: var(--token-color-background-bg-2);
}

.ar-page-trainings {
  background: var(--token-color-background-bg-app-canvas) !important;
}

.ar-trainings-filter--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: var(--token-spacing-all-m);
  padding-bottom: var(--token-spacing-all-xs);
}
.ar-trainings-filter--content {
  background-color: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-cards);
  padding: var(--token-spacing-all-base);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: var(--token-spacing-all-l);
  -moz-column-gap: var(--token-spacing-all-l);
  column-gap: var(--token-spacing-all-l);
  row-gap: var(--token-spacing-all-base);
}
.ar-trainings-filter--content > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 992px) {
  .ar-trainings-filter--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--token-spacing-all-base);
  }
}
.ar-trainings-list {
  background: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-cells);
  padding: var(--token-spacing-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-s);
}
.ar-trainings-list--header {
  display: grid;
  padding: 0 var(--token-spacing-all-m);
  grid-template-columns: auto 0px 160px 160px 118px 125px 218px;
  gap: var(--token-spacing-all-base);
}
.ar-trainings-list--entry {
  background: var(--token-color-background-bg-1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--token-corner-radius-cells);
  display: grid;
  gap: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-base);
  grid-template-columns: 16px auto 160px 160px 118px 125px 218px;
  align-items: center;
}
.ar-trainings-list--entry--main {
  white-space: nowrap;
  overflow: hidden;
}
.ar-trainings-list--entry--main span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.ar-trainings-list--entry--meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0px;
}
.ar-trainings-list--entry--meta--location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-xxs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.ar-trainings-list--entry--meta--language {
  color: var(--token-color-foreground-fg-2);
  padding-left: 20px;
}
.ar-trainings-list--entry > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-xs);
}
.ar-trainings-list-mobile--entry {
  padding: var(--token-spacing-all-m);
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-cards);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
}
.ar-trainings-list-mobile--entry--price-break {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ar-status-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--token-color-background-brand-bg);
}
.ar-status-circle--green {
  background: var(--token-color-background-brand-bg);
}
.ar-status-circle--orange {
  background: var(--token-color-background-warning-bg);
}
.ar-status-circle--red {
  background: var(--token-color-background-error-bg);
}

.ar-training--filler {
  min-width: 200px;
}
.ar-training--max-participants {
  position: absolute;
  max-width: unset;
}
.ar-training--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-xs);
  margin-left: 8px;
}
.ar-training--show-filter {
  margin-left: auto;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-training--select-icon {
  margin-left: auto;
  cursor: pointer;
}
.ar-training--dropdown {
  max-height: 300px !important;
}
.ar-training--dropdown-header {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
}
.ar-training--select-count {
  background: var(--token-color-foreground-fg-1);
  border-radius: var(--token-corner-radius-cells);
  display: inline-grid;
  color: #f7f7f7;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 14px;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ar-training--additional-filter {
  display: none;
  width: 66%;
}
.ar-training--cart {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0 var(--token-spacing-all-l);
  right: 0;
  background-color: transparent;
  backdrop-filter: blur(calc(var(--Material-Blur-base, 56px) / 2));
  z-index: 999;
}
.ar-training--cart-header {
  padding: var(--token-spacing-all-base) 0;
  border-bottom: 1px solid var(--Color-Stroke-sk-3, rgba(29, 35, 42, 0.08));
}
.ar-training--cart-details {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--token-spacing-all-base) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-xs);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ar-training--cart-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
  background: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-cells);
  display: grid;
  grid-template-columns: auto 160px 160px 140px 125px 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-training--remove-item {
  border: none;
}
.ar-training--select-dark {
  background: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-1);
  min-width: 250px;
  margin-top: 0;
  height: 40px;
}
.ar-training--participant-grid {
  display: grid;
  gap: var(--token-spacing-all-base);
  grid-template-columns: 24px auto 160px 160px 118px 130px 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-training--participant-item {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
}
.ar-training--participant-wrapper {
  border-radius: var(--token-corner-radius-all-base);
  background: var(--token-color-background-bg-1);
}
.ar-training--select-participant--line {
  border-top: 1.5px solid var(--token-color-background-bg-2);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-base);
}
.ar-training--select-participant--line .ar-system-message {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.ar-training--participant-line-price {
  grid-column-start: 5;
}
.ar-training--participant-calendar {
  display: none;
}
.ar-training--participant-button {
  border: none;
  gap: var(--token-spacing-all-s);
}
.ar-training--participant-button:hover {
  background: unset;
  color: var(--token-color-foreground-fg-2-hover);
}
.ar-training--participant-button--disabled {
  color: var(--token-color-foreground-fg-3);
  cursor: default;
}
.ar-training--participant-button--disabled:hover {
  color: var(--token-color-foreground-fg-3);
}
.ar-training--filter-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-training--filter-legend {
  color: var(--token-color-foreground-fg-1);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: 0.48px;
}
.ar-training--filter-toggle {
  border: none !important;
  padding-left: 0 !important;
}
.ar-training--filter-toggle:hover {
  background-color: unset !important;
  color: unset !important;
}
.ar-training--filter-additional {
  max-width: 66%;
}
.ar-training--filter-label {
  overflow: hidden;
  color: var(--token-color-foreground-fg-1);
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ar-training--select-has-value {
  border: 1.5px solid var(--token-color-foreground-fg-1);
  font-weight: 700;
}
.ar-training--select-has-value .ar-training--filter-label {
  font-weight: 700;
}
.ar-training--load-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: var(--token-spacing-all-m) auto;
}
.ar-training--cart-button {
  margin-left: auto;
}
.ar-training--cart-total {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ar-training--popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999; /* Hoch genug, damit's über allem liegt */
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* dunkler Hintergrund */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-training--popup-content {
  background: var(--token-color-background-bg-app-canvas);
  padding: var(--token-spacing-all-xl);
  border-radius: var(--token-corner-radius-all-l);
  max-width: 800px;
  min-height: 400px;
  width: 90%;
  -webkit-box-shadow: 0px 10px 100px 0px var(--Color-Alpha-Deep-Black-30A, rgba(0, 0, 0, 0.3));
  box-shadow: 0px 10px 100px 0px var(--Color-Alpha-Deep-Black-30A, rgba(0, 0, 0, 0.3));
  position: relative;
  backdrop-filter: blur(28px);
  height: -webkit-fill-available;
  height: stretch;
  max-height: 80vh;
  overflow-y: auto;
}
.ar-training--popup-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2rem;
}
.ar-training--popup-text {
  width: 80%;
}
.ar-training--popup-body--add-participant {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: var(--token-spacing-all-s);
  -webkit-column-gap: var(--token-spacing-all-base);
  -moz-column-gap: var(--token-spacing-all-base);
  column-gap: var(--token-spacing-all-base);
  margin-bottom: var(--token-spacing-all-xl);
}
.ar-training--popup-title {
  padding-bottom: var(--token-spacing-all-l);
}
.ar-training--amount {
  position: relative;
  display: inline-block;
}
.ar-training--max-participants-warning {
  border-radius: var(--token-corner-radius-all-base);
  position: absolute;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  white-space: nowrap;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: var(--token-color-foreground-fg-1-hover);
  overflow: hidden;
  color: #ededed;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0.42px;
  margin-bottom: var(--token-spacing-all-xs);
}
.ar-training---popup-overlay {
  max-width: 800px;
}
.ar-training--popup-content {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.ar-training--form-grid {
  grid-template-columns: auto auto;
  display: grid;
  grid-column: 2;
  grid-column-gap: 32px;
  grid-row-gap: 8px;
}
.ar-training--form-grid .ar-select--container {
  background: var(--token-color-background-bg-1);
}

.ar-popup--v1 {
  max-width: 960px;
  height: auto;
  overflow: visible;
}

.ar-training--needed-training {
  display: none;
  border-radius: var(--token-corner-radius-all-base);
  position: absolute;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  white-space: nowrap;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: var(--token-color-foreground-fg-1-hover);
  overflow: hidden;
  color: #ededed;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: 0.42px;
  margin-bottom: var(--token-spacing-all-xs);
}
.ar-training--addButton:hover .ar-training--needed-training {
  display: block;
}

.ar-folding-button {
  margin-bottom: var(--token-spacing-all-s);
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-all-m);
  background: var(--token-color-background-bg-1);
}
.ar-folding-button--header {
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-folding-button--details {
  padding-top: var(--token-spacing-all-base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 21.6px */
  letter-spacing: 0.48px;
  color: var(--token-color-foreground-inverse-fg-2);
}
.ar-folding-button--left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-select--option {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: var(--token-corner-radius-all-base);
  line-height: 24px;
}
.ar-select--label {
  line-height: 24px;
}
.ar-select--option-selected {
  background: var(--color-misc-schedule-schedule-entry-alpha, rgba(105, 195, 80, 0.1));
}

@media (max-width: 1199px) {
  .ar-training--entry-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-training--entry {
    min-width: -webkit-fill-available;
    min-width: stretch;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    grid-template-areas: "name name" "date date" "location location" "amount price" "action2 action2" "action1 action1";
  }
  .ar-training--data-header, .ar-training--participant-header {
    display: none !important;
  }
  .ar-training--max-participants-warning {
    white-space: normal;
  }
  .ar-training--needed-training {
    white-space: normal;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .ar-training--name {
    grid-area: name;
  }
  .ar-training--date {
    grid-area: date;
    grid-column: 1/-1;
  }
  .ar-training--location {
    grid-area: location;
  }
  .ar-training--language {
    grid-area: language;
  }
  .ar-training--amount {
    grid-area: amount;
  }
  .ar-training--price {
    grid-area: price;
    text-align: right;
    justify-self: end;
  }
  .ar-training--detailsButton {
    grid-area: action1;
    grid-column: 1/-1;
  }
  .ar-training--addButton {
    grid-area: action2;
    grid-column: 1/-1;
  }
  .ar-training--add-button {
    width: 100%;
  }
  .ar-training--details-button {
    width: 100%;
  }
  .ar-training--participant-grid {
    grid-template-columns: auto 1fr;
    grid-template-areas: "name delete" "date date" "location language" "price price";
  }
  .ar-training--participant-name {
    grid-area: name;
  }
  .ar-training--participant-remove {
    grid-area: delete;
    justify-self: end;
  }
  .ar-training--participant-date {
    grid-area: date;
  }
  .ar-training--participant-location {
    grid-area: location;
  }
  .ar-training--participant-language {
    grid-area: language;
  }
  .ar-training--participant-price {
    grid-area: price;
  }
  .ar-training--participant-calendar {
    display: block;
  }
}
@media (max-width: 992px) {
  .ar-training--cart-details {
    height: 300px;
    overflow-y: auto;
  }
  .ar-training--cart-item {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 260px;
    grid-template-columns: auto auto auto;
    gap: 1rem;
    grid-template-areas: "name name remove" "date date date" "location location location" "amount price price";
  }
  .ar-training--cart-item-name {
    grid-area: name;
    word-wrap: break-word;
    max-width: 200px;
  }
  .ar-training--cart-item-date {
    grid-area: date;
  }
  .ar-training--cart-item-location {
    grid-area: location;
  }
  .ar-training--cart-item-language {
    grid-area: language;
  }
  .ar-training--cart-item-price {
    grid-area: price;
    text-align: right;
  }
  .ar-training--cart-item-addButton {
    grid-area: amount;
  }
  .ar-training--cart-item-remove {
    grid-area: remove;
  }
  .ar-training--participant-line-price {
    display: none;
  }
  .ar-training--form-grid {
    grid-template-columns: none;
  }
  .ar-trainings-list--header {
    display: none;
  }
}
.ar-campus--banner {
  border-radius: var(--token-corner-radius-cards);
  background-color: rgba(105, 195, 80, 0.1);
  border: 1.5px solid var(--token-color-background-brand-bg);
  padding: var(--token-spacing-all-m);
}
.ar-campus--banner-info {
  background-color: var(--token-color-message-neutral-bg);
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}

.ar-door-lock-config {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-l);
  width: 440px;
  background-color: var(--token-color-background-bg-2);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.ar-door-lock-config--note {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  color: var(--token-color-foreground-fg-2);
  margin-bottom: var(--token-spacing-all-base);
}
.ar-door-lock-config--link {
  color: var(--token-color-foreground-fg-2);
  font-size: 14px;
  text-decoration-line: underline;
  cursor: pointer;
}
.ar-door-lock-config hr {
  border: none;
  height: 1.5px;
  background-color: var(--token-color-stroke-sk-3);
}
.ar-door-lock-config--modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: var(--token-color-background-inverse-bg-on-app-canvas);
  backdrop-filter: blur(2px);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-animation: lightboxFadeInBackground 0.3s ease-out forwards;
  animation: lightboxFadeInBackground 0.3s ease-out forwards;
}
.ar-door-lock-config--modal--content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 500px;
  width: 800px;
  max-width: calc(100% - var(--token-spacing-all-base) * 2);
  background: #fff;
  border-radius: var(--token-corner-radius-all-m);
  padding: 80px;
  margin: var(--token-spacing-all-base);
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-animation: lightboxContentFadeIn 0.3s ease-out 0.1s forwards;
  animation: lightboxContentFadeIn 0.3s ease-out 0.1s forwards;
  overflow-y: scroll;
}
.ar-door-lock-config--modal--content--inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.ar-door-lock-config--modal--content--inner ol, .ar-door-lock-config--modal--content--inner ul {
  padding-left: 20px;
}
.ar-door-lock-config--modal--close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  font-size: 24px;
}
.ar-door-lock-config .ar-select--container {
  background: var(--token-color-background-bg-1);
}

@media (max-width: 1200px) {
  .ar-door-lock-config {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .ar-door-lock-config--modal--content {
    padding: var(--token-spacing-all-l);
    padding-top: var(--token-spacing-all-xxl);
  }
}
.ar-progress-steps {
  margin: 0 var(--token-spacing-all-base);
}
.ar-progress-steps--arrow-mobile {
  display: none;
}
.ar-progress-steps--arrow-desktop {
  display: block;
}

@media (max-width: 1200px) {
  .ar-progress-steps {
    gap: var(--token-spacing-all-xs);
    margin: var(--token-spacing-all-base) 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-progress-steps--label:not(.ar-progress-steps--label--active) {
    display: none;
  }
  .ar-progress-steps--arrow-mobile {
    display: block;
  }
  .ar-progress-steps--arrow-desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .ar-navigation.ar-training-header {
    min-height: 126px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: var(--token-spacing-all-xxs);
  }
  .ar-navigation.ar-training-header .ar-navigation--left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ar-navigation.ar-training-header .ar-navigation--right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ar-navigation.ar-training-header .ar-navigation--center {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.ar-download {
  background-color: var(--token-color-background-bg-1);
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-base);
}
.ar-download p {
  margin-left: var(--token-spacing-all-s);
}
.ar-download--title {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: var(--token-color-background-inverse-bg-1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ar-listcard-wrapper,
#ar-listcard-wrapper-small {
  grid-column: span 2;
}
#ar-listcard-wrapper.halved,
#ar-listcard-wrapper-small.halved {
  grid-column: span 1;
}
#ar-listcard-wrapper .ar-listcard-card,
#ar-listcard-wrapper-small .ar-listcard-card {
  height: 247.5px;
}
#ar-listcard-wrapper .ar-listcard-list,
#ar-listcard-wrapper-small .ar-listcard-list {
  margin: var(--token-spacing-all-xs) var(--token-spacing-all-base) !important;
}
#ar-listcard-wrapper .ar-listcard-list,
#ar-listcard-wrapper .ar-listcard-card,
#ar-listcard-wrapper-small .ar-listcard-list,
#ar-listcard-wrapper-small .ar-listcard-card {
  border-radius: var(--token-spacing-all-base);
  text-decoration: none;
  background-color: var(--token-color-background-bg-1);
  color: var(--token-color-foreground-fg-1);
  margin: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-m);
  cursor: pointer;
}
#ar-listcard-wrapper .ar-listcard-list:hover,
#ar-listcard-wrapper .ar-listcard-card:hover,
#ar-listcard-wrapper-small .ar-listcard-list:hover,
#ar-listcard-wrapper-small .ar-listcard-card:hover {
  -webkit-box-shadow: 0px 0px var(--token-spacing-all-base) var(--token-spacing-all-xs) rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px var(--token-spacing-all-base) var(--token-spacing-all-xs) rgba(0, 0, 0, 0.1);
}
#ar-listcard-wrapper .ar-listcard-list:hover .ar-button-right,
#ar-listcard-wrapper .ar-listcard-card:hover .ar-button-right,
#ar-listcard-wrapper-small .ar-listcard-list:hover .ar-button-right,
#ar-listcard-wrapper-small .ar-listcard-card:hover .ar-button-right {
  background-color: var(--token-color-background-brand-bg-hover);
  -webkit-box-shadow: 0px 0px 10px var(--token-color-background-brand-bg-hover);
  box-shadow: 0px 0px 10px var(--token-color-background-brand-bg-hover);
}
#ar-listcard-wrapper .ar-listcard-list.ar-highlight-strong:hover .ar-button-right,
#ar-listcard-wrapper .ar-listcard-card.ar-highlight-strong:hover .ar-button-right,
#ar-listcard-wrapper-small .ar-listcard-list.ar-highlight-strong:hover .ar-button-right,
#ar-listcard-wrapper-small .ar-listcard-card.ar-highlight-strong:hover .ar-button-right {
  background-color: var(--token-color-foreground-inverse-fg-1);
}
#ar-listcard-wrapper .ar-listcard-list.ar-highlight-strong:hover .ar-right-arrow-icon,
#ar-listcard-wrapper .ar-listcard-card.ar-highlight-strong:hover .ar-right-arrow-icon,
#ar-listcard-wrapper-small .ar-listcard-list.ar-highlight-strong:hover .ar-right-arrow-icon,
#ar-listcard-wrapper-small .ar-listcard-card.ar-highlight-strong:hover .ar-right-arrow-icon {
  color: var(--token-color-background-inverse-bg-1);
}
#ar-listcard-wrapper .ar-listcard-list .ar-card-title,
#ar-listcard-wrapper .ar-listcard-card .ar-card-title,
#ar-listcard-wrapper-small .ar-listcard-list .ar-card-title,
#ar-listcard-wrapper-small .ar-listcard-card .ar-card-title {
  display: -webkit-box;
  margin-top: var(--token-spacing-all-m);
  font-weight: 700;
  font-size: 18px;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
#ar-listcard-wrapper .ar-listcard-list .ar-card-title.no-header,
#ar-listcard-wrapper .ar-listcard-card .ar-card-title.no-header,
#ar-listcard-wrapper-small .ar-listcard-list .ar-card-title.no-header,
#ar-listcard-wrapper-small .ar-listcard-card .ar-card-title.no-header {
  margin-top: 0;
}
#ar-listcard-wrapper .ar-listcard-list .ar-short-description,
#ar-listcard-wrapper .ar-listcard-card .ar-short-description,
#ar-listcard-wrapper-small .ar-listcard-list .ar-short-description,
#ar-listcard-wrapper-small .ar-listcard-card .ar-short-description {
  display: -webkit-box;
  margin-top: var(--token-spacing-all-xs);
  font-weight: 400;
  font-size: 16px;
  min-height: 44.8px;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#ar-listcard-wrapper .ar-header-row,
#ar-listcard-wrapper-small .ar-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 37.1px;
}
#ar-listcard-wrapper .ar-header-row-highlight-text,
#ar-listcard-wrapper-small .ar-header-row-highlight-text {
  height: 21px;
  color: var(--token-color-foreground-fg-1);
  font-weight: 600;
  font-size: 10px;
  padding-left: var(--token-spacing-all-xs);
  padding-right: var(--token-spacing-all-xs);
  border-radius: 4px;
  margin-top: 4px;
  text-align: center;
}
#ar-listcard-wrapper .ar-mobile-icon,
#ar-listcard-wrapper-small .ar-mobile-icon {
  display: none;
}
#ar-listcard-wrapper #ar-hidden-highlight-text,
#ar-listcard-wrapper-small #ar-hidden-highlight-text {
  display: none;
}
#ar-listcard-wrapper .ar-highlight-text-light,
#ar-listcard-wrapper-small .ar-highlight-text-light {
  background-color: var(--token-color-foreground-brand-fg);
}
#ar-listcard-wrapper .ar-highlight-text-strong,
#ar-listcard-wrapper-small .ar-highlight-text-strong {
  background-color: var(--token-color-foreground-inverse-fg-1);
}
#ar-listcard-wrapper .ar-highlight-text-none,
#ar-listcard-wrapper-small .ar-highlight-text-none {
  display: none !important;
}
#ar-listcard-wrapper .ar-highlight-light,
#ar-listcard-wrapper-small .ar-highlight-light {
  outline: 1.5px solid var(--token-color-foreground-brand-fg);
}
#ar-listcard-wrapper .ar-highlight-strong,
#ar-listcard-wrapper-small .ar-highlight-strong {
  background-color: var(--token-color-foreground-brand-fg);
  background-image: url("https://aurora.loxone.com/global/bg_trilogy.png");
  background-position: right;
}
#ar-listcard-wrapper .ar-button-right,
#ar-listcard-wrapper-small .ar-button-right {
  height: var(--token-spacing-all-xl);
  width: var(--token-spacing-all-xl);
  background-color: var(--token-color-foreground-fg-1);
  padding: var(--token-spacing-all-xs);
  border-radius: var(--token-spacing-all-xs);
}
#ar-listcard-wrapper .ar-right-arrow-icon,
#ar-listcard-wrapper-small .ar-right-arrow-icon {
  color: var(--token-color-foreground-inverse-fg-1);
}
#ar-listcard-wrapper .ar-list-title,
#ar-listcard-wrapper-small .ar-list-title {
  margin-right: auto;
  color: var(--token-color-foreground-fg-1);
}
#ar-listcard-wrapper .ar-list-highlight-text,
#ar-listcard-wrapper-small .ar-list-highlight-text {
  margin-right: 73px;
}
#ar-listcard-wrapper .ar-list-categories,
#ar-listcard-wrapper-small .ar-list-categories {
  margin-right: 48px;
  min-width: 104px;
}
#ar-listcard-wrapper .ar-card-categories,
#ar-listcard-wrapper-small .ar-card-categories {
  color: var(--token-color-foreground-fg-1);
}
#ar-listcard-wrapper .ar-card-right-section,
#ar-listcard-wrapper-small .ar-card-right-section {
  width: 100%;
}
#ar-listcard-wrapper #ar-header-icon,
#ar-listcard-wrapper-small #ar-header-icon {
  margin-right: auto;
}
#ar-listcard-wrapper #ar-thumbnail,
#ar-listcard-wrapper-small #ar-thumbnail {
  width: 384px;
  height: 203px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: var(--token-spacing-all-l);
}
#ar-listcard-wrapper #ar-thumbnail img,
#ar-listcard-wrapper #ar-thumbnail video,
#ar-listcard-wrapper-small #ar-thumbnail img,
#ar-listcard-wrapper-small #ar-thumbnail video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: var(--token-corner-radius-all-m);
}
#ar-listcard-wrapper #ar-button-row,
#ar-listcard-wrapper-small #ar-button-row {
  margin-top: auto;
}

#ar-listcard-wrapper-small .ar-listcard-card {
  height: 209px;
}

@media screen and (max-width: 992px) {
  #ar-listcard-wrapper-small .short-description {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  #ar-listcard-wrapper.halved,
  #ar-listcard-wrapper-small.halved {
    grid-column: span 2;
  }
  #ar-listcard-wrapper .ar-header-row,
  #ar-listcard-wrapper-small .ar-header-row {
    display: none;
  }
  #ar-listcard-wrapper .ar-listcard-card,
  #ar-listcard-wrapper .ar-listcard-list,
  #ar-listcard-wrapper-small .ar-listcard-card,
  #ar-listcard-wrapper-small .ar-listcard-list {
    max-height: 120px;
    min-height: auto;
    padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
    margin: var(--token-spacing-all-xs) 0;
  }
  #ar-listcard-wrapper .ar-listcard-card .ar-card-title,
  #ar-listcard-wrapper .ar-listcard-list .ar-card-title,
  #ar-listcard-wrapper-small .ar-listcard-card .ar-card-title,
  #ar-listcard-wrapper-small .ar-listcard-card .ar-card-title {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--token-spacing-all-base);
    color: var(--token-color-foreground-fg-1);
  }
  .ar-listcard-list .ar-card-title p,
  .ar-listcard-card .ar-card-title p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    color: var(--token-color-foreground-fg-1);
    font-weight: 400;
  }
  #ar-listcard-wrapper #ar-hidden-highlight-text.ar-highlight-text-strong,
  #ar-listcard-wrapper #ar-hidden-highlight-text.ar-highlight-text-light,
  #ar-listcard-wrapper-small #ar-hidden-highlight-text.ar-highlight-text-strong,
  #ar-listcard-wrapper-small #ar-hidden-highlight-text.ar-highlight-text-light {
    display: inline;
    margin-left: auto;
    margin-right: var(--token-spacing-all-base);
  }
  #ar-listcard-wrapper .ar-header-row-highlight-text,
  #ar-listcard-wrapper-small .ar-header-row-highlight-text {
    margin-top: 0;
  }
  #ar-listcard-wrapper .ar-mobile-icon,
  #ar-listcard-wrapper-small .ar-mobile-icon {
    display: inline;
  }
}
.ar-ac-control-check {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--token-corner-radius-all-m);
  padding: var(--token-spacing-all-l);
  width: 440px;
  max-width: 520px;
  background-color: var(--token-color-background-bg-2);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.ar-ac-control-check .ar-input {
  background: var(--token-color-background-bg-2);
}
.ar-ac-control-check .ar-input i {
  color: var(--token-color-foreground-fg-1);
}
.ar-ac-control-check hr {
  border: 0;
  border-top: 1.5px solid var(--token-color-stroke-sk-3);
  height: 1.5px;
}
.ar-ac-control-check--note {
  font-size: 14px;
  line-height: 135%;
}
.ar-ac-control-check .ar-ac-link {
  font-size: 16px;
}
.ar-ac-control-check .ar-ac-control-check--model-numbers--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: var(--token-spacing-all-s);
}

.ar-ac-control-check--model-numbers--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: var(--token-spacing-all-s);
}

.ar-ac-control-check__table thead,
.ar-ac-control-check__table thead td,
.ar-ac-control-check__table th {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
  text-align: left;
}

@media (max-width: 1920px) {
  .ar-ac-control-check {
    width: 100%;
  }
  .ar-ac-control-check--model-numbers--grid,
  .ar-ac-control-check .ar-ac-control-check--model-numbers--grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .ar-ac-control-check--model-numbers--grid,
  .ar-ac-control-check .ar-ac-control-check--model-numbers--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .ar-ac-control-check--model-numbers--grid,
  .ar-ac-control-check .ar-ac-control-check--model-numbers--grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.react-datepicker-wrapper.ar-input-v2--datepicker--wrapper {
  width: 100%;
}
.react-datepicker-wrapper.ar-input-v2--datepicker--wrapper input {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  width: 100%;
  color: var(--token-color-foreground-fg-1);
}

.react-datepicker .react-datepicker__day {
  color: var(--token-color-foreground-fg-1);
  margin: 2px 0;
}

.react-datepicker.ar-input-v2--datepicker--calendar {
  background-color: var(--token-color-background-bg-1);
  backdrop-filter: blur(calc(var(--token-blur-base, 56px) / 2));
  color: var(--token-color-foreground-fg-1);
  border-radius: var(--token-corner-radius-all-m);
  border: none;
  padding: var(--token-spacing-all-xs);
  font-size: 16px;
  font-weight: 400;
  font-family: "Averta", sans-serif;
  -webkit-filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.2));
}
.react-datepicker.ar-input-v2--datepicker--calendar h2.react-datepicker__current-month {
  font-size: 18px;
  display: none;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__header {
  background-color: transparent;
  border-bottom: none;
  border-radius: var(--token-corner-radius-all-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--disabled,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-text--disabled,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__quarter-text--disabled,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-text--disabled {
  color: var(--token-color-foreground-fg-3);
  cursor: not-allowed;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__current-month--hasYearDropdown,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__current-month--hasMonthDropdown {
  margin-bottom: var(--token-spacing-all-xs);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month {
  margin: 0;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__navigation {
  top: var(--token-spacing-all-xs);
  top: 16px;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day-name,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-name {
  width: 2.5rem;
  line-height: 44px;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__today-button {
  background-color: transparent;
  border-top: none;
  border-radius: var(--token-corner-radius-all-m);
  width: 100%;
  padding: var(--token-spacing-all-xs) 0;
  color: var(--token-color-foreground-fg-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__today-button:hover {
  background-color: #ddddde;
  cursor: pointer;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--outside-month:not(.react-datepicker__day--disabled):not(.react-datepicker__day--selected):not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--selecting-range-start):not(.react-datepicker__day--selecting-range-end) {
  color: var(--token-color-foreground-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__current-month,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker-time__header,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker-year-header {
  color: var(--token-color-foreground-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day-name,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-name {
  margin: 0;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day-name {
  color: var(--token-color-foreground-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--keyboard-selected,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-text--keyboard-selected,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__quarter-text--keyboard-selected,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-text--keyboard-selected {
  background-color: unset;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--highlighted,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-text--highlighted,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__quarter-text--highlighted,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-text--highlighted {
  background-color: transparent;
  color: var(--token-color-background-brand-bg);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: transparent;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-select,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-select {
  background-color: unset;
  color: var(--token-color-foreground-fg-2);
  border: none;
  border-radius: var(--token-corner-radius-all-s);
  font-size: 14px;
  font-weight: 700;
  line-height: 135%;
  font-weight: 700;
  letter-spacing: 0.42px;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-select:hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-select:hover {
  background-color: var(--token-color-background-bg-2);
  cursor: pointer;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-select:focus,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-select:focus {
  outline: 1.5px solid #1a73e8;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-dropdown-container--select,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-dropdown-container--select,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-year-dropdown-container--select,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__year-dropdown-container--scroll,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-dropdown-container--scroll,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__month-year-dropdown-container--scroll {
  margin: var(--token-spacing-all-xxs);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day-name {
  color: var(--token-color-foreground-fg-3);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day:not([aria-disabled=true]):hover {
  background-color: var(--token-color-background-bg-2-hover);
  color: var(--token-color-foreground-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--in-range:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end),
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start):not(.react-datepicker__day--selecting-range-end) {
  background-color: var(--token-color-background-bg-2-hover);
  color: var(--token-color-foreground-fg-1);
  border-radius: 0;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selected,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--range-start,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--range-end,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selecting-range-start,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selecting-range-end {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day.react-datepicker__day--selected:hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day.react-datepicker__day--range-start:hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day.react-datepicker__day--range-end:hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day.react-datepicker__day--selecting-range-start:hover,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day.react-datepicker__day--selecting-range-end:hover {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--range-start:not(.react-datepicker__day--range-end),
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selecting-range-start:not(.react-datepicker__day--selecting-range-end) {
  border-radius: var(--token-corner-radius-all-s) 0 0 var(--token-corner-radius-all-s);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--range-end:not(.react-datepicker__day--range-start),
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selecting-range-end:not(.react-datepicker__day--selecting-range-start) {
  border-radius: 0 var(--token-corner-radius-all-s) var(--token-corner-radius-all-s) 0;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--range-start.react-datepicker__day--range-end,
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__day--selecting-range-start.react-datepicker__day--selecting-range-end {
  border-radius: var(--token-corner-radius-all-s);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time {
  background-color: transparent;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--token-corner-radius-all-s);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: var(--token-color-foreground-fg-3);
  cursor: not-allowed;
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover:not(.react-datepicker__time-list-item--disabled) {
  background-color: var(--token-color-background-bg-2-hover);
  color: var(--token-color-foreground-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
.react-datepicker.ar-input-v2--datepicker--calendar .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-promotion-countdown {
  --countdown-surface: var(--token-color-background-bg-2, #ededed14);
  --countdown-border: transparent;
  --countdown-text: var(--token-color-foreground-inverse-fg-1, #ededed);
  --countdown-muted: var(--token-color-foreground-inverse-fg-2, rgba(237, 237, 237, 0.6));
  --countdown-progress-track: rgba(237, 237, 237, 0.5);
  --countdown-progress-border: rgba(237, 237, 237, 0.65);
  max-width: 32.0625rem;
  padding: var(--ar-spacing-m, 16px) var(--ar-spacing-xxl, 64px);
  border-radius: var(--token-corner-radius-all-m, 12px);
  background: var(--countdown-surface);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--ar-spacing-m, 16px);
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-promotion-countdown__label {
  width: 100%;
  max-width: 24.0625rem;
  margin: 0;
  color: var(--countdown-text);
  font-family: "Averta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0.03em;
}
.ar-promotion-countdown__label strong {
  font-weight: 700;
  color: inherit;
}
.ar-promotion-countdown__progress {
  width: 100%;
  border-radius: 999px;
  background: var(--token-color-foreground-inverse-fg-1, rgba(237, 237, 237, 0.85));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ar-promotion-countdown__progress-value {
  display: block;
  height: 8px;
  border-radius: 50px;
  background: var(--token-color-foreground-brand-fg, #69c350);
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.ar-promotion-countdown__grid {
  width: 100%;
  max-width: 24.0625rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: var(--ar-spacing-s, 12px);
}
.ar-promotion-countdown__segment {
  width: 4.1875rem;
  min-height: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--ar-spacing-none, 0px);
}
.ar-promotion-countdown__value, .ar-promotion-countdown__separator {
  font-family: "Averta", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.8rem, 4vw, 59.41px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--countdown-text);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  white-space: nowrap;
}
.ar-promotion-countdown__segment-label {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--token-color-foreground-inverse-fg-1, rgba(237, 237, 237, 0.85));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--ar-spacing-xxs, 4px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-promotion-countdown__segment-label-short {
  display: none;
}
.ar-promotion-countdown__segment-label-full {
  display: inline;
}
@media (max-width: 720px) {
  .ar-promotion-countdown {
    padding: var(--ar-spacing-m, 16px);
  }
  .ar-promotion-countdown__progress, .ar-promotion-countdown__grid {
    max-width: calc(100% - var(--ar-spacing-m, 24px));
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .ar-promotion-countdown {
    max-width: 281px !important;
    min-height: 134px !important;
    border-radius: var(--token-corner-radius-all-base, 8px) !important;
  }
  .ar-promotion-countdown__label {
    font-size: 14px !important;
    text-align: center !important;
  }
  .ar-promotion-countdown__progress {
    max-width: calc(100% - var(--ar-spacing-m, 24px)) !important;
    margin: 0 auto !important;
  }
  .ar-promotion-countdown__grid {
    max-width: calc(100% - var(--ar-spacing-m, 24px)) !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    gap: var(--ar-spacing-xs, 8px) !important;
  }
  .ar-promotion-countdown__segment {
    min-height: 59px !important;
  }
  .ar-promotion-countdown__value, .ar-promotion-countdown__separator {
    font-size: clamp(1.9rem, 7vw, 2.4rem) !important;
  }
  .ar-promotion-countdown__segment-label-full {
    display: none !important;
  }
  .ar-promotion-countdown__segment-label-short {
    display: inline !important;
  }
}

.ar-promotion-card {
  --promotion-card-bg: linear-gradient(135deg, #07090f 0%, #141a24 100%);
  --promotion-card-color: #fff;
  --promotion-card-muted: rgba(255, 255, 255, 0.75);
  --promotion-card-radius: 20px;
  --promotion-card-padding: var(--ar-spacing-l, 24px);
  position: relative;
  overflow: hidden;
  border-radius: var(--promotion-card-radius);
  background: var(--promotion-card-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--promotion-card-color);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: var(--promotion-card-padding);
  width: 100%;
  max-width: 1216px;
  min-height: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ar-promotion-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 9, 15, 0.35);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}
.ar-promotion-card--hero::after {
  opacity: 0;
}
.ar-promotion-card--product {
  overflow: visible;
}
.ar-promotion-card--theme-light {
  --promotion-card-bg: #ffffff;
  --promotion-card-color: #07101f;
  --promotion-card-muted: rgba(7, 16, 31, 0.7);
}
.ar-promotion-card--theme-light:hover {
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide, rgba(0, 0, 0, 0.4));
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide, rgba(0, 0, 0, 0.4));
}
.ar-promotion-card--theme-light .ar-promotion-countdown {
  background: #f6f7fb;
}
.ar-promotion-card--theme-light .ar-promotion-countdown__value {
  color: #07101f;
}
.ar-promotion-card--theme-light .ar-promotion-countdown__segment-label {
  color: rgba(7, 16, 31, 0.6);
}
.ar-promotion-card--theme-dark {
  --promotion-card-color: var(--token-color-foreground-inverse-fg-1, #ededed);
  --promotion-card-muted: var(
      --token-color-foreground-inverse-fg-2,
      rgba(237, 237, 237, 0.8)
  );
}
.ar-promotion-card--theme-dark:hover {
  -webkit-box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide-dark, rgba(0, 0, 0, 0.4));
  box-shadow: 0px 0px 48px 0px var(--token-color-shadow-wide-dark, rgba(0, 0, 0, 0.4));
}
.ar-promotion-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(-135deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%);
  opacity: 0.7;
  border-radius: inherit;
}
.ar-promotion-card__background-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.45;
  z-index: 0;
  pointer-events: none;
}
.ar-promotion-card__background-image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
@media (max-width: 480px) {
  .ar-promotion-card__background-image {
    opacity: 0;
  }
}
.ar-promotion-card--product .ar-promotion-card__background-image {
  opacity: 1;
}
.ar-promotion-card--hero .ar-promotion-card__background-image {
  opacity: 1;
}
@media (max-width: 480px) {
  .ar-promotion-card--hero .ar-promotion-card__background-image {
    opacity: 1;
  }
}
.ar-promotion-card__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--ar-spacing-m, 16px);
}
.ar-promotion-card--compact .ar-promotion-card__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--ar-spacing-l, 24px);
}
@media (max-width: 720px) {
  .ar-promotion-card--compact .ar-promotion-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.ar-promotion-card--compact {
  padding: var(--ar-spacing-m, 20px);
}
.ar-promotion-card--hero {
  min-height: 350px;
  padding: clamp(24px, 4vw, 64px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-promotion-card--hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 600px) {
  .ar-promotion-card--hero .ar-promotion-card__title-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-bottom: var(--ar-spacing-s, 12px);
  }
  .ar-promotion-card--hero .ar-promotion-card__title {
    text-align: center;
    width: 100%;
  }
}
.ar-promotion-card--product {
  padding: var(--ar-spacing-xs, 8px) var(--ar-spacing-s, 12px);
  border-radius: var(--token-corner-radius-all-base, 12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(7, 12, 18, 0.92);
  min-height: 108px;
  width: 100%;
  max-width: 490px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: var(--ar-spacing-xs, 8px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 720px) {
  .ar-promotion-card--product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: var(--ar-spacing-s, 12px);
  }
}
@media (max-width: 480px) {
  .ar-promotion-card--product {
    min-height: 80px;
    padding: var(--ar-spacing-xs, 8px);
    border-radius: var(--token-corner-radius-all-base, 12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--ar-spacing-s, 12px);
  }
}
.ar-promotion-card--hero .ar-promotion-card__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--ar-spacing-l, 24px);
}
@media (max-width: 960px) {
  .ar-promotion-card--hero .ar-promotion-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
.ar-promotion-card--product .ar-promotion-card__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--ar-spacing-xs, 8px);
}
@media (max-width: 720px) {
  .ar-promotion-card--product .ar-promotion-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: var(--ar-spacing-s, 12px);
    margin: var(--ar-spacing-s, 12px);
  }
}
@media (max-width: 480px) {
  .ar-promotion-card--product .ar-promotion-card__content {
    margin: var(--ar-spacing-s, 12px);
  }
}
.ar-promotion-card__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--ar-spacing-s, 12px);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-promotion-card__main--panel {
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-promotion-card__main--product {
  min-width: 0;
  max-width: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  gap: var(--ar-spacing-xxs, 4px);
}
@media (max-width: 720px) {
  .ar-promotion-card__main--product {
    min-width: 0;
    max-width: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: var(--ar-spacing-xs, 8px);
  }
}
.ar-promotion-card__flag-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--ar-spacing-s, 12px);
}
@media (max-width: 720px) {
  .ar-promotion-card--product .ar-promotion-card__flag-row {
    min-width: auto;
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.ar-promotion-card__flag {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  color: #5ed655;
}
.ar-promotion-card__flag--new {
  color: #00d5ff;
}
.ar-promotion-card--product .ar-promotion-card__flag {
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.5%;
}
.ar-promotion-card__tooltip .ar-tooltip-button, .ar-promotion-card__tooltip--product .ar-tooltip-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-promotion-card__tooltip .ar-tooltip-button--text, .ar-promotion-card__tooltip--product .ar-tooltip-button--text {
  position: absolute;
  top: calc(100% + var(--token-spacing-all-xs, 8px));
  -webkit-transform: translateX(-50%) translateY(6px);
  transform: translateX(-50%) translateY(6px);
  padding: var(--token-spacing-all-s);
  background: -webkit-gradient(linear, left bottom, left top, from(var(--Color-Background-bg-app-canvas, #1d232a)), to(var(--Color-Background-bg-app-canvas, #1d232a))), -webkit-gradient(linear, left bottom, left top, from(var(--Color-Background-bg-2, rgba(237, 237, 237, 0.08))), to(var(--Color-Background-bg-2, rgba(237, 237, 237, 0.08))));
  background: linear-gradient(0deg, var(--Color-Background-bg-app-canvas, #1d232a), var(--Color-Background-bg-app-canvas, #1d232a)), linear-gradient(0deg, var(--Color-Background-bg-2, rgba(237, 237, 237, 0.08)), var(--Color-Background-bg-2, rgba(237, 237, 237, 0.08)));
  color: var(--token-color-text-primary, #ffffff);
  min-width: 160px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  font-size: 0.85rem;
  line-height: 1.35;
  border-radius: var(--token-corner-radius-all-base, 12px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
  z-index: 5;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  word-break: break-word;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, transform 200ms ease-in-out;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.ar-promotion-card__tooltip .ar-tooltip-button--text.ar-tooltip-button--text-active, .ar-promotion-card__tooltip--product .ar-tooltip-button--text.ar-tooltip-button--text-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ar-promotion-card__tooltip {
  margin-left: auto;
}
.ar-promotion-card__tooltip .ar-tooltip-button--text {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(6px);
  transform: translateX(-50%) translateY(6px);
  max-width: min(260px, 90vw);
}
.ar-promotion-card__tooltip .ar-tooltip-button--text.ar-tooltip-button--text-active {
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 600px) {
  .ar-promotion-card__tooltip .ar-tooltip-button--text {
    font-size: 0.8rem;
    max-width: calc(100vw - var(--token-spacing-all-base, 12px) * 2);
  }
}
.ar-promotion-card__tooltip--product {
  margin-left: var(--ar-spacing-xxs, 4px);
}
.ar-promotion-card__tooltip--product .ar-tooltip-button--text {
  left: auto;
  right: 0;
  -webkit-transform: translateX(0) translateY(6px);
  transform: translateX(0) translateY(6px);
  max-width: min(220px, 80vw);
  top: calc(100% + var(--token-spacing-all-base, 12px));
  right: auto;
}
.ar-promotion-card__tooltip--product .ar-tooltip-button--text.ar-tooltip-button--text-active {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
@media (max-width: 600px) {
  .ar-promotion-card__tooltip--product .ar-tooltip-button--text {
    right: 0;
    left: auto;
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .ar-promotion-card__tooltip--product .ar-icon--size-x16, .ar-promotion-card__tooltip--product .ar-tooltip-button svg {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  }
}
.ar-promotion-card__tooltip-text {
  display: block;
  color: var(--token-color-foreground-inverse-fg-1, #ffffff);
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
}
.ar-promotion-card__tooltip-text a {
  color: var(--token-color-foreground-brand-strong, #69c350) !important;
  text-decoration: underline;
}
.ar-promotion-card__tooltip-text a:hover {
  text-decoration: none;
}
.ar-promotion-card__tooltip-text :not(a) *,
.ar-promotion-card__tooltip-text p,
.ar-promotion-card__tooltip-text span,
.ar-promotion-card__tooltip-text strong,
.ar-promotion-card__tooltip-text em,
.ar-promotion-card__tooltip-text li {
  color: inherit !important;
}
.ar-promotion-card__title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--ar-spacing-xxs, 4px);
}
@media (max-width: 960px) {
  .ar-promotion-card__title-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ar-promotion-card__tooltip-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ar-promotion-card__title {
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2.4rem);
  font-weight: 700;
  margin: 0;
}
.ar-promotion-card__subtitle {
  display: none;
  margin-top: var(--ar-spacing-xxs, 4px);
  margin-bottom: var(--ar-spacing-s, 12px);
  font-size: 1rem;
  line-height: 135%;
  color: var(--promotion-card-muted);
}
.ar-promotion-card--product .ar-promotion-card__title {
  font-size: 1.4rem;
  line-height: 130%;
}
@media (max-width: 480px) {
  .ar-promotion-card--product__flag-row {
    width: auto;
  }
  .ar-promotion-card--product__flag {
    font-size: 0.9rem;
  }
  .ar-promotion-card--product__title-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ar-promotion-card--product__title {
    font-size: 1.1rem;
  }
  .ar-promotion-card--hero .ar-promotion-card__title-row {
    display: none !important;
  }
}
.ar-promotion-card__description {
  margin: 0;
  color: var(--promotion-card-muted);
  font-size: 1rem;
}
.ar-promotion-card__timer {
  min-width: 260px;
}
.ar-promotion-card--hero .ar-promotion-card__timer {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.ar-promotion-card__timer--product {
  background: var(--token-color-background-bg-2, #1d232a);
  border-radius: var(--token-corner-radius-all-base, 12px);
  padding: 10px 0;
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 205px;
  flex: 0 0 205px;
  max-width: 250px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .ar-promotion-card__timer--product {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 auto;
  }
}
.ar-promotion-card__timer--product .ar-promotion-countdown {
  background: var(--token-color-background-bg-2, #1d232a);
  width: 100%;
  max-width: 100%;
  padding: var(--ar-spacing-xs, 8px) var(--ar-spacing-s, 12px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 720px) {
  .ar-promotion-card__timer--product .ar-promotion-countdown {
    padding: var(--ar-spacing-s, 12px);
    max-width: 100%;
  }
}
.ar-promotion-card__timer--product .ar-promotion-countdown__grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 100%;
}
.ar-promotion-card--product .ar-promotion-countdown__grid {
  gap: var(--ar-spacing-xxs, 2px);
}
@media (max-width: 720px) {
  .ar-promotion-card--product .ar-promotion-countdown__grid {
    gap: var(--ar-spacing-xs, 8px);
  }
}
.ar-promotion-card--product .ar-promotion-countdown__segment {
  width: 2rem;
  min-height: 64px;
}
@media (max-width: 720px) {
  .ar-promotion-card--product .ar-promotion-countdown__segment {
    width: auto;
    min-height: 59px;
  }
}
.ar-promotion-card--product .ar-promotion-countdown__segment {
  min-width: auto;
  min-height: auto;
}
.ar-promotion-card--product .ar-promotion-countdown__value, .ar-promotion-card--product .ar-promotion-countdown__separator {
  font-size: 22px;
  line-height: 130%;
}
.ar-promotion-card--product .ar-promotion-countdown__label {
  display: none;
}
.ar-promotion-card--product .ar-promotion-countdown__segment-label {
  font-size: 0.7rem;
}
.ar-promotion-card__cta {
  margin-top: var(--ar-spacing-m);
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.ar-promotion-card__cta--compact {
  margin-left: auto;
}
.ar-promotion-card__cta-button {
  width: 100%;
}
.ar-promotion-card--hero .ar-promotion-card__cta {
  margin-top: var(--ar-spacing-l, 24px);
}
@media (max-width: 960px) {
  .ar-promotion-card--hero .ar-promotion-card__cta {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
  }
}
.ar-promotion-card--panel {
  max-width: 420px;
  padding: var(--ar-spacing-xl);
  -ms-flex-item-align: center;
  align-self: center;
}
.ar-promotion-card--panel .ar-promotion-card__cta {
  width: 100%;
}
.ar-promotion-card--panel .ar-promotion-card__flag-row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-promotion-card--panel .ar-promotion-countdown {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-promotion-card--panel .ar-promotion-countdown__segment {
  min-width: auto;
}
.ar-promotion-card--hero .ar-promotion-card__main {
  max-width: 520px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}
@media (max-width: 960px) {
  .ar-promotion-card--hero .ar-promotion-card__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
.ar-promotion-card--hero .ar-promotion-countdown {
  min-width: 360px;
  -ms-flex-item-align: center;
  align-self: center;
}
.ar-promotion-card--hero .ar-promotion-card__flag {
  font-family: "Averta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 27.04px;
  line-height: 130%;
  letter-spacing: 0.005em;
  color: var(--token-color-foreground-brand-fg, #69c350);
  text-transform: uppercase;
}
.ar-promotion-card--hero .ar-promotion-card__title {
  font-family: "Averta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 45.67px;
  line-height: 130%;
  letter-spacing: 0;
  color: var(--token-color-foreground-inverse-fg-1, #ededed);
}
.ar-promotion-card--hero .ar-promotion-card__description {
  font-family: "Averta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: 0.03em;
  color: var(--token-color-foreground-inverse-fg-1, rgba(237, 237, 237, 0.85));
}
.ar-promotion-card--theme-dark .ar-promotion-card__title {
  color: var(--token-color-foreground-inverse-fg-1, #ededed);
}
.ar-promotion-card--theme-dark .ar-promotion-card__description {
  color: var(--token-color-foreground-inverse-fg-1, rgba(237, 237, 237, 0.85));
}
@media (max-width: 720px) {
  .ar-promotion-card--panel, .ar-promotion-card--hero {
    max-width: 100%;
    padding: var(--ar-spacing-l, 24px);
  }
  .ar-promotion-card--hero .ar-promotion-card__content {
    gap: var(--ar-spacing-l, 24px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ar-promotion-card--hero .ar-promotion-countdown {
    min-width: 0 !important;
    max-width: 420px !important;
    width: auto !important;
    margin: var(--ar-spacing-s, 12px) auto 0 !important;
  }
  .ar-promotion-card--hero .ar-promotion-countdown__grid {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    gap: var(--ar-spacing-xs, 8px) !important;
  }
  .ar-promotion-card--hero .ar-promotion-countdown__segment {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}
@media (max-width: 480px) {
  .ar-promotion-card {
    max-width: 100% !important;
    min-height: auto !important;
    padding: var(--ar-spacing-m, 24px) var(--ar-spacing-m, 24px) var(--ar-spacing-l, 32px) !important;
    border-radius: var(--token-corner-radius-all-m, 12px) !important;
  }
  .ar-promotion-card__content {
    gap: var(--ar-spacing-s, 12px) !important;
  }
  .ar-promotion-card__subtitle {
    text-align: center;
  }
  .ar-promotion-card--hero .ar-promotion-card__subtitle, .ar-promotion-card--category .ar-promotion-card__subtitle {
    display: block !important;
    color: var(--token-color-foreground-inverse-fg-1, #ededed);
    font-size: 28.83px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
  }
  .ar-promotion-card__flag-row {
    display: none !important;
  }
  .ar-promotion-card__title {
    font-size: 28.83px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }
  .ar-promotion-card__description {
    font-size: 16px !important;
    line-height: 135% !important;
    letter-spacing: 0.03em !important;
    text-align: center !important;
  }
  .ar-promotion-card__main, .ar-promotion-card--hero .ar-promotion-card__main {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ar-promotion-card__cta {
    width: 100% !important;
  }
  .ar-promotion-card__cta .ar-btn {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: var(--token-corner-radius-all-base, 8px) !important;
    padding: var(--ar-spacing-s, 12px) var(--ar-spacing-base, 16px) !important;
  }
  .ar-promotion-card__cta--primary {
    display: none !important;
  }
  .ar-promotion-card__cta--mobile {
    display: block !important;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: var(--ar-spacing-s, 12px) !important;
  }
  .ar-promotion-card__timer, .ar-promotion-card--hero .ar-promotion-card__timer {
    width: 100% !important;
    min-width: 0 !important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: var(--ar-spacing-s, 12px) !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .ar-promotion-card--hero .ar-promotion-countdown {
    width: 100% !important;
    max-width: calc(100% - var(--ar-spacing-l, 32px)) !important;
    margin: var(--ar-spacing-none, 0px) auto 0 !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .ar-promotion-card--hero .ar-promotion-countdown__grid {
    width: 100% !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    gap: var(--ar-spacing-xs, 8px) !important;
  }
  .ar-promotion-card--hero .ar-promotion-countdown__segment {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}
@media (max-width: 480px) {
  .ar-promotion-card--has-cta {
    padding-bottom: var(--ar-spacing-l, 32px) !important;
  }
}

@media (max-width: 480px) {
  .ar-promotion-card--product {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 90px !important;
    padding: var(--ar-spacing-s, 12px) !important;
    gap: var(--ar-spacing-s, 12px) !important;
  }
  .ar-promotion-card--product .ar-promotion-card__content {
    gap: var(--ar-spacing-s, 12px) !important;
  }
  .ar-promotion-card--product .ar-promotion-card__flag-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
  }
  .ar-promotion-card--product .ar-promotion-card__title {
    font-size: 1.3rem !important;
    text-align: left !important;
  }
  .ar-promotion-card--product .ar-promotion-card__flag {
    font-size: 1.3rem !important;
  }
  .ar-promotion-card--product .ar-promotion-card__timer {
    width: 100% !important;
  }
  .ar-promotion-card--product .ar-promotion-card__timer--product {
    min-height: 55px !important;
  }
}

.ar-promotion-card__cta--mobile {
  display: none;
}

.ar-category-card--addon .ar-promotion-countdown {
  width: 100%;
  max-width: 32rem;
}

.ar-toast-container {
  --toast-offset: 16px;
  position: fixed;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
  width: min(360px, 100vw - var(--toast-offset, 16px) * 2);
  pointer-events: none;
}
.ar-toast-container__list {
  position: relative;
  width: 100%;
  min-height: 0;
  pointer-events: none;
}
.ar-toast-container__item {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1), bottom 400ms cubic-bezier(0.2, 0.8, 0.4, 1), top 400ms cubic-bezier(0.2, 0.8, 0.4, 1), -webkit-transform 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1), bottom 400ms cubic-bezier(0.2, 0.8, 0.4, 1), top 400ms cubic-bezier(0.2, 0.8, 0.4, 1), -webkit-transform 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: transform 400ms cubic-bezier(0.2, 0.8, 0.4, 1), opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1), bottom 400ms cubic-bezier(0.2, 0.8, 0.4, 1), top 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: transform 400ms cubic-bezier(0.2, 0.8, 0.4, 1), opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1), bottom 400ms cubic-bezier(0.2, 0.8, 0.4, 1), top 400ms cubic-bezier(0.2, 0.8, 0.4, 1), -webkit-transform 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  will-change: transform, opacity;
  -webkit-transform: scale(var(--toast-scale, 1));
  transform: scale(var(--toast-scale, 1));
  opacity: var(--toast-opacity, 1);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  pointer-events: auto;
}
.ar-toast-container__item .ar-toast-message {
  -webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: -webkit-box-shadow 200ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: box-shadow 200ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: box-shadow 200ms cubic-bezier(0.2, 0.8, 0.4, 1), -webkit-box-shadow 200ms cubic-bezier(0.2, 0.8, 0.4, 1);
}
.ar-toast-container__item--front {
  pointer-events: auto;
}
.ar-toast-container__item--behind {
  pointer-events: none;
}
.ar-toast-container__item--behind .ar-toast-message::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  border-radius: inherit;
  backdrop-filter: blur(8px);
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
}
.ar-toast-container__item--behind .ar-toast-message > * {
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
  transition: opacity 400ms cubic-bezier(0.2, 0.8, 0.4, 1);
}
.ar-toast-container__item--expanded {
  pointer-events: auto;
}
.ar-toast-container__item--expanded .ar-toast-message::before {
  opacity: 0;
  pointer-events: none;
}
.ar-toast-container__item--expanded .ar-toast-message > * {
  opacity: 1 !important;
}
.ar-toast-container--expanded .ar-toast-container__item {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.ar-toast-container--expanded .ar-toast-container__item .ar-toast-message {
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 12px rgba(0, 0, 0, 0.25), 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 12px rgba(0, 0, 0, 0.25), 0 0 3px rgba(0, 0, 0, 0.3);
}
.ar-toast-container__item--dragging {
  -webkit-transition: none;
  transition: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 5;
}
.ar-toast-container__toggle {
  pointer-events: auto;
  border: none;
  background: rgba(58, 64, 69, 0.05);
  color: var(--token-color-foreground-fg-dark-static);
  font-size: 13px;
  letter-spacing: 0.02em;
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-base);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-xs);
  -webkit-transition: background 160ms ease, color 160ms ease;
  transition: background 160ms ease, color 160ms ease;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.ar-toast-container__toggle:hover {
  background: rgba(58, 64, 69, 0.1);
  color: var(--token-color-foreground-fg-1);
}
.ar-toast-container__toggle:active {
  background: rgba(58, 64, 69, 0.15);
}
.ar-toast-container__toggle-counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 var(--token-spacing-all-xxs);
  border-radius: 999px;
  background: rgba(58, 64, 69, 0.1);
  font-size: 12px;
  font-weight: 600;
  color: var(--token-color-foreground-fg-dark-static);
}
.ar-toast-container--top-left {
  top: var(--toast-offset, 16px);
  left: var(--toast-offset, 16px);
}
.ar-toast-container--top-right {
  top: var(--toast-offset, 16px);
  right: var(--toast-offset, 16px);
}
.ar-toast-container--top-center {
  top: var(--toast-offset, 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ar-toast-container--bottom-right {
  bottom: var(--toast-offset, 16px);
  right: var(--toast-offset, 16px);
}
.ar-toast-container--bottom-left {
  bottom: var(--toast-offset, 16px);
  left: var(--toast-offset, 16px);
}
.ar-toast-container--bottom-center {
  bottom: var(--toast-offset, 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ar-toast-container .ar-toast-message {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 640px) {
  .ar-toast-container {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .ar-toast-container__toggle {
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.ar-toast-message {
  --toast-border-color: var(--token-color-stroke-sk-1);
  --toast-text-color: var(--token-color-foreground-fg-dark-static);
  --toast-muted-color: var(--token-color-foreground-fg-1);
  --toast-background: rgba(255, 255, 255, 0.7);
  --toast-offset: 16px;
  --toast-solid-color-rgb: 58, 64, 69;
  --toast-gap: var(--token-spacing-all-base);
  --toast-enter-x: 8px;
  --toast-enter-y: 20px;
  --toast-exit-x: 8px;
  --toast-exit-y: 12px;
  width: min(350px, 100vw - var(--toast-offset, 16px) * 2);
  max-width: calc(100vw - var(--toast-offset, 16px) * 2);
  min-width: min(260px, 100vw - var(--toast-offset, 16px) * 2);
  min-height: 48px;
  border-radius: var(--token-corner-radius-all-base);
  padding: var(--token-spacing-all-base);
  background: var(--toast-background);
  border-left: 4px solid var(--toast-border-color);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 9px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 9px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--token-spacing-all-xs);
  position: relative;
  will-change: transform, opacity;
}
.ar-toast-message__icon {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--toast-border-color);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 4px;
}
.ar-toast-message__icon--loading {
  width: 32px;
  height: 32px;
}
.ar-toast-message__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xxs);
  max-width: calc(100% - 72px);
}
.ar-toast-message__title {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--toast-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ar-toast-message__description {
  margin: 0;
  color: var(--toast-muted-color);
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0.03em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ar-toast-message__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
  margin-top: var(--token-spacing-all-xxs);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ar-toast-message__action {
  color: var(--toast-muted-color);
  padding: 0;
  min-width: auto;
  height: auto;
}
.ar-toast-message__action-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  min-width: 44px;
  min-height: 19px;
  color: rgba(29, 35, 42, 0.6);
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0.03em;
  cursor: pointer;
  -webkit-transition: color 160ms ease;
  transition: color 160ms ease;
  text-align: left;
}
.ar-toast-message__action-btn:hover {
  color: #3A4045;
}
.ar-toast-message__action-btn:active {
  color: rgba(58, 64, 69, 0.85);
}
.ar-toast-message__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--toast-text-color);
  opacity: 0.5;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 120ms ease, -webkit-transform 80ms ease;
  transition: opacity 120ms ease, -webkit-transform 80ms ease;
  transition: opacity 120ms ease, transform 80ms ease;
  transition: opacity 120ms ease, transform 80ms ease, -webkit-transform 80ms ease;
}
.ar-toast-message__close:hover {
  opacity: 1;
}
.ar-toast-message__close:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  opacity: 0.75;
}
.ar-toast-message--success {
  --toast-border-color: var(--token-color-stroke-success-sk);
  --toast-solid-color-rgb: 105, 195, 80;
}
.ar-toast-message--info {
  --toast-border-color: var(--token-color-stroke-info-sk);
  --toast-solid-color-rgb: 0, 176, 219;
}
.ar-toast-message--warning {
  --toast-border-color: var(--token-color-stroke-warning-sk);
  --toast-solid-color-rgb: 213, 148, 60;
}
.ar-toast-message--error {
  --toast-border-color: var(--token-color-stroke-error-sk);
  --toast-solid-color-rgb: 213, 26, 41;
}
.ar-toast-message--neutral {
  --toast-border-color: var(--token-color-stroke-sk-1);
  --toast-solid-color-rgb: 58, 64, 69;
}
.ar-theme--dark .ar-toast-message {
  --toast-background: rgba(29, 35, 42, 0.92);
  --toast-text-color: var(--token-color-foreground-fg-1);
  --toast-muted-color: rgba(237, 237, 237, 0.6);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.08), 0 0 9px rgba(0, 0, 0, 0.45), 0 0 2px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.08), 0 0 9px rgba(0, 0, 0, 0.45), 0 0 2px rgba(0, 0, 0, 0.45);
}
.ar-theme--dark .ar-toast-message::before {
  background: rgba(29, 35, 42, 0.88);
}
.ar-theme--dark .ar-toast-message .ar-toast-message__action-btn {
  color: rgba(237, 237, 237, 0.7);
}
.ar-theme--dark .ar-toast-message .ar-toast-message__action-btn:hover {
  color: rgba(237, 237, 237, 0.95);
}
.ar-theme--dark .ar-toast-message .ar-toast-message__action-btn:active {
  color: rgba(237, 237, 237, 0.5);
}
.ar-toast-message--enter {
  -webkit-animation: toast-sonner-in 360ms cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
  animation: toast-sonner-in 360ms cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.ar-toast-message--closing {
  -webkit-animation-duration: 280ms;
  animation-duration: 280ms;
  -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: toast-sonner-out;
  animation-name: toast-sonner-out;
}
.ar-toast-message--closing.ar-toast-message--placement-top-left, .ar-toast-message--closing.ar-toast-message--placement-top-right {
  -webkit-animation-name: toast-sonner-swipe-up;
  animation-name: toast-sonner-swipe-up;
}
.ar-toast-message--closing.ar-toast-message--placement-bottom-left, .ar-toast-message--closing.ar-toast-message--placement-bottom-right {
  -webkit-animation-name: toast-sonner-swipe-down;
  animation-name: toast-sonner-swipe-down;
}
.ar-toast-message--placement-bottom-right {
  position: fixed;
  bottom: calc(var(--toast-offset, 16px) + var(--toast-stack-index, 0) * (var(--toast-height, 0px) + var(--toast-gap)));
  right: var(--toast-offset, 16px);
}
.ar-toast-message--placement-bottom-left {
  position: fixed;
  bottom: calc(var(--toast-offset, 16px) + var(--toast-stack-index, 0) * (var(--toast-height, 0px) + var(--toast-gap)));
  left: var(--toast-offset, 16px);
  --toast-enter-x: -8px;
  --toast-exit-x: -8px;
}
.ar-toast-message--placement-top-right {
  position: fixed;
  top: calc(var(--toast-offset, 16px) + var(--toast-stack-index, 0) * (var(--toast-height, 0px) + var(--toast-gap)));
  right: var(--toast-offset, 16px);
  --toast-enter-y: -20px;
  --toast-exit-y: -12px;
}
.ar-toast-message--placement-top-left {
  position: fixed;
  top: calc(var(--toast-offset, 16px) + var(--toast-stack-index, 0) * (var(--toast-height, 0px) + var(--toast-gap)));
  left: var(--toast-offset, 16px);
  --toast-enter-x: -8px;
  --toast-enter-y: -20px;
  --toast-exit-x: -8px;
  --toast-exit-y: -12px;
}
.ar-toast-message--message-only {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48px;
  height: 48px;
  padding: 0 var(--token-spacing-all-base);
}
.ar-toast-message--message-only .ar-toast-message__icon {
  margin-top: 0;
}
.ar-toast-message--message-only .ar-toast-message__close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ar-toast-message--message-only .ar-toast-message__close:active {
  -webkit-transform: translateY(-50%) scale(0.95);
  transform: translateY(-50%) scale(0.95);
}
.ar-toast-message--managed {
  position: static;
  inset: auto;
}

@-webkit-keyframes toast-sonner-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(var(--toast-enter-x, 14px), var(--toast-enter-y, 32px), 0) scale(0.9);
    transform: translate3d(var(--toast-enter-x, 14px), var(--toast-enter-y, 32px), 0) scale(0.9);
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1.04);
    transform: translate3d(0, 0, 0) scale(1.04);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes toast-sonner-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(var(--toast-enter-x, 14px), var(--toast-enter-y, 32px), 0) scale(0.9);
    transform: translate3d(var(--toast-enter-x, 14px), var(--toast-enter-y, 32px), 0) scale(0.9);
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1.04);
    transform: translate3d(0, 0, 0) scale(1.04);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes toast-sonner-out {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  40% {
    opacity: 0.9;
    -webkit-transform: translate3d(var(--toast-exit-x, 6px), var(--toast-exit-y, 6px), 0) scale(0.98);
    transform: translate3d(var(--toast-exit-x, 6px), var(--toast-exit-y, 6px), 0) scale(0.98);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(var(--toast-exit-x, 14px), var(--toast-exit-y, 18px), 0) scale(0.88);
    transform: translate3d(var(--toast-exit-x, 14px), var(--toast-exit-y, 18px), 0) scale(0.88);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@keyframes toast-sonner-out {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  40% {
    opacity: 0.9;
    -webkit-transform: translate3d(var(--toast-exit-x, 6px), var(--toast-exit-y, 6px), 0) scale(0.98);
    transform: translate3d(var(--toast-exit-x, 6px), var(--toast-exit-y, 6px), 0) scale(0.98);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(var(--toast-exit-x, 14px), var(--toast-exit-y, 18px), 0) scale(0.88);
    transform: translate3d(var(--toast-exit-x, 14px), var(--toast-exit-y, 18px), 0) scale(0.88);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@-webkit-keyframes toast-sonner-swipe-up {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    opacity: 0.85;
    -webkit-transform: translate3d(0, -40%, 0) scale(0.97);
    transform: translate3d(0, -40%, 0) scale(0.97);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -130%, 0) scale(0.9);
    transform: translate3d(0, -130%, 0) scale(0.9);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@keyframes toast-sonner-swipe-up {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    opacity: 0.85;
    -webkit-transform: translate3d(0, -40%, 0) scale(0.97);
    transform: translate3d(0, -40%, 0) scale(0.97);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -130%, 0) scale(0.9);
    transform: translate3d(0, -130%, 0) scale(0.9);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@-webkit-keyframes toast-sonner-swipe-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    opacity: 0.85;
    -webkit-transform: translate3d(0, 40%, 0) scale(0.97);
    transform: translate3d(0, 40%, 0) scale(0.97);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 130%, 0) scale(0.9);
    transform: translate3d(0, 130%, 0) scale(0.9);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@keyframes toast-sonner-swipe-down {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    opacity: 0.85;
    -webkit-transform: translate3d(0, 40%, 0) scale(0.97);
    transform: translate3d(0, 40%, 0) scale(0.97);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 130%, 0) scale(0.9);
    transform: translate3d(0, 130%, 0) scale(0.9);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.ar-cookie-consent {
  position: fixed;
  width: min(500px, 100vw - var(--token-spacing-all-l) * 2);
  padding: var(--token-spacing-all-l);
  background: var(--token-color-background-bg-app-canvas);
  border-radius: var(--token-corner-radius-all-l);
  -webkit-box-shadow: 0px 0px var(--token-shadow-xl) 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px var(--token-shadow-xl) 0px var(--token-color-shadow-wide);
  backdrop-filter: blur(calc(var(--token-blur-base) / 2));
  color: var(--token-color-foreground-fg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--token-spacing-all-m);
  z-index: 9001;
}
.ar-cookie-consent.ar-cookie-consent--lt {
  top: var(--token-spacing-all-l);
  left: var(--token-spacing-all-l);
}
.ar-cookie-consent.ar-cookie-consent--rt {
  top: var(--token-spacing-all-l);
  right: var(--token-spacing-all-l);
}
.ar-cookie-consent.ar-cookie-consent--lb {
  bottom: var(--token-spacing-all-l);
  left: var(--token-spacing-all-l);
}
.ar-cookie-consent.ar-cookie-consent--rb {
  right: var(--token-spacing-all-l);
  bottom: var(--token-spacing-all-l);
}
.ar-cookie-consent.ar-cookie-consent--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ar-cookie-consent__title {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  color: var(--token-color-foreground-fg-dark-static);
}
.ar-cookie-consent__description {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--token-color-foreground-fg-1);
}
.ar-cookie-consent__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--token-spacing-all-xs);
}
.ar-cookie-consent__settings-overlay {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: var(--token-spacing-all-l);
  z-index: 9002;
}

.ar-cookie-consent__page-overlay {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: var(--Color-Overlay-overlay-modal, rgba(0, 0, 0, 0.6));
}

.ar-cookie-consent__settings-panel {
  width: min(600px, 100vw - var(--token-spacing-all-s) * 2);
  max-width: 100%;
  max-height: calc(100vh - var(--token-spacing-all-l) * 2);
  overflow: auto;
  position: relative;
  background-color: var(--token-color-background-bg-app-canvas);
  border-radius: var(--token-corner-radius-all-l);
  -webkit-box-shadow: 0px 0px var(--token-shadow-xl) 0px var(--token-color-shadow-wide);
  box-shadow: 0px 0px var(--token-shadow-xl) 0px var(--token-color-shadow-wide);
  backdrop-filter: blur(calc(var(--token-blur-base) / 2));
  padding: var(--token-spacing-all-l);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--token-spacing-all-m);
  color: var(--token-color-foreground-fg-1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ar-cookie-consent__settings-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--token-spacing-all-s);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ar-cookie-consent__settings-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
}

.ar-cookie-consent__settings-text .ar-cookie-consent__settings-description {
  margin: 0;
}

.ar-cookie-consent__settings-header > div {
  min-width: 0;
  padding-right: 56px;
}

.ar-cookie-consent__settings-header > .ar-btn-simple,
.ar-cookie-consent__settings-header > .ar-btn,
.ar-cookie-consent__settings-header > .ar-ic-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
}

.ar-cookie-consent__settings-description {
  margin: var(--token-spacing-all-xxs) 0 0;
  color: var(--token-color-foreground-fg-1);
  line-height: 1.45;
  font-size: 14px;
}

/* Checkbox message indentation - align with label text */
.ar-cookie-consent__settings-panel {
  /* Target message content that follows checkbox label */
  /* Structure: <div> -> <label class="ar-checkbox">...</label> -> <span class="ar-input--message">...</span> */
  /* Using general sibling selector to target message after checkbox */
}
.ar-cookie-consent__settings-panel .ar-checkbox ~ .ar-input--message {
  margin-left: calc(24px + var(--token-spacing-all-s)); /* Checkbox width (24px) + gap (12px) = 36px */
  margin-top: var(--token-spacing-all-xxs);
  margin-right: 0;
  display: block;
}

/* Cookie Settings link styling */
.ar-cookie-consent .ar-link,
.ar-cookie-consent__settings-panel .ar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s, gap 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s, gap 0.3s;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-background-brand-bg-hover)));
  background-image: linear-gradient(var(--token-color-background-brand-bg-hover) 0 0);
  background-size: 0% 6px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.ar-cookie-consent .ar-link:hover,
.ar-cookie-consent__settings-panel .ar-link:hover {
  background-size: 100% 6px;
  color: var(--token-color-foreground-fg-1);
}

/* Tablet and smaller */
@media (max-width: 768px) {
  .ar-cookie-consent {
    width: min(500px, 100vw - var(--token-spacing-all-base) * 2);
    padding: var(--token-spacing-all-base);
    gap: var(--token-spacing-all-base);
  }
  .ar-cookie-consent__title {
    font-size: 15px;
  }
  .ar-cookie-consent__description {
    font-size: 13px;
  }
  .ar-cookie-consent__settings-panel {
    width: min(600px, 100vw - var(--token-spacing-all-base) * 2);
    padding: var(--token-spacing-all-l);
    gap: var(--token-spacing-all-base);
  }
}
/* Mobile */
@media (max-width: 640px) {
  .ar-cookie-consent {
    bottom: auto !important;
    left: var(--token-spacing-all-base);
    right: var(--token-spacing-all-base);
    width: calc(100vw - var(--token-spacing-all-base) * 2);
    max-width: 100%;
    padding: var(--token-spacing-all-base);
    gap: var(--token-spacing-all-s);
    border-radius: var(--token-corner-radius-all-base);
    max-height: calc(100vh - var(--token-spacing-all-base) * 2);
    overflow-y: auto;
  }
  .ar-cookie-consent__title {
    font-size: 14px;
    line-height: 1.4;
  }
  .ar-cookie-consent__description {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 2px;
  }
  .ar-cookie-consent__actions {
    gap: var(--token-spacing-all-xs);
    width: 100%;
  }
  .ar-cookie-consent__text-link {
    width: 100%;
  }
  .ar-cookie-consent__settings-overlay {
    padding: var(--token-spacing-all-base);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: auto;
  }
  .ar-cookie-consent__settings-panel {
    width: 100%;
    max-width: 70%;
    max-height: calc(100vh - var(--token-spacing-all-base) * 2);
    padding: var(--token-spacing-all-l);
    gap: var(--token-spacing-all-s);
    border-radius: var(--token-corner-radius-all-base);
    margin-top: 15%;
  }
  .ar-cookie-consent__settings-panel .ar-cookie-consent__settings-header {
    gap: var(--token-spacing-all-xs);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ar-cookie-consent__settings-panel .ar-cookie-consent__settings-description {
    font-size: 12px;
  }
}
/* Very small devices (390px and below) */
@media (max-width: 390px) {
  .ar-cookie-consent {
    left: var(--token-spacing-all-xs);
    right: var(--token-spacing-all-xs);
    width: calc(100vw - var(--token-spacing-all-xs) * 2);
    padding: var(--token-spacing-all-xs);
    gap: var(--token-spacing-all-xs);
    bottom: var(--token-spacing-all-xs) !important;
  }
  .ar-cookie-consent__title {
    font-size: 13px;
  }
  .ar-cookie-consent__description {
    font-size: 11px;
  }
  .ar-cookie-consent__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .ar-cookie-consent__actions > * {
    width: 100%;
  }
  .ar-cookie-consent .ar-link,
  .ar-cookie-consent__settings-panel .ar-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-cookie-consent__settings-overlay {
    padding: var(--token-spacing-all-xs);
  }
  .ar-cookie-consent__settings-panel {
    padding: var(--token-spacing-all-l);
    gap: var(--token-spacing-all-xs);
    max-height: calc(100vh - var(--token-spacing-all-xs) * 2);
    margin-top: 25%;
    max-width: 100%;
  }
  .ar-cookie-consent__settings-panel .ar-cookie-consent__title {
    font-size: 13px;
  }
  .ar-cookie-consent__settings-panel .ar-cookie-consent__settings-description {
    font-size: 11px;
  }
  .ar-cookie-consent__settings-panel .ar-cookie-consent__settings-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .ar-cookie-consent__settings-panel .ar-input--message {
    font-size: 14px;
  }
}
/* Landscape orientation on small devices */
@media (max-width: 640px) and (orientation: landscape) {
  .ar-cookie-consent {
    max-height: calc(100vh - var(--token-spacing-all-base) * 2);
    overflow-y: auto;
  }
  .ar-cookie-consent__settings-panel {
    max-height: calc(100vh - var(--token-spacing-all-base) * 2);
  }
}
.ar-geo-location-banner-container {
  width: 100%;
  padding: 0 var(--token-spacing-all-none);
  background-color: var(--token-color-background-bg-2);
  -webkit-box-shadow: 0 0 var(--token-shadow-xs) 0 var(--token-color-shadow-wide);
  box-shadow: 0 0 var(--token-shadow-xs) 0 var(--token-color-shadow-wide);
  color: var(--token-color-foreground-fg-1);
}

.ar-geo-location-banner {
  width: 100%;
  max-width: 1280px;
  padding: var(--token-spacing-all-s) var(--token-spacing-all-l);
  gap: var(--token-spacing-all-xxxl);
}
.ar-geo-location-banner__message {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.32px;
  color: var(--token-color-foreground-fg-1);
}
.ar-geo-location-banner__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
}
.ar-geo-location-banner__close {
  min-width: 48px;
  min-height: 48px;
  padding: var(--token-spacing-all-s);
}

@media (min-width: 430px) and (max-width: 1024px) {
  .ar-geo-location-banner {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--token-spacing-all-m);
    padding: var(--token-spacing-all-m);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-geo-location-banner__controls {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--token-spacing-all-s);
  }
  .ar-geo-location-banner__controls .ar-input-v2 {
    width: 100%;
  }
  .ar-geo-location-banner__message {
    font-size: 16px;
  }
  .ar-geo-location-banner__close {
    position: absolute;
    top: var(--token-spacing-all-none);
    right: var(--token-spacing-all-none);
  }
}
@media (max-width: 429px) {
  .ar-geo-location-banner {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--token-spacing-all-m);
    padding: var(--token-spacing-all-m);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-geo-location-banner__controls {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--token-spacing-all-s);
    max-width: 100%;
  }
  .ar-geo-location-banner__message {
    font-size: 14px;
    max-width: 297px;
  }
  .ar-geo-location-banner__close {
    position: absolute;
    top: var(--token-spacing-all-xxxs);
    right: var(--token-spacing-all-xxxs);
  }
}
.ar-pagination {
  width: 100%;
}

.ar-pagination__container {
  width: 100%;
}

.ar-pagination__container--combined {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ar-pagination__dot {
  width: var(--token-spacing-all-s);
  height: var(--token-spacing-all-s);
  border-radius: var(--token-corner-radius-all-max);
  background-color: var(--token-color-foreground-fg-3);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.ar-pagination__dot:hover {
  background-color: var(--token-color-foreground-fg-2);
}
.ar-pagination__dot--active {
  width: var(--token-spacing-all-l);
  height: var(--token-spacing-all-s);
  border-radius: var(--token-corner-radius-all-l);
  background-color: var(--token-color-foreground-fg-1);
}
.ar-pagination__dot--active.ar-pagination__dot--timer {
  background-color: var(--token-color-foreground-fg-3);
}

.ar-pagination__dot-timer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--token-color-foreground-fg-1);
  border-radius: var(--token-corner-radius-all-s);
  -webkit-transition: none;
  transition: none;
  will-change: transform;
  -webkit-transform: translateZ(0) scaleX(0);
  transform: translateZ(0) scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.ar-pagination__number {
  width: var(--token-spacing-all-xl);
  height: var(--token-spacing-all-xl);
  background: transparent;
  color: var(--token-color-foreground-fg-1);
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  border-radius: var(--token-corner-radius-all-base);
}
.ar-pagination__number:hover {
  background-color: var(--token-color-foreground-fg-4);
  color: var(--token-color-foreground-fg-1);
}
.ar-pagination__number--active {
  background-color: var(--token-color-background-bg-ui);
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-pagination--small .ar-pagination__number {
  width: 24px;
  height: 24px;
  border-radius: var(--token-corner-radius-all-s);
  font-size: 14px;
  line-height: 140%;
}

.ar-pagination__ellipsis {
  color: var(--token-color-foreground-fg-3);
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ar-pagination__hashtag {
  width: var(--token-spacing-all-xl);
  height: var(--token-spacing-all-xl);
  background: transparent;
  color: var(--token-color-foreground-fg-1);
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  border-radius: var(--token-corner-radius-all-s);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0;
}
.ar-pagination__hashtag:hover {
  border-color: var(--token-color-foreground-fg-2);
  background-color: var(--token-color-foreground-fg-4);
}
.ar-pagination__hashtag--active {
  border-color: var(--token-color-foreground-fg-1);
  background-color: var(--token-color-background-bg-ui);
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-pagination--small .ar-pagination__hashtag {
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 140%;
  border-radius: var(--token-corner-radius-all-s);
}

.ar-pagination__arrow--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.ar-pagination__arrow-icon {
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.ar-pagination__arrow-icon--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.ar-theme--dark .ar-pagination__dot {
  background-color: var(--token-color-background-bg-2);
}
.ar-theme--dark .ar-pagination__dot:hover {
  background-color: var(--token-color-foreground-fg-2);
}
.ar-theme--dark .ar-pagination__dot--active {
  background-color: var(--token-color-background-bg-ui);
}
.ar-theme--dark .ar-pagination__dot--active.ar-pagination__dot--timer {
  background-color: var(--token-color-background-bg-2);
}
.ar-theme--dark .ar-pagination__dot-timer {
  background-color: var(--token-color-background-bg-ui);
}
.ar-theme--dark .ar-pagination__number {
  color: var(--token-color-foreground-fg-1);
}
.ar-theme--dark .ar-pagination__number:hover {
  background-color: var(--token-color-foreground-fg-4);
  color: var(--token-color-foreground-fg-1);
}
.ar-theme--dark .ar-pagination__number--active {
  background-color: var(--token-color-background-bg-ui);
  color: var(--token-color-foreground-inverse-fg-1);
}
.ar-theme--dark .ar-pagination__ellipsis {
  color: var(--token-color-background-bg-ui);
}
.ar-theme--dark .ar-pagination__arrow-icon {
  color: var(--token-color-background-bg-ui);
}
.ar-theme--dark .ar-pagination__arrow-icon--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.ar-theme--dark .ar-pagination__hashtag {
  border-color: var(--token-color-foreground-fg-3);
  color: var(--token-color-foreground-fg-3);
}
.ar-theme--dark .ar-pagination__hashtag:hover {
  border-color: var(--token-color-foreground-fg-2);
  color: var(--token-color-foreground-fg-2);
  background-color: var(--token-color-foreground-fg-4);
}
.ar-theme--dark .ar-pagination__hashtag--active {
  border-color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-foreground-inverse-fg-1);
  color: var(--token-color-foreground-fg-1);
}
.ar-theme--dark .ar-pagination--small .ar-pagination__hashtag {
  border-color: var(--token-color-foreground-fg-3);
  color: var(--token-color-foreground-fg-3);
}
.ar-theme--dark .ar-pagination--small .ar-pagination__hashtag:hover {
  border-color: var(--token-color-foreground-fg-2);
  color: var(--token-color-foreground-fg-2);
  background-color: var(--token-color-foreground-fg-4);
}
.ar-theme--dark .ar-pagination--small .ar-pagination__hashtag--active {
  border-color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-foreground-inverse-fg-1);
  color: var(--token-color-foreground-fg-1);
}

@media (max-width: 768px) {
  .ar-pagination__container {
    gap: var(--token-spacing-all-s);
  }
  .ar-pagination__numbers {
    gap: var(--token-spacing-all-xs);
  }
  .ar-pagination__dot {
    width: var(--token-spacing-all-xs);
    height: var(--token-spacing-all-xs);
  }
  .ar-pagination__dot--active {
    width: 20px;
    height: 6px;
  }
  .ar-pagination__number {
    min-width: var(--token-spacing-all-l);
    height: var(--token-spacing-all-l);
    font-size: 12px;
    padding: 0 var(--token-spacing-all-xs);
    width: auto;
  }
  .ar-pagination--small .ar-pagination__number {
    min-width: var(--token-spacing-all-m);
    height: var(--token-spacing-all-m);
    font-size: 11px;
    padding: 0 var(--token-spacing-all-xxxs);
  }
  .ar-pagination__hashtag {
    width: var(--token-spacing-all-l);
    height: var(--token-spacing-all-l);
    font-size: 16px;
  }
  .ar-pagination--small .ar-pagination__hashtag {
    width: var(--token-spacing-all-m);
    height: var(--token-spacing-all-m);
    font-size: 12px;
  }
}
.ar-image-carousel {
  width: 100%;
}

.ar-image-carousel__container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.ar-image-carousel__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--token-corner-radius-all-m);
  aspect-ratio: 16/9;
  max-height: 540px;
  margin: 0 auto;
}

.ar-image-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ar-image-carousel__item--active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

.ar-image-carousel__image {
  width: 100%;
  height: 100%;
  max-height: 540px;
  display: block;
  border-radius: var(--token-corner-radius-all-m);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ar-image-carousel__desc {
  position: absolute;
  bottom: var(--token-spacing-all-m);
  left: var(--token-spacing-all-m);
  color: white;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  z-index: 2;
  max-width: calc(50% - var(--token-spacing-all-m));
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.ar-image-carousel__copy {
  position: absolute;
  bottom: var(--token-spacing-all-m);
  right: var(--token-spacing-all-m);
  color: white;
  font-size: 16px;
  margin: 0;
  z-index: 2;
  max-width: calc(50% - var(--token-spacing-all-m));
  text-align: right;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) and (max-width: 1200px) {
  .ar-image-carousel__wrapper,
  .ar-image-carousel__image {
    max-height: 600px;
  }
}
@media (min-width: 1200px) {
  .ar-image-carousel__container,
  .ar-image-carousel__wrapper,
  .ar-image-carousel__controls {
    max-width: 1280px;
  }
  .ar-image-carousel__wrapper,
  .ar-image-carousel__image {
    max-height: 720px;
  }
}
@media (min-width: 1920px) {
  .ar-image-carousel__container,
  .ar-image-carousel__wrapper,
  .ar-image-carousel__controls {
    max-width: 1440px;
  }
  .ar-image-carousel__wrapper,
  .ar-image-carousel__image {
    max-height: 800px;
  }
}
@media (min-width: 351px) and (max-width: 768px) {
  .ar-image-carousel__controls {
    margin-top: var(--token-spacing-all-s);
  }
  .ar-image-carousel__desc,
  .ar-image-carousel__copy {
    font-size: 11px;
  }
}
@media (max-width: 350px) {
  .ar-image-carousel__controls {
    margin-top: var(--token-spacing-all-s);
  }
  .ar-image-carousel__pagination .ar-pagination__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--token-spacing-all-s);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-image-carousel__pagination .ar-pagination__dots {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-image-carousel__pagination .ar-pagination__arrows {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-image-carousel__desc,
  .ar-image-carousel__copy {
    position: absolute;
    left: var(--token-spacing-all-s);
    right: auto;
    text-align: left;
    max-width: calc(100% - var(--token-spacing-all-s) * 2);
    font-size: 11px;
    line-height: 1.3;
    margin: 0;
  }
  .ar-image-carousel__desc {
    bottom: calc(var(--token-spacing-all-base) + 1.2em);
  }
  .ar-image-carousel__copy {
    bottom: var(--token-spacing-all-xs);
  }
}
.ar-table-v2--container {
  overflow-x: auto;
  padding: var(--token-spacing-all-base);
  border-radius: var(--token-corner-radius-cards);
  border: 1.5px solid var(--token-color-stroke-sk-3);
  background: var(--token-color-background-bg-1);
}

.ar-table-v2 {
  width: 100%;
  border-collapse: collapse;
}
.ar-table-v2 th {
  color: var(--token-color-foreground-fg-2);
  font-size: 14px;
  padding: var(--token-spacing-all-base);
  text-align: left;
  border-bottom: 1.5px solid var(--token-color-stroke-sk-3);
}
.ar-table-v2 td {
  padding: var(--token-spacing-all-base);
  text-align: left;
  vertical-align: middle;
}
.ar-table-v2 tr:not(:last-child) {
  border-bottom: 1.5px solid var(--token-color-stroke-sk-3);
}
@media screen and (max-width: 992px) {
  .ar-table-v2 thead {
    display: none;
  }
  .ar-table-v2 tr {
    display: block;
    margin-bottom: 1rem;
  }
  .ar-table-v2 td {
    display: block;
    text-align: right;
    border: none;
    padding: var(--token-spacing-all-xxs) 0;
  }
  .ar-table-v2 td::before {
    content: attr(data-label);
    float: left;
    color: var(--token-color-foreground-fg-2);
    font-size: 14px;
    text-align: left;
    margin-right: 8px;
  }
}

.ar-table-v2--container .ar-table-v2--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: 0.48px;
  margin-bottom: var(--token-spacing-all-base);
  color: var(--token-color-foreground-fg-1);
  white-space: nowrap;
}

.ar-icon-spinning {
  display: inline-block;
  -webkit-animation: ar-icon-spin 1s linear infinite;
  animation: ar-icon-spin 1s linear infinite;
}

@-webkit-keyframes ar-icon-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes ar-icon-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Additonal Component Stylesheets */
/*
This file is used to contain all component imports.
Files inside this folder can contain specific element styles and layout. 
*/
.ar-theme--light {
  background-color: var(--token-color-background-bg-app-canvas);
  color: var(--token-color-foreground-fg-1);
}
.ar-theme--light .ar-spacing--top-none, .ar-theme--light.ar-spacing--top-none {
  margin-top: var(--token-spacing-all-none);
}
.ar-theme--light .ar-spacing--right-none, .ar-theme--light.ar-spacing--right-none {
  margin-right: var(--token-spacing-all-none);
}
.ar-theme--light .ar-spacing--bottom-none, .ar-theme--light.ar-spacing--bottom-none {
  margin-bottom: var(--token-spacing-all-none);
}
.ar-theme--light .ar-spacing--left-none, .ar-theme--light.ar-spacing--left-none {
  margin-left: var(--token-spacing-all-none);
}
.ar-theme--light .ar-spacing--all-none, .ar-theme--light.ar-spacing--all-none {
  margin: var(--token-spacing-all-none);
}
.ar-theme--light .ar-spacing--top-xxs, .ar-theme--light.ar-spacing--top-xxs {
  margin-top: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-spacing--right-xxs, .ar-theme--light.ar-spacing--right-xxs {
  margin-right: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-spacing--bottom-xxs, .ar-theme--light.ar-spacing--bottom-xxs {
  margin-bottom: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-spacing--left-xxs, .ar-theme--light.ar-spacing--left-xxs {
  margin-left: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-spacing--all-xxs, .ar-theme--light.ar-spacing--all-xxs {
  margin: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-spacing--top-xs, .ar-theme--light.ar-spacing--top-xs {
  margin-top: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-spacing--right-xs, .ar-theme--light.ar-spacing--right-xs {
  margin-right: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-spacing--bottom-xs, .ar-theme--light.ar-spacing--bottom-xs {
  margin-bottom: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-spacing--left-xs, .ar-theme--light.ar-spacing--left-xs {
  margin-left: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-spacing--all-xs, .ar-theme--light.ar-spacing--all-xs {
  margin: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-spacing--top-s, .ar-theme--light.ar-spacing--top-s {
  margin-top: var(--token-spacing-all-s);
}
.ar-theme--light .ar-spacing--right-s, .ar-theme--light.ar-spacing--right-s {
  margin-right: var(--token-spacing-all-s);
}
.ar-theme--light .ar-spacing--bottom-s, .ar-theme--light.ar-spacing--bottom-s {
  margin-bottom: var(--token-spacing-all-s);
}
.ar-theme--light .ar-spacing--left-s, .ar-theme--light.ar-spacing--left-s {
  margin-left: var(--token-spacing-all-s);
}
.ar-theme--light .ar-spacing--all-s, .ar-theme--light.ar-spacing--all-s {
  margin: var(--token-spacing-all-s);
}
.ar-theme--light .ar-spacing--top-base, .ar-theme--light.ar-spacing--top-base {
  margin-top: var(--token-spacing-all-base);
}
.ar-theme--light .ar-spacing--right-base, .ar-theme--light.ar-spacing--right-base {
  margin-right: var(--token-spacing-all-base);
}
.ar-theme--light .ar-spacing--bottom-base, .ar-theme--light.ar-spacing--bottom-base {
  margin-bottom: var(--token-spacing-all-base);
}
.ar-theme--light .ar-spacing--left-base, .ar-theme--light.ar-spacing--left-base {
  margin-left: var(--token-spacing-all-base);
}
.ar-theme--light .ar-spacing--all-base, .ar-theme--light.ar-spacing--all-base {
  margin: var(--token-spacing-all-base);
}
.ar-theme--light .ar-spacing--top-m, .ar-theme--light.ar-spacing--top-m {
  margin-top: var(--token-spacing-all-m);
}
.ar-theme--light .ar-spacing--right-m, .ar-theme--light.ar-spacing--right-m {
  margin-right: var(--token-spacing-all-m);
}
.ar-theme--light .ar-spacing--bottom-m, .ar-theme--light.ar-spacing--bottom-m {
  margin-bottom: var(--token-spacing-all-m);
}
.ar-theme--light .ar-spacing--left-m, .ar-theme--light.ar-spacing--left-m {
  margin-left: var(--token-spacing-all-m);
}
.ar-theme--light .ar-spacing--all-m, .ar-theme--light.ar-spacing--all-m {
  margin: var(--token-spacing-all-m);
}
.ar-theme--light .ar-spacing--top-l, .ar-theme--light.ar-spacing--top-l {
  margin-top: var(--token-spacing-all-l);
}
.ar-theme--light .ar-spacing--right-l, .ar-theme--light.ar-spacing--right-l {
  margin-right: var(--token-spacing-all-l);
}
.ar-theme--light .ar-spacing--bottom-l, .ar-theme--light.ar-spacing--bottom-l {
  margin-bottom: var(--token-spacing-all-l);
}
.ar-theme--light .ar-spacing--left-l, .ar-theme--light.ar-spacing--left-l {
  margin-left: var(--token-spacing-all-l);
}
.ar-theme--light .ar-spacing--all-l, .ar-theme--light.ar-spacing--all-l {
  margin: var(--token-spacing-all-l);
}
.ar-theme--light .ar-spacing--top-xl, .ar-theme--light.ar-spacing--top-xl {
  margin-top: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-spacing--right-xl, .ar-theme--light.ar-spacing--right-xl {
  margin-right: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-spacing--bottom-xl, .ar-theme--light.ar-spacing--bottom-xl {
  margin-bottom: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-spacing--left-xl, .ar-theme--light.ar-spacing--left-xl {
  margin-left: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-spacing--all-xl, .ar-theme--light.ar-spacing--all-xl {
  margin: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-spacing--top-xxl, .ar-theme--light.ar-spacing--top-xxl {
  margin-top: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-spacing--right-xxl, .ar-theme--light.ar-spacing--right-xxl {
  margin-right: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-spacing--bottom-xxl, .ar-theme--light.ar-spacing--bottom-xxl {
  margin-bottom: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-spacing--left-xxl, .ar-theme--light.ar-spacing--left-xxl {
  margin-left: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-spacing--all-xxl, .ar-theme--light.ar-spacing--all-xxl {
  margin: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-spacing--top-xxxl, .ar-theme--light.ar-spacing--top-xxxl {
  margin-top: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-spacing--right-xxxl, .ar-theme--light.ar-spacing--right-xxxl {
  margin-right: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-spacing--bottom-xxxl, .ar-theme--light.ar-spacing--bottom-xxxl {
  margin-bottom: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-spacing--left-xxxl, .ar-theme--light.ar-spacing--left-xxxl {
  margin-left: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-spacing--all-xxxl, .ar-theme--light.ar-spacing--all-xxxl {
  margin: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-padding--top-none, .ar-theme--light.ar-padding--top-none {
  padding-top: var(--token-spacing-all-none);
}
.ar-theme--light .ar-padding--right-none, .ar-theme--light.ar-padding--right-none {
  padding-right: var(--token-spacing-all-none);
}
.ar-theme--light .ar-padding--bottom-none, .ar-theme--light.ar-padding--bottom-none {
  padding-bottom: var(--token-spacing-all-none);
}
.ar-theme--light .ar-padding--left-none, .ar-theme--light.ar-padding--left-none {
  padding-left: var(--token-spacing-all-none);
}
.ar-theme--light .ar-padding--all-none, .ar-theme--light.ar-padding--all-none {
  padding: var(--token-spacing-all-none);
}
.ar-theme--light .ar-padding--top-xxs, .ar-theme--light.ar-padding--top-xxs {
  padding-top: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-padding--right-xxs, .ar-theme--light.ar-padding--right-xxs {
  padding-right: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-padding--bottom-xxs, .ar-theme--light.ar-padding--bottom-xxs {
  padding-bottom: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-padding--left-xxs, .ar-theme--light.ar-padding--left-xxs {
  padding-left: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-padding--all-xxs, .ar-theme--light.ar-padding--all-xxs {
  padding: var(--token-spacing-all-xxs);
}
.ar-theme--light .ar-padding--top-xs, .ar-theme--light.ar-padding--top-xs {
  padding-top: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-padding--right-xs, .ar-theme--light.ar-padding--right-xs {
  padding-right: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-padding--bottom-xs, .ar-theme--light.ar-padding--bottom-xs {
  padding-bottom: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-padding--left-xs, .ar-theme--light.ar-padding--left-xs {
  padding-left: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-padding--all-xs, .ar-theme--light.ar-padding--all-xs {
  padding: var(--token-spacing-all-xs);
}
.ar-theme--light .ar-padding--top-s, .ar-theme--light.ar-padding--top-s {
  padding-top: var(--token-spacing-all-s);
}
.ar-theme--light .ar-padding--right-s, .ar-theme--light.ar-padding--right-s {
  padding-right: var(--token-spacing-all-s);
}
.ar-theme--light .ar-padding--bottom-s, .ar-theme--light.ar-padding--bottom-s {
  padding-bottom: var(--token-spacing-all-s);
}
.ar-theme--light .ar-padding--left-s, .ar-theme--light.ar-padding--left-s {
  padding-left: var(--token-spacing-all-s);
}
.ar-theme--light .ar-padding--all-s, .ar-theme--light.ar-padding--all-s {
  padding: var(--token-spacing-all-s);
}
.ar-theme--light .ar-padding--top-base, .ar-theme--light.ar-padding--top-base {
  padding-top: var(--token-spacing-all-base);
}
.ar-theme--light .ar-padding--right-base, .ar-theme--light.ar-padding--right-base {
  padding-right: var(--token-spacing-all-base);
}
.ar-theme--light .ar-padding--bottom-base, .ar-theme--light.ar-padding--bottom-base {
  padding-bottom: var(--token-spacing-all-base);
}
.ar-theme--light .ar-padding--left-base, .ar-theme--light.ar-padding--left-base {
  padding-left: var(--token-spacing-all-base);
}
.ar-theme--light .ar-padding--all-base, .ar-theme--light.ar-padding--all-base {
  padding: var(--token-spacing-all-base);
}
.ar-theme--light .ar-padding--top-m, .ar-theme--light.ar-padding--top-m {
  padding-top: var(--token-spacing-all-m);
}
.ar-theme--light .ar-padding--right-m, .ar-theme--light.ar-padding--right-m {
  padding-right: var(--token-spacing-all-m);
}
.ar-theme--light .ar-padding--bottom-m, .ar-theme--light.ar-padding--bottom-m {
  padding-bottom: var(--token-spacing-all-m);
}
.ar-theme--light .ar-padding--left-m, .ar-theme--light.ar-padding--left-m {
  padding-left: var(--token-spacing-all-m);
}
.ar-theme--light .ar-padding--all-m, .ar-theme--light.ar-padding--all-m {
  padding: var(--token-spacing-all-m);
}
.ar-theme--light .ar-padding--top-l, .ar-theme--light.ar-padding--top-l {
  padding-top: var(--token-spacing-all-l);
}
.ar-theme--light .ar-padding--right-l, .ar-theme--light.ar-padding--right-l {
  padding-right: var(--token-spacing-all-l);
}
.ar-theme--light .ar-padding--bottom-l, .ar-theme--light.ar-padding--bottom-l {
  padding-bottom: var(--token-spacing-all-l);
}
.ar-theme--light .ar-padding--left-l, .ar-theme--light.ar-padding--left-l {
  padding-left: var(--token-spacing-all-l);
}
.ar-theme--light .ar-padding--all-l, .ar-theme--light.ar-padding--all-l {
  padding: var(--token-spacing-all-l);
}
.ar-theme--light .ar-padding--top-xl, .ar-theme--light.ar-padding--top-xl {
  padding-top: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-padding--right-xl, .ar-theme--light.ar-padding--right-xl {
  padding-right: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-padding--bottom-xl, .ar-theme--light.ar-padding--bottom-xl {
  padding-bottom: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-padding--left-xl, .ar-theme--light.ar-padding--left-xl {
  padding-left: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-padding--all-xl, .ar-theme--light.ar-padding--all-xl {
  padding: var(--token-spacing-all-xl);
}
.ar-theme--light .ar-padding--top-xxl, .ar-theme--light.ar-padding--top-xxl {
  padding-top: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-padding--right-xxl, .ar-theme--light.ar-padding--right-xxl {
  padding-right: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-padding--bottom-xxl, .ar-theme--light.ar-padding--bottom-xxl {
  padding-bottom: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-padding--left-xxl, .ar-theme--light.ar-padding--left-xxl {
  padding-left: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-padding--all-xxl, .ar-theme--light.ar-padding--all-xxl {
  padding: var(--token-spacing-all-xxl);
}
.ar-theme--light .ar-padding--top-xxxl, .ar-theme--light.ar-padding--top-xxxl {
  padding-top: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-padding--right-xxxl, .ar-theme--light.ar-padding--right-xxxl {
  padding-right: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-padding--bottom-xxxl, .ar-theme--light.ar-padding--bottom-xxxl {
  padding-bottom: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-padding--left-xxxl, .ar-theme--light.ar-padding--left-xxxl {
  padding-left: var(--token-spacing-all-xxxl);
}
.ar-theme--light .ar-padding--all-xxxl, .ar-theme--light.ar-padding--all-xxxl {
  padding: var(--token-spacing-all-xxxl);
}

.ar-theme--dark {
  background-color: var(--token-color-background-bg-app-canvas);
  color: var(--token-color-foreground-fg-1);
}
.ar-theme--dark .ar-spacing--top-none, .ar-theme--dark.ar-spacing--top-none {
  margin-top: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-spacing--right-none, .ar-theme--dark.ar-spacing--right-none {
  margin-right: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-spacing--bottom-none, .ar-theme--dark.ar-spacing--bottom-none {
  margin-bottom: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-spacing--left-none, .ar-theme--dark.ar-spacing--left-none {
  margin-left: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-spacing--all-none, .ar-theme--dark.ar-spacing--all-none {
  margin: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-spacing--top-xxs, .ar-theme--dark.ar-spacing--top-xxs {
  margin-top: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-spacing--right-xxs, .ar-theme--dark.ar-spacing--right-xxs {
  margin-right: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-spacing--bottom-xxs, .ar-theme--dark.ar-spacing--bottom-xxs {
  margin-bottom: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-spacing--left-xxs, .ar-theme--dark.ar-spacing--left-xxs {
  margin-left: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-spacing--all-xxs, .ar-theme--dark.ar-spacing--all-xxs {
  margin: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-spacing--top-xs, .ar-theme--dark.ar-spacing--top-xs {
  margin-top: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-spacing--right-xs, .ar-theme--dark.ar-spacing--right-xs {
  margin-right: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-spacing--bottom-xs, .ar-theme--dark.ar-spacing--bottom-xs {
  margin-bottom: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-spacing--left-xs, .ar-theme--dark.ar-spacing--left-xs {
  margin-left: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-spacing--all-xs, .ar-theme--dark.ar-spacing--all-xs {
  margin: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-spacing--top-s, .ar-theme--dark.ar-spacing--top-s {
  margin-top: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-spacing--right-s, .ar-theme--dark.ar-spacing--right-s {
  margin-right: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-spacing--bottom-s, .ar-theme--dark.ar-spacing--bottom-s {
  margin-bottom: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-spacing--left-s, .ar-theme--dark.ar-spacing--left-s {
  margin-left: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-spacing--all-s, .ar-theme--dark.ar-spacing--all-s {
  margin: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-spacing--top-base, .ar-theme--dark.ar-spacing--top-base {
  margin-top: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-spacing--right-base, .ar-theme--dark.ar-spacing--right-base {
  margin-right: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-spacing--bottom-base, .ar-theme--dark.ar-spacing--bottom-base {
  margin-bottom: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-spacing--left-base, .ar-theme--dark.ar-spacing--left-base {
  margin-left: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-spacing--all-base, .ar-theme--dark.ar-spacing--all-base {
  margin: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-spacing--top-m, .ar-theme--dark.ar-spacing--top-m {
  margin-top: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-spacing--right-m, .ar-theme--dark.ar-spacing--right-m {
  margin-right: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-spacing--bottom-m, .ar-theme--dark.ar-spacing--bottom-m {
  margin-bottom: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-spacing--left-m, .ar-theme--dark.ar-spacing--left-m {
  margin-left: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-spacing--all-m, .ar-theme--dark.ar-spacing--all-m {
  margin: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-spacing--top-l, .ar-theme--dark.ar-spacing--top-l {
  margin-top: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-spacing--right-l, .ar-theme--dark.ar-spacing--right-l {
  margin-right: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-spacing--bottom-l, .ar-theme--dark.ar-spacing--bottom-l {
  margin-bottom: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-spacing--left-l, .ar-theme--dark.ar-spacing--left-l {
  margin-left: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-spacing--all-l, .ar-theme--dark.ar-spacing--all-l {
  margin: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-spacing--top-xl, .ar-theme--dark.ar-spacing--top-xl {
  margin-top: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-spacing--right-xl, .ar-theme--dark.ar-spacing--right-xl {
  margin-right: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-spacing--bottom-xl, .ar-theme--dark.ar-spacing--bottom-xl {
  margin-bottom: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-spacing--left-xl, .ar-theme--dark.ar-spacing--left-xl {
  margin-left: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-spacing--all-xl, .ar-theme--dark.ar-spacing--all-xl {
  margin: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-spacing--top-xxl, .ar-theme--dark.ar-spacing--top-xxl {
  margin-top: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-spacing--right-xxl, .ar-theme--dark.ar-spacing--right-xxl {
  margin-right: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-spacing--bottom-xxl, .ar-theme--dark.ar-spacing--bottom-xxl {
  margin-bottom: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-spacing--left-xxl, .ar-theme--dark.ar-spacing--left-xxl {
  margin-left: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-spacing--all-xxl, .ar-theme--dark.ar-spacing--all-xxl {
  margin: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-spacing--top-xxxl, .ar-theme--dark.ar-spacing--top-xxxl {
  margin-top: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-spacing--right-xxxl, .ar-theme--dark.ar-spacing--right-xxxl {
  margin-right: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-spacing--bottom-xxxl, .ar-theme--dark.ar-spacing--bottom-xxxl {
  margin-bottom: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-spacing--left-xxxl, .ar-theme--dark.ar-spacing--left-xxxl {
  margin-left: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-spacing--all-xxxl, .ar-theme--dark.ar-spacing--all-xxxl {
  margin: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-padding--top-none, .ar-theme--dark.ar-padding--top-none {
  padding-top: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-padding--right-none, .ar-theme--dark.ar-padding--right-none {
  padding-right: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-padding--bottom-none, .ar-theme--dark.ar-padding--bottom-none {
  padding-bottom: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-padding--left-none, .ar-theme--dark.ar-padding--left-none {
  padding-left: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-padding--all-none, .ar-theme--dark.ar-padding--all-none {
  padding: var(--token-spacing-all-none);
}
.ar-theme--dark .ar-padding--top-xxs, .ar-theme--dark.ar-padding--top-xxs {
  padding-top: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-padding--right-xxs, .ar-theme--dark.ar-padding--right-xxs {
  padding-right: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-padding--bottom-xxs, .ar-theme--dark.ar-padding--bottom-xxs {
  padding-bottom: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-padding--left-xxs, .ar-theme--dark.ar-padding--left-xxs {
  padding-left: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-padding--all-xxs, .ar-theme--dark.ar-padding--all-xxs {
  padding: var(--token-spacing-all-xxs);
}
.ar-theme--dark .ar-padding--top-xs, .ar-theme--dark.ar-padding--top-xs {
  padding-top: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-padding--right-xs, .ar-theme--dark.ar-padding--right-xs {
  padding-right: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-padding--bottom-xs, .ar-theme--dark.ar-padding--bottom-xs {
  padding-bottom: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-padding--left-xs, .ar-theme--dark.ar-padding--left-xs {
  padding-left: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-padding--all-xs, .ar-theme--dark.ar-padding--all-xs {
  padding: var(--token-spacing-all-xs);
}
.ar-theme--dark .ar-padding--top-s, .ar-theme--dark.ar-padding--top-s {
  padding-top: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-padding--right-s, .ar-theme--dark.ar-padding--right-s {
  padding-right: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-padding--bottom-s, .ar-theme--dark.ar-padding--bottom-s {
  padding-bottom: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-padding--left-s, .ar-theme--dark.ar-padding--left-s {
  padding-left: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-padding--all-s, .ar-theme--dark.ar-padding--all-s {
  padding: var(--token-spacing-all-s);
}
.ar-theme--dark .ar-padding--top-base, .ar-theme--dark.ar-padding--top-base {
  padding-top: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-padding--right-base, .ar-theme--dark.ar-padding--right-base {
  padding-right: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-padding--bottom-base, .ar-theme--dark.ar-padding--bottom-base {
  padding-bottom: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-padding--left-base, .ar-theme--dark.ar-padding--left-base {
  padding-left: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-padding--all-base, .ar-theme--dark.ar-padding--all-base {
  padding: var(--token-spacing-all-base);
}
.ar-theme--dark .ar-padding--top-m, .ar-theme--dark.ar-padding--top-m {
  padding-top: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-padding--right-m, .ar-theme--dark.ar-padding--right-m {
  padding-right: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-padding--bottom-m, .ar-theme--dark.ar-padding--bottom-m {
  padding-bottom: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-padding--left-m, .ar-theme--dark.ar-padding--left-m {
  padding-left: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-padding--all-m, .ar-theme--dark.ar-padding--all-m {
  padding: var(--token-spacing-all-m);
}
.ar-theme--dark .ar-padding--top-l, .ar-theme--dark.ar-padding--top-l {
  padding-top: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-padding--right-l, .ar-theme--dark.ar-padding--right-l {
  padding-right: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-padding--bottom-l, .ar-theme--dark.ar-padding--bottom-l {
  padding-bottom: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-padding--left-l, .ar-theme--dark.ar-padding--left-l {
  padding-left: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-padding--all-l, .ar-theme--dark.ar-padding--all-l {
  padding: var(--token-spacing-all-l);
}
.ar-theme--dark .ar-padding--top-xl, .ar-theme--dark.ar-padding--top-xl {
  padding-top: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-padding--right-xl, .ar-theme--dark.ar-padding--right-xl {
  padding-right: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-padding--bottom-xl, .ar-theme--dark.ar-padding--bottom-xl {
  padding-bottom: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-padding--left-xl, .ar-theme--dark.ar-padding--left-xl {
  padding-left: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-padding--all-xl, .ar-theme--dark.ar-padding--all-xl {
  padding: var(--token-spacing-all-xl);
}
.ar-theme--dark .ar-padding--top-xxl, .ar-theme--dark.ar-padding--top-xxl {
  padding-top: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-padding--right-xxl, .ar-theme--dark.ar-padding--right-xxl {
  padding-right: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-padding--bottom-xxl, .ar-theme--dark.ar-padding--bottom-xxl {
  padding-bottom: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-padding--left-xxl, .ar-theme--dark.ar-padding--left-xxl {
  padding-left: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-padding--all-xxl, .ar-theme--dark.ar-padding--all-xxl {
  padding: var(--token-spacing-all-xxl);
}
.ar-theme--dark .ar-padding--top-xxxl, .ar-theme--dark.ar-padding--top-xxxl {
  padding-top: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-padding--right-xxxl, .ar-theme--dark.ar-padding--right-xxxl {
  padding-right: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-padding--bottom-xxxl, .ar-theme--dark.ar-padding--bottom-xxxl {
  padding-bottom: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-padding--left-xxxl, .ar-theme--dark.ar-padding--left-xxxl {
  padding-left: var(--token-spacing-all-xxxl);
}
.ar-theme--dark .ar-padding--all-xxxl, .ar-theme--dark.ar-padding--all-xxxl {
  padding: var(--token-spacing-all-xxxl);
}

section {
  max-width: 1280px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 var(--token-spacing-all-l);
}
section.ar-section--fullwidth {
  max-width: 100%;
}

hr {
  width: 100%;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}

/*
*
* * Grid Layout * *
*
*/
/*
*
* * Flexbox Layout * *
*
*/
.ar-main-nav {
  position: sticky;
  top: 0;
  z-index: 999;
  vertical-align: middle;
  text-align: center;
  backdrop-filter: blur(var(--token-blur-med));
}
.ar-main-nav--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  gap: var(--token-spacing-all-l);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--token-spacing-all-m) var(--token-spacing-all-l);
}
.ar-main-nav--version {
  font-size: 11px;
  font-weight: 500;
  margin-top: 1px;
}
.ar-main-nav--logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
}
.ar-main-nav--search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.ar-main-nav--search-icon {
  display: none;
}
.ar-main-nav--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-l);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ar-main-nav--icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
}

@media (max-width: 767px) {
  .ar-main-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ar-main-nav--quick-order {
    display: none;
  }
  .ar-main-nav--icons {
    gap: 0;
  }
  .ar-main-nav--search-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .ar-flex.ar-main-nav--search {
    display: none;
  }
}
.ar-grid {
  display: grid;
  margin: 0 auto;
}
.ar-grid--xl {
  grid-template-columns: repeat(12, 1fr);
  max-width: 1280px;
  gap: 32px;
  grid-auto-rows: minmax(10px, auto);
}
.ar-grid--xs {
  grid-template-columns: repeat(2, 1fr);
  max-width: 320px;
  gap: 24px;
  grid-auto-rows: minmax(10px, auto);
}
.ar-grid--full {
  max-width: 100% !important;
}
.ar-grid .ar-grid--item.ar-grid__item--span-1 {
  grid-column: span 1;
}
.ar-grid .ar-grid--item.ar-grid__item--span-2 {
  grid-column: span 2;
}
.ar-grid .ar-grid--item.ar-grid__item--span-3 {
  grid-column: span 3;
}
.ar-grid .ar-grid--item.ar-grid__item--span-4 {
  grid-column: span 4;
}
.ar-grid .ar-grid--item.ar-grid__item--span-5 {
  grid-column: span 5;
}
.ar-grid .ar-grid--item.ar-grid__item--span-6 {
  grid-column: span 6;
}
.ar-grid .ar-grid--item.ar-grid__item--span-7 {
  grid-column: span 7;
}
.ar-grid .ar-grid--item.ar-grid__item--span-8 {
  grid-column: span 8;
}
.ar-grid .ar-grid--item.ar-grid__item--span-9 {
  grid-column: span 9;
}
.ar-grid .ar-grid--item.ar-grid__item--span-10 {
  grid-column: span 10;
}
.ar-grid .ar-grid--item.ar-grid__item--span-11 {
  grid-column: span 11;
}
.ar-grid .ar-grid--item.ar-grid__item--span-12 {
  grid-column: span 12;
}

@media (max-width: 1200px) {
  .ar-grid--xl {
    grid-template-columns: repeat(6, 1fr);
    max-width: 90%;
  }
  .ar-grid .ar-grid--item.ar-grid__item--span-12, .ar-grid .ar-grid--item.ar-grid__item--span-11, .ar-grid .ar-grid--item.ar-grid__item--span-10, .ar-grid .ar-grid--item.ar-grid__item--span-9, .ar-grid .ar-grid--item.ar-grid__item--span-8, .ar-grid .ar-grid--item.ar-grid__item--span-7 {
    grid-column: span 6;
  }
  .ar-grid .ar-grid--item.ar-grid__item--span-6, .ar-grid .ar-grid--item.ar-grid__item--span-5 {
    grid-column: span 3;
  }
  .ar-grid .ar-grid--item.ar-grid__item--span-4, .ar-grid .ar-grid--item.ar-grid__item--span-3 {
    grid-column: span 2;
  }
}
@media screen and (max-width: 992px) {
  .ar-grid .ar-grid--item.ar-grid__item--span-12, .ar-grid .ar-grid--item.ar-grid__item--span-11, .ar-grid .ar-grid--item.ar-grid__item--span-10, .ar-grid .ar-grid--item.ar-grid__item--span-9, .ar-grid .ar-grid--item.ar-grid__item--span-8, .ar-grid .ar-grid--item.ar-grid__item--span-7 {
    grid-column: span 6;
  }
  .ar-grid .ar-grid--item.ar-grid__item--span-6, .ar-grid .ar-grid--item.ar-grid__item--span-5, .ar-grid .ar-grid--item.ar-grid__item--span-4, .ar-grid .ar-grid--item.ar-grid__item--span-3 {
    grid-column: span 3;
  }
}
@media (max-width: 767px) {
  .ar-grid--xl {
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
  }
  .ar-grid .ar-grid--item.ar-grid__item--span-12, .ar-grid .ar-grid--item.ar-grid__item--span-11, .ar-grid .ar-grid--item.ar-grid__item--span-10, .ar-grid .ar-grid--item.ar-grid__item--span-9, .ar-grid .ar-grid--item.ar-grid__item--span-8, .ar-grid .ar-grid--item.ar-grid__item--span-7, .ar-grid .ar-grid--item.ar-grid__item--span-6, .ar-grid .ar-grid--item.ar-grid__item--span-5, .ar-grid .ar-grid--item.ar-grid__item--span-4, .ar-grid .ar-grid--item.ar-grid__item--span-3 {
    grid-column: span 3;
  }
}
/*
This file is used to contain all component imports.
Files inside this folder can contain specific element styles and layout. 
*/
.ar-gap--none {
  gap: var(--token-spacing-all-none);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--none\:sm {
    gap: var(--token-spacing-all-none);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--none\:md {
    gap: var(--token-spacing-all-none);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--none\:lg {
    gap: var(--token-spacing-all-none);
  }
}

.ar-gap--xxs {
  gap: var(--token-spacing-all-xxs);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--xxs\:sm {
    gap: var(--token-spacing-all-xxs);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--xxs\:md {
    gap: var(--token-spacing-all-xxs);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--xxs\:lg {
    gap: var(--token-spacing-all-xxs);
  }
}

.ar-gap--xs {
  gap: var(--token-spacing-all-xs);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--xs\:sm {
    gap: var(--token-spacing-all-xs);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--xs\:md {
    gap: var(--token-spacing-all-xs);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--xs\:lg {
    gap: var(--token-spacing-all-xs);
  }
}

.ar-gap--s {
  gap: var(--token-spacing-all-s);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--s\:sm {
    gap: var(--token-spacing-all-s);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--s\:md {
    gap: var(--token-spacing-all-s);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--s\:lg {
    gap: var(--token-spacing-all-s);
  }
}

.ar-gap--base {
  gap: var(--token-spacing-all-base);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--base\:sm {
    gap: var(--token-spacing-all-base);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--base\:md {
    gap: var(--token-spacing-all-base);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--base\:lg {
    gap: var(--token-spacing-all-base);
  }
}

.ar-gap--m {
  gap: var(--token-spacing-all-m);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--m\:sm {
    gap: var(--token-spacing-all-m);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--m\:md {
    gap: var(--token-spacing-all-m);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--m\:lg {
    gap: var(--token-spacing-all-m);
  }
}

.ar-gap--l {
  gap: var(--token-spacing-all-l);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--l\:sm {
    gap: var(--token-spacing-all-l);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--l\:md {
    gap: var(--token-spacing-all-l);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--l\:lg {
    gap: var(--token-spacing-all-l);
  }
}

.ar-gap--xl {
  gap: var(--token-spacing-all-xl);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--xl\:sm {
    gap: var(--token-spacing-all-xl);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--xl\:md {
    gap: var(--token-spacing-all-xl);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--xl\:lg {
    gap: var(--token-spacing-all-xl);
  }
}

.ar-gap--xxl {
  gap: var(--token-spacing-all-xxl);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--xxl\:sm {
    gap: var(--token-spacing-all-xxl);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--xxl\:md {
    gap: var(--token-spacing-all-xxl);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--xxl\:lg {
    gap: var(--token-spacing-all-xxl);
  }
}

.ar-gap--xxxl {
  gap: var(--token-spacing-all-xxxl);
}

@media (max-width: 767px) {
  .ar-flex.ar-gap--xxxl\:sm {
    gap: var(--token-spacing-all-xxxl);
  }
}

@media (max-width: 992px) {
  .ar-flex.ar-gap--xxxl\:md {
    gap: var(--token-spacing-all-xxxl);
  }
}

@media (max-width: 1200px) {
  .ar-flex.ar-gap--xxxl\:lg {
    gap: var(--token-spacing-all-xxxl);
  }
}

.ar-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ar-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ar-flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ar-flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ar-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ar-justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ar-justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ar-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ar-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ar-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ar-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ar-flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ar-flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*** 
   Define responsive flexbox classes 
   -> e.g. useable with .ar-justify-center-sm 
   -> also combinable e.g. .ar-justify-space-between .ar-justify-center-md
        -> default centered and on medium screens space between
***/
@media (max-width: 767px) {
  .ar-flex-row\:sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .ar-flex-col\:sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  .ar-flex-row\:md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 992px) {
  .ar-flex-col\:md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 1200px) {
  .ar-flex-row\:lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 1200px) {
  .ar-flex-col\:lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .ar-justify-space-between\:sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .ar-justify-space-around\:sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media (max-width: 767px) {
  .ar-justify-center\:sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .ar-justify-start\:sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 992px) {
  .ar-justify-space-between\:md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 992px) {
  .ar-justify-space-around\:md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media (max-width: 992px) {
  .ar-justify-center\:md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .ar-justify-start\:md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 1200px) {
  .ar-justify-space-between\:lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 1200px) {
  .ar-justify-space-around\:lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media (max-width: 1200px) {
  .ar-justify-center\:lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1200px) {
  .ar-justify-start\:lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .ar-items-start\:sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .ar-items-end\:sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .ar-items-center\:sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 992px) {
  .ar-items-start\:md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 992px) {
  .ar-items-end\:md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media (max-width: 992px) {
  .ar-items-center\:md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 1200px) {
  .ar-items-start\:lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 1200px) {
  .ar-items-end\:lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media (max-width: 1200px) {
  .ar-items-center\:lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .ar-flex-1\:sm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 992px) {
  .ar-flex-1\:md {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 1200px) {
  .ar-flex-1\:lg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (max-width: 767px) {
  .ar-flex-wrap\:sm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 992px) {
  .ar-flex-wrap\:md {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 1200px) {
  .ar-flex-wrap\:lg {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.login-pf {
  min-height: 100vh;
}
.login-pf body {
  background: url(images/bg-image.jpg) no-repeat center center fixed;
  background-size: cover;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: var(--token-spacing-all-xl) !important;
}
.login-pf #root {
  height: 100%;
}
.login-pf .ar-btn {
  width: 100%;
}
.login-pf .login-pf-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fill-available;
  gap: var(--token-spacing-all-xl);
  height: 100%;
  min-height: calc(100vh - 80px);
}
.login-pf .login-pf-page #kc-passwd-update-form .form-group {
  margin-bottom: var(--token-spacing-all-m);
}
.login-pf .login-pf-page .login-pf--box-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--token-color-foreground-inverse-fg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.login-pf .login-pf-page .login-pf--box-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: var(--token-color-background-bg-on-app-canvas);
  border-radius: var(--token-corner-radius-all-l);
  backdrop-filter: blur(calc(var(--blur-app-bg-blur-xxl, 88px) / 2));
  padding: var(--token-spacing-all-l) var(--token-spacing-all-m);
  display: grid;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  grid-template-columns: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-pf .login-pf-page .login-pf--box-right main {
  max-width: 420px;
  margin: 0 auto;
  width: 100%;
}
.login-pf .login-pf-page .login-pf--box-right footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.login-pf .login-pf-page .login-pf--box-right .kc-additional-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
}
.login-pf .login-pf-page h3 {
  font-size: 1.69rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.135px;
  margin-bottom: var(--token-spacing-all-m);
  text-align: center;
}
.login-pf .login-pf-page h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.54px;
  margin-top: var(--token-spacing-all-m);
  margin-bottom: var(--token-spacing-all-xxs);
}
.login-pf .login-pf-page .pf-info--text {
  text-align: center;
  margin-bottom: var(--token-spacing-all-m);
}
.login-pf .login-pf-page .login-pf--info-wrapper {
  margin-bottom: var(--token-spacing-all-xxxl);
}
.login-pf .login-pf-page .login-pf--info-wrapper h1 {
  margin-bottom: var(--token-spacing-all-m);
}
.login-pf .login-pf-page .login-pf--info-wrapper h2 {
  font-size: 1.266rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.101px;
}

.admin-console .ar-main-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--token-elevation-top-navigation-elevated);
}
.admin-console .ar-main-nav .admin-console--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
}
.admin-console .ar-main-nav .admin-console--info a {
  text-decoration: none !important;
  padding: var(--token-spacing-all-s);
}
.admin-console .admin-console--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-xl);
}
.admin-console .admin-console--main .ar-input--submit {
  width: auto;
}
.admin-console .admin-console--main .admin-console--sidebar {
  width: 340px;
  background-color: var(--token-elevation-navigation-rail-elevated);
  padding: var(--token-spacing-all-m) var(--token-spacing-all-s);
  overflow-y: auto;
  -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(56px);
  min-height: calc(100vh - 96px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-s);
}
.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: var(--token-spacing-all-s);
  padding: var(--token-spacing-all-s);
  text-decoration: none;
}
.admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation > a.active, .admin-console .admin-console--main .admin-console--sidebar .admin-console--navigation > a:hover {
  background-color: var(--token-color-background-bg-2);
  border-radius: var(--token-corner-radius-all-base);
}
.admin-console .admin-console--main .admin-console--content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: var(--token-spacing-all-l);
  overflow-y: auto;
}
.admin-console .admin-console--main .admin-console--content h2 {
  font-size: 1.802rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: var(--token-spacing-all-m);
}

@media only screen and (max-width: 992px) {
  .login-pf .login-pf-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .login-pf .login-pf-page .login-pf--box-left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
  }
  .login-pf .login-pf-page .login-pf--box-left .login-pf--info-wrapper {
    display: none;
  }
  .login-pf .login-pf-page .login-pf--box-right footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .login-pf .login-pf-page .login-pf--box-right footer .kc-additional-links {
    display: none;
  }
}
.ar-footer {
  padding: var(--token-spacing-all-xl) 0;
  background-color: var(--token-color-background-bg-1);
}
.ar-footer a {
  text-decoration: none;
  color: var(--token-color-foreground-fg-1);
}
.ar-footer--menu {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 2fr 1fr 1fr;
  padding: var(--token-spacing-all-m);
  max-width: 1280px;
  margin: 0 auto;
}
.ar-footer--newsletter {
  grid-column: 1/6;
  margin: 0 auto;
  width: 100%;
}
.ar-footer--newsletter > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: var(--token-spacing-all-s);
  gap: var(--token-spacing-all-s);
}
.ar-footer--newsletter input {
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--token-spacing-all-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: none;
  outline: none;
  border-radius: var(--token-corner-radius-all-base);
  background-color: var(--token-color-background-bg-2);
  color: var(--token-color-foreground-fg-1);
  caret-color: var(--token-color-foreground-brand-fg);
}
.ar-footer--newsletter input::-webkit-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-footer--newsletter input::-moz-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-footer--newsletter input:-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-footer--newsletter input::-ms-input-placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-footer--newsletter input::placeholder {
  color: var(--token-color-foreground-fg-3);
}
.ar-footer--getstarted {
  grid-column: 7/10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--token-spacing-all-xs);
}
.ar-footer--lngswitcher {
  grid-column: 10/12;
  min-width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ar-footer--stroke {
  grid-row: 2/3;
  grid-column: 1/12;
  border-top: 1px solid var(--token-color-stroke-sk-3);
  margin: var(--token-spacing-all-m) 0;
}
.ar-footer--copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1/4;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--token-spacing-all-m);
  color: var(--token-color-foreground-fg-2);
}
.ar-footer--legals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 4/10;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--token-spacing-all-m);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: var(--token-spacing-all-s);
}
.ar-footer--socials {
  grid-column: 10/12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-m);
  margin: 0 auto;
}
.ar-footer .ar-btn {
  color: var(--token-color-foreground-inverse-fg-1);
}

.ar-footer--minimal {
  background-color: var(--token-color-background-bg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--token-spacing-all-base);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ar-footer--minimal--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--token-spacing-all-base) var(--token-spacing-all-m);
  font-size: 13px;
}
.ar-footer--minimal-copyright {
  color: var(--token-color-foreground-fg-2);
}
.ar-footer--minimal-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--token-spacing-all-base);
}

@media (max-width: 1200px) {
  .ar-footer--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--token-spacing-all-xl);
    padding: var(--token-spacing-all-m);
  }
  .ar-footer--newsletter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 60%;
  }
  .ar-footer--newsletter p {
    display: none;
  }
  .ar-footer--legals {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ar-footer--about, .ar-footer--getstarted, .ar-footer--stroke {
    display: none;
  }
  .ar-footer--minimal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ar-footer--minimal-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ar-footer--minimal-language {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .ar-footer--newsletter {
    width: 100%;
  }
}
/* Keyframes for the sweeping effect */
@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
/* Common styles for placeholders */
.ar-placeholder-xl,
.ar-placeholder-l,
.ar-placeholder-m,
.ar-placeholder-s,
.ar-placeholder-xs,
.ar-placeholder-image,
.ar-placeholder-text {
  position: relative;
  overflow: hidden;
  background-color: var(--token-color-background-bg-2); /* Base background color */
  border-radius: var(--token-corner-radius-all-base);
}

.ar-placeholder--text {
  position: relative;
  overflow: hidden;
  background-color: var(--token-color-background-bg-2); /* Base background color */
  border-radius: var(--token-corner-radius-all-base);
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ar-placeholder--image {
  width: 80px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: var(--token-color-background-bg-2); /* Base background color */
  border-radius: var(--token-corner-radius-all-base);
}
.ar-placeholder--image i {
  color: var(--token-color-foreground-fg-disabled);
}

/* Shimmer effect background */
.ar-placeholder-xl::before,
.ar-placeholder-l::before,
.ar-placeholder-m::before,
.ar-placeholder-s::before,
.ar-placeholder-xs::before,
.ar-placeholder-image::before,
.ar-placeholder-text::before,
.ar-placeholder--text::before,
.ar-placeholder--image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(var(--token-color-background-bg-2)), color-stop(50%, rgba(255, 255, 255, 0)), to(var(--token-color-background-bg-2)));
  background: linear-gradient(90deg, var(--token-color-background-bg-2) 0%, rgba(255, 255, 255, 0) 50%, var(--token-color-background-bg-2) 100%);
  background-size: 200% 100%;
  -webkit-animation: shimmer 1.5s infinite;
  animation: shimmer 1.5s infinite;
}

/* Adjust widths and heights of placeholders */
.ar-placeholder-xl {
  height: 2rem;
  width: 100%;
}

.ar-placeholder-l {
  height: 1rem;
  width: 66%;
}

.ar-placeholder-m {
  height: 1.3rem;
  width: 33%;
}

.ar-placeholder-s {
  height: 1rem;
  width: 25%;
}

.ar-placeholder-xs {
  height: 16px;
  width: 16%;
}

.ar-placeholder-image {
  width: 110px;
  height: 73px;
}

.ar-placeholder-text {
  width: 100%;
  height: 1rem;
}

.ar-fake--image {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--token-color-foreground-fg-2);
  background-color: var(--token-color-background-bg-2);
}
.ar-fake--image-3_2 {
  padding: calc((66.66% - 64px) / 2) 0;
  border-radius: var(--token-corner-radius-all-m);
}

/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating to a reusable component.
*/
body {
  background-color: var(--token-color-background-bg-2);
}
body.ar-project--webshop {
  background: linear-gradient(180deg, var(--token-color-background-bg-1) 0%, var(--token-color-background-bg-1) 200px, rgba(255, 255, 255, 0) 300px), var(--token-color-background-bg-app-canvas);
  background-repeat: no-repeat;
}
body.ar-project--webshop.ar-page-detail {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(100vh, #ffffff), to(var(--token-color-background-bg-app-canvas)));
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100vh, var(--token-color-background-bg-app-canvas) 100%);
  padding-bottom: 60px;
}
body.ar-project--webshop.ar-page-checkout {
  background: var(--token-color-background-bg-app-canvas);
}
body.ar-mode--rapid {
  --token-color-background-brand-bg: #00794c !important;
  --token-color-foreground-brand-fg: #00794c !important;
  --token-color-foreground-fg-1: #000000 !important;
}
body .items-in-cart i,
body .user-logged-in i {
  position: relative;
}
body .items-in-cart i:after,
body .user-logged-in i:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  background-color: var(--token-color-background-brand-bg);
}

body.ar-project--keycloak {
  font-family: "Averta", Lexend, Helvetica, sans-serif;
  /**************
  * Login Page *
  **************/
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right a {
  color: var(--token-color-foreground-fg-1);
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-fg-1)));
  background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right a:hover {
  background-size: 100% 1.5px;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: var(--token-corner-radius-all-m);
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  min-height: 64px;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass).kcFormGroupErrorClass {
  border-color: var(--token-color-stroke-error-sk);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass).kcFormGroupErrorClass input {
  caret-color: var(--token-color-stroke-error-sk) !important;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcLabelClass {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  padding: 0;
  margin: 0;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcLabelClass > div {
  font-weight: 400;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text],
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password] {
  caret-color: var(--token-color-foreground-brand-fg);
  padding: 0;
  outline: none;
  border: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: var(--token-color-foreground-fg-1);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:-moz-read-only, body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:-moz-read-only {
  color: var(--token-color-foreground-fg-disabled);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:read-only,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:read-only {
  color: var(--token-color-foreground-fg-disabled);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=text]:-internal-autofill-selected,
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) input[type=password]:-internal-autofill-selected {
  background-color: transparent !important;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcInputGroup {
  position: relative;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormGroupClass:not(.kcFormCheckboxClass, .kcFormSettingClass) .kcInputGroup .kcFormPasswordVisibilityButtonClass {
  position: absolute;
  right: 0;
  top: -10px;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: var(--token-color-foreground-fg-2);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input {
  display: none;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:checked ~ .selected, body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:not(:checked) ~ .unselected {
  display: block;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:checked ~ .unselected, body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass input:not(:checked) ~ .selected {
  display: none;
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--token-spacing-all-base);
  padding: var(--token-spacing-all-base) var(--token-spacing-all-s);
}
body.ar-project--keycloak .login-pf-page .login-pf--box-right .kcFormCheckboxClass label div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
  letter-spacing: 0.455px;
  color: var(--token-color-foreground-fg-2);
}
body.ar-project--keycloak .login-pf-page #kc-totp-settings > li {
  list-style: none;
}
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-qr-code--wrapper,
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper {
  padding: var(--token-spacing-all-xxs);
  border-radius: var(--token-corner-radius-all-m);
  background-color: #ffffff;
  overflow: hidden;
  display: inline-block;
  margin-top: var(--token-spacing-all-xs);
  margin-bottom: var(--token-spacing-all-xs);
}
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-qr-code--wrapper img,
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper img {
  display: block;
}
body.ar-project--keycloak .login-pf-page #kc-totp-settings .kc-totp-key-wrapper {
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-s);
}
body.ar-project--keycloak {
  /***************
  * Global Styles *
  ***************/
}
body.ar-project--keycloak .form-actions {
  margin-top: var(--token-spacing-all-m);
}
body.ar-project--keycloak .ar-link {
  color: var(--token-color-foreground-fg-1);
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-fg-1)));
  background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none;
}
body.ar-project--keycloak .ar-link:hover {
  background-size: 100% 1.5px;
}
body.ar-project--keycloak #kc-main-wrapper,
body.ar-project--keycloak #kc-form-login,
body.ar-project--keycloak #kc-reset-password-form,
body.ar-project--keycloak #kc-otp-login-form,
body.ar-project--keycloak #kc-totp-settings-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-m);
}
body.ar-project--keycloak #kc-main-wrapper > *,
body.ar-project--keycloak #kc-form-login > *,
body.ar-project--keycloak #kc-reset-password-form > *,
body.ar-project--keycloak #kc-otp-login-form > *,
body.ar-project--keycloak #kc-totp-settings-form > * {
  width: 100%;
}
body.ar-project--keycloak .kcFormSettingClass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-base);
}
body.ar-project--keycloak .kcFormSettingClass > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.ar-project--keycloak {
  /***************
  * Account Page *
  ***************/
}
body.ar-project--keycloak .pf-v5-c-masthead {
  background-color: var(--token-color-background-bg-1);
  padding: 13px var(--token-spacing-all-m);
}
body.ar-project--keycloak .pf-v5-c-masthead .pf-m-link {
  color: var(--token-color-foreground-fg-1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--token-color-foreground-fg-1)));
  background-image: linear-gradient(var(--token-color-foreground-fg-1) 0 0);
  padding: 0;
  padding-bottom: 2px;
  background-position: 0 100%;
  background-size: 0% 1.5px;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.3s, background-position 0s 0.3s;
  transition: background-size 0.3s, background-position 0s 0.3s;
  text-decoration: none !important;
}
body.ar-project--keycloak .pf-v5-c-masthead .pf-m-link:hover {
  background-size: 100% 1.5px;
}
body.ar-project--keycloak .pf-v5-c-masthead .pf-v5-c-toolbar {
  background: transparent;
}
body.ar-project--keycloak .pf-v5-c-masthead #nav-toggle {
  color: var(--token-color-background-inverse-bg-1);
}
body.ar-project--keycloak .pf-v5-c-masthead .pf-v5-c-masthead__brand img {
  width: 100px;
}
body.ar-project--keycloak .pf-v5-c-text-input-group__text:before,
body.ar-project--keycloak .pf-v5-c-text-input-group__text:after,
body.ar-project--keycloak .pf-v5-c-menu-toggle:before,
body.ar-project--keycloak .pf-v5-c-menu-toggle:after {
  display: none;
}
body.ar-project--keycloak #page-sidebar {
  border-right: 0.5px solid var(--token-color-stroke-sk-3);
  background: var(--token-color-background-bg-app-canvas);
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list {
  padding: var(--token-spacing-all-l);
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item .pf-m-expandable:before {
  display: none;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable:before {
  display: none;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable .pf-v5-c-nav__subnav {
  display: none;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expandable .pf-v5-c-nav__subnav .pf-v5-c-nav__list {
  padding: 0;
  padding-left: var(--token-spacing-all-l);
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__item.pf-m-expanded .pf-v5-c-nav__subnav {
  display: block;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__subnav {
  padding: 0;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__subnav .pf-v5-c-nav__link:before {
  display: none;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link {
  color: var(--token-color-foreground-fg-1);
  border-radius: var(--token-corner-radius-all-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--token-spacing-all-s);
  padding: var(--token-spacing-all-xs) var(--token-spacing-all-s);
  line-height: 40px;
  font-size: 16px;
  white-space: nowrap;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link.pf-m-current, body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:hover, body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:active, body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:focus {
  background-color: var(--token-color-background-inverse-bg-1);
  color: var(--token-color-foreground-inverse-fg-1);
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:after {
  display: none;
}
body.ar-project--keycloak #page-sidebar .pf-v5-c-nav__list .pf-v5-c-nav__link:before {
  border: none !important;
}
body.ar-project--keycloak .pf-v5-c-jump-links__main {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-menu-toggle__text {
  color: #000000;
}
body.ar-project--keycloak .pf-v5-c-menu-toggle__controls svg {
  fill: #000000;
}
body.ar-project--keycloak .pf-v5-c-menu__list {
  padding: 0;
  margin: 0;
}
body.ar-project--keycloak .pf-v5-c-page__main {
  background: var(--token-color-background-bg-app-canvas);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-data-list {
  padding: 0px !important;
}
body.ar-project--keycloak .pf-v5-c-page__main h2 {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button {
  padding: 16px 24px !important;
  padding: calc(var(--token-spacing-all-base)) var(--token-spacing-all-l);
  border-radius: var(--token-corner-radius-all-base);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button span {
  padding: 0px var(--token-spacing-all-xs);
  height: var(--token-spacing-all-m);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.ar-btn-notext {
  padding: calc(var(--token-spacing-all-base) - 1.5px) var(--token-spacing-all-base);
  gap: var(--token-spacing-all-base);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button:after {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-link {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-link:hover {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-primary {
  color: var(--token-color-foreground-fg-onbrand);
  background-color: var(--token-color-background-brand-bg);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-primary:hover {
  background-color: var(--token-color-background-brand-bg-hover);
  color: var(--token-color-foreground-fg-onbrand);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-secondary {
  background-color: transparent;
  color: var(--token-color-foreground-fg-1);
  border: 1.5px solid var(--token-color-foreground-fg-1);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-button.pf-m-secondary:hover {
  color: var(--token-color-foreground-inverse-fg-1);
  background-color: var(--token-color-background-inverse-bg-1);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form p:first-child {
  padding-bottom: 0px !important;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form-control {
  background-color: transparent !important;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: var(--token-corner-radius-all-m);
  background-color: var(--token-color-background-bg-1);
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  min-height: 64px;
  caret-color: var(--token-color-foreground-brand-fg);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form__group-label {
  color: var(--token-color-foreground-fg-2);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.42px;
  padding: 0;
  margin: 0;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form__group-label .pf-v5-c-form__label-text {
  font-weight: 400;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form-control:before,
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) .pf-v5-c-form-control:after {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text] {
  padding: 0;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  color: var(--token-color-foreground-fg-1);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text]:-moz-read-only {
  color: var(--token-color-foreground-fg-disabled);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) input[type=text]:read-only {
  color: var(--token-color-foreground-fg-disabled);
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button {
  padding: 0 !important;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button:after, body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group:not(.pf-m-action) button:before {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input {
  display: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input:checked ~ label:before {
  background-image: url("data:image/svg+xml,%3Csvg className='selected' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='base' d='M-0.00390625 4C-0.00390625 1.79086 1.78695 0 3.99609 0H19.9961C22.2052 0 23.9961 1.79086 23.9961 4V20C23.9961 22.2091 22.2052 24 19.9961 24H3.99609C1.78696 24 -0.00390625 22.2091 -0.00390625 20V4Z' fill='%23EDEDED'/%3E%3Cpath id='checkmark' fill-rule='evenodd' clip-rule='evenodd' d='M17.864 8.13959C18.1569 8.43248 18.1569 8.90736 17.864 9.20025L10.5307 16.5336C10.39 16.6742 10.1992 16.7533 10.0003 16.7533C9.80141 16.7533 9.61065 16.6742 9.47 16.5336L6.13666 13.2003C5.84377 12.9074 5.84377 12.4325 6.13666 12.1396C6.42956 11.8467 6.90443 11.8467 7.19732 12.1396L10.0003 14.9426L16.8033 8.13959C17.0962 7.8467 17.5711 7.8467 17.864 8.13959Z' fill='%231D232A'/%3E%3C/svg%3E");
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check input:not(:checked) ~ label:before {
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzc05hbWU9InVuc2VsZWN0ZWQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iQmFzZSIgZD0iTTAuNzU3ODEyIDQuMDE3MDlDMC43NTc4MTIgMi4yMjIxNiAyLjIxMjg5IDAuNzY3MDkgNC4wMDc4MSAwLjc2NzA5SDE5Ljk5OTlDMjEuNzk0OCAwLjc2NzA5IDIzLjI0OTkgMi4yMjIxNiAyMy4yNDk5IDQuMDE3MDlWMjBDMjMuMjQ5OSAyMS43OTQ5IDIxLjc5NDggMjMuMjUgMTkuOTk5OSAyMy4yNUg0LjAwNzgxQzIuMjEyODkgMjMuMjUgMC43NTc4MTIgMjEuNzk0OSAwLjc1NzgxMiAyMFY0LjAxNzA5WiIgc3Ryb2tlPSIjMUQyMzJBIiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==");
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-form__group-control .pf-v5-c-check label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: var(--token-color-background-bg-1);
  backdrop-filter: blur(var(--token-blur-med));
  border: 1px solid var(--token-color-stroke-sk-3);
  border-radius: var(--token-corner-radius-all-m);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  margin-top: var(--token-spacing-all-xs);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-right: -16px;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu ul {
  padding: 0;
  margin: 0;
}
body.ar-project--keycloak .pf-v5-c-page__main .pf-v5-c-form .pf-v5-c-menu .pf-v5-c-menu__list-item {
  padding: var(--token-spacing-all-s) var(--token-spacing-all-base);
  cursor: pointer;
}
body.ar-project--keycloak [data-testid=delete-account] {
  display: none;
}
body.ar-project--keycloak section {
  width: 100%;
  margin: 0;
  max-width: 100%;
  background-color: transparent;
  padding: var(--token-spacing-all-l);
  margin: 0 !important;
}
body.ar-project--keycloak section [hidden] {
  display: none;
}
body.ar-project--keycloak section section {
  padding: 0 !important;
  margin-bottom: var(--token-spacing-all-xxl) !important;
}
body.ar-project--keycloak #root h1 {
  font-size: 2.281rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.182px;
}
body.ar-project--keycloak #root section section h1 {
  font-size: 2.027rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.081px;
}
body.ar-project--keycloak #root h2 {
  font-size: 2.027rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.081px;
}
body.ar-project--keycloak #root h3 {
  font-size: 1.802rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
body.ar-project--keycloak #root h4 {
  font-size: 1.602rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  padding-bottom: 0px !important;
}
body.ar-project--keycloak #root h5 {
  font-size: 1.424rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.057px;
}
body.ar-project--keycloak #root h6 {
  font-size: 1.266rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.101px;
}
body.ar-project--keycloak #root p {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.54px;
}
body.ar-project--keycloak #root label {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.48px;
}
body.ar-project--keycloak .kcInputErrorMessageClass {
  color: var(--token-color-foreground-error-fg, #d51a29);
  -webkit-font-feature-settings: "liga" off, "clig" off;
  font-feature-settings: "liga" off, "clig" off;
  /* Body/Body S */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
  letter-spacing: 0.42px;
  display: inline-block;
  padding: var(--token-spacing-all-xxs) var(--token-spacing-all-xs);
}

/* Additonal Component Stylesheets */