@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url(https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700);@import url(https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700);@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700"); [data-v-94196abd]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-94196abd]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-94196abd]:root, [data-theme=st][data-v-94196abd] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-94196abd]:root, [data-theme=st][data-v-94196abd] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-94196abd]:root, [data-theme=st][data-v-94196abd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-94196abd] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-94196abd] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-94196abd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-94196abd] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-94196abd] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-warning-banner[data-v-94196abd] { margin: calc(35 / var(--base-font-size, 16) * 1rem) calc(35 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem) calc(35 / var(--base-font-size, 16) * 1rem); } [data-v-6f7d08ba]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-6f7d08ba]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-6f7d08ba]:root, [data-theme=st][data-v-6f7d08ba] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-6f7d08ba]:root, [data-theme=st][data-v-6f7d08ba] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6f7d08ba]:root, [data-theme=st][data-v-6f7d08ba] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-6f7d08ba] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-6f7d08ba] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6f7d08ba] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-6f7d08ba] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-6f7d08ba] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-activate-account[data-v-6f7d08ba] { display: flex; flex-direction: column; max-width: calc(300 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-activate-account[data-v-6f7d08ba] { max-width: calc(750 / var(--base-font-size, 16) * 1rem); padding: 0 calc(50 / var(--base-font-size, 16) * 1rem); } } .st-activate-account[data-v-6f7d08ba] > :not(:last-child) { margin-bottom: calc(25 / var(--base-font-size, 16) * 1rem); } .st-activate-account__header[data-v-6f7d08ba] > :first-child { text-align: center; margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-activate-account__header[data-v-6f7d08ba] { text-align: center; } } .st-activate-account__address-form[data-v-6f7d08ba] > :not(:first-child) { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-activate-account__delivery-form[data-v-6f7d08ba] > :not(:first-child) { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-activate-account__checkboxes[data-v-6f7d08ba] > * { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-activate-account__accept-terms[data-v-6f7d08ba] { color: var(--interactive-color-secondary); } [data-v-bf16962b]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-bf16962b]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-bf16962b]:root, [data-theme=st][data-v-bf16962b] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-bf16962b]:root, [data-theme=st][data-v-bf16962b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bf16962b]:root, [data-theme=st][data-v-bf16962b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-bf16962b] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-bf16962b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bf16962b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-bf16962b] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-bf16962b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-confirmation-card[data-v-bf16962b] { max-width: calc(380 / var(--base-font-size, 16) * 1rem); text-align: center; } @media (min-width: 1025px) { .st-confirmation-card[data-v-bf16962b] { max-width: calc(468 / var(--base-font-size, 16) * 1rem); } } .st-confirmation-card__header[data-v-bf16962b] { margin-top: calc(18 / var(--base-font-size, 16) * 1rem); } .st-confirmation-card__description[data-v-bf16962b] { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); width: 100%; } .st-confirmation-card__button[data-v-bf16962b] { margin-top: calc(25 / var(--base-font-size, 16) * 1rem); } [data-v-a22616c8]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-a22616c8]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-a22616c8]:root, [data-theme=st][data-v-a22616c8] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-a22616c8]:root, [data-theme=st][data-v-a22616c8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a22616c8]:root, [data-theme=st][data-v-a22616c8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-a22616c8] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-a22616c8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a22616c8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-a22616c8] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-a22616c8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-activate-account-view[data-v-a22616c8] { display: flex; justify-content: center; align-items: center; margin: calc(25 / var(--base-font-size, 16) * 1rem) 0; min-height: 80vh; }.st-loading-view[data-v-dedcd09d] { display: flex; justify-content: center; align-items: center; min-height: 70vh; } .st-loading-view__error-modal[data-v-dedcd09d] { display: flex; flex-direction: column; max-width: calc(400 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-loading-view__error-modal[data-v-dedcd09d] > :not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .v-enter-active[data-v-345267ff], .v-leave-active[data-v-345267ff] { transition: opacity 0.3s ease; } .v-enter-from[data-v-345267ff], .v-leave-to[data-v-345267ff] { opacity: 0; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ [data-v-06ca3b24]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-06ca3b24]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-06ca3b24],[data-v-06ca3b24]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-06ca3b24]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-06ca3b24]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-checkbox[data-v-06ca3b24]{display:flex;font-family:var(--font-primary),sans-serif;position:relative;cursor:pointer;font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:calc(21/var(--base-font-size, 16)*1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;box-sizing:initial;align-items:center} .st-checkbox__text[data-v-06ca3b24]{color:var(--text-color-primary);margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-checkbox__required[data-v-06ca3b24]{margin-left:calc(3/var(--base-font-size, 16)*1rem);color:var(--text-color-secondary);font-style:italic;text-wrap:wrap} .st-checkbox__input[data-v-06ca3b24]{position:absolute;opacity:0;cursor:pointer} .st-checkbox__checkmark[data-v-06ca3b24]{position:relative;top:0;left:0;height:calc(20/var(--base-font-size, 16)*1rem);min-width:calc(20/var(--base-font-size, 16)*1rem);width:calc(20/var(--base-font-size, 16)*1rem);background-color:var(--background-color-secondary);border-radius:calc(4/var(--base-font-size, 16)*1rem);border:calc(2/var(--base-font-size, 16)*1rem) solid var(--text-color-secondary);outline:calc(2/var(--base-font-size, 16)*1rem) solid transparent;box-sizing:initial} .st-checkbox__checkmark[data-v-06ca3b24]:after{box-sizing:initial;content:"";position:relative;display:none} .st-checkbox--is-disabled[data-v-06ca3b24]{cursor:default} .st-checkbox--is-disabled .st-checkbox__checkmark[data-v-06ca3b24]{border-color:var(--border-color-tertiary)} .st-checkbox--is-disabled .st-checkbox__required[data-v-06ca3b24],.st-checkbox--is-disabled .st-checkbox__text[data-v-06ca3b24]{color:var(--text-color-quaternary)} .st-checkbox:hover .st-checkbox__input:disabled~.st-checkbox__checkmark[data-v-06ca3b24]{border-color:var(--border-color-tertiary)} .st-checkbox:focus .st-checkbox__input:disabled~.st-checkbox__checkmark[data-v-06ca3b24]{box-shadow:none;border-color:var(--border-color-tertiary)} .st-checkbox:hover .st-checkbox__input~.st-checkbox__checkmark[data-v-06ca3b24]{border-color:var(--background-color-primary)} .st-checkbox:hover .st-checkbox__input:checked~.st-checkbox__checkmark[data-v-06ca3b24]{background-color:var(--palette-primary-600);border-color:var(--palette-primary-600)} .st-checkbox:focus .st-checkbox__input~.st-checkbox__checkmark[data-v-06ca3b24],.st-checkbox:focus-within .st-checkbox__checkmark[data-v-06ca3b24]{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--text-color-secondary)} .st-checkbox .st-checkbox__input:checked~.st-checkbox__checkmark[data-v-06ca3b24]{background-color:var(--background-color-primary);border-color:var(--background-color-primary)} .st-checkbox .st-checkbox__input:checked~.st-checkbox__checkmark[data-v-06ca3b24]:after{display:block} .st-checkbox .st-checkbox__checkmark[data-v-06ca3b24]:after{left:calc(7/var(--base-font-size, 16)*1rem);top:calc(3/var(--base-font-size, 16)*1rem);width:calc(4/var(--base-font-size, 16)*1rem);height:calc(9/var(--base-font-size, 16)*1rem);border:solid var(--background-color-secondary);border-width:0 calc(3/var(--base-font-size, 16)*1rem) calc(3/var(--base-font-size, 16)*1rem) 0;transform:rotate(45deg)} [data-v-56abbe9b]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-56abbe9b]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-56abbe9b],[data-v-56abbe9b]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-56abbe9b]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-56abbe9b]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-input[data-v-56abbe9b]{display:flex;flex-grow:1;flex-direction:column} .st-input__label[data-v-56abbe9b]{color:var(--text-color-primary);font-family:var(--font-primary);padding-left:var(--xs);margin-bottom:calc(2/var(--base-font-size, 16)*1rem);font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:600;line-height:1.4;text-align:left} .st-input__container[data-v-56abbe9b]{background-color:var(--background-color-secondary);display:flex;align-items:center;border:var(--border-width--thin) solid var(--border-color-quaternary);border-radius:var(--border-radius);color:var(--text-color-primary);font-family:var(--font-primary);width:100%;transition:border-color .2s linear;height:calc(48/var(--base-font-size, 16)*1rem)} .st-input__container[data-v-56abbe9b]:focus-within{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);border-radius:var(--border-radius);outline:none} .st-input__container--is-invalid[data-v-56abbe9b]{border-color:var(--danger-color-primary);border-width:var(--border-width--thin)} .st-input__container--is-disabled[data-v-56abbe9b]{background-color:var(--disabled-color-tertiary)} .st-input__container__component[data-v-56abbe9b]>*{margin:0 var(--md)} .st-input__container__input-field[data-v-56abbe9b]{border-color:transparent;background-color:var(--background-color-secondary);border:0;border-radius:var(--border-radius);color:var(--text-color-primary);font-family:var(--font-primary);width:100%;height:100%;padding-left:var(--lg);padding-right:var(--lg);font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:1.5;margin-bottom:0} .st-input__container__input-field[data-v-56abbe9b]:focus{outline:none} .st-input__container__input-field[data-v-56abbe9b]::-moz-placeholder{color:var(--palette-secondary-600)} .st-input__container__input-field[data-v-56abbe9b]::placeholder{color:var(--palette-secondary-600)} .st-input__container__input-field[data-v-56abbe9b]:disabled{background-color:var(--disabled-color-tertiary);cursor:not-allowed} .st-input__action[data-v-56abbe9b]{margin-top:calc(8/var(--base-font-size, 16)*1rem)} [data-v-93f2bfa2]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-93f2bfa2]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-93f2bfa2],[data-v-93f2bfa2]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-93f2bfa2]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-93f2bfa2]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-autocomplete-input[data-v-93f2bfa2]{width:100%;position:relative} .st-autocomplete-input__label-outside[data-v-93f2bfa2]{font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:600;color:var(--text-color-primary);line-height:1.4;display:inline-block;margin-bottom:calc(4/var(--base-font-size, 16)*1rem);text-align:left} .st-autocomplete-input-container[data-v-93f2bfa2]{display:flex;border-radius:var(--border-radius);border:var(--border-width--thin) solid var(--border-color-quaternary);box-shadow:inset var(--border-width--thin) 0 0 0 transparent} .st-autocomplete-input-container[data-v-93f2bfa2]:focus-within{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);border-radius:var(--border-radius);outline:none} .st-autocomplete-input-container__input[data-v-93f2bfa2]{flex-grow:1} .st-autocomplete-input-container--invalid[data-v-93f2bfa2]{border-color:var(--danger-color-primary)} :has(.st-autocomplete-input-container--invalid) .st-autocomplete-input-container--label-inside[data-v-93f2bfa2]{border-color:var(--danger-color-primary)} :has(.st-autocomplete-input-container--invalid) .st-autocomplete-input-container--label-inside[data-v-93f2bfa2] .st-input__container{border-color:var(--danger-color-primary)!important} .st-autocomplete-input-container--is-expanded[data-v-93f2bfa2]{border-bottom-left-radius:0;border-bottom-right-radius:0} .st-autocomplete-input-container[data-v-93f2bfa2] .st-input__container{border:none;box-shadow:none} .st-autocomplete-input-container--label-inside[data-v-93f2bfa2]{background-color:var(--background-color-secondary)} .st-autocomplete-input-container--label-inside[data-v-93f2bfa2] .st-input__container{border-left:var(--border-width--thin) solid var(--border-color-quaternary)!important;border-top-left-radius:0;border-bottom-left-radius:0} .st-autocomplete-input-container__label-inside[data-v-93f2bfa2]{padding:0 calc(24/var(--base-font-size, 16)*1rem);font-size:calc(14/var(--base-font-size, 16)*1rem);margin-bottom:0;color:var(--text-color-primary);align-self:center;text-align:center} .st-autocomplete-input .st-autocomplete-input-container--has-focus.st-autocomplete-input-container--label-inside[data-v-93f2bfa2]{border-left:var(--border-width--thin) solid var(--border-color-quaternary);box-shadow:inset var(--border-width--thin) 0 0 0 var(--border-color-quaternary)} .st-autocomplete-input__suggestions[data-v-93f2bfa2]{font-size:calc(14/var(--base-font-size, 16)*1rem);list-style:none;position:absolute;background-color:var(--background-color-secondary);width:inherit;z-index:3;margin:0;padding:0;border:var(--border-width--thin) solid var(--text-color-primary);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border-top:none;box-sizing:border-box} .st-autocomplete-input__suggestions__headline[data-v-93f2bfa2],.st-autocomplete-input__suggestions__item[data-v-93f2bfa2]{padding:var(--md);font-weight:var(--font-weight-semi-bold);color:var(--text-color-primary)} .st-autocomplete-input__suggestions__headline[data-v-93f2bfa2]:not(:last-child),.st-autocomplete-input__suggestions__item[data-v-93f2bfa2]:not(:last-child){border-bottom:var(--border-width--thin) solid var(--text-color-quaternary)} .st-autocomplete-input__suggestions__item[data-v-93f2bfa2]{color:var(--text-color-primary)} .st-autocomplete-input__suggestions__item--focused[data-v-93f2bfa2],.st-autocomplete-input__suggestions__item[data-v-93f2bfa2]:hover{background-color:var(--text-color-secondary);color:#fff;cursor:pointer} .st-autocomplete-input__suggestions__item__type[data-v-93f2bfa2]{font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular)} [data-v-404199b6]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-404199b6]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-404199b6],[data-v-404199b6]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-404199b6]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-404199b6]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-button--primary[data-v-404199b6]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;background-color:var(--background-color-primary);color:var(--text-color-tertiary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-button--primary[data-v-404199b6]:disabled{cursor:not-allowed} .st-button--primary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-button--primary[data-v-404199b6]:focus,.st-button--primary[data-v-404199b6]:hover:not(:disabled){outline:none;cursor:pointer} .st-button--primary[data-v-404199b6]:disabled{background-color:var(--disabled-color-primary);color:var(--disabled-color-quaternary)} @media(hover:hover)and (pointer:fine){.st-button--primary[data-v-404199b6]:hover:not(:disabled){background-color:var(--background-color-quaternary);color:var(--greyscale-900)}} @media(hover:none)and (pointer:coarse){.st-button--primary[data-v-404199b6]:active{background-color:var(--background-color-quaternary);color:var(--greyscale-900)}} .st-button--primary[data-v-404199b6]:active,.st-button--primary[data-v-404199b6]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-button--primary[data-v-404199b6]{white-space:nowrap}} .st-button--primary[data-v-404199b6] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-button--primary[data-v-404199b6] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-button--secondary[data-v-404199b6]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;background-color:var(--background-color-secondary);border:var(--border-width) solid var(--border-color-primary);color:var(--text-color-button-secondary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-button--secondary[data-v-404199b6]:disabled{cursor:not-allowed} .st-button--secondary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-button--secondary[data-v-404199b6]:focus,.st-button--secondary[data-v-404199b6]:hover:not(:disabled){outline:none;cursor:pointer} .st-button--secondary[data-v-404199b6]:disabled{border-color:var(--border-color-tertiary);color:var(--disabled-color-secondary)} @media(hover:hover)and (pointer:fine){.st-button--secondary[data-v-404199b6]:hover:not(:disabled){background-color:var(--background-color-quaternary);border:var(--border-width) solid var(--border-color-secondary);color:var(--greyscale-900)}} @media(hover:none)and (pointer:coarse){.st-button--secondary[data-v-404199b6]:active{background-color:var(--background-color-quaternary);border:var(--border-width) solid var(--border-color-secondary);color:var(--greyscale-900)}} .st-button--secondary[data-v-404199b6]:active,.st-button--secondary[data-v-404199b6]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-button--secondary[data-v-404199b6]{white-space:nowrap}} .st-button--secondary[data-v-404199b6] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-button--secondary[data-v-404199b6] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-button--tertiary[data-v-404199b6]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;font-size:calc(14/var(--base-font-size, 16)*1rem);box-shadow:0 calc(2/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.1);color:var(--text-color-primary);background-color:var(--background-color-secondary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-button--tertiary[data-v-404199b6]:disabled{cursor:not-allowed} .st-button--tertiary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-button--tertiary[data-v-404199b6]:focus,.st-button--tertiary[data-v-404199b6]:hover:not(:disabled){outline:none;cursor:pointer} .st-button--tertiary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-button--tertiary[data-v-404199b6]:disabled{color:var(--disabled-color-primary)} @media(hover:hover)and (pointer:fine){.st-button--tertiary[data-v-404199b6]:hover:not(:disabled){transition:box-shadow .2s ease-in-out;background-color:var(--background-color-secondary);color:var(--text-color-interactive);box-shadow:0 calc(5/var(--base-font-size, 16)*1rem) calc(5/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.15)}} @media(hover:none)and (pointer:coarse){.st-button--tertiary[data-v-404199b6]:active{transition:box-shadow .2s ease-in-out;background-color:var(--background-color-secondary);color:var(--text-color-interactive);box-shadow:0 calc(5/var(--base-font-size, 16)*1rem) calc(5/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.15)}} .st-button--tertiary[data-v-404199b6]:active,.st-button--tertiary[data-v-404199b6]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-button--tertiary[data-v-404199b6]{white-space:nowrap}} .st-button--tertiary[data-v-404199b6] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-button--tertiary[data-v-404199b6] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-button--quaternary[data-v-404199b6]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;font-weight:var(--font-weight-semi-bold);color:var(--text-color-button-secondary);background-color:var(--background-color-secondary);border:var(--border-width) solid transparent;min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-button--quaternary[data-v-404199b6]:disabled{cursor:not-allowed} .st-button--quaternary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-button--quaternary[data-v-404199b6]:focus,.st-button--quaternary[data-v-404199b6]:hover:not(:disabled){outline:none;cursor:pointer} .st-button--quaternary[data-v-404199b6]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--text-color-secondary)} .st-button--quaternary[data-v-404199b6]:disabled{color:var(--background-color-quaternary)} @media(hover:hover)and (pointer:fine){.st-button--quaternary[data-v-404199b6]:hover:not(:disabled){border:var(--border-width) solid var(--border-color-primary);box-shadow:none}} @media(hover:none)and (pointer:coarse){.st-button--quaternary[data-v-404199b6]:active{border:var(--border-width) solid var(--border-color-primary);box-shadow:none}} .st-button--quaternary[data-v-404199b6]:active,.st-button--quaternary[data-v-404199b6]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-button--quaternary[data-v-404199b6]{white-space:nowrap}} .st-button--quaternary[data-v-404199b6] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-button--quaternary[data-v-404199b6] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-button--small[data-v-404199b6]{min-height:calc(32/var(--base-font-size, 16)*1rem);padding:calc(2/var(--base-font-size, 16)*1rem) calc(16/var(--base-font-size, 16)*1rem)} .st-button--rectangular[data-v-404199b6],.st-button--rectangular[data-v-404199b6]:active,.st-button--rectangular[data-v-404199b6]:focus{border-radius:var(--border-radius)} .st-button--full-width[data-v-404199b6]{width:100%} .st-button--loading span[data-v-404199b6]{color:transparent} .st-button--loading .st-spinner[data-v-404199b6]{position:absolute} .st-button--loading[data-v-404199b6] .st-icon{opacity:0} [data-v-2e40af2d]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-2e40af2d]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-2e40af2d],[data-v-2e40af2d]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-2e40af2d]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-2e40af2d]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .gradient[data-v-2e40af2d]{width:calc(28/var(--base-font-size, 16)*1rem);height:calc(28/var(--base-font-size, 16)*1rem);border-radius:50%;background:conic-gradient(transparent,var(--background-color-primary))} [data-v-55533ac5]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-55533ac5]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-55533ac5],[data-v-55533ac5]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-55533ac5]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-55533ac5]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .gradient[data-v-55533ac5]{width:calc(120/var(--base-font-size, 16)*1rem);height:calc(120/var(--base-font-size, 16)*1rem);border-radius:50%;background:conic-gradient(transparent,var(--background-color-primary))} [data-v-bf0b9590]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-bf0b9590]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-bf0b9590],[data-v-bf0b9590]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-bf0b9590]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-bf0b9590]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-spinner[data-v-bf0b9590]{display:flex;flex-direction:column;align-items:center} .st-spinner__loader[data-v-bf0b9590]{animation:rotate-bf0b9590 1s linear infinite} @keyframes rotate-bf0b9590{0%{transform:rotate(0)}to{transform:rotate(1turn)}} .st-spinner__message[data-v-bf0b9590]{margin-top:calc(16/var(--base-font-size, 16)*1rem);font-size:calc(24/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);line-height:calc(32/var(--base-font-size, 16)*1rem)} .st-spinner__message--font-primary[data-v-bf0b9590]{font-family:var(--font-primary);font-weight:var(--font-weight-regular)} .st-spinner__message--font-secondary[data-v-bf0b9590]{font-family:var(--font-secondary);font-weight:var(--font-weight-bold)} .st-spinner__message--small[data-v-bf0b9590]{font-size:calc(16/var(--base-font-size, 16)*1rem)} .st-spinner__message--sr-only[data-v-bf0b9590]{position:absolute;left:calc(-10000/var(--base-font-size, 16)*1rem);top:auto;width:calc(1/var(--base-font-size, 16)*1rem);height:calc(1/var(--base-font-size, 16)*1rem);overflow:hidden} [data-v-75b2f952]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-75b2f952]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-75b2f952],[data-v-75b2f952]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-75b2f952]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-75b2f952]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-breadcrumb[data-v-75b2f952]{background:var(--background-color-tertiary);color:var(--text-color-primary);font-weight:600;font-size:calc(14/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);display:flex;padding:0 calc(22/var(--base-font-size, 16)*1rem);height:calc(32/var(--base-font-size, 16)*1rem);line-height:calc(32/var(--base-font-size, 16)*1rem)} .st-breadcrumb__list[data-v-75b2f952]{list-style-type:none;display:flex;margin:0;padding:0} .st-breadcrumb__list__item[data-v-75b2f952]{display:flex;align-items:center;margin:0;padding:0} .st-breadcrumb__list__item[data-v-75b2f952]:not(:last-child):after{border-color:var(--border-color-quaternary);border-style:solid;border-width:0 0 calc(2/var(--base-font-size, 16)*1rem) calc(2/var(--base-font-size, 16)*1rem);content:"";display:block;height:calc(6/var(--base-font-size, 16)*1rem);width:calc(6/var(--base-font-size, 16)*1rem);transform:rotate(225deg);-webkit-transform:rotate(225deg);margin:0 calc(10/var(--base-font-size, 16)*1rem)} .st-breadcrumb__list__item__link[data-v-75b2f952]{text-decoration:none;color:var(--text-color-primary)} .st-breadcrumb__list__item__link--is-active[data-v-75b2f952]{pointer-events:none;cursor:default;text-decoration:none} .st-breadcrumb__list__item__link[data-v-75b2f952]:hover{text-decoration:underline} [data-v-e0f474da]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-e0f474da]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-e0f474da],[data-v-e0f474da]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-e0f474da]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-e0f474da]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-card[data-v-e0f474da]{font-family:var(--font-primary);border-radius:var(--xl);background-color:var(--background-color-secondary);box-shadow:0 1em 1.5em 0 rgba(43,36,29,.08)} .st-card__wrapper[data-v-e0f474da]{position:relative;padding:calc(45/var(--base-font-size, 16)*1rem) calc(22/var(--base-font-size, 16)*1rem)} .st-card__wrapper__spinner[data-v-e0f474da]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,42%,.203);-webkit-backdrop-filter:blur(calc(5/var(--base-font-size, 16)*1rem));backdrop-filter:blur(calc(5/var(--base-font-size, 16)*1rem));z-index:9999;display:flex;justify-content:center;align-items:center;width:100%;height:100%} @media(min-width:1025px){.st-card__wrapper[data-v-e0f474da]{padding:calc(65/var(--base-font-size, 16)*1rem) calc(65/var(--base-font-size, 16)*1rem)}} .st-card--is-overflow-hidden[data-v-e0f474da]{overflow:hidden} [data-v-bb5f5a1e]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-bb5f5a1e]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-bb5f5a1e],[data-v-bb5f5a1e]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-bb5f5a1e]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-bb5f5a1e]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-number-notification[data-v-bb5f5a1e]{display:inline-flex;position:relative;font-family:var(--font-primary)} .st-number-notification__number[data-v-bb5f5a1e]{color:var(--text-color-tertiary);font-size:calc(12/var(--base-font-size, 16)*1rem);font-weight:600;display:flex;align-items:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)} .st-icon[data-v-6b208e13]{display:inline-flex} [data-v-ddc493ea]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-ddc493ea]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-ddc493ea],[data-v-ddc493ea]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-ddc493ea]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-ddc493ea]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-error[data-v-ddc493ea]{display:flex;font-family:var(--font-primary);border-radius:calc(6/var(--base-font-size, 16)*1rem);background-color:var(--danger-color-secondary);border:calc(2/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);padding:calc(12/var(--base-font-size, 16)*1rem);font-size:calc(16/var(--base-font-size, 16)*1rem);overflow-wrap:anywhere;color:var(--text-color-primary);line-height:calc(21/var(--base-font-size, 16)*1rem)} .st-error[data-v-ddc493ea]>:first-child{margin-right:calc(12/var(--base-font-size, 16)*1rem)} .st-error__text[data-v-ddc493ea]{display:flex;flex-direction:column} .st-error__text--highlighted[data-v-ddc493ea]{line-height:calc(24/var(--base-font-size, 16)*1rem);font-weight:600} [data-v-7ae6eabb]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-7ae6eabb]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-7ae6eabb],[data-v-7ae6eabb]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-7ae6eabb]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-7ae6eabb]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-error-list[data-v-7ae6eabb]{background-color:var(--danger-color-secondary);border:calc(2/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);border-radius:var(--border-radius);padding:var(--md);font-family:var(--font-primary);color:var(--danger-color-primary);margin-bottom:var(--lg)} .st-error-list[data-v-7ae6eabb]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary);outline-offset:calc(2/var(--base-font-size, 16)*1rem)} .st-error-list__header[data-v-7ae6eabb]{display:flex;align-items:center;margin-bottom:var(--sm);gap:var(--sm)} .st-error-list__title[data-v-7ae6eabb]{font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:600;margin:0;color:var(--text-color-primary)} .st-error-list__list[data-v-7ae6eabb]{list-style:disc;margin:0;padding-left:calc(0/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);padding-left:calc(16/var(--base-font-size, 16)*1rem)} .st-error-list__item[data-v-7ae6eabb]{margin-bottom:calc(2/var(--base-font-size, 16)*1rem)} .st-error-list__item[data-v-7ae6eabb]:last-child{margin-bottom:0} .st-error-list__link[data-v-7ae6eabb]{background:none;border:none;padding:calc(2/var(--base-font-size, 16)*1rem);font-family:inherit;font-size:calc(14/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);text-decoration:underline;cursor:pointer;text-align:left;line-height:1.4;-webkit-user-select:text;-moz-user-select:text;user-select:text} .st-error-list__link[data-v-7ae6eabb]:hover{text-decoration:underline} .st-error-list__link[data-v-7ae6eabb]:focus{outline:var(--greyscale-700) solid calc(2/var(--base-font-size, 16)*1rem)} .st-error-list__text[data-v-7ae6eabb]{font-size:calc(14/var(--base-font-size, 16)*1rem);line-height:1.4;color:inherit} .st-error-list__text--highlighted[data-v-7ae6eabb]{font-weight:var(--font-weight-semi-bold)} [data-v-3f04ce4b]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-3f04ce4b]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-3f04ce4b],[data-v-3f04ce4b]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-3f04ce4b]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-3f04ce4b]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-form-group--requried label[data-v-3f04ce4b]:after{content:" - obligatoriskt";font-style:italic;font-weight:400} .st-form-group--invalid .st-form-group__error-wrapper__error[data-v-3f04ce4b]{display:flex;color:var(--danger-color-primary);align-items:center} .st-form-group__label[data-v-3f04ce4b]{font-weight:600;display:inline-block;margin-bottom:calc(4/var(--base-font-size, 16)*1rem)} .st-form-group__description[data-v-3f04ce4b],.st-form-group__label[data-v-3f04ce4b]{font-size:calc(14/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);color:var(--text-color-primary)} .st-form-group__description[data-v-3f04ce4b]{line-height:calc(21/var(--base-font-size, 16)*1rem);margin:0 0 calc(4/var(--base-font-size, 16)*1rem) 0} .st-form-group__error-wrapper__error[data-v-3f04ce4b]{display:none;font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:600;font-family:var(--font-primary);margin-top:calc(4/var(--base-font-size, 16)*1rem)} .st-form-group__error-wrapper__error__warning[data-v-3f04ce4b]{background-size:calc(14/var(--base-font-size, 16)*1rem) calc(14/var(--base-font-size, 16)*1rem);display:inline-block;margin-right:calc(6/var(--base-font-size, 16)*1rem)} .st-form-group .fade-enter-active[data-v-3f04ce4b],.st-form-group .fade-leave-active[data-v-3f04ce4b]{transition:opacity .2s linear} .st-form-group .fade-enter-from[data-v-3f04ce4b],.st-form-group .fade-leave-to[data-v-3f04ce4b]{opacity:0} [data-v-67785051]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-67785051]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-67785051],[data-v-67785051]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-67785051]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-67785051]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} dialog[data-v-67785051]{box-shadow:0 calc(16/var(--base-font-size, 16)*1rem) calc(24/var(--base-font-size, 16)*1rem) 0 rgba(43,36,29,.08);padding:0} dialog[data-v-67785051]::backdrop{background-color:hsla(45,25%,97%,.95)} .st-modal[data-v-67785051]{border:none;background:transparent} .st-modal--small[data-v-67785051]{width:100%;max-width:calc(440/var(--base-font-size, 16)*1rem)} .st-modal--medium[data-v-67785051]{width:100%;max-width:calc(560/var(--base-font-size, 16)*1rem)} .st-radio-button{display:flex;align-items:center;padding:calc(4/var(--base-font-size, 16)*1rem)} .st-radio-button .st-radio-button__radio-wrapper{display:grid;grid-template-areas:"wrapper-stack"} .st-radio-button input[type=radio]{opacity:0;grid-area:wrapper-stack} .st-radio-button .st-radio-button__custom-radio{cursor:pointer;z-index:1;grid-area:wrapper-stack;display:grid;grid-template-areas:"radio-stack";align-items:center;justify-items:center} .st-radio-button .st-radio-button__custom-radio:before{grid-area:radio-stack;content:"";height:calc(20/var(--base-font-size, 16)*1rem);width:calc(20/var(--base-font-size, 16)*1rem);background-color:var(--background-color-secondary);border-radius:50%;border:calc(2/var(--base-font-size, 16)*1rem) solid var(--text-color-secondary);box-sizing:initial} .st-radio-button .st-radio-button__custom-radio:after{grid-area:radio-stack;content:"";height:calc(14/var(--base-font-size, 16)*1rem);width:calc(14/var(--base-font-size, 16)*1rem);border-radius:50%;box-sizing:initial} .st-radio-button:hover .st-radio-button__radio-wrapper>.st-radio-button__custom-radio:before{border-color:var(--border-color-secondary)} .st-radio-button:hover input[type=radio]:checked+.st-radio-button__custom-radio:after{background:var(--border-color-secondary)} .st-radio-button:hover input[type=radio]:checked+.st-radio-button__custom-radio:before{border-color:var(--border-color-secondary)} .st-radio-button input[type=radio]:checked+.st-radio-button__custom-radio:after{background:var(--border-color-primary)} .st-radio-button input[type=radio]:checked+.st-radio-button__custom-radio:before{border-color:var(--border-color-primary)} .st-radio-button input[type=radio]:focus+.st-radio-button__custom-radio:before{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-radio-button input[type=radio]:disabled+.st-radio-button__custom-radio{cursor:default} .st-radio-button input[type=radio]:disabled+.st-radio-button__custom-radio:before{border-color:var(--palette-secondary-400)} .st-radio-button input[type=radio]:disabled+.st-radio-button__custom-radio:after{display:none} .st-radio-button .st-radio-button__label{cursor:pointer;font-weight:600;color:var(--text-color-primary);margin-left:calc(10/var(--base-font-size, 16)*1rem)} .st-radio-button .st-radio-button__label--disabled{cursor:default;color:var(--palette-secondary-400)} [data-v-4937e754]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-4937e754]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-4937e754],[data-v-4937e754]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-4937e754]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-4937e754]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-select[data-v-4937e754]{display:flex;flex-direction:column} .st-select__label[data-v-4937e754]{color:var(--text-color-primary);font-family:var(--font-primary);padding-left:var(--xs);margin-bottom:calc(2/var(--base-font-size, 16)*1rem);font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:600;line-height:1.4;text-align:left} .st-select__container[data-v-4937e754]{height:calc(48/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);border:var(--border-width--thin) solid var(--border-color-quaternary);border-radius:var(--border-radius);font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:1.5;cursor:pointer;color:var(--text-color-primary);width:100%;padding-left:var(--lg);transition:border-color .2s linear;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 6 6 5 6-5' stroke='%233e3b39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:var(--background-color-secondary);background-repeat:no-repeat;background-position:calc(100% - 16/var(--base-font-size, 16)*1rem);background-size:calc(16/var(--base-font-size, 16)*1rem) calc(16/var(--base-font-size, 16)*1rem)} .st-select__container[data-v-4937e754]:focus{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);outline:none} .st-select__container--is-invalid[data-v-4937e754]{border-color:var(--danger-color-primary);border-width:var(--border-width)} .st-select__container--is-disabled[data-v-4937e754]{background-color:var(--disabled-color-primary)} .st-select__container[data-v-4937e754]::-moz-placeholder{color:var(--disabled-color-primary)} .st-select__container[data-v-4937e754]::placeholder{color:var(--disabled-color-primary)} .st-select__container[data-v-4937e754]::-ms-expand{display:none} [data-v-09a24538]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-09a24538]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-09a24538],[data-v-09a24538]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-09a24538]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-09a24538]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-list-item[data-v-09a24538]{display:flex;padding:calc(12/var(--base-font-size, 16)*1rem) 0 0 0;border-bottom:var(--border-width--thin) solid var(--border-color-tertiary);font-family:var(--font-primary);font-size:calc(14/var(--base-font-size, 16)*1rem);color:var(--text-color-primary)} .st-list-item--is-vertical[data-v-09a24538]{flex-direction:column} .st-list-item--no-border-bottom[data-v-09a24538]{border-bottom:none;padding:0} .st-list-item--no-border-bottom .st-list-item__values__value[data-v-09a24538]{margin-bottom:calc(5/var(--base-font-size, 16)*1rem)} .st-list-item--no-border-bottom .st-list-item__values__value[data-v-09a24538]:nth-child(2n){margin-bottom:0} .st-list-item__values[data-v-09a24538]{display:flex;margin-left:auto;flex-direction:column} .st-list-item__values--is-vertical[data-v-09a24538]{display:block;margin-left:0} .st-list-item__values__value[data-v-09a24538]{display:flex;align-self:flex-end;margin-bottom:calc(10/var(--base-font-size, 16)*1rem);font-weight:400;max-width:calc(200/var(--base-font-size, 16)*1rem);text-align:right;line-height:calc(18/var(--base-font-size, 16)*1rem)} .st-list-item__values__value[data-v-09a24538]:nth-child(2n){margin-bottom:calc(15/var(--base-font-size, 16)*1rem)} .st-list-item__values__value--is-semi-bold[data-v-09a24538]{font-weight:600} .st-list[data-v-43d19c42]{width:100%} [data-v-261e920e]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-261e920e]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-261e920e],[data-v-261e920e]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-261e920e]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-261e920e]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-information-box[data-v-261e920e]{display:flex;align-items:top;border-radius:var(--border-radius);font-family:var(--font-primary);background:var(--container-color-tertiary);color:var(--text-color-primary);padding:var(--md)} @media(min-width:600px){.st-information-box[data-v-261e920e]{padding:var(--lg)}} .st-information-box__icon[data-v-261e920e]{display:flex;margin-right:var(--sm)} .st-information-box__description[data-v-261e920e]{font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:130%;align-self:center;flex:1 1 auto} .st-information-box--is-small[data-v-261e920e]{display:inline-flex} .st-information-box--danger[data-v-261e920e]{background:var(--danger-color-secondary);border:calc(2/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)} .st-information-box--plain[data-v-261e920e]{background:var(--palette-secondary-100);border:calc(1/var(--base-font-size, 16)*1rem) solid var(--disabled-color-secondary)} .st-information-box--highlight[data-v-261e920e]{background:var(--background-color-quinary)} [data-v-5607c6f7]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-5607c6f7]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-5607c6f7],[data-v-5607c6f7]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-5607c6f7]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-5607c6f7]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-tabs[data-v-5607c6f7]{display:flex;flex-direction:column;flex-grow:1;font-family:var(--font-secondary);color:var(--text-color-tabs)} .st-tabs--font-primary[data-v-5607c6f7]{font-family:var(--font-primary)} .st-tabs__list[data-v-5607c6f7]{line-height:calc(24/var(--base-font-size, 16)*1rem);padding:0;margin-bottom:calc(16/var(--base-font-size, 16)*1rem);border-bottom:var(--border-width--thin) solid var(--border-color-tertiary);display:flex;flex-wrap:wrap} .st-tabs__list__tab[data-v-5607c6f7]{background:none;border:none;border-bottom:var(--border-width) solid transparent;border-top:var(--border-width--thin) solid transparent;outline:none;font-family:inherit;color:inherit;padding:calc(7/var(--base-font-size, 16)*1rem) calc(16/var(--base-font-size, 16)*1rem) calc(6/var(--base-font-size, 16)*1rem);transition:background .3s linear;cursor:pointer} .st-tabs__list__tab[data-v-5607c6f7]:hover{background:var(--background-color-quaternary)} .st-tabs__list__tab[data-v-5607c6f7]:focus{border:var(--border-width--thin) solid var(--border-color-quaternary)} .st-tabs__list__tab--is-active[data-v-5607c6f7]{font-weight:600} .st-tabs__list__tab--is-active[data-v-5607c6f7],.st-tabs__list__tab--is-active[data-v-5607c6f7]:focus{border-bottom:var(--border-width) solid var(--border-color-active-tab)} .st-tabs__list__tab__name[data-v-5607c6f7]{display:flex;flex-direction:row;align-items:center;font-size:calc(14/var(--base-font-size, 16)*1rem);height:calc(24/var(--base-font-size, 16)*1rem);line-height:calc(24/var(--base-font-size, 16)*1rem);white-space:nowrap;transition:border-bottom .3s linear;gap:calc(4/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-tabs__list__tab__name[data-v-5607c6f7]{font-size:calc(18/var(--base-font-size, 16)*1rem)}} .st-tabs__list__tab__name--reversed[data-v-5607c6f7]{flex-direction:row-reverse} [data-v-fdb58350]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-fdb58350]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-fdb58350],[data-v-fdb58350]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-fdb58350]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-fdb58350]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-link[data-v-fdb58350]{display:inline-flex;cursor:pointer;text-decoration:underline;transition:color .2s ease;font-family:var(--font-primary)!important;padding:0;font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);font-style:normal;line-height:calc(24/var(--base-font-size, 16)*1rem);color:var(--text-color-interactive)} .st-link__icon-container[data-v-fdb58350]{display:inline-flex;align-items:center;margin-left:calc(4/var(--base-font-size, 16)*1rem)} .st-link[data-v-fdb58350]:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary);outline-offset:calc(4/var(--base-font-size, 16)*1rem)} .st-link[data-v-fdb58350]:hover{color:var(--text-color-primary)} .st-link-button--primary[data-v-fdb58350]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;background-color:var(--background-color-primary);color:var(--text-color-tertiary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-link-button--primary[data-v-fdb58350]:disabled{cursor:not-allowed} .st-link-button--primary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-link-button--primary[data-v-fdb58350]:focus,.st-link-button--primary[data-v-fdb58350]:hover:not(:disabled){outline:none;cursor:pointer} .st-link-button--primary[data-v-fdb58350]:disabled{background-color:var(--disabled-color-primary);color:var(--disabled-color-quaternary)} @media(hover:hover)and (pointer:fine){.st-link-button--primary[data-v-fdb58350]:hover:not(:disabled){background-color:var(--background-color-quaternary);color:var(--greyscale-900)}} @media(hover:none)and (pointer:coarse){.st-link-button--primary[data-v-fdb58350]:active{background-color:var(--background-color-quaternary);color:var(--greyscale-900)}} .st-link-button--primary[data-v-fdb58350]:active,.st-link-button--primary[data-v-fdb58350]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-link-button--primary[data-v-fdb58350]{white-space:nowrap}} .st-link-button--primary[data-v-fdb58350] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--primary[data-v-fdb58350] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--secondary[data-v-fdb58350]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;background-color:var(--background-color-secondary);border:var(--border-width) solid var(--border-color-primary);color:var(--text-color-button-secondary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-link-button--secondary[data-v-fdb58350]:disabled{cursor:not-allowed} .st-link-button--secondary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-link-button--secondary[data-v-fdb58350]:focus,.st-link-button--secondary[data-v-fdb58350]:hover:not(:disabled){outline:none;cursor:pointer} .st-link-button--secondary[data-v-fdb58350]:disabled{border-color:var(--border-color-tertiary);color:var(--disabled-color-secondary)} @media(hover:hover)and (pointer:fine){.st-link-button--secondary[data-v-fdb58350]:hover:not(:disabled){background-color:var(--background-color-quaternary);border:var(--border-width) solid var(--border-color-secondary);color:var(--greyscale-900)}} @media(hover:none)and (pointer:coarse){.st-link-button--secondary[data-v-fdb58350]:active{background-color:var(--background-color-quaternary);border:var(--border-width) solid var(--border-color-secondary);color:var(--greyscale-900)}} .st-link-button--secondary[data-v-fdb58350]:active,.st-link-button--secondary[data-v-fdb58350]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-link-button--secondary[data-v-fdb58350]{white-space:nowrap}} .st-link-button--secondary[data-v-fdb58350] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--secondary[data-v-fdb58350] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--tertiary[data-v-fdb58350]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;font-size:calc(14/var(--base-font-size, 16)*1rem);box-shadow:0 calc(2/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.1);color:var(--text-color-primary);background-color:var(--background-color-secondary);min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-link-button--tertiary[data-v-fdb58350]:disabled{cursor:not-allowed} .st-link-button--tertiary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-link-button--tertiary[data-v-fdb58350]:focus,.st-link-button--tertiary[data-v-fdb58350]:hover:not(:disabled){outline:none;cursor:pointer} .st-link-button--tertiary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-link-button--tertiary[data-v-fdb58350]:disabled{color:var(--disabled-color-primary)} @media(hover:hover)and (pointer:fine){.st-link-button--tertiary[data-v-fdb58350]:hover:not(:disabled){transition:box-shadow .2s ease-in-out;background-color:var(--background-color-secondary);color:var(--text-color-interactive);box-shadow:0 calc(5/var(--base-font-size, 16)*1rem) calc(5/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.15)}} @media(hover:none)and (pointer:coarse){.st-link-button--tertiary[data-v-fdb58350]:active{transition:box-shadow .2s ease-in-out;background-color:var(--background-color-secondary);color:var(--text-color-interactive);box-shadow:0 calc(5/var(--base-font-size, 16)*1rem) calc(5/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.15)}} .st-link-button--tertiary[data-v-fdb58350]:active,.st-link-button--tertiary[data-v-fdb58350]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-link-button--tertiary[data-v-fdb58350]{white-space:nowrap}} .st-link-button--tertiary[data-v-fdb58350] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--tertiary[data-v-fdb58350] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--quaternary[data-v-fdb58350]{align-items:center;border:none;display:inline-flex;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-regular);justify-content:center;letter-spacing:normal;text-align:center;text-decoration:none;transition:background-color .2s ease;font-weight:var(--font-weight-semi-bold);color:var(--text-color-button-secondary);background-color:var(--background-color-secondary);border:var(--border-width) solid transparent;min-height:calc(40/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(48/var(--base-font-size, 16)*1rem);border-radius:calc(99/var(--base-font-size, 16)*1rem)} .st-link-button--quaternary[data-v-fdb58350]:disabled{cursor:not-allowed} .st-link-button--quaternary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)} .st-link-button--quaternary[data-v-fdb58350]:focus,.st-link-button--quaternary[data-v-fdb58350]:hover:not(:disabled){outline:none;cursor:pointer} .st-link-button--quaternary[data-v-fdb58350]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--text-color-secondary)} .st-link-button--quaternary[data-v-fdb58350]:disabled{color:var(--background-color-quaternary)} @media(hover:hover)and (pointer:fine){.st-link-button--quaternary[data-v-fdb58350]:hover:not(:disabled){border:var(--border-width) solid var(--border-color-primary);box-shadow:none}} @media(hover:none)and (pointer:coarse){.st-link-button--quaternary[data-v-fdb58350]:active{border:var(--border-width) solid var(--border-color-primary);box-shadow:none}} .st-link-button--quaternary[data-v-fdb58350]:active,.st-link-button--quaternary[data-v-fdb58350]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-link-button--quaternary[data-v-fdb58350]{white-space:nowrap}} .st-link-button--quaternary[data-v-fdb58350] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--quaternary[data-v-fdb58350] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-link-button--small[data-v-fdb58350]{min-height:calc(32/var(--base-font-size, 16)*1rem);padding:calc(2/var(--base-font-size, 16)*1rem) calc(16/var(--base-font-size, 16)*1rem)} .st-link-button--rectangular[data-v-fdb58350],.st-link-button--rectangular[data-v-fdb58350]:active,.st-link-button--rectangular[data-v-fdb58350]:focus{border-radius:var(--border-radius)} .st-link-button--full-width[data-v-fdb58350]{width:100%} .st-link-button--loading span[data-v-fdb58350]{color:transparent} .st-link-button--loading .st-spinner[data-v-fdb58350]{position:absolute} .st-link-button--loading[data-v-fdb58350] .st-icon{opacity:0} [data-v-f62d1b0a]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-f62d1b0a]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-f62d1b0a],[data-v-f62d1b0a]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-f62d1b0a]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-f62d1b0a]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-banner[data-v-f62d1b0a]{background-color:var(--background-color-tertiary);background-size:cover;background-position:100%;background-position-y:35%;color:var(--text-color-primary);height:calc(480/var(--base-font-size, 16)*1rem);display:flex;flex-direction:column;align-items:center;padding:calc(35/var(--base-font-size, 16)*1rem) calc(45/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-banner[data-v-f62d1b0a]{justify-content:center;padding:0}} .st-banner--is-light[data-v-f62d1b0a]{background-color:var(--border-color-quaternary)} .st-banner__heading[data-v-f62d1b0a]{font-family:var(--font-secondary);font-weight:700;letter-spacing:calc(1.06667/var(--base-font-size, 16)*1rem);color:inherit;font-size:calc(24/var(--base-font-size, 16)*1rem);line-height:calc(28/var(--base-font-size, 16)*1rem);text-align:center} @media(min-width:1025px){.st-banner__heading[data-v-f62d1b0a]{font-size:calc(36/var(--base-font-size, 16)*1rem);line-height:calc(44/var(--base-font-size, 16)*1rem)}} .st-banner__heading--is-light[data-v-f62d1b0a]{color:var(--text-color-tertiary)!important} .st-banner__paragraph[data-v-f62d1b0a]{font-family:var(--font-primary);color:inherit;font-size:calc(18/var(--base-font-size, 16)*1rem);line-height:calc(20/var(--base-font-size, 16)*1rem);margin-top:calc(18/var(--base-font-size, 16)*1rem);text-align:center;opacity:1!important} @media(min-width:1025px){.st-banner__paragraph[data-v-f62d1b0a]{font-size:calc(24/var(--base-font-size, 16)*1rem);line-height:calc(44/var(--base-font-size, 16)*1rem);margin-top:0}} .st-banner__paragraph--is-light[data-v-f62d1b0a]{color:var(--text-color-tertiary)!important} .st-banner__actions[data-v-f62d1b0a]{display:flex;flex-direction:column;justify-content:center;margin-top:calc(18/var(--base-font-size, 16)*1rem);width:100%} .st-banner__actions--banner-has-background[data-v-f62d1b0a]{margin-top:auto} @media(min-width:1025px){.st-banner__actions[data-v-f62d1b0a]{margin-top:calc(20/var(--base-font-size, 16)*1rem);flex-direction:row}} .st-banner__actions[data-v-f62d1b0a]>:first-child{margin-bottom:calc(8/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-banner__actions[data-v-f62d1b0a]>:first-child{margin-bottom:0;margin-right:calc(8/var(--base-font-size, 16)*1rem)}} :export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} :export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} :root,[data-theme=st]{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-article{background-color:var(--background-color-secondary)} .st-article__inner{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:calc(320/var(--base-font-size, 16)*1rem);padding:var(--xxl) var(--xl)} .st-article__inner__text__headline{font-family:var(--font-secondary);margin-bottom:0;color:var(--text-color-primary);font-weight:700;font-size:calc(26/var(--base-font-size, 16)*1rem);margin-top:var(--xl)} .st-article__inner__text__links{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:var(--xl)} .st-article__inner__text__links>:first-child{margin-right:var(--xs)} .st-article__inner__text__paragraph{font-family:var(--font-primary);color:var(--text-color-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);text-align:left;margin:0;margin-top:var(--xl);font-weight:400;line-height:calc(24/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-article__inner__text__paragraph{font-size:calc(18/var(--base-font-size, 16)*1rem)}} .st-article__inner__text__paragraph>a{color:inherit} .st-article__inner__text__paragraph>a:focus{border:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary);outline:none} .st-article__inner__img--with-video{position:relative} .st-article__inner__img img{width:100%;border-radius:calc(16/var(--base-font-size, 16)*1rem)} .st-article__inner__img__btn:focus .play-button{border:var(--border-width) var(--border-color-quaternary) solid} .st-article__inner__img .play-button{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(80/var(--base-font-size, 16)*1rem);height:calc(80/var(--base-font-size, 16)*1rem);background-color:rgba(0,0,0,.24);border-radius:calc(50/var(--base-font-size, 16)*1rem)} .st-article__inner__img .play-button:hover{box-shadow:0 calc(2/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.16)} .st-article:nth-child(2n).ot{background-color:#f1f4f8} .st-article:nth-child(2n).bt,.st-article:nth-child(2n).st{background-color:var(--background-color-tertiary)} @media(min-width:1025px){.st-article--block .st-article__inner{flex-direction:row;max-width:calc(1050/var(--base-font-size, 16)*1rem)}.st-article--block .st-article__inner__text{width:50%;margin-left:var(--xl)}.st-article--block .st-article__inner__text__headline{font-size:calc(34/var(--base-font-size, 16)*1rem);margin:0}.st-article--block .st-article__inner__img{width:50%;margin-right:var(--xl)}.st-article--block:nth-child(odd) .st-article__inner__text{order:1;margin-right:var(--xl);margin-left:0}.st-article--block:nth-child(odd) .st-article__inner__img{order:2;margin-left:var(--xl);margin-right:0}.st-article--card{margin:var(--md);border-radius:calc(16/var(--base-font-size, 16)*1rem)}.st-article--card .st-article__inner{height:100%;width:calc(370/var(--base-font-size, 16)*1rem);padding:0}.st-article--card .st-article__inner__img img{border-bottom-left-radius:0;border-bottom-right-radius:0;height:calc(220/var(--base-font-size, 16)*1rem)}.st-article--card .st-article__inner__text{height:100%;display:flex;flex-direction:column;padding:0 calc(32/var(--base-font-size, 16)*1rem) calc(32/var(--base-font-size, 16)*1rem) calc(32/var(--base-font-size, 16)*1rem)}.st-article--card .st-article__inner__text__paragraph{flex-grow:1}.st-article--card:nth-child(2n).bt,.st-article--card:nth-child(2n).ot,.st-article--card:nth-child(2n).st{background-color:var(--background-color-secondary)}} .st-article__modal__body__icon{display:inline-flex;cursor:pointer} .video-fade-transition-enter-active,.video-fade-transition-leave-active{transition:opacity .25s} .video-fade-transition-enter,.video-fade-transition-leave-to{opacity:0} .st-travel-sausage-badge{display:inline-flex;position:relative} .st-travel-sausage-badge__icon{display:flex;align-items:center;position:absolute;top:50%;left:45%;transform:translate(-45%,-50%)} [data-v-b3991aa4]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-b3991aa4]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-b3991aa4],[data-v-b3991aa4]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-b3991aa4]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-b3991aa4]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-travel-sausage[data-v-b3991aa4]{display:flex;align-items:center;flex-direction:row;background-color:var(--palette-neutral-100);border-radius:calc(4/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:calc(18/var(--base-font-size, 16)*1rem);line-height:calc(24/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);padding-right:calc(4/var(--base-font-size, 16)*1rem);height:calc(24/var(--base-font-size, 16)*1rem)} @media(max-width:320px){.st-travel-sausage[data-v-b3991aa4]{font-size:calc(13/var(--base-font-size, 16)*1rem)}} .st-travel-sausage[data-v-b3991aa4]>:not(:last-child){margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-travel-sausage-group{display:flex} [data-v-4a75aa78]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-4a75aa78]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-4a75aa78],[data-v-4a75aa78]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-4a75aa78]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-4a75aa78]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-occupancy[data-v-4a75aa78]{display:inline-flex;align-items:center;padding:calc(4/var(--base-font-size, 16)*1rem) calc(12/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) calc(0/var(--base-font-size, 16)*1rem)} @media(max-width:320px){.st-occupancy[data-v-4a75aa78]{flex-direction:column}} .st-occupancy__container[data-v-4a75aa78],.st-occupancy__container__icons[data-v-4a75aa78]{display:flex} .st-occupancy__container__icons[data-v-4a75aa78]:nth-child(2n){margin-right:calc(1/var(--base-font-size, 16)*1rem)} .st-occupancy__container__no-svg[data-v-4a75aa78],.st-occupancy__paragraph[data-v-4a75aa78]{margin:0} .st-occupancy__paragraph--with-margin-left[data-v-4a75aa78]{margin-left:calc(8/var(--base-font-size, 16)*1rem)} .st-occupancy--is-boxed[data-v-4a75aa78]{margin-top:calc(7/var(--base-font-size, 16)*1rem);padding:calc(4/var(--base-font-size, 16)*1rem) calc(12/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) calc(12/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);background-color:var(--background-color-tertiary);border-radius:calc(4/var(--base-font-size, 16)*1rem)} [data-v-a91bf49e]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-a91bf49e]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-a91bf49e],[data-v-a91bf49e]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-a91bf49e]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-a91bf49e]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-table-item__data-cell[data-v-a91bf49e]{padding:calc(18/var(--base-font-size, 16)*1rem) calc(10/var(--base-font-size, 16)*1rem);display:flex;flex-direction:row} .st-table-item__data-cell[data-v-a91bf49e]>*{width:50%} @media(min-width:1025px){.st-table-item__data-cell[data-v-a91bf49e]:first-child{border-left:calc(3/var(--base-font-size, 16)*1rem) solid var(--border-color-primary)}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table-item__data-cell[data-v-a91bf49e]:first-child{border-left:calc(3/var(--base-font-size, 16)*1rem) solid var(--border-color-primary)}} .st-table-item__data-cell__span[data-v-a91bf49e]{color:var(--text-color-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);word-wrap:break-word} @media(min-width:1025px){.st-table-item__data-cell[data-v-a91bf49e]{display:table-cell;padding:calc(22/var(--base-font-size, 16)*1rem)}.st-table-item__data-cell[data-v-a91bf49e]>*{width:100%}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table-item__data-cell[data-v-a91bf49e]{display:table-cell;padding:calc(22/var(--base-font-size, 16)*1rem)}[data-set-breakpoint=medium] .st-table-item__data-cell[data-v-a91bf49e]>*{width:100%}} .st-table-item__data-cell__mobile-header[data-v-a91bf49e]{display:table-header-group;font-weight:var(--font-weight-semi-bold);padding-right:calc(10/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-table-item__data-cell__mobile-header[data-v-a91bf49e]{display:none}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table-item__data-cell__mobile-header[data-v-a91bf49e]{display:none}} [data-v-16a87159]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-16a87159]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-16a87159],[data-v-16a87159]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-16a87159]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-16a87159]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-table-header[data-v-16a87159]{-webkit-user-select:none;-moz-user-select:none;user-select:none} @media(min-width:1025px){.st-table-header[data-v-16a87159]{padding:calc(22/var(--base-font-size, 16)*1rem)}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table-header[data-v-16a87159]{padding:calc(22/var(--base-font-size, 16)*1rem)}} .st-table-header--is-sortable[data-v-16a87159]{cursor:pointer} .st-table-header__container[data-v-16a87159]{display:flex} .st-table-header__container__title[data-v-16a87159]{color:var(--text-color-primary);font-weight:600;word-break:break-all;font-size:calc(16/var(--base-font-size, 16)*1rem)} .st-table-header__container[data-v-16a87159]>:not(:last-child){margin-right:calc(10/var(--base-font-size, 16)*1rem)} .st-table-header__container__sort[data-v-16a87159]{display:flex;flex-direction:column} .st-table-header__container__sort[data-v-16a87159]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-table-header__container__sort[data-v-16a87159]>:first-child{display:flex;margin-bottom:calc(3/var(--base-font-size, 16)*1rem);transform:rotate(180deg)} .st-table-header__container__sort[data-v-16a87159]>:last-child{display:flex} [data-v-6ef200e8]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-6ef200e8]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-6ef200e8],[data-v-6ef200e8]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-6ef200e8]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-6ef200e8]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-table-mobile[data-v-6ef200e8]{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column} @media(min-width:1025px){.st-table-mobile[data-v-6ef200e8]{display:none}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table-mobile[data-v-6ef200e8]{display:none}} .st-table-mobile__label[data-v-6ef200e8]{font-weight:600;font-size:calc(14/var(--base-font-size, 16)*1rem);color:var(--text-color-primary)} .st-table-mobile__radio-btns[data-v-6ef200e8]{display:flex;margin:calc(15/var(--base-font-size, 16)*1rem) 0} .st-table-mobile__radio-btns[data-v-6ef200e8]>:not(:last-child){margin-right:calc(100/var(--base-font-size, 16)*1rem)} .st-table-mobile[data-v-6ef200e8]>:last-child{margin-bottom:calc(15/var(--base-font-size, 16)*1rem);width:50%} [data-v-25a8be96]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-25a8be96]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-25a8be96],[data-v-25a8be96]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-25a8be96]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-25a8be96]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-table[data-v-25a8be96]{font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);color:var(--text-color-primary)} @media(min-width:1025px){.st-table[data-v-25a8be96]{border-right:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary);border-left:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary)}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table[data-v-25a8be96]{border-right:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary);border-left:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary)}} .st-table__mobile-sort[data-v-25a8be96]{padding:calc(10/var(--base-font-size, 16)*1rem);display:block} @media(min-width:1025px){.st-table__mobile-sort[data-v-25a8be96]{display:none}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__mobile-sort[data-v-25a8be96]{display:none}} .st-table__content[data-v-25a8be96]{width:100%} @media(min-width:1025px){.st-table__content[data-v-25a8be96]{border-collapse:separate;border-spacing:0 calc(2/var(--base-font-size, 16)*1rem);background-color:var(--border-color-quinary)}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__content[data-v-25a8be96]{border-collapse:separate;border-spacing:0 calc(2/var(--base-font-size, 16)*1rem);background-color:var(--border-color-quinary)}} .st-table__content__header[data-v-25a8be96]{background-color:var(--container-color-tertiary);display:none} @media(min-width:1025px){.st-table__content__header[data-v-25a8be96]{display:table-header-group}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__content__header[data-v-25a8be96]{display:table-header-group}} .st-table__content__header__row[data-v-25a8be96]{border:solid var(--border-color-quinary) calc(1/var(--base-font-size, 16)*1rem);vertical-align:baseline} .st-table__content__body__row[data-v-25a8be96]{background-color:var(--container-color-primary);display:flex;flex-direction:column;transition:background .2s linear;border-color:var(--border-color-quinary) var(--border-color-quinary) var(--border-color-quinary) var(--border-color-primary);border-width:calc(1/var(--base-font-size, 16)*1rem) calc(1/var(--base-font-size, 16)*1rem) calc(1/var(--base-font-size, 16)*1rem) calc(3/var(--base-font-size, 16)*1rem);border-style:solid;margin-top:calc(5/var(--base-font-size, 16)*1rem)} .st-table__content__body__row[data-v-25a8be96]:last-child{border-bottom-width:calc(2/var(--base-font-size, 16)*1rem)} .st-table__content__body__row__chevron[data-v-25a8be96]{display:flex;justify-content:center;padding:calc(2/var(--base-font-size, 16)*1rem) 0 calc(20/var(--base-font-size, 16)*1rem) 0} .st-table__content__body__row__chevron[data-v-25a8be96]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} @media(min-width:1025px){.st-table__content__body__row__chevron[data-v-25a8be96]{padding:0 calc(12/var(--base-font-size, 16)*1rem) 0 0}.st-table__content__body__row__chevron--expanded-true[data-v-25a8be96]{padding-top:0!important}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__content__body__row__chevron[data-v-25a8be96]{padding:0 calc(12/var(--base-font-size, 16)*1rem) 0 0}[data-set-breakpoint=medium] .st-table__content__body__row__chevron--expanded-true[data-v-25a8be96]{padding-top:0!important}} .st-table__content__body__row__chevron--expanded-true[data-v-25a8be96]{transform:scaleY(-1);padding-bottom:0;padding-top:calc(12/var(--base-font-size, 16)*1rem)} @media(min-width:1025px){.st-table__content__body__row[data-v-25a8be96]{display:table-row}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__content__body__row[data-v-25a8be96]{display:table-row}} .st-table__content__body__row[data-v-25a8be96]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-table__content__body__row--white[data-v-25a8be96]{background-color:var(--container-color-secondary)} .st-table__content__body__row--beige[data-v-25a8be96]{background-color:var(--container-color-primary)} .st-table__content__body__row__clickable[data-v-25a8be96]{cursor:pointer} .st-table__content__body__row__clickable[data-v-25a8be96]:hover{background-color:var(--background-color-quaternary)} .st-table__content__body .st-table__content__body__row--is-danger[data-v-25a8be96]{background-color:var(--danger-color-secondary);border-top:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);border-bottom:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);border-right:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)} @media(min-width:1025px){.st-table__content__body .st-table__content__body__row--is-danger[data-v-25a8be96]{border:none}.st-table__content__body .st-table__content__body__row--is-danger .st-table-item__data-cell[data-v-25a8be96]{border-top:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);border-bottom:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)}.st-table__content__body .st-table__content__body__row--is-danger .st-table-item__data-cell[data-v-25a8be96]:last-child{border-right:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)}} @media(min-width:600px){[data-set-breakpoint=medium] .st-table__content__body .st-table__content__body__row--is-danger[data-v-25a8be96]{border:none}[data-set-breakpoint=medium] .st-table__content__body .st-table__content__body__row--is-danger .st-table-item__data-cell[data-v-25a8be96]{border-top:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary);border-bottom:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)}[data-set-breakpoint=medium] .st-table__content__body .st-table__content__body__row--is-danger .st-table-item__data-cell[data-v-25a8be96]:last-child{border-right:calc(1/var(--base-font-size, 16)*1rem) solid var(--danger-color-primary)}} .st-table__content__body .st-table__content__body__row__clickable[data-v-25a8be96]{cursor:pointer} .st-table__content__body .st-table__content__body__row__clickable[data-v-25a8be96]:hover{background-color:var(--background-color-quaternary)} [data-v-6806d697]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-6806d697]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-6806d697],[data-v-6806d697]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-6806d697]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-6806d697]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-tooltip[data-v-6806d697]{padding-top:calc(10/var(--base-font-size, 16)*1rem);border-radius:calc(6/var(--base-font-size, 16)*1rem)} .st-tooltip--expanded[data-v-6806d697]{padding:calc(10/var(--base-font-size, 16)*1rem);background-color:var(--background-color-quaternary)} .st-tooltip--expanded[data-v-6806d697]>:first-child{margin-bottom:calc(10/var(--base-font-size, 16)*1rem)} .st-tooltip--expanded[data-v-6806d697]>:first-child>:last-child{margin-left:auto} .st-tooltip__title[data-v-6806d697]{display:flex;align-items:center} .st-tooltip__title__icon[data-v-6806d697]{display:flex;align-self:center;margin-left:calc(10/var(--base-font-size, 16)*1rem);cursor:pointer} .st-tooltip__title__icon[data-v-6806d697]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-tooltip__content[data-v-6806d697]{color:var(--text-color-primary);font-family:var(--font-primary)} [data-v-7dbfa097]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-7dbfa097]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-7dbfa097],[data-v-7dbfa097]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-7dbfa097]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-7dbfa097]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-back-button[data-v-7dbfa097]{all:unset;background-color:var(--background-color-secondary);border-radius:calc(20/var(--base-font-size, 16)*1rem);box-shadow:0 calc(2/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.1);display:inline-flex;padding:calc(2/var(--base-font-size, 16)*1rem) calc(12/var(--base-font-size, 16)*1rem);align-items:center;cursor:pointer;transition:box-shadow .2s ease-in-out} .st-back-button[data-v-7dbfa097]:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-back-button[data-v-7dbfa097]:hover{box-shadow:0 calc(5/var(--base-font-size, 16)*1rem) calc(5/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.15)} .st-back-button__text[data-v-7dbfa097]{margin-left:calc(4/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);font-size:calc(14/var(--base-font-size, 16)*1rem);line-height:150%;color:var(--text-color-primary)} .st-back-button__text[data-v-7dbfa097]:hover{color:var(--text-color-interactive)} [data-v-1661a514]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-1661a514]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-1661a514],[data-v-1661a514]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-1661a514]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-1661a514]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-headline[data-v-1661a514]{color:var(--text-color-primary)} .st-headline--with-border[data-v-1661a514]{padding-bottom:calc(24/var(--base-font-size, 16)*1rem);border-bottom:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-tertiary)} .st-headline--text[data-v-1661a514]{margin:0;font-weight:700;line-height:150%;font-family:var(--font-secondary);color:var(--text-color-primary)} .st-headline--text--font-primary[data-v-1661a514]{font-family:var(--font-primary)} .st-headline--text--color-secondary[data-v-1661a514]{color:var(--text-color-quinary)} .st-headline--text--h1[data-v-1661a514]{font-size:calc(42/var(--base-font-size, 16)*1rem)} .st-headline--text--h2[data-v-1661a514]{font-size:calc(32/var(--base-font-size, 16)*1rem)} .st-headline--text--h3[data-v-1661a514]{font-size:calc(24/var(--base-font-size, 16)*1rem)} .st-headline--text--h4[data-v-1661a514]{font-size:calc(18/var(--base-font-size, 16)*1rem)} .st-headline--text--h5[data-v-1661a514]{font-size:calc(16/var(--base-font-size, 16)*1rem)} .st-headline--text--h6[data-v-1661a514]{font-size:calc(14/var(--base-font-size, 16)*1rem)} .st-headline--text--thin[data-v-1661a514]{font-weight:400} .st-date-picker{background-color:var(--background-color-secondary);display:flex;align-items:center;height:calc(48/var(--base-font-size, 16)*1rem);border:var(--border-width--thin) solid var(--border-color-quaternary);border-radius:calc(6/var(--base-font-size, 16)*1rem);width:100%} .st-date-picker--invalid{border-color:var(--danger-color-primary);border-width:var(--border-width--thin)} .st-date-picker :disabled,.st-date-picker--disabled{background-color:var(--container-color-secondary)} .st-date-picker:focus-within{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--background-color-secondary),0 0 0 calc(4/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);border-radius:calc(6/var(--base-font-size, 16)*1rem);outline:none} .st-date-picker__input{border-color:transparent;color:var(--text-color-primary);font-family:var(--font-primary);width:100%;padding-left:var(--lg);font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:1.5;margin-bottom:0} .st-date-picker__input:focus{outline:none} .st-date-picker-dropdown-group{color:var(--text-color-primary)} .st-date-picker-dropdown-group__weekday{display:block;margin:auto;text-align:center} .st-date-picker-dropdown-group__header{margin:calc(16/var(--base-font-size, 16)*1rem);padding:calc(8/var(--base-font-size, 16)*1rem);border-bottom:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary)} .st-date-picker-dropdown-group__header__row{margin-top:calc(8/var(--base-font-size, 16)*1rem)} .st-date-picker-dropdown-group__header__month-button,.st-date-picker-dropdown-group__header__year-button{color:var(--text-color-primary);border-radius:var(--border-radius)} .st-date-picker-dropdown-group__header__month-button:hover,.st-date-picker-dropdown-group__header__year-button:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__header__month-button:focus,.st-date-picker-dropdown-group__header__year-button:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-date-picker-dropdown-group__header__next-button,.st-date-picker-dropdown-group__header__previous-button{color:var(--text-color-primary);border-radius:calc(20/var(--base-font-size, 16)*1rem)} .st-date-picker-dropdown-group__header__next-button:hover,.st-date-picker-dropdown-group__header__previous-button:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__header__next-button:focus,.st-date-picker-dropdown-group__header__previous-button:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-date-picker-dropdown-group__monthpicker__month,.st-date-picker-dropdown-group__monthpicker__year,.st-date-picker-dropdown-group__yearpicker__month,.st-date-picker-dropdown-group__yearpicker__year{color:var(--text-color-primary)} .st-date-picker-dropdown-group__monthpicker__month:hover,.st-date-picker-dropdown-group__monthpicker__year:hover,.st-date-picker-dropdown-group__yearpicker__month:hover,.st-date-picker-dropdown-group__yearpicker__year:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__monthpicker__month:focus-visible,.st-date-picker-dropdown-group__monthpicker__year:focus-visible,.st-date-picker-dropdown-group__yearpicker__month:focus-visible,.st-date-picker-dropdown-group__yearpicker__year:focus-visible{outline-color:var(--border-color-quaternary)} .st-date-picker-dropdown-group__daylabel{margin:auto} .st-date-picker-dropdown-group__daylabel:focus,.st-date-picker-dropdown-group__daylabel:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__daylabel:focus{outline-color:var(--background-color-primary);color:var(--text-color-primary)} .st-date-picker-dropdown-group .p-highlight{background-color:var(--background-color-primary)!important;color:var(--container-color-primary)!important} .st-date-picker-dropdown-group .p-highlight:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-date-picker-dropdown-group .p-highlight:hover{background-color:var(--background-color-quaternary)!important;color:var(--text-color-primary)!important} .st-date-picker-dropdown-group .p-datepicker-today span{background-color:transparent;border:solid calc(1/var(--base-font-size, 16)*1rem) var(--background-color-primary)} .st-date-picker-dropdown-group .p-datepicker-today span:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__button-bar{margin:calc(8/var(--base-font-size, 16)*1rem);padding:calc(8/var(--base-font-size, 16)*1rem);border-top:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary)} .st-date-picker-dropdown-group__button-bar button{color:var(--text-color-quinary);border-radius:var(--border-radius)} .st-date-picker-dropdown-group__button-bar button:hover{background-color:var(--background-color-quaternary)} .st-date-picker-dropdown-group__button-bar button:focus-visible{outline-color:var(--border-color-quaternary)} .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{outline:none} [data-v-4f36f3e4]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-4f36f3e4]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-4f36f3e4],[data-v-4f36f3e4]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-4f36f3e4]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-4f36f3e4]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-news-card[data-v-4f36f3e4]{max-width:calc(496/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);display:flex;border-radius:calc(12/var(--base-font-size, 16)*1rem);background-color:var(--background-color-secondary)} .st-news-card[data-v-4f36f3e4]:hover{background-color:var(--bigarrå-100);color:var(--greyscale-900)} .st-news-card[data-v-4f36f3e4]:focus{border:calc(1/var(--base-font-size, 16)*1rem) solid var(--greyscale-900)} .st-news-card[data-v-4f36f3e4]:focus,.st-news-card[data-v-4f36f3e4]:hover{box-shadow:0 calc(4/var(--base-font-size, 16)*1rem) calc(14/var(--base-font-size, 16)*1rem) 0 rgba(0,0,0,.05)} .st-news-card[data-v-4f36f3e4]:focus-within{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)} .st-news-card__wrapper[data-v-4f36f3e4]{display:flex;flex-direction:column;position:relative;height:100%;width:100%} .st-news-card__wrapper img[data-v-4f36f3e4]{width:100%;height:calc(359/var(--base-font-size, 16)*1rem);-o-object-fit:cover;object-fit:cover} .st-news-card__spinner[data-v-4f36f3e4]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:calc(12/var(--base-font-size, 16)*1rem);background-color:hsla(0,0%,42%,.203);-webkit-backdrop-filter:blur(calc(5/var(--base-font-size, 16)*1rem));backdrop-filter:blur(calc(5/var(--base-font-size, 16)*1rem));z-index:9999;display:flex;justify-content:center;align-items:center;width:100%;height:100%} .st-news-card__content-section[data-v-4f36f3e4]{display:flex;flex-direction:column;flex-grow:1;padding:calc(32/var(--base-font-size, 16)*1rem);border:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quinary);border-radius:0 0 calc(12/var(--base-font-size, 16)*1rem) calc(12/var(--base-font-size, 16)*1rem)} .st-news-card__headline-container[data-v-4f36f3e4]{display:flex;align-items:center;gap:calc(8/var(--base-font-size, 16)*1rem)} .st-news-card__headline[data-v-4f36f3e4]{width:100%;color:var(--text-color-primary)} .st-news-card__headline[data-v-4f36f3e4] .st-headline--text{line-height:normal!important} .st-news-card__headline a[data-v-4f36f3e4]{font-family:var(--font-secondary);color:var(--text-color-primary);text-decoration:none;outline:none} .st-news-card__headline a[data-v-4f36f3e4]:after{content:"";position:absolute;z-index:2;border-radius:calc(12/var(--base-font-size, 16)*1rem);left:0;top:0;right:0;bottom:0} .st-news-card__link[data-v-4f36f3e4]{display:flex;justify-content:space-between} .st-news-card__headline-text[data-v-4f36f3e4]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow-wrap:break-word} .st-news-card__link-icon[data-v-4f36f3e4]{vertical-align:middle;margin-left:calc(4/var(--base-font-size, 16)*1rem)} .st-news-card__sub-heading[data-v-4f36f3e4]{font-size:calc(14/var(--base-font-size, 16)*1rem);margin:calc(8/var(--base-font-size, 16)*1rem) 0 0 0;color:var(--text-color-primary)} .st-news-card__content[data-v-4f36f3e4]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow-wrap:break-word;color:var(--text-color-primary);margin:calc(16/var(--base-font-size, 16)*1rem) 0} .st-news-card--secondary[data-v-4f36f3e4]{background-color:var(--container-color-tertiary)} .st-news-card--is-overflow-hidden[data-v-4f36f3e4]{overflow:hidden} .st-news-card--sm[data-v-4f36f3e4]{max-width:calc(360/var(--base-font-size, 16)*1rem)} .st-news-card--sm img[data-v-4f36f3e4]{height:calc(160/var(--base-font-size, 16)*1rem)} .st-news-card--sm .st-news-card__content-section[data-v-4f36f3e4]{padding:calc(18/var(--base-font-size, 16)*1rem) calc(24/var(--base-font-size, 16)*1rem)} .st-news-card--sm .st-news-card__link[data-v-4f36f3e4]{display:flex} .st-news-card--sm .st-news-card__headline-text[data-v-4f36f3e4]{font-size:calc(18/var(--base-font-size, 16)*1rem)} .st-news-card--sm .st-news-card__content[data-v-4f36f3e4]{display:none} [data-v-51f95f69]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-51f95f69]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-51f95f69],[data-v-51f95f69]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-51f95f69]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-51f95f69]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-pagination__label[data-v-51f95f69]{display:flex;flex-direction:column;align-items:baseline;color:var(--text-color-primary);margin-bottom:calc(16/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:calc(21/var(--base-font-size, 16)*1rem)} .st-pagination__label[data-v-51f95f69]:focus{outline:none} @media(min-width:1025px){.st-pagination__label[data-v-51f95f69]{flex-direction:row}.st-pagination__label[data-v-51f95f69]>:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}} .st-pagination__label__title[data-v-51f95f69]{font-family:var(--font-secondary);font-size:calc(18/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-bold);line-height:calc(27/var(--base-font-size, 16)*1rem)} .st-pagination__pagination[data-v-51f95f69]{display:flex;justify-content:center;margin-top:calc(32/var(--base-font-size, 16)*1rem)} .st-pagination__pagination__controls[data-v-51f95f69]{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0} .st-pagination__pagination__controls__truncate[data-v-51f95f69]{padding:calc(8/var(--base-font-size, 16)*1rem);font-family:var(--font-primary);color:var(--text-color-primary);transition:opacity .3s ease,transform .3s ease} .st-pagination__pagination__controls__btn[data-v-51f95f69]{display:flex;height:calc(32/var(--base-font-size, 16)*1rem);width:calc(32/var(--base-font-size, 16)*1rem);background:none;border:var(--border-width) solid transparent;font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);justify-content:center;align-items:center;cursor:pointer;color:var(--text-color-primary);transition:opacity .3s ease,transform .3s ease;opacity:1;transform:scale(1)} .st-pagination__pagination__controls__btn__text[data-v-51f95f69]{color:var(--text-color-primary);padding:calc(2/var(--base-font-size, 16)*1rem) calc(8/var(--base-font-size, 16)*1rem);border-bottom:var(--border-width) solid transparent;line-height:calc(21/var(--base-font-size, 16)*1rem)} .st-pagination__pagination__controls__btn__text--selected[data-v-51f95f69]{font-weight:var(--font-weight-bold);border-bottom:var(--border-width) solid var(--border-color-primary)} .st-pagination__pagination__controls__btn[data-v-51f95f69]:focus{outline:none;border:var(--border-width) solid var(--border-color-quarternary)} .st-pagination__pagination__controls__btn[data-v-51f95f69]:hover{border:var(--border-width--thin) solid var(--border-color-primary)} .st-pagination__pagination__controls__btn--disabled[data-v-51f95f69]{cursor:not-allowed} .st-pagination__pagination__controls__btn--disabled[data-v-51f95f69]:hover{border-color:transparent} .st-pagination__pagination__controls[data-v-51f95f69]>:not(:last-child){margin-right:calc(4/var(--base-font-size, 16)*1rem)} .st-pagination__pagination__controls>:first-child .st-icon[data-v-51f95f69]{transform:rotate(90deg)} .st-pagination__pagination__controls>:last-child .st-icon[data-v-51f95f69]{transform:rotate(-90deg)} .st-pagination__loader[data-v-51f95f69]{margin-top:calc(24/var(--base-font-size, 16)*1rem);text-align:center} @media(min-width:1025px){.st-pagination__loader[data-v-51f95f69]{margin-top:calc(80/var(--base-font-size, 16)*1rem)}} .st-pagination__focus-holder[data-v-51f95f69]{position:absolute;left:calc(-10000/var(--base-font-size, 16)*1rem);top:auto;width:calc(1/var(--base-font-size, 16)*1rem);height:calc(1/var(--base-font-size, 16)*1rem);overflow:hidden} .pagination-transition-enter-active[data-v-51f95f69],.pagination-transition-leave-active[data-v-51f95f69]{transition:opacity .3s ease,transform .3s ease} .pagination-transition-enter-from[data-v-51f95f69],.pagination-transition-leave-to[data-v-51f95f69]{opacity:0;transform:scale(.8)} [data-v-2f2901fc]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-2f2901fc]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-2f2901fc],[data-v-2f2901fc]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-2f2901fc]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-2f2901fc]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-quantity-stepper__element-group[data-v-2f2901fc]{display:flex;align-items:center;gap:var(--sm)} .st-quantity-stepper__element-group__centered-text[data-v-2f2901fc] :first-child{text-align:center} .st-quantity-stepper__element-group__select[data-v-2f2901fc]{width:100%} .st-quantity-stepper__element-group__span[data-v-2f2901fc]{width:100%;min-width:calc(32/var(--base-font-size, 16)*1rem);text-align:center} .st-quantity-stepper__element-group__button[data-v-2f2901fc]{width:calc(40/var(--base-font-size, 16)*1rem);height:calc(40/var(--base-font-size, 16)*1rem);border-radius:50%;margin:0;padding:0;display:flex;justify-content:center;align-items:center} [data-v-694748e2]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-694748e2]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-694748e2],[data-v-694748e2]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-694748e2]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-694748e2]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-progress-bar-text-only[data-v-694748e2]{display:none;text-align:center;font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:500;color:var(--palette-secondary-900)} @media(max-width:320px){.st-progress-bar-text-only[data-v-694748e2]{display:block}} .st-progress-bar[data-v-694748e2]{display:flex;align-items:center;justify-content:space-between;width:calc(320/var(--base-font-size, 16)*1rem);position:relative;height:calc(24/var(--base-font-size, 16)*1rem)} @media(max-width:320px){.st-progress-bar[data-v-694748e2]{display:none}} .st-progress-bar__line[data-v-694748e2]{width:99%;left:0;right:0;background-color:var(--background-color-quaternary);z-index:1} .st-progress-bar__line[data-v-694748e2],.st-progress-bar__progress[data-v-694748e2]{position:absolute;top:50%;height:calc(4/var(--base-font-size, 16)*1rem);transform:translateY(-50%);border-radius:calc(2/var(--base-font-size, 16)*1rem)} .st-progress-bar__progress[data-v-694748e2]{left:calc(12/var(--base-font-size, 16)*1rem);background-color:var(--background-color-primary);z-index:2;transition:width .4s} .st-progress-bar__step[data-v-694748e2]{position:relative;z-index:3;width:calc(24/var(--base-font-size, 16)*1rem);height:calc(24/var(--base-font-size, 16)*1rem);border-radius:50%;background-color:var(--background-color-quaternary);display:flex;align-items:center;justify-content:center;font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:700;color:var(--palette-secondary-900);overflow:hidden;transition:color .2s} .st-progress-bar__step-fill[data-v-694748e2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-color-primary);transform:translateX(-100%);z-index:-1} .st-progress-bar__step-content[data-v-694748e2]{position:relative;z-index:1} .st-progress-bar__step--active[data-v-694748e2]{color:var(--text-color-tertiary)} .st-progress-bar__step--active .st-progress-bar__step-fill[data-v-694748e2]{transform:translateX(0)} .st-progress-bar__step--active .st-progress-bar__step-indicator[data-v-694748e2]{opacity:1} .st-progress-bar__step--current[data-v-694748e2]{color:var(--text-color-tertiary)} .st-progress-bar__step--animating-forward[data-v-694748e2]{transition-delay:.2s} .st-progress-bar__step--animating-forward .st-progress-bar__step-fill[data-v-694748e2]{animation:fillStep-694748e2 .1s .17s forwards} .st-progress-bar__step--animating-backward[data-v-694748e2]{transition-delay:.03s} .st-progress-bar__step--animating-backward .st-progress-bar__step-fill[data-v-694748e2]{animation:unfillStep-694748e2 .03s .05s backwards} .st-progress-bar__step--last .st-progress-bar__step-indicator[data-v-694748e2]{display:none} @keyframes fillStep-694748e2{0%{transform:translateX(-100%)}to{transform:translateX(0)}} @keyframes unfillStep-694748e2{0%{transform:translateX(0)}to{transform:translateX(-100%)}} .sr-only[data-v-694748e2]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} [data-v-94f18414]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-94f18414]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-94f18414],[data-v-94f18414]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-94f18414]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-94f18414]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-file-picker-selected[data-v-94f18414]{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--container-color-secondary);padding:calc(8/var(--base-font-size, 16)*1rem);border-radius:0} .st-file-picker-selected[data-v-94f18414]:first-of-type{border-top-left-radius:calc(8/var(--base-font-size, 16)*1rem);border-top-right-radius:calc(8/var(--base-font-size, 16)*1rem)} .st-file-picker-selected[data-v-94f18414]:last-of-type{border-bottom-left-radius:calc(8/var(--base-font-size, 16)*1rem);border-bottom-right-radius:calc(8/var(--base-font-size, 16)*1rem)} .st-file-picker-selected span span[data-v-94f18414]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow-wrap:break-word} .st-file-picker-selected[data-v-94f18414]>*{border:var(--border-width) solid transparent;border-radius:calc(8/var(--base-font-size, 16)*1rem)} .st-file-picker-selected__file[data-v-94f18414]{display:flex;align-items:center;line-height:calc(24/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-semi-bold);text-align:left;color:var(--text-color-quinary);max-width:calc(100% - 50/var(--base-font-size, 16)*1rem);flex:1;padding:calc(8/var(--base-font-size, 16)*1rem);outline:none;word-break:break-word;margin-right:calc(16/var(--base-font-size, 16)*1rem)} .st-file-picker-selected__file[data-v-94f18414]>:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .st-file-picker-selected__file--link[data-v-94f18414]:focus{border:var(--border-width) solid var(--border-color-quaternary)} .st-file-picker-selected__file--link[data-v-94f18414]:hover{font-weight:var(--font-weight-bold)} .st-file-picker-selected__remove-btn[data-v-94f18414]{font-family:var(--font-primary);font-weight:var(--font-weight-semi-bold);display:inline-flex;align-items:center;justify-content:center;background:transparent;line-height:calc(24/var(--base-font-size, 16)*1rem);font-size:calc(16/var(--base-font-size, 16)*1rem);color:var(--text-color-quinary);white-space:nowrap;max-height:calc(34/var(--base-font-size, 16)*1rem);cursor:pointer;flex-shrink:0;margin-left:calc(16/var(--base-font-size, 16)*1rem)} .st-file-picker-selected__remove-btn[data-v-94f18414]>:first-child{margin-right:calc(4/var(--base-font-size, 16)*1rem)} .st-file-picker-selected__remove-btn[data-v-94f18414]:focus{outline:none;border:var(--border-width) solid var(--border-color-quaternary)} @media(max-width:calc(400 / var(--base-font-size,16) * 1rem)){.st-file-picker-selected[data-v-94f18414]{flex-direction:row;align-items:center}.st-file-picker-selected__file[data-v-94f18414]{margin-right:calc(8/var(--base-font-size, 16)*1rem);max-width:calc(100% - 50/var(--base-font-size, 16)*1rem)}.st-file-picker-selected__remove-btn[data-v-94f18414]{margin-left:auto;align-self:center}} [data-v-d7fe84e4]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-d7fe84e4]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-d7fe84e4],[data-v-d7fe84e4]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-d7fe84e4]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-d7fe84e4]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-file-picker-input__icon[data-v-d7fe84e4]{transform:rotate(-90deg)} .st-file-picker-input__input[data-v-d7fe84e4]{display:none} [data-v-99b72454]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-99b72454]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-99b72454],[data-v-99b72454]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-99b72454]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-99b72454]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-file-picker__container[data-v-99b72454]{min-height:calc(210/var(--base-font-size, 16)*1rem);background:var(--container-color-tertiary);border:dashed calc(1/var(--base-font-size, 16)*1rem) var(--text-color-secondary);color:var(--text-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:calc(8/var(--base-font-size, 16)*1rem)} .st-file-picker__container--small[data-v-99b72454]{min-height:calc(120/var(--base-font-size, 16)*1rem)} .st-file-picker__container--active[data-v-99b72454]{background:var(--background-color-quaternary);border:solid calc(1/var(--base-font-size, 16)*1rem) var(--border-color-primary)} .st-file-picker__container--invalid[data-v-99b72454]{border:solid calc(1/var(--base-font-size, 16)*1rem) var(--danger-color-primary)} .st-file-picker__container__select[data-v-99b72454]{text-align:center;padding:calc(16/var(--base-font-size, 16)*1rem);margin:calc(32/var(--base-font-size, 16)*1rem) 0} .st-file-picker__container__select[data-v-99b72454]>:not(:last-child){margin-bottom:calc(16/var(--base-font-size, 16)*1rem)} .st-file-picker__error[data-v-99b72454]{display:flex;align-items:center;margin-top:calc(4/var(--base-font-size, 16)*1rem);font-size:calc(14/var(--base-font-size, 16)*1rem);font-weight:var(--font-weight-semi-bold);color:var(--danger-color-primary)} .st-file-picker__error[data-v-99b72454]>:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)} .fade-enter-active[data-v-99b72454],.fade-leave-active[data-v-99b72454]{transition:opacity .3s ease} .fade-enter-from[data-v-99b72454],.fade-leave-to[data-v-99b72454]{opacity:0} .error-enter-active[data-v-99b72454],.error-leave-active[data-v-99b72454]{transition:opacity .2s ease} .error-enter-from[data-v-99b72454],.error-leave-to[data-v-99b72454]{opacity:0} [data-v-fc920296]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb} [data-v-fc920296]:export{new2023-regn:#e9e4e2;new2023-sand:#f3efea;new2023-dimma:#dad6d4;new2023-skanerod-10:#faeceb;new2023-vallmo:#dc001b;new2023-aska-800:#3e3b39;current-white:#fff;current-bggrey:#f5f3f0;current-lightgrey:#cac6c5;current-lightgreywarm:#edebe5;current-darkgrey:#514f4f;current-grey:#928f8f;current-black:#2b241d;current-orange:#f7bb0d;current-darkorange:#f6a200;current-lightorange:#fbdd86;current-lightorangetext:#fbdd86;current-brightorange:#fdf7e2;legacy-skåneröd:#cc3f39;legacy-skånerödhover:#cc4039;legacy-solgul:#eaad07;legacy-solgulalt:#f7bb0d;legacy-röd:#e96952;legacy-orange:#f7bb0d;legacy-solnedgång:#fc9a16;legacy-blå:#230a79;legacy-lila:#6214ba;legacy-stadstrafik:#509e2f;legacy-regionstrafik:#fec900;legacy-pågatåg:#635ea2;legacy-vit:#fff;legacy-nästansvart:#2b241c;legacy-varmmörk:#4d4844;legacy-varmgrå:#6e6055;legacy-varmgråalt:#807569;legacy-varmljusgrå:#d6d3d0;legacy-varmvit:#f2efe9;legacy-nästanvit:#f9f8f5;legacy-invalid:#cc4039;legacy-black:#2b241d;legacy-greydark:#4d4845;legacy-greybrown1:#6e6054;legacy-greybrown2:#807568;legacy-stred:#df0000;legacy-goldenrod:#f6bb0a;legacy-offwhite:#f9f8f5;legacy-lightpeach:#d6d3d0;legacy-active:#4cba4d;legacy-inactive:#e14949;legacy-cardgul:#f6a200;legacy-lightgrey:#cac6c5;legacy-darkgrey:#514f4f;legacy-groda:#43b02a;legacy-hjarta:#d6001c} [data-theme=st][data-v-fc920296],[data-v-fc920296]:root{--bigarrå-900:#4c1721;--bigarrå-800:#661f2c;--bigarrå-700:#6d202b;--bigarrå-600:#894c54;--bigarrå-500:#a4767d;--bigarrå-400:#b18b90;--bigarrå-300:#c1a2a6;--bigarrå-200:#cfb8bb;--bigarrå-100:#dccccf;--skåneröd-900:#b33931;--skåneröd-800:#c33d36;--skåneröd-700:#cc4039;--skåneröd-600:#d35b55;--skåneröd-500:#db7772;--skåneröd-400:#e2928e;--skåneröd-300:#e9adaa;--skåneröd-200:#f0c8c6;--skåneröd-100:#f8e4e3;--greyscale-900:#1e1b19;--greyscale-800:#3e3b39;--greyscale-700:#5c5957;--greyscale-600:#706c6a;--greyscale-500:#999593;--greyscale-400:#b6b2b0;--greyscale-300:#dad6d4;--greyscale-200:#e9e4e2;--greyscale-100:#fff;--björk-900:#307120;--björk-800:#358223;--björk-700:#399325;--björk-600:#3ea827;--björk-500:#5eb446;--björk-400:#73bd5c;--björk-300:#92cb7e;--björk-200:#bbdead;--björk-100:#e4f2dd;--vatten-1000:#00504e;--vatten-900:#00726f;--vatten-800:#008c8c;--vatten-700:#009aa3;--vatten-600:#2ea9b0;--vatten-500:#5cb8be;--vatten-400:#72bfc3;--vatten-300:#89c7ca;--vatten-200:#a1cfd2;--vatten-100:#b7d6d8;--vatten-50:#dfeded;--sand-100:#f3efea;--sand-50:#f9f7f5;--vallmo-700:#dc001b;--ringblomma-700:#ff7b00;--palette-primary-900:var(--bigarrå-900);--palette-primary-800:var(--bigarrå-800);--palette-primary-700:var(--bigarrå-700);--palette-primary-600:var(--bigarrå-600);--palette-primary-500:var(--bigarrå-500);--palette-primary-400:var(--bigarrå-400);--palette-primary-300:var(--bigarrå-300);--palette-primary-200:var(--bigarrå-200);--palette-primary-100:var(--bigarrå-100);--palette-secondary-900:var(--greyscale-900);--palette-secondary-800:var(--greyscale-800);--palette-secondary-700:var(--greyscale-700);--palette-secondary-600:var(--greyscale-600);--palette-secondary-500:var(--greyscale-500);--palette-secondary-400:var(--greyscale-400);--palette-secondary-300:var(--greyscale-300);--palette-secondary-200:var(--greyscale-200);--palette-secondary-100:var(--greyscale-100);--palette-danger-900:var(--skåneröd-900);--palette-danger-800:var(--skåneröd-800);--palette-danger-700:var(--skåneröd-700);--palette-danger-600:var(--skåneröd-600);--palette-danger-500:var(--skåneröd-500);--palette-danger-400:var(--skåneröd-400);--palette-danger-300:var(--skåneröd-300);--palette-danger-200:var(--skåneröd-200);--palette-danger-100:var(--skåneröd-100);--palette-success-900:var(--björk-900);--palette-success-800:var(--björk-800);--palette-success-700:var(--björk-700);--palette-success-600:var(--björk-600);--palette-success-500:var(--björk-500);--palette-success-400:var(--björk-400);--palette-success-300:var(--björk-300);--palette-success-200:var(--björk-200);--palette-success-100:var(--björk-100);--palette-interactive-900:var(--vatten-900);--palette-interactive-800:var(--vatten-800);--palette-interactive-700:var(--vatten-700);--palette-interactive-600:var(--vatten-600);--palette-interactive-500:var(--vatten-500);--palette-interactive-400:var(--vatten-400);--palette-interactive-300:var(--vatten-300);--palette-interactive-200:var(--vatten-200);--palette-interactive-100:var(--vatten-100);--palette-interactive-50:var(--vatten-50);--palette-neutral-100:var(--sand-100);--palette-neutral-50:var(--sand-50);--palette-brand-700:var(--vallmo-700);--palette-icon-700:var(--ringblomma-700);--background-color-primary:var(--palette-primary-700);--background-color-secondary:var(--palette-secondary-100);--background-color-tertiary:var(--palette-secondary-300);--background-color-quaternary:var(--palette-primary-200);--background-color-quinary:var(--palette-interactive-50);--text-color-primary:var(--palette-secondary-800);--text-color-secondary:var(--palette-secondary-700);--text-color-tertiary:var(--palette-secondary-100);--text-color-quaternary:var(--palette-secondary-300);--text-color-quinary:var(--palette-primary-700);--text-color-interactive:var(--palette-interactive-900);--text-color-button-secondary:var(--palette-primary-700);--text-color-tabs:var(--palette-secondary-800);--border-color-primary:var(--palette-primary-700);--border-color-secondary:var(--palette-primary-500);--border-color-tertiary:var(--palette-secondary-300);--border-color-quaternary:var(--palette-secondary-900);--border-color-quinary:var(--palette-secondary-200);--border-color-active-tab:var(--palette-primary-700);--success-color-primary:var(--palette-success-700);--success-color-secondary:var(--palette-success-100);--danger-color-primary:var(--palette-danger-700);--danger-color-secondary:var(--palette-danger-100);--disabled-color-primary:var(--palette-secondary-300);--disabled-color-secondary:var(--palette-secondary-500);--disabled-color-tertiary:var(--palette-neutral-100);--disabled-color-quaternary:var(--palette-secondary-100);--interactive-color-primary:var(--palette-interactive-800);--interactive-color-secondary:var(--palette-interactive-900);--interactive-color-tertiary:var(--palette-interactive-700);--container-color-primary:var(--palette-secondary-100);--container-color-secondary:var(--palette-neutral-100);--container-color-tertiary:var(--palette-neutral-50);--container-color-quarternary:var(--palette-neutral-100);--brand-color-primary:var(--palette-brand-700);--icon-color-primary:var(--palette-icon-700);--font-primary:"Source Sans Pro";--font-secondary:"Bitter";--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem)} [data-theme=ot][data-v-fc920296]{--orange-700:#c48c03;--orange-600:#e4aa1e;--orange-500:#fbbb21;--orange-50:#fff8e9;--red-900:#5f060c;--red-800:#7a080f;--red-700:#b10b16;--red-500:#e10e1c;--red-50:#fce4e5;--greyscale-900:#0a0a0a;--grey-800:#4d4845;--grey-700:#514f4f;--greyscale-600:#444;--greyscale-500:#6b6b6b;--greyscale-400:#a4a2a1;--grey-200:#c4c4c4;--grey-50:#f2f0ef;--grey:#e3e3e3;--white:#fff;--linen-50:#fcf0e7;--linen-100:#f9e3d2;--linen-200:#f6d7bb;--neutral-50:#f9f7f5;--green-500:#027e3e;--green-50:#eff9f5;--ochre-500:#d6780d;--ochre-600:#b0630b;--blue-500:#0078c7;--blue-100:#eaf6fa;--yellow-500:#fd0;--yellow-50:#fff9a7;--background-color-primary:var(--red-500);--background-color-secondary:var(--white);--background-color-tertiary:var(--grey-50);--background-color-quaternary:var(--grey-50);--text-color-primary:var(--grey-700);--text-color-secondary:var(--grey-800);--text-color-tertiary:var(--white);--text-color-quaternary:var(--greyscale-400);--text-color-quinary:var(--red-500);--text-color-interactive:var(--red-500);--text-color-button-secondary:var(--grey-700);--text-color-tabs:var(--grey-700);--border-color-primary:var(--red-500);--border-color-secondary:var(--red-800);--border-color-tertiary:var(--greyscale-400);--border-color-quaternary:var(--greyscale-900);--border-color-quinary:var(--grey-200);--border-color-active-tab:var(--red-500);--success-color-primary:var(--green-500);--success-color-secondary:var(--green-50);--danger-color-primary:var(--red-500);--danger-color-secondary:var(--red-50);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--greyscale-500);--disabled-color-tertiary:var(--grey-50);--disabled-color-quaternary:var(--greyscale-500);--interactive-color-primary:var(--red-700);--interactive-color-secondary:var(--red-800);--interactive-color-tertiary:var(--red-500);--interactive-color-quaternary:var(--red-900);--container-color-primary:var(--white);--container-color-secondary:var(--linen-50);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--yellow-500);--brand-color-primary:var(--red-500);--icon-color-primary:var(--red-500);--font-primary:"HelveticaNeueW01-45Ligh",sans-serif;--font-secondary:"Bitter"} [data-theme=bt][data-v-fc920296]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/var(--base-font-size))*1rem);--border-radius:calc((6/var(--base-font-size))*1rem);--border-radius-xl:calc((24/var(--base-font-size))*1rem);--base-medium:#383838;--base-low:#707070;--base-white:#fff;--grey:#2222221a;--font-high-emphasis:#000000de;--font-medium-emphasis:#00000099;--font-disabled:#00000061;--focus-default:#245dc1;--focus-active:#164290;--focus-marker:#593bdd;--primary-red:#e0213b;--accent-green:#3a8534;--accent-green-dark:#294d08;--accent-light-green:#c0c938;--accent-beige:#ebebe7;--tint-beige:#f5f5f3;--tint-gray:#f5f5f5;--neutral-50:#f9f7f5;--info-black:#000;--info-background:#e5f3fd;--danger-red:#b00020;--danger-background:#fceeee;--success-green:#00792c;--background-color-primary:var(--accent-green);--background-color-secondary:var(--base-white);--background-color-tertiary:var(--tint-beige);--background-color-quaternary:var(--accent-beige);--text-color-primary:var(--font-high-emphasis);--text-color-secondary:var(--font-medium-emphasis);--text-color-tertiary:var(--base-white);--text-color-quaternary:var(--font-disabled);--text-color-quinary:var(--accent-green);--text-color-interactive:var(--focus-default);--text-color-button-secondary:var(--accent-green);--text-color-tabs:var(--font-high-emphasis);--border-color-primary:var(--accent-green);--border-color-secondary:var(--accent-green-dark);--border-color-tertiary:var(--base-low);--border-color-quaternary:var(--font-medium-emphasis);--border-color-quinary:var(--base-low);--border-color-active-tab:var(--accent-green);--success-color-primary:var(--success-green);--success-color-secondary:var(--tint-beige);--danger-color-primary:var(--danger-red);--danger-color-secondary:var(--danger-background);--disabled-color-primary:var(--grey);--disabled-color-secondary:var(--base-medium);--disabled-color-tertiary:var(--accent-beige);--disabled-color-quaternary:var(--font-disabled);--interactive-color-primary:var(--accent-green);--interactive-color-secondary:var(--accent-green-dark);--interactive-color-tertiary:var(--accent-green);--interactive-color-quaternary:var(--base-medium);--container-color-primary:var(--base-white);--container-color-secondary:var(--accent-beige);--container-color-tertiary:var(--neutral-50);--container-color-quarternary:var(--accent-beige);--brand-color-primary:var(--primary-red);--icon-color-primary:var(--accent-green);--font-primary:Roboto,Arial,sans-serif;--font-secondary:barmeno,Roboto,Arial,sans-serif} .st-expandable-details[data-v-fc920296]{color:var(--text-color-primary)} .st-expandable-details__summary[data-v-fc920296]{display:flex;align-items:center;cursor:pointer;padding:calc(8/var(--base-font-size, 16)*1rem);list-style:none;gap:calc(8/var(--base-font-size, 16)*1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none} .st-expandable-details__summary[data-v-fc920296]::-webkit-details-marker{display:none} .st-expandable-details__summary[data-v-fc920296]::marker{display:none} .st-expandable-details__summary:hover .st-expandable-details__heading[data-v-fc920296]{text-decoration:underline} .st-expandable-details__summary[data-v-fc920296]:focus{outline:none;box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);border-radius:calc(4/var(--base-font-size, 16)*1rem)} .st-expandable-details__summary[data-v-fc920296]:focus-visible{outline:none;box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--border-color-quaternary);border-radius:calc(4/var(--base-font-size, 16)*1rem)} .st-expandable-details__icon[data-v-fc920296]{flex-shrink:0} .st-expandable-details__heading[data-v-fc920296]{font-family:var(--font-primary);font-size:calc(16/var(--base-font-size, 16)*1rem);font-weight:600;margin:0;flex:1} .st-expandable-details__content[data-v-fc920296]{padding:calc(8/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);font-family:var(--font-primary);font-size:calc(14/var(--base-font-size, 16)*1rem);line-height:1.5} .st-expandable-details__content[data-v-fc920296] h1{margin:calc(8/var(--base-font-size, 16)*1rem) 0 calc(8/var(--base-font-size, 16)*1rem) 0} .st-expandable-details__content[data-v-fc920296] h1:not(:first-child){margin-top:calc(24/var(--base-font-size, 16)*1rem)} .st-expandable-details__content[data-v-fc920296] p{margin:0} 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, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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 { 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; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } .grecaptcha-badge { visibility: hidden; } :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ :export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } :root, [data-theme=st] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } :root, [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } :root, [data-theme=st] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } body { font-family: var(--font-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); background: var(--container-color-tertiary); } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; } .fade-enter-from, .fade-leave-to { opacity: 0; } [data-v-9e14f0db]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-9e14f0db]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-9e14f0db]:root, [data-theme=st][data-v-9e14f0db] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-9e14f0db]:root, [data-theme=st][data-v-9e14f0db] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-9e14f0db]:root, [data-theme=st][data-v-9e14f0db] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-9e14f0db] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-9e14f0db] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-9e14f0db] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-9e14f0db] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-9e14f0db] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-landing-page[data-v-9e14f0db] { display: flex; flex-direction: column; align-items: center; position: relative; min-height: 80vh; } .st-landing-page__image[data-v-9e14f0db] { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .st-landing-page__heading[data-v-9e14f0db] { margin-top: calc(20 / var(--base-font-size, 16) * 1rem); text-align: center; } @media (min-width: 1025px) { .st-landing-page__heading[data-v-9e14f0db] { margin-top: 5vh; } } .st-landing-page__heading__title[data-v-9e14f0db] { color: var(--background-color-secondary); font-family: var(--font-secondary); font-weight: 700; font-size: calc(42 / var(--base-font-size, 16) * 1rem); line-height: calc(50 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-landing-page__heading__paragraph[data-v-9e14f0db] { color: var(--background-color-secondary); font-weight: 600; font-size: calc(21 / var(--base-font-size, 16) * 1rem); line-height: calc(30 / var(--base-font-size, 16) * 1rem); } .st-landing-page__slot[data-v-9e14f0db] { position: absolute; top: calc(350 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-landing-page__slot[data-v-9e14f0db] { top: 25vh; } } [data-v-befbf741]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-befbf741]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-befbf741]:root, [data-theme=st][data-v-befbf741] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-befbf741]:root, [data-theme=st][data-v-befbf741] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-befbf741]:root, [data-theme=st][data-v-befbf741] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-befbf741] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-befbf741] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-befbf741] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-befbf741] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-befbf741] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-login-card[data-v-befbf741] { display: flex; flex-direction: column; align-items: center; width: calc(280 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-login-card[data-v-befbf741] { width: calc(400 / var(--base-font-size, 16) * 1rem); padding: 0 calc(20 / var(--base-font-size, 16) * 1rem); } } .st-login-card[data-v-befbf741] > :not(:first-child) { width: 100%; } .st-login-card__inputs[data-v-befbf741] { margin-top: calc(25 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(30 / var(--base-font-size, 16) * 1rem); } .st-login-card__inputs[data-v-befbf741] > :not(:first-child) { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-login-card__description[data-v-befbf741] { text-align: center; line-height: calc(20 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); } .st-login-card__error[data-v-befbf741] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-login-card__link[data-v-befbf741] { text-align: center; color: var(--text-color-secondary); line-height: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(30 / var(--base-font-size, 16) * 1rem); } .st-login-card__link[data-v-befbf741]:focus { outline: none; box-shadow: 0 0 0 calc(2 / var(--base-font-size, 16) * 1rem) var(--background-color-secondary), 0 0 0 calc(4 / var(--base-font-size, 16) * 1rem) var(--border-color-quaternary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-color: transparent; } [data-v-f4ed3973]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-f4ed3973]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-f4ed3973]:root, [data-theme=st][data-v-f4ed3973] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-f4ed3973]:root, [data-theme=st][data-v-f4ed3973] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f4ed3973]:root, [data-theme=st][data-v-f4ed3973] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-f4ed3973] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-f4ed3973] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f4ed3973] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-f4ed3973] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-f4ed3973] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-account-card[data-v-f4ed3973] { display: flex; flex-direction: row; background-color: var(--container-color-secondary); padding: calc(12 / var(--base-font-size, 16) * 1rem) calc(33 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(10 / var(--base-font-size, 16) * 1rem); align-items: center; cursor: pointer; } .st-account-card[data-v-f4ed3973]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .st-account-card__info[data-v-f4ed3973] { display: flex; flex-grow: 1; flex-direction: column; font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); } .st-account-card__info__name[data-v-f4ed3973] { font-weight: 600; font-size: calc(16 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-account-card__chevron[data-v-f4ed3973] { transform: rotate(-90deg); } [data-v-068c7464]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-068c7464]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-068c7464]:root, [data-theme=st][data-v-068c7464] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-068c7464]:root, [data-theme=st][data-v-068c7464] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-068c7464]:root, [data-theme=st][data-v-068c7464] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-068c7464] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-068c7464] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-068c7464] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-068c7464] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-068c7464] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-account-selection-card[data-v-068c7464] { display: flex; flex-direction: column; align-items: center; max-width: calc(300 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-account-selection-card[data-v-068c7464] { padding: 0 calc(20 / var(--base-font-size, 16) * 1rem); min-width: calc(550 / var(--base-font-size, 16) * 1rem); } } .st-account-selection-card[data-v-068c7464] > :first-child { text-align: center; margin-bottom: calc(25 / var(--base-font-size, 16) * 1rem); } .st-account-selection-card[data-v-068c7464] > :first-child:focus { outline: none; } .st-account-selection-card[data-v-068c7464] > * { width: 100%; } .st-account-selection-card__cards[data-v-068c7464] { padding: calc(2 / var(--base-font-size, 16) * 1rem); } .st-account-selection-card__cards[data-v-068c7464] > :not(:last-child) { margin-bottom: calc(10 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-account-selection-card__cards[data-v-068c7464] { max-height: calc(300 / var(--base-font-size, 16) * 1rem); padding-right: calc(5 / var(--base-font-size, 16) * 1rem); overflow: auto; } } .st-account-selection-card__divider[data-v-068c7464] { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(25 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-account-selection-card__btns[data-v-068c7464] { display: flex; flex-direction: row; } .st-account-selection-card__btns[data-v-068c7464] > :not(:last-child) { margin-right: calc(15 / var(--base-font-size, 16) * 1rem); } .st-account-selection-card__description[data-v-068c7464] { text-align: center; line-height: calc(20 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); } .st-account-selection-card__link[data-v-068c7464] { text-align: center; color: var(--text-color-secondary); line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-account-selection-card__error[data-v-068c7464] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-8840711a]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-8840711a]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-8840711a]:root, [data-theme=st][data-v-8840711a] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-8840711a]:root, [data-theme=st][data-v-8840711a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-8840711a]:root, [data-theme=st][data-v-8840711a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-8840711a] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-8840711a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-8840711a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-8840711a] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-8840711a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-forgot-password-card[data-v-8840711a] { display: flex; flex-direction: column; align-items: center; max-width: calc(280 / var(--base-font-size, 16) * 1rem); } .st-forgot-password-card[data-v-8840711a] > :first-child { text-align: center; } @media (min-width: 1025px) { .st-forgot-password-card[data-v-8840711a] { min-width: calc(400 / var(--base-font-size, 16) * 1rem); } } .st-forgot-password-card__description[data-v-8840711a] { color: var(--text-color-secondary); margin-top: calc(10 / var(--base-font-size, 16) * 1rem); max-width: calc(314 / var(--base-font-size, 16) * 1rem); text-align: center; line-height: calc(20 / var(--base-font-size, 16) * 1rem); } .st-forgot-password-card__input[data-v-8840711a] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(30 / var(--base-font-size, 16) * 1rem); width: 100%; } .st-forgot-password-card__error[data-v-8840711a] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-forgot-password-card__buttons[data-v-8840711a] { display: flex; flex-direction: column-reverse; width: 100%; } .st-forgot-password-card__buttons[data-v-8840711a] > :last-child { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-forgot-password-card__buttons[data-v-8840711a] { flex-direction: row; } .st-forgot-password-card__buttons[data-v-8840711a] > :first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-forgot-password-card__buttons[data-v-8840711a] > :last-child { margin-bottom: 0; } } [data-v-a0185ede]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-a0185ede]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-a0185ede]:root, [data-theme=st][data-v-a0185ede] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-a0185ede]:root, [data-theme=st][data-v-a0185ede] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a0185ede]:root, [data-theme=st][data-v-a0185ede] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-a0185ede] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-a0185ede] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a0185ede] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-a0185ede] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-a0185ede] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-number-dot[data-v-a0185ede] { display: inline-flex; position: relative; } .st-number-dot__number[data-v-a0185ede] { font-family: var(--font-secondary); color: var(--text-color-tertiary); font-size: calc(29 / var(--base-font-size, 16) * 1rem); font-weight: 700; display: flex; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .st-number-dot > svg > circle[data-v-a0185ede] { fill: var(--background-color-primary); } [data-v-0cbf9124]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-0cbf9124]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-0cbf9124]:root, [data-theme=st][data-v-0cbf9124] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-0cbf9124]:root, [data-theme=st][data-v-0cbf9124] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0cbf9124]:root, [data-theme=st][data-v-0cbf9124] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-0cbf9124] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-0cbf9124] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0cbf9124] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-0cbf9124] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-0cbf9124] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-onboarding-view[data-v-0cbf9124] { display: flex; justify-content: center; } .st-onboarding-view[data-v-0cbf9124] > :first-child { margin: calc(25 / var(--base-font-size, 16) * 1rem) calc(5 / var(--base-font-size, 16) * 1rem); } .st-onboarding-view__card[data-v-0cbf9124] { flex-direction: column; max-width: calc(840 / var(--base-font-size, 16) * 1rem); word-break: break-word; } @media (min-width: 1025px) { .st-onboarding-view__card[data-v-0cbf9124] { padding: 0 calc(65 / var(--base-font-size, 16) * 1rem); } } .st-onboarding-view__card[data-v-0cbf9124] > :first-child { text-align: center; } .st-onboarding-view__card[data-v-0cbf9124] > :last-child { margin: calc(50 / var(--base-font-size, 16) * 1rem) 0; } .st-onboarding-view__card__divider[data-v-0cbf9124] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); margin-top: calc(32 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(57 / var(--base-font-size, 16) * 1rem); } .st-onboarding-view__card__line[data-v-0cbf9124] { position: absolute; margin-left: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(60 / var(--base-font-size, 16) * 1rem); border-left: calc(1 / var(--base-font-size, 16) * 1rem) dashed var(--border-color-primary); height: calc(410 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-onboarding-view__card__line[data-v-0cbf9124] { height: calc(270 / var(--base-font-size, 16) * 1rem); } } .st-onboarding-view__card__description[data-v-0cbf9124] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); margin-top: calc(32 / var(--base-font-size, 16) * 1rem); line-height: calc(28 / var(--base-font-size, 16) * 1rem); } .st-onboarding-view__card__step[data-v-0cbf9124] { display: flex; align-items: center; } .st-onboarding-view__card__step[data-v-0cbf9124] > :first-child { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } .st-onboarding-view__card__step__title[data-v-0cbf9124] { font-weight: 700; font-size: calc(28 / var(--base-font-size, 16) * 1rem); font-family: var(--font-secondary); } .st-onboarding-view__card__step__description[data-v-0cbf9124] { margin-top: calc(10 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(52 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); padding-left: calc(65 / var(--base-font-size, 16) * 1rem); } .st-onboarding-view__card__button[data-v-0cbf9124] { padding: 0 calc(80 / var(--base-font-size, 16) * 1rem); } [data-v-06683487]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-06683487]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-06683487]:root, [data-theme=st][data-v-06683487] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-06683487]:root, [data-theme=st][data-v-06683487] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-06683487]:root, [data-theme=st][data-v-06683487] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-06683487] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-06683487] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-06683487] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-06683487] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-06683487] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-tags[data-v-06683487] { display: flex; flex-wrap: wrap; width: 80%; position: relative; } .st-tags__tag[data-v-06683487] { display: inline-flex; margin: calc(2 / var(--base-font-size, 16) * 1rem); border-radius: calc(100 / var(--base-font-size, 16) * 1rem); padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-quaternary); color: var(--text-color-primary); border: var(--border-color-primary) calc(2 / var(--base-font-size, 16) * 1rem) solid; font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .st-tags__hover-tag[data-v-06683487]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .st-tags__hover-tag__text[data-v-06683487] { display: inline-flex; align-items: center; margin: calc(2 / var(--base-font-size, 16) * 1rem); border-radius: calc(100 / var(--base-font-size, 16) * 1rem); padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-primary); color: var(--text-color-tertiary); border: var(--border-color-primary) calc(2 / var(--base-font-size, 16) * 1rem) solid; font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .st-tags__hover[data-v-06683487] { position: absolute; top: 100%; z-index: 1; } .st-tags__hover__box[data-v-06683487] { margin-top: calc(5 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border: var(--border-color-tertiary) solid calc(2 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-secondary); padding: calc(15 / var(--base-font-size, 16) * 1rem); display: flex; align-items: flex-start; flex-wrap: wrap; } .st-tags__hover__box__tag[data-v-06683487] { display: inline-flex; margin: calc(2 / var(--base-font-size, 16) * 1rem); border-radius: calc(100 / var(--base-font-size, 16) * 1rem); padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-quaternary); color: var(--text-color-primary); border: var(--border-color-primary) calc(2 / var(--base-font-size, 16) * 1rem) solid; font-size: calc(14 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-tags__hover__box__tag[data-v-06683487] { text-wrap: nowrap; } } [data-v-b51fb59a]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-b51fb59a]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-b51fb59a]:root, [data-theme=st][data-v-b51fb59a] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-b51fb59a]:root, [data-theme=st][data-v-b51fb59a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b51fb59a]:root, [data-theme=st][data-v-b51fb59a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-b51fb59a] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-b51fb59a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b51fb59a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-b51fb59a] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-b51fb59a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-traveler-status[data-v-b51fb59a] { display: flex; justify-content: center; align-items: center; } .st-traveler-status__text[data-v-b51fb59a] { display: flex; flex-direction: column; text-align: left; margin-left: calc(8 / var(--base-font-size, 16) * 1rem); } .st-traveler-status__text__bold[data-v-b51fb59a] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 700; }.st-address[data-v-adb91a84] { display: flex; flex-direction: column; } [data-v-65828af1]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-65828af1]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-65828af1]:root, [data-theme=st][data-v-65828af1] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-65828af1]:root, [data-theme=st][data-v-65828af1] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-65828af1]:root, [data-theme=st][data-v-65828af1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-65828af1] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-65828af1] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-65828af1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-65828af1] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-65828af1] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-traveler-search-view[data-v-65828af1] { display: flex; flex-direction: column; align-items: center; } .st-traveler-search-view__search-bar[data-v-65828af1] { margin-bottom: calc(100 / var(--base-font-size, 16) * 1rem); width: 80%; } @media (min-width: 1025px) { .st-traveler-search-view__search-bar[data-v-65828af1] { width: 50%; } } .st-traveler-search-view__search-bar__no-results[data-v-65828af1] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); text-align: center; } .st-traveler-search-view__search-bar__no-results__title[data-v-65828af1] { font-weight: var(--font-weight-bold); margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-traveler-search-view__search-result[data-v-65828af1] { width: 100%; height: 120%; padding: 0 calc(20 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; } @media (min-width: 1025px) { .st-traveler-search-view__search-result[data-v-65828af1] { padding: 0 calc(70 / var(--base-font-size, 16) * 1rem); } } .st-traveler-search-view__search-result__checkbox[data-v-65828af1] { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveler-search-view__search-result__checkbox[data-v-65828af1] { align-self: end; } } .st-traveler-search-view__search-result__spinner[data-v-65828af1] { margin-top: calc(20 / var(--base-font-size, 16) * 1rem); } [data-v-b5d5e338]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-b5d5e338]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-b5d5e338]:root, [data-theme=st][data-v-b5d5e338] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-b5d5e338]:root, [data-theme=st][data-v-b5d5e338] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b5d5e338]:root, [data-theme=st][data-v-b5d5e338] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-b5d5e338] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-b5d5e338] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b5d5e338] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-b5d5e338] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-b5d5e338] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card-order-tabs__card-types[data-v-b5d5e338] { display: flex; flex-direction: row; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding-top: calc(16 / var(--base-font-size, 16) * 1rem); flex-wrap: wrap; } .st-card-order-tabs__card-types__tab[data-v-b5d5e338] { width: 100%; min-height: calc(138 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(16 / var(--base-font-size, 16) * 1rem); display: flex; align-items: flex-start; justify-content: space-between; gap: calc(16 / var(--base-font-size, 16) * 1rem); flex: 1 1 calc(50% - 16 / var(--base-font-size, 16) * 1rem); } .st-card-order-tabs__card-types__tab__text[data-v-b5d5e338] { display: flex; flex-direction: column; gap: calc(8 / var(--base-font-size, 16) * 1rem); } .st-card-order-tabs__card-types__tab[data-v-b5d5e338]:hover { border-color: var(--background-color-primary); cursor: pointer; } .st-card-order-tabs__card-types__tab[data-v-b5d5e338]:focus { box-shadow: 0 0 0 calc(2 / var(--base-font-size, 16) * 1rem) var(--background-color-secondary), 0 0 0 calc(4 / var(--base-font-size, 16) * 1rem) var(--border-color-quaternary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-color: var(--background-color-primary); outline: none; cursor: pointer; } .st-card-order-tabs__card-types__tab.active[data-v-b5d5e338] { border-color: var(--background-color-primary); box-shadow: inset calc(5 / var(--base-font-size, 16) * 1rem) 0 0 0 var(--background-color-primary); } .st-card-order-tabs__card-types__tab.active[data-v-b5d5e338]:focus { box-shadow: 0 0 0 calc(2 / var(--base-font-size, 16) * 1rem) var(--background-color-secondary), 0 0 0 calc(4 / var(--base-font-size, 16) * 1rem) var(--border-color-quaternary), inset calc(5 / var(--base-font-size, 16) * 1rem) 0 0 0 var(--background-color-primary); } .st-card-order-tabs__card-types__tab__header[data-v-b5d5e338] { display: flex; align-items: center; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-card-order-tabs__card-types__tab__header[data-v-b5d5e338] { align-items: normal; } } .st-card-order-tabs__card-types__tab__info-text[data-v-b5d5e338] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-card-order-tabs__card-types__tab__order-text[data-v-b5d5e338] { font-weight: 600; font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } [data-v-9a07869e]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-9a07869e]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-9a07869e]:root, [data-theme=st][data-v-9a07869e] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-9a07869e]:root, [data-theme=st][data-v-9a07869e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-9a07869e]:root, [data-theme=st][data-v-9a07869e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-9a07869e] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-9a07869e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-9a07869e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-9a07869e] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-9a07869e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card-orders-cover-letter__text[data-v-9a07869e] { color: var(--text-color-secondary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .st-card-orders-cover-letter__radio-buttons[data-v-9a07869e] { display: flex; flex-direction: column; width: fit-content; padding: calc(16 / var(--base-font-size, 16) * 1rem) 0 calc(16 / var(--base-font-size, 16) * 1rem) 0; } .st-card-orders-cover-letter__radio-buttons__description[data-v-9a07869e] { margin-left: calc(38 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); font-weight: 400; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-card-orders-cover-letter__checkbox[data-v-9a07869e] > *:first-child { width: fit-content; font-weight: 600; padding: calc(16 / var(--base-font-size, 16) * 1rem) 0 calc(2 / var(--base-font-size, 16) * 1rem) 0; } .st-card-orders-cover-letter__checkbox__info-text[data-v-9a07869e] { padding-left: calc(32 / var(--base-font-size, 16) * 1rem); } [data-v-8cfe8347]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-8cfe8347]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-8cfe8347]:root, [data-theme=st][data-v-8cfe8347] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-8cfe8347]:root, [data-theme=st][data-v-8cfe8347] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-8cfe8347]:root, [data-theme=st][data-v-8cfe8347] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-8cfe8347] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-8cfe8347] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-8cfe8347] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-8cfe8347] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-8cfe8347] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-return-address-form__text[data-v-8cfe8347] { padding-top: calc(8 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-return-address-form__container[data-v-8cfe8347] { background: var(--container-color-tertiary); max-width: calc(430 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); } .st-return-address-form__container__address-info[data-v-8cfe8347] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); padding: 0 calc(8 / var(--base-font-size, 16) * 1rem); justify-content: space-between; display: flex; } .st-return-address-form__container__address-info__change-button[data-v-8cfe8347] { align-self: flex-start; align-items: center; } .st-return-address-form__container__address-info__change-button[data-v-8cfe8347] > :first-child > :first-child { vertical-align: bottom; } .st-return-address-form__container__address-info__change-button[data-v-8cfe8347] > :first-child > :first-child > :first-child { width: calc(22 / var(--base-font-size, 16) * 1rem); height: calc(22 / var(--base-font-size, 16) * 1rem); } .st-return-address-form__container__address-info__change-button__button[data-v-8cfe8347] { background: none; border: none; color: var(--background-color-primary); font-weight: var(--font-weight-semi-bold); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-family: inherit; } .st-return-address-form__container__address-info__change-button__button[data-v-8cfe8347]:focus { box-shadow: 0 0 0 calc(2 / var(--base-font-size, 16) * 1rem) var(--background-color-secondary), 0 0 0 calc(4 / var(--base-font-size, 16) * 1rem) var(--border-color-quaternary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-color: var(--background-color-primary); outline: none; cursor: pointer; } .st-return-address-form__container__form__button-group[data-v-8cfe8347] { display: flex; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding-top: calc(24 / var(--base-font-size, 16) * 1rem); justify-content: center; } .st-return-address-form__container__form__button-group__button[data-v-8cfe8347] { width: calc(112 / var(--base-font-size, 16) * 1rem); height: calc(48 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-return-address-form__container__form__button-group__button[data-v-8cfe8347] { width: calc(142 / var(--base-font-size, 16) * 1rem); } } .st-return-address-form .fade-enter-active[data-v-8cfe8347], .st-return-address-form .fade-leave-active[data-v-8cfe8347] { transition: opacity 0.5s ease; } .st-return-address-form .fade-enter-from[data-v-8cfe8347], .st-return-address-form .fade-leave-to[data-v-8cfe8347] { opacity: 0; } [data-v-34ad5a55]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-34ad5a55]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-34ad5a55]:root, [data-theme=st][data-v-34ad5a55] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-34ad5a55]:root, [data-theme=st][data-v-34ad5a55] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-34ad5a55]:root, [data-theme=st][data-v-34ad5a55] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-34ad5a55] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-34ad5a55] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-34ad5a55] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-34ad5a55] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-34ad5a55] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-order-confirmation-modal[data-v-34ad5a55] { max-width: calc(380 / var(--base-font-size, 16) * 1rem); text-align: center; } .st-order-confirmation-modal__header[data-v-34ad5a55] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation-modal__info-text[data-v-34ad5a55] { padding: calc(8 / var(--base-font-size, 16) * 1rem) 0 calc(24 / var(--base-font-size, 16) * 1rem) 0; color: var(--border-color-quaternary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation-modal__orderNumber[data-v-34ad5a55] { color: var(--border-color-quaternary); } .st-order-confirmation-modal__button[data-v-34ad5a55] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-136c4711]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-136c4711]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-136c4711]:root, [data-theme=st][data-v-136c4711] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-136c4711]:root, [data-theme=st][data-v-136c4711] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-136c4711]:root, [data-theme=st][data-v-136c4711] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-136c4711] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-136c4711] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-136c4711] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-136c4711] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-136c4711] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-complete-order-modal[data-v-136c4711] { display: flex; flex-direction: column; text-align: center; color: var(--greyscale-900); max-width: calc(680 / var(--base-font-size, 16) * 1rem); } .st-complete-order-modal__header__customer-number[data-v-136c4711] { margin: 0 auto; padding-top: calc(16 / var(--base-font-size, 16) * 1rem); display: inline-grid; text-align: left; line-height: calc(24 / var(--base-font-size, 16) * 1rem); grid-template-columns: calc(168 / var(--base-font-size, 16) * 1rem) calc(100 / var(--base-font-size, 16) * 1rem); } .st-complete-order-modal__header__customer-number__number[data-v-136c4711] { font-weight: bold; } .st-complete-order-modal__content[data-v-136c4711] { margin: 0 auto; } .st-complete-order-modal__content__grid[data-v-136c4711] { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-top: calc(16 / var(--base-font-size, 16) * 1rem); justify-content: center; gap: calc(16 / var(--base-font-size, 16) * 1rem); text-align: left; } .st-complete-order-modal__content__grid__address[data-v-136c4711] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--container-color-primary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); color: var(--greyscale-900); width: 100%; } .st-complete-order-modal__content__grid__address__headline[data-v-136c4711] { padding-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-complete-order-modal__content__grid__address__delivery[data-v-136c4711] { padding-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-complete-order-modal__content__grid__address[data-v-136c4711] { width: calc(328 / var(--base-font-size, 16) * 1rem); } } .st-complete-order-modal__content__grid__right[data-v-136c4711] { display: flex; width: 100%; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-complete-order-modal__content__grid__right[data-v-136c4711] { width: calc(328 / var(--base-font-size, 16) * 1rem); } } .st-complete-order-modal__content__grid__right__order[data-v-136c4711] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--container-color-primary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); height: fit-content; } .st-complete-order-modal__content__grid__right__order__cards[data-v-136c4711] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); padding: calc(8 / var(--base-font-size, 16) * 1rem) 0; } .st-complete-order-modal__content__grid__right__order__cards__item[data-v-136c4711] { display: flex; justify-content: space-between; align-items: center; } .st-complete-order-modal__content__grid__right__order__cards__value[data-v-136c4711] { font-weight: bold; } .st-complete-order-modal__content__grid__right__cost[data-v-136c4711] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--container-color-tertiary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); height: fit-content; } .st-complete-order-modal__content__grid__right__cost__list[data-v-136c4711] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); padding: calc(8 / var(--base-font-size, 16) * 1rem) 0; } .st-complete-order-modal__content__grid__right__cost__list__item[data-v-136c4711] { display: flex; justify-content: space-between; align-items: center; } .st-complete-order-modal__content__grid__right__cost__list__total[data-v-136c4711] { display: flex; justify-content: space-between; align-items: center; font-weight: bold; } .st-complete-order-modal__buttons[data-v-136c4711] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); display: flex; gap: calc(16 / var(--base-font-size, 16) * 1rem); justify-content: center; } .st-complete-order-modal__buttons__button[data-v-136c4711] { width: calc(232 / var(--base-font-size, 16) * 1rem); } .st-complete-order-modal__error[data-v-136c4711] { padding-top: calc(8 / var(--base-font-size, 16) * 1rem); text-align: left; } [data-v-b7ad6cc1]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-b7ad6cc1]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-b7ad6cc1]:root, [data-theme=st][data-v-b7ad6cc1] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-b7ad6cc1]:root, [data-theme=st][data-v-b7ad6cc1] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b7ad6cc1]:root, [data-theme=st][data-v-b7ad6cc1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-b7ad6cc1] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-b7ad6cc1] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b7ad6cc1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-b7ad6cc1] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-b7ad6cc1] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-active-traveler-cards-view__content[data-v-b7ad6cc1] { padding-top: calc(24 / var(--base-font-size, 16) * 1rem); align-items: flex-start; } .st-active-traveler-cards-view__content__divider[data-v-b7ad6cc1] { width: 100%; margin: calc(24 / var(--base-font-size, 16) * 1rem) auto; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-active-traveler-cards-view__content__cards-to-travellers-view[data-v-b7ad6cc1] { padding: calc(16 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-active-traveler-cards-view__content__button[data-v-b7ad6cc1] { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-c1909c37]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-c1909c37]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-c1909c37]:root, [data-theme=st][data-v-c1909c37] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-c1909c37]:root, [data-theme=st][data-v-c1909c37] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c1909c37]:root, [data-theme=st][data-v-c1909c37] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-c1909c37] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-c1909c37] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c1909c37] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-c1909c37] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-c1909c37] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-delivery-address-form__text[data-v-c1909c37] { padding-top: calc(8 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-delivery-address-form__container[data-v-c1909c37] { background: var(--container-color-tertiary); max-width: calc(430 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); } .st-delivery-address-form__container__address-info[data-v-c1909c37] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); line-height: calc(21 / var(--base-font-size, 16) * 1rem); padding: 0 calc(8 / var(--base-font-size, 16) * 1rem); justify-content: space-between; display: flex; } .st-delivery-address-form__container__address-info__change-button[data-v-c1909c37] { align-self: flex-start; align-items: center; } .st-delivery-address-form__container__address-info__change-button[data-v-c1909c37] > :first-child > :first-child { vertical-align: bottom; } .st-delivery-address-form__container__address-info__change-button[data-v-c1909c37] > :first-child > :first-child > :first-child { width: calc(22 / var(--base-font-size, 16) * 1rem); height: calc(22 / var(--base-font-size, 16) * 1rem); } .st-delivery-address-form__container__address-info__change-button__button[data-v-c1909c37] { background: none; border: none; color: var(--background-color-primary); font-weight: var(--font-weight-semi-bold); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-family: inherit; } .st-delivery-address-form__container__address-info__change-button__button[data-v-c1909c37]:focus { box-shadow: 0 0 0 calc(2 / var(--base-font-size, 16) * 1rem) var(--background-color-secondary), 0 0 0 calc(4 / var(--base-font-size, 16) * 1rem) var(--border-color-quaternary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-color: var(--background-color-primary); outline: none; cursor: pointer; } .st-delivery-address-form__container__form__button-group[data-v-c1909c37] { width: 100%; display: flex; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding-top: calc(24 / var(--base-font-size, 16) * 1rem); justify-content: center; } .st-delivery-address-form__container__form__button-group__button[data-v-c1909c37] { width: calc(112 / var(--base-font-size, 16) * 1rem); height: calc(48 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-delivery-address-form__container__form__button-group__button[data-v-c1909c37] { width: calc(142 / var(--base-font-size, 16) * 1rem); } } .st-delivery-address-form .fade-enter-active[data-v-c1909c37], .st-delivery-address-form .fade-leave-active[data-v-c1909c37] { transition: opacity 0.5s ease; } .st-delivery-address-form .fade-enter-from[data-v-c1909c37], .st-delivery-address-form .fade-leave-to[data-v-c1909c37] { opacity: 0; } [data-v-eab195b5]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-eab195b5]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-eab195b5]:root, [data-theme=st][data-v-eab195b5] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-eab195b5]:root, [data-theme=st][data-v-eab195b5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-eab195b5]:root, [data-theme=st][data-v-eab195b5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-eab195b5] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-eab195b5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-eab195b5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-eab195b5] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-eab195b5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-extra-cards-view__content[data-v-eab195b5] { padding-top: calc(24 / var(--base-font-size, 16) * 1rem); align-items: flex-start; width: 100%; } .st-extra-cards-view__content__divider[data-v-eab195b5] { width: 100%; margin: calc(24 / var(--base-font-size, 16) * 1rem) auto; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-extra-cards-view__content__extra-cards-view[data-v-eab195b5] { padding: calc(16 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-extra-cards-view__content__extra-cards-view__num-cards[data-v-eab195b5] { padding: calc(8 / var(--base-font-size, 16) * 1rem) 0; } .st-extra-cards-view__content__extra-cards-view__quantity-stepper[data-v-eab195b5] { width: calc(178 / var(--base-font-size, 16) * 1rem); } .st-extra-cards-view__content__button[data-v-eab195b5] { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-ca567991]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-ca567991]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-ca567991]:root, [data-theme=st][data-v-ca567991] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-ca567991]:root, [data-theme=st][data-v-ca567991] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-ca567991]:root, [data-theme=st][data-v-ca567991] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-ca567991] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-ca567991] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-ca567991] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-ca567991] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-ca567991] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-cards-view[data-v-ca567991] { display: flex; justify-content: center; align-items: center; } @media (min-width: 600px) { .st-cards-view[data-v-ca567991] { padding: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-cards-view__wrapper[data-v-ca567991] { width: 100%; max-width: calc(972 / var(--base-font-size, 16) * 1rem); min-height: calc(891 / var(--base-font-size, 16) * 1rem); font-family: var(--font-primary); border-radius: var(--xl); background-color: var(--background-color-secondary); padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 1025px) { .st-cards-view__wrapper[data-v-ca567991] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(48 / var(--base-font-size, 16) * 1rem); } } .st-cards-view__wrapper__title[data-v-ca567991] { margin: 0 auto; } [data-v-09f405d6]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-09f405d6]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-09f405d6]:root, [data-theme=st][data-v-09f405d6] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-09f405d6]:root, [data-theme=st][data-v-09f405d6] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-09f405d6]:root, [data-theme=st][data-v-09f405d6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-09f405d6] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-09f405d6] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-09f405d6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-09f405d6] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-09f405d6] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-traveler-added-modal[data-v-09f405d6] { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 1025px) { .st-traveler-added-modal[data-v-09f405d6] { width: calc(400 / var(--base-font-size, 16) * 1rem); } } .st-traveler-added-modal[data-v-09f405d6] > :first-child { outline: none; } .st-traveler-added-modal__text[data-v-09f405d6] { color: var(--text-color-primary); text-align: center; max-width: calc(300 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); margin-top: calc(20 / var(--base-font-size, 16) * 1rem); } .st-traveler-added-modal__btns[data-v-09f405d6] { display: flex; flex-direction: column; width: 100%; } .st-traveler-added-modal__btns[data-v-09f405d6] > :last-child { margin-top: calc(10 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveler-added-modal__btns[data-v-09f405d6] { flex-direction: row-reverse; } .st-traveler-added-modal__btns[data-v-09f405d6] > :last-child { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); margin-top: 0; } } [data-v-31f61ab1]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-31f61ab1]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-31f61ab1]:root, [data-theme=st][data-v-31f61ab1] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-31f61ab1]:root, [data-theme=st][data-v-31f61ab1] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-31f61ab1]:root, [data-theme=st][data-v-31f61ab1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-31f61ab1] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-31f61ab1] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-31f61ab1] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-31f61ab1] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-31f61ab1] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-add-traveler-view[data-v-31f61ab1] { display: flex; flex-direction: column; align-items: center; margin: calc(25 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-add-traveler-view[data-v-31f61ab1] > * { width: calc(600 / var(--base-font-size, 16) * 1rem); } } .st-add-traveler-view__header[data-v-31f61ab1] { display: flex; flex-direction: column; align-items: center; } .st-add-traveler-view__header[data-v-31f61ab1] > :not(:last-child) { margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); } .st-add-traveler-view__info[data-v-31f61ab1] { margin: calc(25 / var(--base-font-size, 16) * 1rem) 0; } [data-v-8b07b259]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-8b07b259]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-8b07b259]:root, [data-theme=st][data-v-8b07b259] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-8b07b259]:root, [data-theme=st][data-v-8b07b259] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-8b07b259]:root, [data-theme=st][data-v-8b07b259] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-8b07b259] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-8b07b259] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-8b07b259] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-8b07b259] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-8b07b259] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-accordion[data-v-8b07b259] { display: flex; flex-direction: column; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--disabled-color-secondary); } .st-accordion--boxshadow[data-v-8b07b259] { border: none; box-shadow: 0 calc(4 / var(--base-font-size, 16) * 1rem) calc(4 / var(--base-font-size, 16) * 1rem) 0 rgba(0, 0, 0, 0.15); } .st-accordion--highlighted[data-v-8b07b259] { background: var(--container-color-tertiary); } .st-accordion__header[data-v-8b07b259] { display: flex; flex-direction: column; border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid transparent; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(5 / var(--base-font-size, 16) * 1rem); transition: border-bottom 0.2s linear; align-items: center; } .st-accordion__header[data-v-8b07b259] > :not(:last-child) { margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-accordion__header[data-v-8b07b259] { padding: calc(20 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem) calc(15 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-accordion__header[data-v-8b07b259] { flex-direction: row; } .st-accordion__header[data-v-8b07b259] > :first-child { margin-right: calc(20 / var(--base-font-size, 16) * 1rem); } .st-accordion__header[data-v-8b07b259] > :not(:last-child) { margin-bottom: 0; } } .st-accordion__header[data-v-8b07b259]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .st-accordion__header[data-v-8b07b259]:hover { border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); cursor: pointer; } .st-accordion__header--disabled[data-v-8b07b259]:hover { border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid transparent; cursor: not-allowed; } .st-accordion__header--expanded .st-icon[data-v-8b07b259] { transform: rotate(180deg); } .st-accordion__header__title[data-v-8b07b259] { display: flex; font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-family: var(--font-secondary); font-weight: 700; word-break: break-all; } @media (min-width: 1025px) { .st-accordion__header__title[data-v-8b07b259] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-accordion__header__expand[data-v-8b07b259] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 600; display: flex; justify-content: center; align-items: center; } @media (min-width: 1025px) { .st-accordion__header__expand[data-v-8b07b259] { margin-left: auto; } } .st-accordion__header__expand .st-icon[data-v-8b07b259] { transition: transform 0.3s linear; } .st-accordion__header__expand[data-v-8b07b259] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .st-accordion__content[data-v-8b07b259] { padding: 0 calc(5 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(5 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-accordion__content[data-v-8b07b259] { padding: 0 calc(20 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } } .st-accordion__content__divider[data-v-8b07b259] { margin-top: calc(2 / var(--base-font-size, 16) * 1rem); border: none; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-accordion .v-enter-active[data-v-8b07b259], .st-accordion .v-leave-active[data-v-8b07b259] { transition: opacity 0.5s ease; } .st-accordion .v-enter-from[data-v-8b07b259], .st-accordion .v-leave-to[data-v-8b07b259] { opacity: 0; } .st-accordion .disabled[data-v-8b07b259] { opacity: 0.2; } [data-v-1dd345ba]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-1dd345ba]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-1dd345ba]:root, [data-theme=st][data-v-1dd345ba] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-1dd345ba]:root, [data-theme=st][data-v-1dd345ba] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-1dd345ba]:root, [data-theme=st][data-v-1dd345ba] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-1dd345ba] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-1dd345ba] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-1dd345ba] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-1dd345ba] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-1dd345ba] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-help[data-v-1dd345ba] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(5 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(5 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-import-help[data-v-1dd345ba] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-help[data-v-1dd345ba] > :not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-help__section[data-v-1dd345ba] { line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-help__section__header[data-v-1dd345ba] { display: flex; align-items: center; font-size: calc(21 / var(--base-font-size, 16) * 1rem); font-weight: 700; line-height: calc(32 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-import-help__section__header[data-v-1dd345ba] > :not(:last-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-import-help__section__link[data-v-1dd345ba] { display: flex; align-items: center; text-decoration: none; font-weight: 600; color: var(--interactive-color-secondary); margin-top: calc(16 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid transparent; border-radius: var(--border-radius); } .st-import-help__section__link[data-v-1dd345ba]:focus { outline: none; border-color: var(--border-color-quaternary); } .st-import-help__section__link[data-v-1dd345ba] > :first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-807bad85]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-807bad85]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-807bad85]:root, [data-theme=st][data-v-807bad85] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-807bad85]:root, [data-theme=st][data-v-807bad85] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-807bad85]:root, [data-theme=st][data-v-807bad85] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-807bad85] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-807bad85] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-807bad85] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-807bad85] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-807bad85] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-help-list[data-v-807bad85] { font-weight: 600; } .st-import-help-list[data-v-807bad85] > :not(:last-child) { margin-bottom: calc(10 / var(--base-font-size, 16) * 1rem); } .st-import-help-list__item[data-v-807bad85] { display: flex; } .st-import-help-list__item[data-v-807bad85] > :first-child { margin-top: calc(7 / var(--base-font-size, 16) * 1rem); margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-help-list__item[data-v-807bad85] > :first-child { margin-right: calc(30 / var(--base-font-size, 16) * 1rem); } } .st-import-help-list__item[data-v-807bad85] > :last-child { line-height: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-445c3a52]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-445c3a52]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-445c3a52]:root, [data-theme=st][data-v-445c3a52] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-445c3a52]:root, [data-theme=st][data-v-445c3a52] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-445c3a52]:root, [data-theme=st][data-v-445c3a52] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-445c3a52] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-445c3a52] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-445c3a52] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-445c3a52] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-445c3a52] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-file-upload[data-v-445c3a52] { padding-top: calc(15 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-file-upload[data-v-445c3a52] { padding: calc(15 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-import-file-upload__input[data-v-445c3a52] { margin: 0 calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-file-upload__input--invalid[data-v-445c3a52] { padding: calc(8 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--danger-color-primary); } .st-import-file-upload[data-v-445c3a52] > :not(:last-child) { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } [data-v-03a45e7e]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-03a45e7e]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-03a45e7e]:root, [data-theme=st][data-v-03a45e7e] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-03a45e7e]:root, [data-theme=st][data-v-03a45e7e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-03a45e7e]:root, [data-theme=st][data-v-03a45e7e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-03a45e7e] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-03a45e7e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-03a45e7e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-03a45e7e] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-03a45e7e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } @media (min-width: 1025px) { .st-import-column-map-item__dropdown[data-v-03a45e7e] { min-width: calc(200 / var(--base-font-size, 16) * 1rem); } } .st-import-column-map-item__dropdown__label--sr-only[data-v-03a45e7e] { position: absolute; left: calc(-10000 / var(--base-font-size, 16) * 1rem); top: auto; width: calc(1 / var(--base-font-size, 16) * 1rem); height: calc(1 / var(--base-font-size, 16) * 1rem); overflow: hidden; visibility: hidden; } .st-import-column-map-item__text[data-v-03a45e7e] { display: inline-flex; color: var(--text-color-primary); } .st-import-column-map-item__text__obligatory[data-v-03a45e7e] { font-style: italic; color: var(--text-color-primary); font-weight: 600; } @media (min-width: 1025px) { .st-import-column-map-item__text__obligatory[data-v-03a45e7e] { margin-left: calc(4 / var(--base-font-size, 16) * 1rem); } } [data-v-f12bf707]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-f12bf707]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-f12bf707]:root, [data-theme=st][data-v-f12bf707] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-f12bf707]:root, [data-theme=st][data-v-f12bf707] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f12bf707]:root, [data-theme=st][data-v-f12bf707] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-f12bf707] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-f12bf707] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f12bf707] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-f12bf707] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-f12bf707] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-column-mapping[data-v-f12bf707] { padding-top: calc(15 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-column-mapping[data-v-f12bf707] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-column-mapping[data-v-f12bf707] > :not(:first-child) { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-column-mapping__error[data-v-f12bf707] { outline: none; } @media (min-width: 1025px) { .st-import-column-mapping__table[data-v-f12bf707] { padding: 0 calc(16 / var(--base-font-size, 16) * 1rem); } }.st-table-address-item[data-v-03ab0398] { display: flex; flex-direction: column; } [data-v-d0663793]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-d0663793]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-d0663793]:root, [data-theme=st][data-v-d0663793] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-d0663793]:root, [data-theme=st][data-v-d0663793] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-d0663793]:root, [data-theme=st][data-v-d0663793] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-d0663793] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-d0663793] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-d0663793] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-d0663793] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-d0663793] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-preview-table-item[data-v-d0663793] { word-break: break-all; } .st-import-preview-table-item--error[data-v-d0663793] { padding: calc(8 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--danger-color-primary); } [data-v-01c67edd]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-01c67edd]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-01c67edd]:root, [data-theme=st][data-v-01c67edd] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-01c67edd]:root, [data-theme=st][data-v-01c67edd] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-01c67edd]:root, [data-theme=st][data-v-01c67edd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-01c67edd] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-01c67edd] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-01c67edd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-01c67edd] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-01c67edd] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-preview[data-v-01c67edd] { padding: calc(16 / var(--base-font-size, 16) * 1rem) 0; display: flex; } .st-import-preview__loader[data-v-01c67edd] { display: flex; flex-grow: 1; align-items: center; justify-content: center; } @media (min-width: 1025px) { .st-import-preview__loader[data-v-01c67edd] { min-height: 40vh; } } .st-import-preview__error[data-v-01c67edd] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-preview__error[data-v-01c67edd] > :first-child { padding: 0 calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-preview__error__container[data-v-01c67edd] { line-height: calc(21 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .st-import-preview__error__container[data-v-01c67edd] > * { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-preview__error__container__list[data-v-01c67edd] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-preview__error__container__list__hint[data-v-01c67edd] { color: var(--danger-color-primary); } .st-import-preview__error__container__list__hint__title[data-v-01c67edd] { font-weight: 700; } .st-import-preview__btns[data-v-01c67edd] { display: flex; justify-content: center; } @media (min-width: 1025px) { .st-import-preview__btns[data-v-01c67edd] { justify-content: flex-start; } } .st-import-preview__preview[data-v-01c67edd] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-preview__preview[data-v-01c67edd] > :first-child { padding: 0 calc(48 / var(--base-font-size, 16) * 1rem); } } [data-v-392662a2]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-392662a2]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-392662a2]:root, [data-theme=st][data-v-392662a2] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-392662a2]:root, [data-theme=st][data-v-392662a2] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-392662a2]:root, [data-theme=st][data-v-392662a2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-392662a2] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-392662a2] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-392662a2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-392662a2] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-392662a2] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-summary-list[data-v-392662a2] { background: var(--container-color-primary); padding: calc(16 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-summary-list[data-v-392662a2] { padding: calc(56 / var(--base-font-size, 16) * 1rem) calc(48 / var(--base-font-size, 16) * 1rem); } } .st-import-summary-list[data-v-392662a2] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-summary-list__item[data-v-392662a2] { display: flex; align-items: center; font-family: var(--font-primary); } .st-import-summary-list__item__number[data-v-392662a2] { margin-left: calc(8 / var(--base-font-size, 16) * 1rem); font-size: calc(24 / var(--base-font-size, 16) * 1rem); font-weight: 700; color: var(--text-color-primary); } .st-import-summary-list__item__text[data-v-392662a2] { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); font-size: calc(18 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } [data-v-781c1723]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-781c1723]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-781c1723]:root, [data-theme=st][data-v-781c1723] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-781c1723]:root, [data-theme=st][data-v-781c1723] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-781c1723]:root, [data-theme=st][data-v-781c1723] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-781c1723] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-781c1723] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-781c1723] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-781c1723] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-781c1723] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-delete-modal[data-v-781c1723] { display: flex; align-items: center; flex-direction: column; } .st-import-delete-modal__header[data-v-781c1723] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-delete-modal__desc[data-v-781c1723] { color: var(--text-color-primary); max-width: calc(370 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); text-align: center; } .st-import-delete-modal__buttons[data-v-781c1723] { display: flex; flex-direction: column; justify-content: center; width: 100%; } .st-import-delete-modal__buttons[data-v-781c1723] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-delete-modal__buttons[data-v-781c1723] { flex-direction: row-reverse; } .st-import-delete-modal__buttons[data-v-781c1723] > :not(:last-child) { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: 0; } } [data-v-cd3d9aa8]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-cd3d9aa8]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-cd3d9aa8]:root, [data-theme=st][data-v-cd3d9aa8] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-cd3d9aa8]:root, [data-theme=st][data-v-cd3d9aa8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-cd3d9aa8]:root, [data-theme=st][data-v-cd3d9aa8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-cd3d9aa8] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-cd3d9aa8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-cd3d9aa8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-cd3d9aa8] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-cd3d9aa8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-summary[data-v-cd3d9aa8] { padding: calc(16 / var(--base-font-size, 16) * 1rem) 0; } @media (min-width: 1025px) { .st-import-summary__container[data-v-cd3d9aa8] > :first-child { padding: 0 calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-summary__container[data-v-cd3d9aa8] > :not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-summary__container__btns[data-v-cd3d9aa8] { display: flex; justify-content: center; } .st-import-summary__loading[data-v-cd3d9aa8] { text-align: center; } .st-import-summary__loading[data-v-cd3d9aa8] > :not(:last-child) { margin-bottom: calc(32 / var(--base-font-size, 16) * 1rem); } [data-v-1c43654d]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-1c43654d]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-1c43654d]:root, [data-theme=st][data-v-1c43654d] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-1c43654d]:root, [data-theme=st][data-v-1c43654d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-1c43654d]:root, [data-theme=st][data-v-1c43654d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-1c43654d] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-1c43654d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-1c43654d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-1c43654d] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-1c43654d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-modal[data-v-1c43654d] { display: flex; flex-direction: column; text-align: center; align-items: center; } .st-import-modal__text[data-v-1c43654d] { color: var(--text-color-primary); line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-modal[data-v-1c43654d] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-modal[data-v-1c43654d] > :last-child { margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); width: 100%; } [data-v-bf9b32f0]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-bf9b32f0]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-bf9b32f0]:root, [data-theme=st][data-v-bf9b32f0] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-bf9b32f0]:root, [data-theme=st][data-v-bf9b32f0] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bf9b32f0]:root, [data-theme=st][data-v-bf9b32f0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-bf9b32f0] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-bf9b32f0] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bf9b32f0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-bf9b32f0] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-bf9b32f0] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-progress-bar[data-v-bf9b32f0] { display: flex; width: 100%; height: calc(5 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-quaternary); border-radius: calc(10 / var(--base-font-size, 16) * 1rem); } .st-progress-bar__progress[data-v-bf9b32f0] { transition: width 0.4s ease-out; background: var(--background-color-primary); border-radius: calc(10 / var(--base-font-size, 16) * 1rem); } [data-v-f55c203d]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-f55c203d]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-f55c203d]:root, [data-theme=st][data-v-f55c203d] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-f55c203d]:root, [data-theme=st][data-v-f55c203d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f55c203d]:root, [data-theme=st][data-v-f55c203d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-f55c203d] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-f55c203d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f55c203d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-f55c203d] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-f55c203d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-import-view[data-v-f55c203d] { display: flex; justify-content: center; } .st-import-view[data-v-f55c203d] > :first-child { min-height: 85vh; margin: calc(25 / var(--base-font-size, 16) * 1rem) calc(5 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-import-view[data-v-f55c203d] > :first-child { padding: 0 calc(50 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-import-view[data-v-f55c203d] > :first-child { padding: 0; } } @media (min-width: 1200px) { .st-import-view[data-v-f55c203d] > :first-child { padding: 0 calc(105 / var(--base-font-size, 16) * 1rem); } } .st-import-view__header[data-v-f55c203d] { display: flex; flex-direction: column; align-items: center; text-align: center; } @media (min-width: 600px) { .st-import-view__header[data-v-f55c203d] { width: calc(520 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-import-view__header[data-v-f55c203d] { width: calc(1000 / var(--base-font-size, 16) * 1rem); } } .st-import-view__header__desc[data-v-f55c203d] { max-width: calc(500 / var(--base-font-size, 16) * 1rem); margin-top: calc(10 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(15 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-import-view__header[data-v-f55c203d] > :not(:first-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-view__warning[data-v-f55c203d] { display: flex; justify-content: center; align-items: center; margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; } .st-import-view__accordions[data-v-f55c203d] { display: flex; flex-direction: column; margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-import-view__accordions[data-v-f55c203d] { width: calc(520 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-import-view__accordions[data-v-f55c203d] { width: calc(1000 / var(--base-font-size, 16) * 1rem); } } .st-import-view__accordions[data-v-f55c203d] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .disabled[data-v-f55c203d] { opacity: 0.2; } [data-v-b1acb9fa]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-b1acb9fa]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-b1acb9fa]:root, [data-theme=st][data-v-b1acb9fa] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-b1acb9fa]:root, [data-theme=st][data-v-b1acb9fa] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b1acb9fa]:root, [data-theme=st][data-v-b1acb9fa] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-b1acb9fa] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-b1acb9fa] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b1acb9fa] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-b1acb9fa] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-b1acb9fa] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-active-account-offers[data-v-b1acb9fa] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .st-active-account-offers__content__info-text[data-v-b1acb9fa] { padding: calc(8 / var(--base-font-size, 16) * 1rem) 0 calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); } .st-active-account-offers__content__table[data-v-b1acb9fa] { text-align: left; width: 100%; } .st-active-account-offers__content__table__thead[data-v-b1acb9fa] { font-weight: var(--font-weight-bold); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); padding-bottom: calc(18 / var(--base-font-size, 16) * 1rem); } .st-active-account-offers__content__table__thead__th[data-v-b1acb9fa] { padding: calc(12 / var(--base-font-size, 16) * 1rem) 0; } .st-active-account-offers__content__table__row[data-v-b1acb9fa] { border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); } .st-active-account-offers__content__table__row__td[data-v-b1acb9fa] { color: var(--text-color-secondary); padding: calc(18 / var(--base-font-size, 16) * 1rem) calc(18 / var(--base-font-size, 16) * 1rem) calc(18 / var(--base-font-size, 16) * 1rem) 0; font-size: calc(16 / var(--base-font-size, 16) * 1rem); line-height: calc(20.8 / var(--base-font-size, 16) * 1rem); } [data-v-e00bf590]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-e00bf590]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-e00bf590]:root, [data-theme=st][data-v-e00bf590] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-e00bf590]:root, [data-theme=st][data-v-e00bf590] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e00bf590]:root, [data-theme=st][data-v-e00bf590] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-e00bf590] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-e00bf590] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e00bf590] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-e00bf590] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-e00bf590] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-invoice-and-delivery-form[data-v-e00bf590] { background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem); width: 100%; height: fit-content; } .st-invoice-and-delivery-form[data-v-e00bf590] > :not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-invoice-and-delivery-form__checkbox[data-v-e00bf590] { padding-top: calc(20 / var(--base-font-size, 16) * 1rem); } .st-invoice-and-delivery-form__checkbox[data-v-e00bf590] > * { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-invoice-and-delivery-form__divider[data-v-e00bf590] { width: 92.75%; margin: calc(48 / var(--base-font-size, 16) * 1rem) auto; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-invoice-and-delivery-form__button[data-v-e00bf590] { width: calc(203 / var(--base-font-size, 16) * 1rem); margin: calc(48 / var(--base-font-size, 16) * 1rem) 0 0 auto; } [data-v-4db6ce3c]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-4db6ce3c]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-4db6ce3c]:root, [data-theme=st][data-v-4db6ce3c] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-4db6ce3c]:root, [data-theme=st][data-v-4db6ce3c] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-4db6ce3c]:root, [data-theme=st][data-v-4db6ce3c] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-4db6ce3c] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-4db6ce3c] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-4db6ce3c] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-4db6ce3c] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-4db6ce3c] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-invoice-and-delivery-modal[data-v-4db6ce3c] { max-width: calc(380 / var(--base-font-size, 16) * 1rem); text-align: center; } @media (min-width: 1025px) { .st-invoice-and-delivery-modal[data-v-4db6ce3c] { max-width: calc(468 / var(--base-font-size, 16) * 1rem); } } .st-invoice-and-delivery-modal__header[data-v-4db6ce3c] { margin-top: calc(18 / var(--base-font-size, 16) * 1rem); } .st-invoice-and-delivery-modal__button[data-v-4db6ce3c] { margin-top: calc(25 / var(--base-font-size, 16) * 1rem); } [data-v-b5ce63a3]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-b5ce63a3]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-b5ce63a3]:root, [data-theme=st][data-v-b5ce63a3] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-b5ce63a3]:root, [data-theme=st][data-v-b5ce63a3] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b5ce63a3]:root, [data-theme=st][data-v-b5ce63a3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-b5ce63a3] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-b5ce63a3] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b5ce63a3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-b5ce63a3] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-b5ce63a3] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-account-letters[data-v-b5ce63a3] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .st-account-letters__text[data-v-b5ce63a3] { padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); padding-top: calc(8 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-account-letters__button[data-v-b5ce63a3] { width: calc(294 / var(--base-font-size, 16) * 1rem); } .st-account-letters__input[data-v-b5ce63a3] { display: none; } .st-account-letters__divider[data-v-b5ce63a3] { width: 92.75%; margin: calc(24 / var(--base-font-size, 16) * 1rem) auto; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } [data-v-80f98426]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-80f98426]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-80f98426]:root, [data-theme=st][data-v-80f98426] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-80f98426]:root, [data-theme=st][data-v-80f98426] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-80f98426]:root, [data-theme=st][data-v-80f98426] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-80f98426] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-80f98426] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-80f98426] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-80f98426] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-80f98426] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-export-traveler-list[data-v-80f98426] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .st-export-traveler-list__info-text[data-v-80f98426] { padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-export-traveler-list__button[data-v-80f98426] > :first-child { font-size: calc(16 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); padding: calc(0 / var(--base-font-size, 16) * 1rem) calc(48 / var(--base-font-size, 16) * 1rem); } .st-export-traveler-list__button[data-v-80f98426] > :first-child > :first-child { scale: 80%; padding-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-export-traveler-list__button[data-v-80f98426] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-6f099c22]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-6f099c22]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-6f099c22]:root, [data-theme=st][data-v-6f099c22] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-6f099c22]:root, [data-theme=st][data-v-6f099c22] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6f099c22]:root, [data-theme=st][data-v-6f099c22] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-6f099c22] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-6f099c22] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6f099c22] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-6f099c22] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-6f099c22] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-account-details-view[data-v-6f099c22] { display: flex; flex-direction: column; flex-direction: column; align-items: center; position: relative; } .st-account-details-view__header[data-v-6f099c22] { text-align: center; width: fit-content; } .st-account-details-view__header__headline[data-v-6f099c22] { line-height: calc(63 / var(--base-font-size, 16) * 1rem); } .st-account-details-view__header__account-name[data-v-6f099c22] { line-height: calc(36 / var(--base-font-size, 16) * 1rem); } .st-account-details-view__header__customer-number[data-v-6f099c22] { padding-top: calc(16 / var(--base-font-size, 16) * 1rem); display: inline-grid; text-align: left; line-height: calc(24 / var(--base-font-size, 16) * 1rem); grid-template-columns: calc(168 / var(--base-font-size, 16) * 1rem) calc(100 / var(--base-font-size, 16) * 1rem); } .st-account-details-view__header__customer-number__number[data-v-6f099c22] { font-weight: bold; } .st-account-details-view__content[data-v-6f099c22] { display: grid; justify-content: center; gap: calc(64 / var(--base-font-size, 16) * 1rem); width: 100%; padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); grid-template-columns: repeat(auto-fit, minmax(calc(280 / var(--base-font-size, 16) * 1rem), calc(624 / var(--base-font-size, 16) * 1rem))); } @media (min-width: 1025px) { .st-account-details-view__content[data-v-6f099c22] { grid-template-columns: repeat(auto-fit, minmax(calc(350 / var(--base-font-size, 16) * 1rem), 1fr)); } } @media (min-width: 1370px) { .st-account-details-view__content[data-v-6f099c22] { grid-template-columns: repeat(auto-fit, calc(624 / var(--base-font-size, 16) * 1rem)); } } .st-account-details-view__content__right[data-v-6f099c22] { display: flex; flex-direction: column; gap: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-037f38b2]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-037f38b2]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-037f38b2]:root, [data-theme=st][data-v-037f38b2] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-037f38b2]:root, [data-theme=st][data-v-037f38b2] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-037f38b2]:root, [data-theme=st][data-v-037f38b2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-037f38b2] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-037f38b2] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-037f38b2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-037f38b2] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-037f38b2] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-set-password-form[data-v-037f38b2] { width: 100%; } .st-set-password-form__inputs[data-v-037f38b2] > :not(:last-child) { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-set-password-form__inputs__accept-terms[data-v-037f38b2] { color: var(--text-color-secondary); font-weight: 400; } .st-set-password-form__inputs__accept-terms[data-v-037f38b2] > :first-child { color: var(--interactive-color-secondary); } .st-set-password-form[data-v-037f38b2] > :not(:last-child) { margin-bottom: calc(30 / var(--base-font-size, 16) * 1rem); } .st-set-password-form__buttons[data-v-037f38b2] { display: flex; width: 100%; } [data-v-646a8f6a]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-646a8f6a]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-646a8f6a]:root, [data-theme=st][data-v-646a8f6a] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-646a8f6a]:root, [data-theme=st][data-v-646a8f6a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-646a8f6a]:root, [data-theme=st][data-v-646a8f6a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-646a8f6a] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-646a8f6a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-646a8f6a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-646a8f6a] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-646a8f6a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-reset-password-card[data-v-646a8f6a] { display: flex; flex-direction: column; align-items: center; max-width: calc(300 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-reset-password-card[data-v-646a8f6a] { min-width: calc(400 / var(--base-font-size, 16) * 1rem); } } .st-reset-password-card__description[data-v-646a8f6a] { color: var(--text-color-secondary); margin-top: calc(10 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); text-align: center; line-height: calc(20 / var(--base-font-size, 16) * 1rem); } .st-reset-password-card__error[data-v-646a8f6a] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-008130a7]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-008130a7]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-008130a7]:root, [data-theme=st][data-v-008130a7] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-008130a7]:root, [data-theme=st][data-v-008130a7] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-008130a7]:root, [data-theme=st][data-v-008130a7] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-008130a7] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-008130a7] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-008130a7] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-008130a7] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-008130a7] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-activate-user-card[data-v-008130a7] { display: flex; flex-direction: column; max-width: calc(300 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-activate-user-card[data-v-008130a7] { max-width: calc(450 / var(--base-font-size, 16) * 1rem); } } .st-activate-user-card[data-v-008130a7] > :first-child { text-align: center; } .st-activate-user-card[data-v-008130a7] > :not(:last-child) { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-activate-user-card__description[data-v-008130a7] { color: var(--text-color-secondary); line-height: calc(20 / var(--base-font-size, 16) * 1rem); } .st-activate-user-card__email[data-v-008130a7] { color: var(--text-color-primary); display: flex; flex-direction: row; padding-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-activate-user-card__email[data-v-008130a7] > :first-child { font-weight: 600; margin-right: calc(5 / var(--base-font-size, 16) * 1rem); } [data-v-ffd4ea6e]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-ffd4ea6e]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-ffd4ea6e]:root, [data-theme=st][data-v-ffd4ea6e] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-ffd4ea6e]:root, [data-theme=st][data-v-ffd4ea6e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-ffd4ea6e]:root, [data-theme=st][data-v-ffd4ea6e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-ffd4ea6e] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-ffd4ea6e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-ffd4ea6e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-ffd4ea6e] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-ffd4ea6e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } [data-v-6304d6e6]:export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ [data-v-6304d6e6]:export { new2023-regn: #e9e4e2; new2023-sand: #f3efea; new2023-dimma: #dad6d4; new2023-skanerod-10: #faeceb; new2023-vallmo: #dc001b; new2023-aska-800: #3e3b39; current-white: #ffffff; current-bggrey: #f5f3f0; current-lightgrey: #cac6c5; current-lightgreywarm: #edebe5; current-darkgrey: #514f4f; current-grey: #928f8f; current-black: #2b241d; current-orange: #f7bb0d; current-darkorange: #f6a200; current-lightorange: #fbdd86; current-lightorangetext: #fbdd86; current-brightorange: #fdf7e2; legacy-skåneröd: #cc3f39; legacy-skånerödhover: #cc4039; legacy-solgul: #eaad07; legacy-solgulalt: #f7bb0d; legacy-röd: #e96952; legacy-orange: #f7bb0d; legacy-solnedgång: #fc9a16; legacy-blå: #230a79; legacy-lila: #6214ba; legacy-stadstrafik: #509e2f; legacy-regionstrafik: #fec900; legacy-pågatåg: #635ea2; legacy-vit: #ffffff; legacy-nästansvart: #2b241c; legacy-varmmörk: #4d4844; legacy-varmgrå: #6e6055; legacy-varmgråalt: #807569; legacy-varmljusgrå: #d6d3d0; legacy-varmvit: #f2efe9; legacy-nästanvit: #f9f8f5; legacy-invalid: #cc4039; legacy-black: #2b241d; legacy-greydark: #4d4845; legacy-greybrown1: #6e6054; legacy-greybrown2: #807568; legacy-stred: #df0000; legacy-goldenrod: #f6bb0a; legacy-offwhite: #f9f8f5; legacy-lightpeach: #d6d3d0; legacy-active: #4cba4d; legacy-inactive: #e14949; legacy-cardgul: #f6a200; legacy-lightgrey: #cac6c5; legacy-darkgrey: #514f4f; legacy-groda: #43b02a; legacy-hjarta: #d6001c; } [data-v-6304d6e6]:root, [data-theme=st][data-v-6304d6e6] { /* BRANDING COLORS */ --bigarrå-900: #4c1721; --bigarrå-800: #661f2c; --bigarrå-700: #6d202b; --bigarrå-600: #894c54; --bigarrå-500: #a4767d; --bigarrå-400: #b18b90; --bigarrå-300: #c1a2a6; --bigarrå-200: #cfb8bb; --bigarrå-100: #dccccf; --skåneröd-900: #b33931; --skåneröd-800: #c33d36; --skåneröd-700: #cc4039; --skåneröd-600: #d35b55; --skåneröd-500: #db7772; --skåneröd-400: #e2928e; --skåneröd-300: #e9adaa; --skåneröd-200: #f0c8c6; --skåneröd-100: #f8e4e3; --greyscale-900: #1e1b19; --greyscale-800: #3e3b39; --greyscale-700: #5c5957; --greyscale-600: #706c6a; --greyscale-500: #999593; --greyscale-400: #b6b2b0; --greyscale-300: #dad6d4; --greyscale-200: #e9e4e2; --greyscale-100: #ffffff; --björk-900: #307120; --björk-800: #358223; --björk-700: #399325; --björk-600: #3ea827; --björk-500: #5eb446; --björk-400: #73bd5c; --björk-300: #92cb7e; --björk-200: #bbdead; --björk-100: #e4f2dd; --vatten-1000: #00504e; --vatten-900: #00726f; --vatten-800: #008c8c; --vatten-700: #009aa3; --vatten-600: #2ea9b0; --vatten-500: #5cb8be; --vatten-400: #72bfc3; --vatten-300: #89c7ca; --vatten-200: #a1cfd2; --vatten-100: #b7d6d8; --vatten-50: #dfeded; --sand-100: #f3efea; --sand-50: #f9f7f5; --vallmo-700: #dc001b; --ringblomma-700: #ff7b00; /* SEMANTIC COLORS */ --palette-primary-900: var(--bigarrå-900); --palette-primary-800: var(--bigarrå-800); --palette-primary-700: var(--bigarrå-700); --palette-primary-600: var(--bigarrå-600); --palette-primary-500: var(--bigarrå-500); --palette-primary-400: var(--bigarrå-400); --palette-primary-300: var(--bigarrå-300); --palette-primary-200: var(--bigarrå-200); --palette-primary-100: var(--bigarrå-100); --palette-secondary-900: var(--greyscale-900); --palette-secondary-800: var(--greyscale-800); --palette-secondary-700: var(--greyscale-700); --palette-secondary-600: var(--greyscale-600); --palette-secondary-500: var(--greyscale-500); --palette-secondary-400: var(--greyscale-400); --palette-secondary-300: var(--greyscale-300); --palette-secondary-200: var(--greyscale-200); --palette-secondary-100: var(--greyscale-100); --palette-danger-900: var(--skåneröd-900); --palette-danger-800: var(--skåneröd-800); --palette-danger-700: var(--skåneröd-700); --palette-danger-600: var(--skåneröd-600); --palette-danger-500: var(--skåneröd-500); --palette-danger-400: var(--skåneröd-400); --palette-danger-300: var(--skåneröd-300); --palette-danger-200: var(--skåneröd-200); --palette-danger-100: var(--skåneröd-100); --palette-success-900: var(--björk-900); --palette-success-800: var(--björk-800); --palette-success-700: var(--björk-700); --palette-success-600: var(--björk-600); --palette-success-500: var(--björk-500); --palette-success-400: var(--björk-400); --palette-success-300: var(--björk-300); --palette-success-200: var(--björk-200); --palette-success-100: var(--björk-100); --palette-interactive-900: var(--vatten-900); --palette-interactive-800: var(--vatten-800); --palette-interactive-700: var(--vatten-700); --palette-interactive-600: var(--vatten-600); --palette-interactive-500: var(--vatten-500); --palette-interactive-400: var(--vatten-400); --palette-interactive-300: var(--vatten-300); --palette-interactive-200: var(--vatten-200); --palette-interactive-100: var(--vatten-100); --palette-interactive-50: var(--vatten-50); --palette-neutral-100: var(--sand-100); --palette-neutral-50: var(--sand-50); --palette-brand-700: var(--vallmo-700); --palette-icon-700: var(--ringblomma-700); /* CONTEXTUAL COLORS */ --background-color-primary: var(--palette-primary-700); --background-color-secondary: var(--palette-secondary-100); --background-color-tertiary: var(--palette-secondary-300); --background-color-quaternary: var(--palette-primary-200); --background-color-quinary: var(--palette-interactive-50); --text-color-primary: var(--palette-secondary-800); --text-color-secondary: var(--palette-secondary-700); --text-color-tertiary: var(--palette-secondary-100); --text-color-quaternary: var(--palette-secondary-300); --text-color-quinary: var(--palette-primary-700); --text-color-interactive: var(--palette-interactive-900); --text-color-button-secondary: var(--palette-primary-700); --text-color-tabs: var(--palette-secondary-800); --border-color-primary: var(--palette-primary-700); --border-color-secondary: var(--palette-primary-500); --border-color-tertiary: var(--palette-secondary-300); --border-color-quaternary: var(--palette-secondary-900); --border-color-quinary: var(--palette-secondary-200); --border-color-active-tab: var(--palette-primary-700); --success-color-primary: var(--palette-success-700); --success-color-secondary: var(--palette-success-100); --danger-color-primary: var(--palette-danger-700); --danger-color-secondary: var(--palette-danger-100); --disabled-color-primary: var(--palette-secondary-300); --disabled-color-secondary: var(--palette-secondary-500); --disabled-color-tertiary: var(--palette-neutral-100); --disabled-color-quaternary: var(--palette-secondary-100); --interactive-color-primary: var(--palette-interactive-800); --interactive-color-secondary: var(--palette-interactive-900); --interactive-color-tertiary: var(--palette-interactive-700); --container-color-primary: var(--palette-secondary-100); --container-color-secondary: var(--palette-neutral-100); --container-color-tertiary: var(--palette-neutral-50); --container-color-quarternary: var(--palette-neutral-100); --brand-color-primary: var(--palette-brand-700); --icon-color-primary: var(--palette-icon-700); } [data-v-6304d6e6]:root, [data-theme=st][data-v-6304d6e6] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6304d6e6]:root, [data-theme=st][data-v-6304d6e6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-6304d6e6] { /* BRANDING COLORS */ --orange-700: #c48c03; --orange-600: #e4aa1e; --orange-500: #fbbb21; --orange-50: #fff8e9; --red-900: #5f060c; --red-800: #7a080f; --red-700: #b10b16; --red-500: #e10e1c; --red-50: #fce4e5; /* NEUTRAL COLORS */ --greyscale-900: #0a0a0a; --grey-800: #4d4845; --grey-700: #514f4f; --greyscale-600: #444444; --greyscale-500: #6b6b6b; --greyscale-400: #a4a2a1; --grey-200: #c4c4c4; --grey-50: #f2f0ef; --grey: #e3e3e3; --white: #ffffff; /* OTHER COLORS */ --linen-50: #fcf0e7; --linen-100: #f9e3d2; --linen-200: #f6d7bb; --neutral-50: #f9f7f5; --green-500: #027e3e; --green-50: #eff9f5; --ochre-500: #d6780d; --ochre-600: #b0630b; --blue-500: #0078c7; --blue-100: #eaf6fa; --yellow-500: #ffdd00; --yellow-50: #fff9a7; /* CONTEXTUAL COLORS */ --background-color-primary: var(--red-500); --background-color-secondary: var(--white); --background-color-tertiary: var(--grey-50); --background-color-quaternary: var(--grey-50); --text-color-primary: var(--grey-700); --text-color-secondary: var(--grey-800); --text-color-tertiary: var(--white); --text-color-quaternary: var(--greyscale-400); --text-color-quinary: var(--red-500); --text-color-interactive: var(--red-500); --text-color-button-secondary: var(--grey-700); --text-color-tabs: var(--grey-700); --border-color-primary: var(--red-500); --border-color-secondary: var(--red-800); --border-color-tertiary: var(--greyscale-400); --border-color-quaternary: var(--greyscale-900); --border-color-quinary: var(--grey-200); --border-color-active-tab: var(--red-500); --success-color-primary: var(--green-500); --success-color-secondary: var(--green-50); --danger-color-primary: var(--red-500); --danger-color-secondary: var(--red-50); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--greyscale-500); --disabled-color-tertiary: var(--grey-50); --disabled-color-quaternary: var(--greyscale-500); --interactive-color-primary: var(--red-700); --interactive-color-secondary: var(--red-800); --interactive-color-tertiary: var(--red-500); --interactive-color-quaternary: var(--red-900); --container-color-primary: var(--white); --container-color-secondary: var(--linen-50); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--yellow-500); --brand-color-primary: var(--red-500); --icon-color-primary: var(--red-500); } [data-theme=ot][data-v-6304d6e6] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6304d6e6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=bt][data-v-6304d6e6] { /* BRANDING COLORS */ --base-medium: #383838; --base-low: #707070; --base-white: #ffffff; --grey: #2222221a; --font-high-emphasis: #000000de; --font-medium-emphasis: #00000099; --font-disabled: #00000061; --focus-default: #245dc1; --focus-active: #164290; --focus-marker: #593bdd; --primary-red: #e0213b; --accent-green: #3a8534; --accent-green-dark: #294d08; --accent-light-green: #c0c938; --accent-beige: #ebebe7; --tint-beige: #f5f5f3; --tint-gray: #f5f5f5; --neutral-50: #f9f7f5; --info-black: #000000; --info-background: #e5f3fd; --danger-red: #b00020; --danger-background: #fceeee; --success-green: #00792c; /* CONTEXTUAL COLORS */ --background-color-primary: var(--accent-green); --background-color-secondary: var(--base-white); --background-color-tertiary: var(--tint-beige); --background-color-quaternary: var(--accent-beige); --text-color-primary: var(--font-high-emphasis); --text-color-secondary: var(--font-medium-emphasis); --text-color-tertiary: var(--base-white); --text-color-quaternary: var(--font-disabled); --text-color-quinary: var(--accent-green); --text-color-interactive: var(--focus-default); --text-color-button-secondary: var(--accent-green); --text-color-tabs: var(--font-high-emphasis); --border-color-primary: var(--accent-green); --border-color-secondary: var(--accent-green-dark); --border-color-tertiary: var(--base-low); --border-color-quaternary: var(--font-medium-emphasis); --border-color-quinary: var(--base-low); --border-color-active-tab: var(--accent-green); --success-color-primary: var(--success-green); --success-color-secondary: var(--tint-beige); --danger-color-primary: var(--danger-red); --danger-color-secondary: var(--danger-background); --disabled-color-primary: var(--grey); --disabled-color-secondary: var(--base-medium); --disabled-color-tertiary: var(--accent-beige); --disabled-color-quaternary: var(--font-disabled); --interactive-color-primary: var(--accent-green); --interactive-color-secondary: var(--accent-green-dark); --interactive-color-tertiary: var(--accent-green); --interactive-color-quaternary: var(--base-medium); --container-color-primary: var(--base-white); --container-color-secondary: var(--accent-beige); --container-color-tertiary: var(--neutral-50); --container-color-quarternary: var(--accent-beige); --brand-color-primary: var(--primary-red); --icon-color-primary: var(--accent-green); } [data-theme=bt][data-v-6304d6e6] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-not-found-view[data-v-6304d6e6] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 70vh; } .st-not-found-view__content[data-v-6304d6e6] > :not(:last-child) { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .st-not-found-view__content[data-v-6304d6e6] > :last-child { margin-top: calc(100 / var(--base-font-size, 16) * 1rem); }