$theme: 'standard' !default;

@use 'sass:meta';
@use './_index' as sbb;

// start-auto-generated-scss-module-imports
@use './node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss' as sbb-css-tokens with (
  $theme: $theme
);
@use '../../action-group/action-group.global' as action-group with (
  $theme: $theme
);
@use '../../alert/alert.global' as alert with (
  $theme: $theme
);
@use '../../badge/badge.global' as badge with (
  $theme: $theme
);
@use '../../breadcrumb/breadcrumb.global' as breadcrumb with (
  $theme: $theme
);
@use '../../button/button.global' as button with (
  $theme: $theme
);
@use '../../calendar/calendar.global' as calendar with (
  $theme: $theme
);
@use '../../card/card.global' as card with (
  $theme: $theme
);
@use '../../carousel/carousel.global' as carousel with (
  $theme: $theme
);
@use '../../checkbox/checkbox.global' as checkbox with (
  $theme: $theme
);
@use '../../chip/chip.global' as chip with (
  $theme: $theme
);
@use '../../chip-label/chip-label.global' as chip-label with (
  $theme: $theme
);
@use '../../clock/clock.global' as clock with (
  $theme: $theme
);
@use '../../container/container.global' as container with (
  $theme: $theme
);
@use '../../dialog/dialog.global' as dialog with (
  $theme: $theme
);
@use '../../divider/divider.global' as divider with (
  $theme: $theme
);
@use '../../expansion-panel/expansion-panel.global' as expansion-panel with (
  $theme: $theme
);
@use '../../file-selector/file-selector.global' as file-selector with (
  $theme: $theme
);
@use '../../flip-card/flip-card.global' as flip-card with (
  $theme: $theme
);
@use '../../footer/footer.global' as footer with (
  $theme: $theme
);
@use '../../form-field/form-field.global' as form-field with (
  $theme: $theme
);
@use '../../header/header.global' as header with (
  $theme: $theme
);
@use '../../icon-sidebar/icon-sidebar.global' as icon-sidebar with (
  $theme: $theme
);
@use '../../lead-container/lead-container.global' as lead-container with (
  $theme: $theme
);
@use '../../link/link.global' as link with (
  $theme: $theme
);
@use '../../loading-indicator/loading-indicator.global' as loading-indicator with (
  $theme: $theme
);
@use '../../loading-indicator-circle/loading-indicator-circle.global' as loading-indicator-circle
  with (
  $theme: $theme
);
@use '../../logo/logo.global' as logo with (
  $theme: $theme
);
@use '../../map-container/map-container.global' as map-container with (
  $theme: $theme
);
@use '../../menu/menu.global' as menu with (
  $theme: $theme
);
@use '../../message/message.global' as message with (
  $theme: $theme
);
@use '../../mini-calendar/mini-calendar.global' as mini-calendar with (
  $theme: $theme
);
@use '../../navigation/navigation.global' as navigation with (
  $theme: $theme
);
@use '../../notification/notification.global' as notification with (
  $theme: $theme
);
@use '../../option/option.global' as option with (
  $theme: $theme
);
@use '../../overlay/overlay.global' as overlay with (
  $theme: $theme
);
@use '../../paginator/paginator.global' as paginator with (
  $theme: $theme
);
@use '../mixins/panel-common.global' as panel-common with (
  $theme: $theme
);
@use '../../popover/popover.global' as popover with (
  $theme: $theme
);
@use '../../radio-button/radio-button.global' as radio-button with (
  $theme: $theme
);
@use '../../select/select.global' as select with (
  $theme: $theme
);
@use '../../selection-action-panel/selection-action-panel.global' as selection-action-panel with (
  $theme: $theme
);
@use '../../selection-expansion-panel/selection-expansion-panel.global' as selection-expansion-panel
  with (
  $theme: $theme
);
@use '../base-elements/selection-group-base-element.global' as selection-group-base-element with (
  $theme: $theme
);
@use '../../sidebar/sidebar.global' as sidebar with (
  $theme: $theme
);
@use '../../signet/signet.global' as signet with (
  $theme: $theme
);
@use '../../slider/slider.global' as slider with (
  $theme: $theme
);
@use '../../status/status.global' as status with (
  $theme: $theme
);
@use '../../stepper/stepper.global' as stepper with (
  $theme: $theme
);
@use '../../table/table.global' as table with (
  $theme: $theme
);
@use '../../tabs/tabs.global' as tabs with (
  $theme: $theme
);
@use '../../tag/tag.global' as tag with (
  $theme: $theme
);
@use '../../teaser/teaser.global' as teaser with (
  $theme: $theme
);
@use '../../teaser-hero/teaser-hero.global' as teaser-hero with (
  $theme: $theme
);
@use '../../teaser-panel/teaser-panel.global' as teaser-panel with (
  $theme: $theme
);
@use '../../teaser-product/teaser-product.global' as teaser-product with (
  $theme: $theme
);
@use '../../time-input/time-input.global' as time-input with (
  $theme: $theme
);
@use '../../timetable-form/timetable-form.global' as timetable-form with (
  $theme: $theme
);
@use '../../timetable-occupancy/timetable-occupancy.global' as timetable-occupancy with (
  $theme: $theme
);
@use '../../title/title.global' as title with (
  $theme: $theme
);
@use '../../toast/toast.global' as toast with (
  $theme: $theme
);
@use '../../toggle/toggle.global' as toggle with (
  $theme: $theme
);
@use '../../toggle-check/toggle-check.global' as toggle-check with (
  $theme: $theme
);
@use '../../tooltip/tooltip.global' as tooltip with (
  $theme: $theme
);
@use '../../train/train.global' as train with (
  $theme: $theme
);
@use '../../visual-checkbox/visual-checkbox.global' as visual-checkbox with (
  $theme: $theme
);

