:root{--sjw-prim-typography-font-roboto: Roboto, sans-serif;--sjw-prim-typography-weight-bold: 700;--sjw-prim-typography-weight-normal: 400;--sjw-sem-color-border: #d5d6da;--sjw-sem-color-primary: #0369e9;--sjw-sem-color-text: #5f6c7a;--sjw-sem-color-text-danger: #f75d4f;--sjw-sem-color-text-heading: #2b3346;--sjw-sem-color-text-metadata: #5f6c7a;--sjw-sem-typography-font: var(--sjw-prim-typography-font-roboto);--sjw-sem-typography-font-heading: var(--sjw-prim-typography-font-roboto);--sjw-sem-typography-height: 20px;--sjw-sem-typography-height-heading-level-3: 1.25;--sjw-sem-typography-height-heading-level-4: 1.25;--sjw-sem-typography-height-sm: 16px;--sjw-sem-typography-size: 14px;--sjw-sem-typography-size-heading-level-3: 20px;--sjw-sem-typography-size-heading-level-4: 16px;--sjw-sem-typography-size-sm: 12px;--sjw-sem-typography-style: normal;--sjw-sem-typography-style-heading: normal;--sjw-comp-badge-box-padding: 0 4px;--sjw-comp-badge-box-padding-pill: 2px 8px;--sjw-comp-badge-box-radius: 3px;--sjw-comp-badge-box-radius-pill: 12px;--sjw-comp-badge-color-background-blue: #e9f2ff;--sjw-comp-badge-color-background-purple: #f0e5fa;--sjw-comp-badge-color-text-blue: #0055cc;--sjw-comp-badge-color-text-purple: #873ed1;--sjw-comp-badge-typography-height: var(--sjw-sem-typography-height-sm);--sjw-comp-badge-typography-size: var(--sjw-sem-typography-size-sm);--sjw-comp-badge-typography-style: var(--sjw-sem-typography-style);--sjw-comp-badge-typography-transform: uppercase;--sjw-comp-badge-typography-weight: var(--sjw-prim-typography-weight-bold);--sjw-comp-progress-bar-box-height: 12px;--sjw-comp-progress-bar-box-radius: 2px;--sjw-comp-progress-bar-box-width: auto;--sjw-comp-progress-bar-box-width-sm: 100px;--sjw-comp-progress-bar-color-background: #eaeaea;--sjw-comp-progress-bar-color-background-progress: var(--sjw-sem-color-primary);--sjw-comp-progress-bar-label-box-margin: 4px;--sjw-comp-progress-bar-label-color-text: var(--sjw-sem-color-text-metadata);--sjw-comp-progress-bar-label-typography-height: var(--sjw-sem-typography-height-sm);--sjw-comp-progress-bar-label-typography-size: var(--sjw-sem-typography-size-sm);--sjw-comp-progress-bar-label-typography-style: var(--sjw-sem-typography-style);--sjw-comp-progress-bar-label-typography-weight: var(--sjw-prim-typography-weight-normal);--sjw-comp-price-color-text: var(--sjw-sem-color-text-heading);--sjw-comp-price-typography-height: var(--sjw-sem-typography-height-heading-level-4);--sjw-comp-price-typography-size: var(--sjw-sem-typography-size-heading-level-4);--sjw-comp-price-typography-style: var(--sjw-sem-typography-style-heading);--sjw-comp-price-typography-weight: var(--sjw-prim-typography-weight-bold);--sjw-comp-meta-color-text: var(--sjw-sem-color-text-metadata);--sjw-comp-meta-color-text-danger: var(--sjw-sem-color-text-danger);--sjw-comp-meta-typography-height: var(--sjw-sem-typography-height-sm);--sjw-comp-meta-typography-size: var(--sjw-sem-typography-size-sm);--sjw-comp-meta-typography-style: var(--sjw-sem-typography-style);--sjw-comp-meta-typography-transform: uppercase;--sjw-comp-meta-typography-weight: var(--sjw-prim-typography-weight-bold);--sjw-comp-card-box-border-width: 1px;--sjw-comp-card-box-gap-vertical: 16px;--sjw-comp-card-box-padding: 24px;--sjw-comp-card-box-radius: 16px;--sjw-comp-card-color-background: #fff;--sjw-comp-card-color-border: var(--sjw-sem-color-border);--sjw-comp-card-color-text: var(--sjw-sem-color-text);--sjw-comp-card-color-text-heading: var(--sjw-sem-color-text-heading);--sjw-comp-card-typography-font: var(--sjw-sem-typography-font);--sjw-comp-card-typography-font-heading: var(--sjw-sem-typography-font-heading);--sjw-comp-card-typography-height: var(--sjw-sem-typography-height);--sjw-comp-card-typography-height-heading: var(--sjw-sem-typography-height-heading-level-3);--sjw-comp-card-typography-size: var(--sjw-sem-typography-size);--sjw-comp-card-typography-size-heading: var(--sjw-sem-typography-size-heading-level-3);--sjw-comp-card-typography-style: var(--sjw-sem-typography-style);--sjw-comp-card-typography-style-heading: var(--sjw-sem-typography-style-heading);--sjw-comp-card-typography-weight: var(--sjw-prim-typography-weight-normal);--sjw-comp-card-typography-weight-heading: var(--sjw-prim-typography-weight-bold);--sjw-comp-card-box-shadow: none;--sjw-comp-card-box-shadow-hover: var(--sjw-comp-card-box-shadow);--sjw-comp-card-color-background-hover: var(--sjw-comp-card-color-background);--sjw-comp-card-color-border-hover: var(--sjw-comp-card-color-border);--sjw-comp-card-color-text-heading-hover: var(--sjw-comp-card-color-text-heading);--sjw-comp-card-color-text-hover: var(--sjw-comp-card-color-text);--sjw-comp-card-box-shadow-active: var(--sjw-comp-card-box-shadow);--sjw-comp-card-color-background-active: var(--sjw-comp-card-color-background);--sjw-comp-card-color-border-active: var(--sjw-comp-card-color-border);--sjw-comp-card-color-text-heading-active: var(--sjw-comp-card-color-text-heading);--sjw-comp-card-color-text-active: var(--sjw-comp-card-color-text);--sjw-comp-list-item-box-border-width: var(--sjw-comp-card-box-border-width);--sjw-comp-list-item-box-gap: 24px;--sjw-comp-list-item-box-gap-sm: 16px;--sjw-comp-list-item-box-padding: var(--sjw-comp-card-box-padding);--sjw-comp-list-item-box-padding-sm: 16px var(--sjw-comp-card-box-padding);--sjw-comp-list-item-box-radius: var(--sjw-comp-card-box-radius);--sjw-comp-list-item-color-background: var(--sjw-comp-card-color-background);--sjw-comp-list-item-color-border: var(--sjw-comp-card-color-border);--sjw-comp-list-item-color-text: var(--sjw-comp-card-color-text);--sjw-comp-list-item-color-text-heading: var(--sjw-comp-card-color-text-heading);--sjw-comp-list-item-typography-font: var(--sjw-comp-card-typography-font);--sjw-comp-list-item-typography-font-heading: var(--sjw-comp-card-typography-font-heading);--sjw-comp-list-item-typography-height: var(--sjw-comp-card-typography-height);--sjw-comp-list-item-typography-height-heading: var(--sjw-comp-card-typography-height-heading);--sjw-comp-list-item-typography-size: var(--sjw-comp-card-typography-size);--sjw-comp-list-item-typography-size-heading: var(--sjw-comp-card-typography-size-heading);--sjw-comp-list-item-typography-style: var(--sjw-sem-typography-style);--sjw-comp-list-item-typography-style-heading: var(--sjw-sem-typography-style-heading);--sjw-comp-list-item-typography-weight: var(--sjw-prim-typography-weight-normal);--sjw-comp-list-item-typography-weight-heading: var(--sjw-prim-typography-weight-bold);--sjw-comp-list-item-box-shadow: var(--sjw-comp-card-box-shadow);--sjw-comp-list-item-box-shadow-hover: var(--sjw-comp-card-box-shadow-hover);--sjw-comp-list-item-color-background-hover: var(--sjw-comp-card-color-background-hover);--sjw-comp-list-item-color-border-hover: var(--sjw-comp-card-color-border-hover);--sjw-comp-list-item-color-text-heading-hover: var(--sjw-comp-card-color-text-heading-hover);--sjw-comp-list-item-color-text-hover: var(--sjw-comp-card-color-text-hover);--sjw-comp-list-item-box-shadow-active: var(--sjw-comp-card-box-shadow-active);--sjw-comp-list-item-color-background-active: var(--sjw-comp-card-color-background-active);--sjw-comp-list-item-color-border-active: var(--sjw-comp-card-color-border-active);--sjw-comp-list-item-color-text-heading-active: var(--sjw-comp-card-color-text-heading-active);--sjw-comp-list-item-color-text-active: var(--sjw-comp-card-color-text-active);--sjw-comp-empty-state-box-border-width: var(--sjw-comp-card-box-border-width);--sjw-comp-empty-state-box-padding: var(--sjw-comp-card-box-padding);--sjw-comp-empty-state-box-radius: var(--sjw-comp-card-box-radius);--sjw-comp-empty-state-color-background: var(--sjw-comp-card-color-background);--sjw-comp-empty-state-color-border: var(--sjw-comp-card-color-border);--sjw-comp-empty-state-color-text: var(--sjw-comp-card-color-text);--sjw-comp-empty-state-color-text-heading: var(--sjw-comp-card-color-text-heading);--sjw-comp-empty-state-typography-height: var(--sjw-comp-card-typography-height);--sjw-comp-empty-state-typography-height-heading: var(--sjw-comp-card-typography-height-heading);--sjw-comp-empty-state-typography-size: var(--sjw-comp-card-typography-size);--sjw-comp-empty-state-typography-size-heading: var(--sjw-comp-card-typography-size-heading);--sjw-comp-empty-state-typography-style: var(--sjw-comp-card-typography-style);--sjw-comp-empty-state-typography-style-heading: var(--sjw-comp-card-typography-style-heading);--sjw-comp-empty-state-typography-weight: var(--sjw-comp-card-typography-weight);--sjw-comp-empty-state-typography-weight-heading: var(--sjw-comp-card-typography-weight-heading);--sjw-comp-loading-placeholder-box-border-width: var(--sjw-comp-card-box-border-width);--sjw-comp-loading-placeholder-box-gap-vertical: var(--sjw-comp-card-box-gap-vertical);--sjw-comp-loading-placeholder-box-padding: var(--sjw-comp-card-box-padding);--sjw-comp-loading-placeholder-box-radius: var(--sjw-comp-card-box-radius);--sjw-comp-loading-placeholder-color-background-primary: #eaeaea;--sjw-comp-loading-placeholder-color-background-secondary: #d5d6da;--sjw-comp-loading-placeholder-color-border: var(--sjw-comp-card-color-border);--sjw-comp-loading-placeholder-typography-size: var(--sjw-comp-card-typography-size);--sjw-comp-loading-placeholder-typography-size-heading: var(--sjw-comp-card-typography-size-heading);--sjw-sem-color-border: var(--config--main-border-base-color);--sjw-sem-color-border-divider: var(--config--main-border-base-color);--sjw-sem-color-primary: var(--config--main-color-brand);--sjw-sem-color-text: var(--config--main-color-night);--sjw-sem-color-text-danger: var(--config--main-color-alert);--sjw-sem-color-text-heading: var(--config--main-color-night);--sjw-sem-color-text-metadata: var(--config-meta-text-color);--sjw-sem-typography-font: var(--config--main-font-base-stack);--sjw-sem-typography-font-heading: var(--config--main-font-secondary);--sjw-sem-typography-height: var(--config--main-font-base-lineheight);--sjw-sem-typography-height-heading-level-3: var(--line-height-heading);--sjw-sem-typography-height-heading-level-4: var(--line-height-heading);--sjw-sem-typography-height-sm: var(--line-height-text);--sjw-comp-card-box-border-width: var(--config-card-border-width);--sjw-comp-card-box-radius: var(--config-card-border-radius);--sjw-comp-card-box-shadow: var(--config-card-shadow);--sjw-comp-card-color-background: var(--config-card-background-color);--sjw-comp-card-color-border: var(--config-card-border-color);--sjw-comp-card-color-border-divider: var(--config-card-border-color);--sjw-comp-card-color-text: var(--config-card-text-color);--sjw-comp-card-color-text-heading: var(--config-card-title-color);--sjw-comp-card-box-shadow-hover: var(--config-card-hover-shadow);--sjw-comp-card-color-background-hover: var(--config-card-hover-background-color);--sjw-comp-card-color-border-hover: var(--config-card-hover-border-color);--sjw-comp-card-color-text-hover: var(--config-card-hover-text-color);--sjw-comp-card-color-text-heading-hover: var(--config-card-hover-title-color);--sjw-comp-card-box-shadow-active: var(--config-card-active-shadow);--sjw-comp-card-color-background-active: var(--config-card-active-background-color);--sjw-comp-card-color-border-active: var(--config-card-active-border-color);--sjw-comp-card-color-text-active: var(--config-card-active-text-color);--sjw-comp-card-color-text-heading-active: var(--config-card-active-title-color)}