// end-auto-generated-scss-module-imports

@include meta.load-css('./features/font-face');
@include meta.load-css('./features/normalize');

:root {
  @include sbb.core-base;

  // start-auto-generated-scss-module-root
  @include sbb-css-tokens.base;
  @include action-group.base;
  @include alert.base;
  @include breadcrumb.base;
  @include button.base;
  @include calendar.base;
  @include card.base;
  @include carousel.base;
  @include checkbox.base;
  @include chip.base;
  @include chip-label.base;
  @include clock.base;
  @include container.base;
  @include dialog.base;
  @include divider.base;
  @include expansion-panel.base;
  @include file-selector.base;
  @include flip-card.base;
  @include footer.base;
  @include form-field.base;
  @include header.base;
  @include icon-sidebar.base;
  @include lead-container.base;
  @include link.base;
  @include loading-indicator.base;
  @include loading-indicator-circle.base;
  @include logo.base;
  @include map-container.base;
  @include menu.base;
  @include message.base;
  @include mini-calendar.base;
  @include navigation.base;
  @include notification.base;
  @include option.base;
  @include overlay.base;
  @include paginator.base;
  @include panel-common.base;
  @include popover.base;
  @include radio-button.base;
  @include select.base;
  @include selection-action-panel.base;
  @include selection-expansion-panel.base;
  @include selection-group-base-element.base;
  @include sidebar.base;
  @include signet.base;
  @include slider.base;
  @include status.base;
  @include stepper.base;
  @include table.base;
  @include tabs.base;
  @include tag.base;
  @include teaser.base;
  @include teaser-hero.base;
  @include teaser-panel.base;
  @include teaser-product.base;
  @include time-input.base;
  @include timetable-form.base;
  @include timetable-occupancy.base;
  @include title.base;
  @include toast.base;
  @include toggle.base;
  @include toggle-check.base;
  @include tooltip.base;
  @include train.base;
  @include visual-checkbox.base;
  @media (forced-colors: active) {
    @include sbb-css-tokens.forced-colors;
    @include alert.forced-colors;
    @include breadcrumb.forced-colors;
    @include calendar.forced-colors;
    @include card.forced-colors;
    @include expansion-panel.forced-colors;
    @include form-field.forced-colors;
    @include header.forced-colors;
    @include loading-indicator-circle.forced-colors;
    @include logo.forced-colors;
    @include radio-button.forced-colors;
    @include signet.forced-colors;
    @include slider.forced-colors;
    @include stepper.forced-colors;
    @include tag.forced-colors;
    @include toggle.forced-colors;
    @include toggle-check.forced-colors;
    @include train.forced-colors;
    @include visual-checkbox.forced-colors;
  }
  @include sbb.mq($from: small) {
    @include sbb-css-tokens.breakpoint-small;
    @include alert.breakpoint-small;
    @include dialog.breakpoint-small;
    @include footer.breakpoint-small;
    @include notification.breakpoint-small;
  }
  @include sbb.mq($from: large) {
    @include sbb-css-tokens.breakpoint-large;
    @include alert.breakpoint-large;
    @include button.breakpoint-large;
    @include chip.breakpoint-large;
    @include flip-card.breakpoint-large;
    @include form-field.breakpoint-large;
    @include header.breakpoint-large;
    @include menu.breakpoint-large;
    @include navigation.breakpoint-large;
    @include teaser-panel.breakpoint-large;
    @include teaser-product.breakpoint-large;
    @include time-input.breakpoint-large;
  }
  @include sbb.mq($from: ultra) {
    @include sbb-css-tokens.breakpoint-ultra;
    @include lead-container.breakpoint-ultra;
    @include map-container.breakpoint-ultra;
    @include navigation.breakpoint-ultra;
    @include teaser-panel.breakpoint-ultra;
  }

  // end-auto-generated-scss-module-root
}

@include sbb.core-rules;

// start-auto-generated-scss-module-rules
@include badge.rules;
@include breadcrumb.rules;
@include card.rules;
@include container.rules;
@include dialog.rules;
@include flip-card.rules;
@include form-field.rules;
@include header.rules;
@include icon-sidebar.rules;
@include lead-container.rules;
@include message.rules;
@include option.rules;
@include select.rules;
@include sidebar.rules;
@include table.rules;
@include tabs.rules;
@include teaser.rules;
@include teaser-hero.rules;
@include teaser-product.rules;
@include timetable-form.rules;
@include title.rules;
@include toggle.rules;

// end-auto-generated-scss-module-rules

@include meta.load-css('./features/a11y');
@include meta.load-css('./features/animation');
@include meta.load-css('./features/color-scheme');
@include meta.load-css('./features/image');
@include meta.load-css('./features/layout');
@include meta.load-css('./features/lists');
@include meta.load-css('./features/scrollbar');
@include meta.load-css('./features/typography');