@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: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");.dropdown-transition-enter-active[data-v-d6313922] { transition: max-height 0.6s ease-in-out; } .dropdown-transition-leave-active[data-v-d6313922] { transition: max-height 0.3s ease-in-out; } .dropdown-transition-enter-from[data-v-d6313922], .dropdown-transition-leave-to[data-v-d6313922] { max-height: 0; } .dropdown-transition-leave-from[data-v-d6313922], .dropdown-transition-enter-to[data-v-d6313922] { max-height: 100vh; } [data-v-7224c5e5]: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-7224c5e5]: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-7224c5e5]:root, [data-theme=st][data-v-7224c5e5] { /* 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-7224c5e5]:root, [data-theme=st][data-v-7224c5e5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-7224c5e5]:root, [data-theme=st][data-v-7224c5e5] { --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-7224c5e5] { /* 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-7224c5e5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-7224c5e5] { --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-7224c5e5] { /* 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-7224c5e5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-header-link[data-v-7224c5e5] { font-family: var(--font-primary); display: flex; height: 100%; font-size: calc(18 / var(--base-font-size, 16) * 1rem); transition: 300ms linear background; color: var(--text-color-primary); text-decoration: none; font-weight: 400; line-height: calc(24 / var(--base-font-size, 16) * 1rem); padding: 0 calc(24 / var(--base-font-size, 16) * 1rem); align-items: center; border: none; cursor: pointer; background-color: var(--background-color-secondary); border-bottom: calc(4 / var(--base-font-size, 16) * 1rem) solid transparent; } .b2b-core-header-link__text[data-v-7224c5e5] { padding: calc(24 / var(--base-font-size, 16) * 1rem) 0; border-top: calc(4 / var(--base-font-size, 16) * 1rem) solid transparent; } .b2b-core-header-link[data-v-7224c5e5]:focus { outline: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); outline-offset: calc(-1 / var(--base-font-size, 16) * 1rem); } .b2b-core-header-link--default[data-v-7224c5e5] { display: flex; align-items: center; } .b2b-core-header-link--inverted[data-v-7224c5e5] { background: var(--background-color-primary); font-weight: 600; color: var(--text-color-tertiary); height: 100%; } .b2b-core-header-link--inverted[data-v-7224c5e5]: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-color: transparent; } .b2b-core-header-link--inverted[data-v-7224c5e5]:hover { color: var(--text-color-primary); } .b2b-core-header-link--highlighted[data-v-7224c5e5] { background: var(--container-color-tertiary); font-weight: 600; } .b2b-core-header-link--small > .b2b-core-header-link__text[data-v-7224c5e5] { padding: 0; margin-top: 0; border-top: 0; border-bottom: 0; } .b2b-core-header-link--small[data-v-7224c5e5] { padding: calc(10 / var(--base-font-size, 16) * 1rem) calc(30 / var(--base-font-size, 16) * 1rem); border-left: calc(5 / var(--base-font-size, 16) * 1rem) solid transparent; font-weight: 400; width: 100%; } .b2b-core-header-link[data-v-7224c5e5] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .b2b-core-header-link[data-v-7224c5e5]:hover { background: var(--background-color-quaternary); } .b2b-core-header-link--expanded .dropdown-icon[data-v-7224c5e5] { transition: transform 0.5s ease; transform: rotate(180deg); } .active-link[data-v-7224c5e5] { font-weight: 600; border-bottom: calc(4 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); } .active-link.b2b-core-header-link--small[data-v-7224c5e5] { border-left: calc(5 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); border-bottom: none; } .active-link.b2b-core-header-link--inverted[data-v-7224c5e5] { border-bottom: none; } [data-v-0cc637fb]: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-0cc637fb]: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-0cc637fb]:root, [data-theme=st][data-v-0cc637fb] { /* 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-0cc637fb]:root, [data-theme=st][data-v-0cc637fb] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0cc637fb]:root, [data-theme=st][data-v-0cc637fb] { --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-0cc637fb] { /* 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-0cc637fb] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0cc637fb] { --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-0cc637fb] { /* 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-0cc637fb] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-mobile-expandable-menu-item__title[data-v-0cc637fb] { display: flex; flex-grow: 1; font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); padding: calc(10 / var(--base-font-size, 16) * 1rem) calc(55 / var(--base-font-size, 16) * 1rem); font-weight: 600; } .b2b-core-mobile-expandable-menu-item__list-item[data-v-0cc637fb] > * { padding-left: calc(50 / var(--base-font-size, 16) * 1rem); } .b2b-core-mobile-expandable-menu-item__divider[data-v-0cc637fb] { margin: calc(8 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-mobile-expandable-menu-item__divider hr[data-v-0cc637fb] { border: none; border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .active-link[data-v-0cc637fb] { background: var(--background-color-quaternary); } [data-v-26f38e4c]: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-26f38e4c]: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-26f38e4c]:root, [data-theme=st][data-v-26f38e4c] { /* 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-26f38e4c]:root, [data-theme=st][data-v-26f38e4c] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-26f38e4c]:root, [data-theme=st][data-v-26f38e4c] { --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-26f38e4c] { /* 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-26f38e4c] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-26f38e4c] { --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-26f38e4c] { /* 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-26f38e4c] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-header-dropdown-menu[data-v-26f38e4c] { position: absolute; z-index: 2; background-color: var(--background-color-secondary); top: 100%; left: 0; width: 100%; border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); overflow: hidden; } .b2b-core-header-dropdown-menu__list[data-v-26f38e4c] { display: flex; flex-direction: column; } .b2b-core-header-dropdown-menu__list__divider[data-v-26f38e4c] { margin: calc(10 / var(--base-font-size, 16) * 1rem) 0; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .active-link[data-v-26f38e4c] { font-weight: 600; background: var(--background-color-quaternary); border-left: calc(8 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); } [data-v-33fe53bc]: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-33fe53bc]: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-33fe53bc]:root, [data-theme=st][data-v-33fe53bc] { /* 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-33fe53bc]:root, [data-theme=st][data-v-33fe53bc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-33fe53bc]:root, [data-theme=st][data-v-33fe53bc] { --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-33fe53bc] { /* 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-33fe53bc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-33fe53bc] { --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-33fe53bc] { /* 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-33fe53bc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-header-link-dropdown[data-v-33fe53bc] { position: absolute; display: none; background-color: var(--background-color-secondary); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.0509803922); border-radius: 0 0 calc(6 / var(--base-font-size, 16) * 1rem) calc(6 / var(--base-font-size, 16) * 1rem); min-width: calc(200 / var(--base-font-size, 16) * 1rem); z-index: 10; overflow: hidden; border-top: calc(3 / var(--base-font-size, 16) * 1rem) solid transparent; } .b2b-core-header-link-dropdown[data-v-33fe53bc] > :first-child { padding-top: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-header-link-dropdown[data-v-33fe53bc] > :last-child { padding-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-header-link-dropdown__list-item[data-v-33fe53bc] { background-color: var(--background-color-secondary); } .b2b-core-header-link-dropdown--is-open[data-v-33fe53bc] { display: block; } .b2b-core-header-link-dropdown--fit[data-v-33fe53bc] { right: 0; } .b2b-core-header-link-dropdown__title[data-v-33fe53bc] { display: flex; flex-grow: 1; font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); padding: calc(10 / var(--base-font-size, 16) * 1rem) calc(35 / var(--base-font-size, 16) * 1rem); font-weight: 600; background-color: var(--background-color-secondary); } .b2b-core-header-link-dropdown__divider[data-v-33fe53bc] { margin: calc(8 / var(--base-font-size, 16) * 1rem) 0; border: none; border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); }.b2b-core-header-item[data-v-754526c6] { height: 100%; }.cls-1[data-v-dd41f55c] { fill: #e1101c; } [data-v-46a26a63]: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-46a26a63]: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-46a26a63]:root, [data-theme=st][data-v-46a26a63] { /* 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-46a26a63]:root, [data-theme=st][data-v-46a26a63] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-46a26a63]:root, [data-theme=st][data-v-46a26a63] { --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-46a26a63] { /* 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-46a26a63] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-46a26a63] { --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-46a26a63] { /* 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-46a26a63] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-header[data-v-46a26a63] { position: relative; } .b2b-core-header__skip-link[data-v-46a26a63] { position: absolute; z-index: 1; opacity: 0; left: calc(-400 / var(--base-font-size, 16) * 1rem); } .b2b-core-header__skip-link[data-v-46a26a63]:focus { opacity: 1; top: calc(50 / var(--base-font-size, 16) * 1rem); left: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-header__nav[data-v-46a26a63] { display: flex; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); justify-content: space-between; z-index: 0; align-items: center; background-color: var(--background-color-secondary); } .b2b-core-header__nav__logo[data-v-46a26a63] { display: flex; flex-direction: column; text-decoration: none; padding: calc(8 / var(--base-font-size, 16) * 1rem) 0 calc(8 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid transparent; } .b2b-core-header__nav__logo__title[data-v-46a26a63] { font-family: var(--font-secondary); color: var(--text-color-primary); font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: 600; margin-top: calc(4 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-header__nav__logo__title[data-v-46a26a63] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(4 / var(--base-font-size, 16) * 1rem); } } .b2b-core-header__nav__logo[data-v-46a26a63]:focus { outline: none; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .b2b-core-header__nav__items[data-v-46a26a63] { display: flex; position: relative; width: 100%; min-height: calc(72 / var(--base-font-size, 16) * 1rem); } .b2b-core-header__nav__items[data-v-46a26a63] > :first-child { align-self: center; margin-right: auto; } .b2b-core-header__nav__mobile-menu-toggle[data-v-46a26a63] { display: flex; flex-direction: column; font-size: calc(10 / var(--base-font-size, 16) * 1rem); font-weight: 700; align-items: center; border: none; font-family: inherit; padding: calc(20 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); background-color: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid transparent; } .b2b-core-header__nav__mobile-menu-toggle[data-v-46a26a63]:focus { outline: none; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); }.b2b-core-container[data-v-8c84e50a] > :first-child { margin-bottom: calc(50 / var(--base-font-size, 16) * 1rem); }:root { font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family: "Inter var", sans-serif; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --text-color: #334155; --text-color-secondary: #64748b; --primary-color: #10b981; --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f8fafc; --surface-100: #f1f5f9; --surface-200: #e2e8f0; --surface-300: #cbd5e1; --surface-400: #94a3b8; --surface-500: #64748b; --surface-600: #475569; --surface-700: #334155; --surface-800: #1e293b; --surface-900: #0f172a; --surface-950: #020617; --gray-0: #ffffff; --gray-50: #f8fafc; --gray-100: #f1f5f9; --gray-200: #e2e8f0; --gray-300: #cbd5e1; --gray-400: #94a3b8; --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155; --gray-800: #1e293b; --gray-900: #0f172a; --gray-950: #020617; --content-padding: 1.125rem; --inline-spacing: 0.5rem; --border-radius: 6px; --surface-ground: #f8fafc; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #e2e8f0; --surface-hover: #f1f5f9; --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #ecfdf5; --highlight-text-color: #047857; --p-anchor-gutter: 2px; color-scheme: light; } :root { --p-focus-ring-color: var(--primary-color); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: normal; font-named-instance: "Regular"; src: url("/assets/Inter-roman.var-C-r5W2Hj.woff2?v=3.19") format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: italic; font-named-instance: "Italic"; src: url("/assets/Inter-italic.var-DhD-tpjY.woff2?v=3.19") format("woff2"); } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f3fcf9; --primary-100:#c6eee1; --primary-200:#98e1c9; --primary-300:#6bd4b1; --primary-400:#3dc699; --primary-500:#10b981; --primary-600:#0e9d6e; --primary-700:#0b825a; --primary-800:#096647; --primary-900:#064a34; } .p-editor-container .p-editor-toolbar { background: #ffffff; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #e2e8f0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.25rem 0.25rem; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #1e293b; background: #f1f5f9; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 0.75rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #e2e8f0; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #334155; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #334155; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #334155; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #10b981; } @layer primevue { .p-component, .p-component * { box-sizing: border-box; } .p-hidden-space { visibility: hidden; } .p-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .p-disabled, .p-disabled * { cursor: default; pointer-events: none; user-select: none; } .p-component-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .p-unselectable-text { user-select: none; } .p-sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .p-link { text-align: left; background-color: transparent; margin: 0; padding: 0; border: none; cursor: pointer; user-select: none; } .p-link:disabled { cursor: default; } /* Non vue overlay animations */ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; transform: scaleY(1); } .p-connected-overlay-hidden { opacity: 0; transform: scaleY(1); transition: opacity 0.1s linear; } /* Vue based overlay animations */ .p-connected-overlay-enter-from { opacity: 0; transform: scaleY(0.8); } .p-connected-overlay-leave-to { opacity: 0; } .p-connected-overlay-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-leave-active { transition: opacity 0.1s linear; } /* Toggleable Content */ .p-toggleable-content-enter-from, .p-toggleable-content-leave-to { max-height: 0; } .p-toggleable-content-enter-to, .p-toggleable-content-leave-from { max-height: 1000px; } .p-toggleable-content-leave-active { overflow: hidden; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); } .p-toggleable-content-enter-active { overflow: hidden; transition: max-height 1s ease-in-out; } * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #f87171; } .p-text-secondary { color: #64748b; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; border-radius: 6px; outline-color: transparent; } .p-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } .p-autocomplete { display: inline-flex; } .p-autocomplete-loader { position: absolute; top: 50%; margin-top: -0.5rem; } .p-autocomplete-dd .p-autocomplete-input { flex: 1 1 auto; width: 1%; } .p-autocomplete-dd .p-autocomplete-input, .p-autocomplete-dd .p-autocomplete-multiple-container { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-autocomplete-dd .p-autocomplete-dropdown { border-top-left-radius: 0; border-bottom-left-radius: 0px; } .p-autocomplete .p-autocomplete-panel { min-width: 100%; } .p-autocomplete-panel { position: absolute; overflow: auto; top: 0; left: 0; } .p-autocomplete-items { margin: 0; padding: 0; list-style-type: none; } .p-autocomplete-item { cursor: pointer; white-space: nowrap; position: relative; overflow: hidden; } .p-autocomplete-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-autocomplete-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-autocomplete-token-icon { cursor: pointer; } .p-autocomplete-input-token { flex: 1 1 auto; display: inline-flex; } .p-autocomplete-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-autocomplete { display: flex; } .p-fluid .p-autocomplete-dd .p-autocomplete-input { width: 1%; } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.25rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.75rem; gap: 0.5rem; outline-color: transparent; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #e2e8f0; color: #0f172a; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-autocomplete-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.25rem 0.25rem; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { margin-top: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { margin-bottom: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #047857; background: #ecfdf5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: #d1fae5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-calendar { display: inline-flex; max-width: 100%; } .p-calendar .p-inputtext { flex: 1 1 auto; width: 1%; } .p-calendar-w-btn .p-inputtext { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-calendar-w-btn .p-datepicker-trigger { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-calendar .p-datepicker-trigger-icon { cursor: pointer; } /* Fluid */ .p-fluid .p-calendar { display: flex; } .p-fluid .p-calendar .p-inputtext { width: 1%; } /* Datepicker */ .p-calendar .p-datepicker { min-width: 100%; } .p-datepicker { width: auto; } .p-datepicker-inline { display: inline-block; overflow-x: auto; } /* Header */ .p-datepicker-header { display: flex; align-items: center; justify-content: space-between; } .p-datepicker-header .p-datepicker-title { margin: 0 auto; } .p-datepicker-prev, .p-datepicker-next { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Multiple Month DatePicker */ .p-datepicker-multiple-month .p-datepicker-group-container { display: flex; } .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group { flex: 1 1 auto; } /* DatePicker Table */ .p-datepicker table { width: 100%; border-collapse: collapse; } .p-datepicker td > span { display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 auto; overflow: hidden; position: relative; } /* Month Picker */ .p-monthpicker-month { width: 33.3%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Year Picker */ .p-yearpicker-year { width: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Button Bar */ .p-datepicker-buttonbar { display: flex; justify-content: space-between; align-items: center; } /* Time Picker */ .p-timepicker { display: flex; justify-content: center; align-items: center; } .p-timepicker button { display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } .p-timepicker > div { display: flex; align-items: center; flex-direction: column; } /* Touch UI */ .p-datepicker-touch-ui, .p-calendar .p-datepicker-touch-ui { min-width: 80vw; } .p-calendar.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-datepicker { padding: 0.75rem; background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0 0 0.5rem 0; color: #334155; background: #ffffff; font-weight: 500; margin: 0 0 0 0; border-bottom: 1px solid #e2e8f0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 1.75rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; font-weight: 500; padding: 0.25rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #10b981; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0 0 0; } .p-datepicker table th { padding: 0.25rem; } .p-datepicker table th > span { width: 2rem; height: 2rem; } .p-datepicker table td { padding: 0.25rem; } .p-datepicker table td > span { width: 2rem; height: 2rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border: 1px solid transparent; outline-color: transparent; } .p-datepicker table td > span.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker table td > span:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker table td.p-datepicker-today > span { background: #e2e8f0; color: #0f172a; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker .p-datepicker-buttonbar { padding: 0.5rem 0 0 0; border-top: 1px solid #e2e8f0; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #e2e8f0; padding: 0; } .p-datepicker .p-timepicker button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datepicker .p-timepicker button:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0 0 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.25rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker .p-yearpicker { margin: 0.5rem 0 0 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.25rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e2e8f0; padding-right: 0.75rem; padding-left: 0.75rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker.p-datepicker-mobile table th, .p-datepicker.p-datepicker-mobile table td { padding: 0.25rem; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-cascadeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-cascadeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-cascadeselect-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-cascadeselect-label-empty { overflow: hidden; visibility: hidden; } .p-cascadeselect .p-cascadeselect-panel { min-width: 100%; } .p-cascadeselect-item { cursor: pointer; font-weight: normal; white-space: nowrap; } .p-cascadeselect-item-content { display: flex; align-items: center; overflow: hidden; position: relative; } .p-cascadeselect-group-icon { margin-left: auto; } .p-cascadeselect-items { margin: 0; padding: 0; list-style-type: none; min-width: 100%; } .p-fluid .p-cascadeselect { display: flex; } .p-fluid .p-cascadeselect .p-cascadeselect-label { width: 1%; } .p-cascadeselect-sublist { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-cascadeselect-item-active { overflow: visible; } .p-cascadeselect-item-active > .p-cascadeselect-sublist { display: block; left: 100%; top: 0; } .p-cascadeselect-enter-from, .p-cascadeselect-leave-active { opacity: 0; } .p-cascadeselect-enter-active { transition: opacity 150ms; } .p-cascadeselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-cascadeselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-cascadeselect.p-variant-filled { background-color: #f8fafc; } .p-cascadeselect.p-variant-filled:enabled:hover { background-color: #f8fafc; } .p-cascadeselect.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #64748b; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { border-color: #f87171; } .p-cascadeselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.25rem 0.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { margin-top: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { margin-bottom: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #047857; background: #ecfdf5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: #d1fae5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-checkbox { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-checkbox-input { cursor: pointer; } .p-checkbox-box { display: flex; justify-content: center; align-items: center; } .p-checkbox { width: 1.25rem; height: 1.25rem; } .p-checkbox .p-checkbox-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #cbd5e1; border-radius: 6px; } .p-checkbox .p-checkbox-box { border: 1px solid #cbd5e1; background: #ffffff; width: 1.25rem; height: 1.25rem; color: #334155; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-checkbox.p-highlight .p-checkbox-box { border-color: #10b981; background: #10b981; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: #94a3b8; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #059669; background: #059669; color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f87171; } .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f8fafc; } .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { background: #10b981; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f8fafc; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #059669; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8fafc; } .p-input-filled .p-checkbox.p-highlight .p-checkbox-box { background: #10b981; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f8fafc; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #059669; } .p-chips { display: inline-flex; } .p-chips-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-chips-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-chips-input-token { flex: 1 1 auto; display: inline-flex; } .p-chips-token-icon { cursor: pointer; } .p-chips-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-chips { display: flex; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.75rem; outline-color: transparent; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #e2e8f0; color: #0f172a; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; padding: 0; margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-colorpicker-panel .p-colorpicker-color { background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); } .p-colorpicker-panel .p-colorpicker-hue { background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); } .p-colorpicker-preview { width: 1.5rem; height: 1.5rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-dropdown { display: inline-flex; cursor: pointer; position: relative; user-select: none; } .p-dropdown-clear-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-dropdown-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-dropdown-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-dropdown-label-empty { overflow: hidden; opacity: 0; } input.p-dropdown-label { cursor: default; } .p-dropdown .p-dropdown-panel { min-width: 100%; } .p-dropdown-panel { position: absolute; top: 0; left: 0; } .p-dropdown-items-wrapper { overflow: auto; } .p-dropdown-item { cursor: pointer; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; display: flex; align-items: center; } .p-dropdown-item-group { cursor: auto; } .p-dropdown-items { margin: 0; padding: 0; list-style-type: none; } .p-dropdown-filter { width: 100%; } .p-dropdown-filter-container { position: relative; } .p-dropdown-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-fluid .p-dropdown { display: flex; } .p-fluid .p-dropdown .p-dropdown-label { width: 1%; } .p-dropdown { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-dropdown:not(.p-disabled):hover { border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-dropdown.p-variant-filled { background: #f8fafc; } .p-dropdown.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #64748b; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #94a3b8; right: 2.5rem; } .p-dropdown.p-invalid.p-component { border-color: #f87171; } .p-dropdown-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #94a3b8; } .p-dropdown-panel .p-dropdown-items { padding: 0.25rem 0.25rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { margin-top: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { margin-bottom: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #047857; background: #ecfdf5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: #d1fae5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { position: relative; margin-left: -0.5rem; margin-right: 0.5rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-float-label { display: block; position: relative; } .p-float-label label { position: absolute; pointer-events: none; top: 50%; margin-top: -0.5rem; transition-property: all; transition-timing-function: ease; line-height: 1; } .p-float-label:has(textarea) label { top: 1rem; } .p-float-label:has(input:focus) label, .p-float-label:has(input.p-filled) label, .p-float-label:has(input:-webkit-autofill) label, .p-float-label:has(textarea:focus) label, .p-float-label:has(textarea.p-filled) label, .p-float-label:has(.p-inputwrapper-focus) label, .p-float-label:has(.p-inputwrapper-filled) label { top: -0.75rem; font-size: 12px; } .p-float-label .p-placeholder, .p-float-label input::placeholder, .p-float-label .p-inputtext::placeholder { opacity: 0; transition-property: all; transition-timing-function: ease; } .p-float-label .p-focus .p-placeholder, .p-float-label input:focus::placeholder, .p-float-label .p-inputtext:focus::placeholder { opacity: 1; transition-property: all; transition-timing-function: ease; } .p-icon-field { position: relative; } .p-icon-field > .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } .p-inputotp-input { text-align: center; width: 2.5rem; } .p-inputgroup { display: flex; align-items: stretch; width: 100%; } .p-inputgroup-addon { display: flex; align-items: center; justify-content: center; } .p-inputgroup .p-float-label { display: flex; align-items: stretch; width: 100%; } .p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-fluid .p-inputgroup .p-input { flex: 1 1 auto; width: 1%; } .p-inputgroup-addon { background: #ffffff; color: #64748b; border-top: 1px solid #cbd5e1; border-left: 1px solid #cbd5e1; border-bottom: 1px solid #cbd5e1; padding: 0.5rem 0.75rem; min-width: 2.5rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #cbd5e1; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.5rem; } .p-fluid .p-icon-field-left, .p-fluid .p-icon-field-right { width: 100%; } .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #94a3b8; } .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #94a3b8; } .p-inputnumber { display: inline-flex; } .p-inputnumber-button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label { display: none; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up { border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group { display: flex; flex-direction: column; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button { flex: 1 1 auto; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { order: 3; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-inputnumber-buttons-horizontal .p-inputnumber-input { order: 2; border-radius: 0; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { order: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-vertical { flex-direction: column; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up { order: 1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } .p-inputnumber-buttons-vertical .p-inputnumber-input { order: 2; border-radius: 0; text-align: center; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down { order: 3; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; } .p-inputnumber-input { flex: 1 1 auto; } .p-fluid .p-inputnumber { width: 100%; } .p-fluid .p-inputnumber .p-inputnumber-input { width: 1%; } .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input { width: 100%; } .p-inputnumber.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-inputnumber.p-variant-filled > .p-inputnumber-input { background-color: #f8fafc; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { background-color: #f8fafc; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { background-color: #ffffff; } .p-inputswitch { display: inline-block; } .p-inputswitch-input { cursor: pointer; } .p-inputswitch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; } .p-inputswitch-slider:before { position: absolute; content: ""; top: 50%; } .p-inputswitch { width: 2.5rem; height: 1.5rem; } .p-inputswitch .p-inputswitch-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider { background: #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 30px; outline-color: transparent; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1rem; height: 1rem; left: 0.25rem; margin-top: -0.5rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-highlight .p-inputswitch-slider { background: #10b981; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { background: #ffffff; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { background: #94a3b8; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { background: #059669; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-inputswitch.p-invalid > .p-inputswitch-slider { border-color: #f87171; } .p-fluid .p-inputtext { width: 100%; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; background: #ffffff; padding: 0.5rem 0.75rem; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; appearance: none; border-radius: 6px; outline-color: transparent; } .p-inputtext:enabled:hover { border-color: #94a3b8; } .p-inputtext:enabled:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-inputtext.p-invalid.p-component { border-color: #f87171; } .p-inputtext.p-variant-filled { background-color: #f8fafc; } .p-inputtext.p-variant-filled:enabled:hover { background-color: #f8fafc; } .p-inputtext.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #64748b; transition-duration: 0.2s; } .p-float-label > .p-invalid + label { color: #f87171; } .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .p-icon-field-left.p-float-label > label { left: 2.5rem; } .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #64748b; } :-moz-placeholder { color: #64748b; } ::-moz-placeholder { color: #64748b; } :-ms-input-placeholder { color: #64748b; } .p-input-filled .p-inputtext { background-color: #f8fafc; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8fafc; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } .p-knob-range { fill: none; transition: stroke 0.1s ease-in; } .p-knob-value { animation-name: dash-frame; animation-fill-mode: forwards; fill: none; } .p-knob-text { font-size: 1.3rem; text-align: center; } @keyframes dash-frame { 100% { stroke-dashoffset: 0; } } .p-listbox-list-wrapper { overflow: auto; } .p-listbox-list { list-style-type: none; margin: 0; padding: 0; } .p-listbox-item { cursor: pointer; position: relative; overflow: hidden; } .p-listbox-item-group { cursor: auto; } .p-listbox-filter-container { position: relative; } .p-listbox-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-listbox-filter { width: 100%; } .p-listbox { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-listbox .p-listbox-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #94a3b8; } .p-listbox .p-listbox-list { padding: 0.25rem 0.25rem; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-listbox .p-listbox-list .p-listbox-item:first-child { margin-top: 0; } .p-listbox .p-listbox-list .p-listbox-item:last-child { margin-bottom: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #047857; background: #ecfdf5; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: #d1fae5; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #1e293b; background: #f1f5f9; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-listbox.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-listbox.p-invalid { border-color: #f87171; } .p-multiselect { display: inline-flex; cursor: pointer; user-select: none; } .p-multiselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-multiselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-multiselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-multiselect-label-empty { overflow: hidden; visibility: hidden; } .p-multiselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-multiselect-token-icon { cursor: pointer; } .p-multiselect .p-multiselect-panel { min-width: 100%; } .p-multiselect-items-wrapper { overflow: auto; } .p-multiselect-items { margin: 0; padding: 0; list-style-type: none; } .p-multiselect-item { cursor: pointer; display: flex; align-items: center; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; } .p-multiselect-item-group { cursor: auto; } .p-multiselect-header { display: flex; align-items: center; justify-content: space-between; } .p-multiselect-filter-container { position: relative; flex: 1 1 auto; } .p-multiselect-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-multiselect-filter-container .p-inputtext { width: 100%; } .p-multiselect-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; margin-left: auto; } .p-fluid .p-multiselect { display: flex; } .p-multiselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-multiselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-multiselect.p-variant-filled { background: #f8fafc; } .p-multiselect.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #64748b; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-multiselect.p-invalid.p-component { border-color: #f87171; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } .p-multiselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #94a3b8; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-multiselect-panel .p-multiselect-items { padding: 0.25rem 0.25rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { margin-top: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { margin-bottom: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #047857; background: #ecfdf5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: #d1fae5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-password { display: inline-flex; } .p-password .p-password-panel { min-width: 100%; } .p-password-meter { height: 10px; } .p-password-strength { height: 100%; width: 0; transition: width 1s ease-in-out; } .p-fluid .p-password { display: flex; } .p-password-input::-ms-reveal, .p-password-input::-ms-clear { display: none; } .p-password.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-password-panel { padding: 0 1.125rem 1.125rem 1.125rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #e2e8f0; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } .p-radiobutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-radiobutton-input { cursor: pointer; } .p-radiobutton-box { display: flex; justify-content: center; align-items: center; } .p-radiobutton-icon { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0) scale(0.1); border-radius: 50%; visibility: hidden; } .p-radiobutton.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1, 1); visibility: visible; } .p-radiobutton { width: 1.25rem; height: 1.25rem; } .p-radiobutton .p-radiobutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #cbd5e1; border-radius: 50%; } .p-radiobutton .p-radiobutton-box { border: 1px solid #cbd5e1; background: #ffffff; width: 1.25rem; height: 1.25rem; color: #334155; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 0.75rem; height: 0.75rem; transition-duration: 0.2s; background-color: #10b981; } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #10b981; background: #ffffff; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #94a3b8; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #059669; background: #ffffff; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #059669; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #f87171; } .p-radiobutton.p-variant-filled .p-radiobutton-box { background-color: #f8fafc; } .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { background: #ffffff; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f8fafc; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8fafc; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { background: #ffffff; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f8fafc; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #ffffff; } .p-rating { position: relative; display: flex; align-items: center; } .p-rating-item { display: inline-flex; align-items: center; cursor: pointer; } .p-rating.p-readonly .p-rating-item { cursor: default; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item { outline-color: transparent; border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; font-size: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f87171; } .p-rating .p-rating-item.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #ef4444; } .p-selectbutton .p-button { background: #f1f5f9; border: 1px solid #f1f5f9; color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #64748b; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; border-color: #f1f5f9; color: #334155; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #334155; } .p-selectbutton .p-button.p-highlight { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #0f172a; } .p-selectbutton .p-button.p-highlight:hover { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #0f172a; } .p-selectbutton.p-invalid > .p-button { border-color: #f87171; } .p-slider { position: relative; } .p-slider .p-slider-handle { cursor: grab; touch-action: none; display: block; } .p-slider-range { display: block; } .p-slider-horizontal .p-slider-range { top: 0; left: 0; height: 100%; } .p-slider-horizontal .p-slider-handle { top: 50%; } .p-slider-vertical { height: 100px; } .p-slider-vertical .p-slider-handle { left: 50%; } .p-slider-vertical .p-slider-range { bottom: 0; left: 0; width: 100%; } .p-slider { background: #e2e8f0; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 3px; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -10px; margin-left: -10px; } .p-slider.p-slider-vertical { width: 3px; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -10px; margin-bottom: -10px; } .p-slider .p-slider-handle { height: 20px; width: 20px; background: #e2e8f0; border: 0 none; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-slider .p-slider-range { background: #10b981; border-radius: 6px; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #e2e8f0; border-color: transparent; } .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } .p-treeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-treeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-treeselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-treeselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-treeselect-label-empty { overflow: hidden; visibility: hidden; } .p-treeselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-treeselect .p-treeselect-panel { min-width: 100%; } .p-treeselect-items-wrapper { overflow: auto; } .p-fluid .p-treeselect { display: flex; } .p-treeselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-treeselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-treeselect.p-variant-filled { background: #f8fafc; } .p-treeselect.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-treeselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #64748b; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-treeselect.p-invalid.p-component { border-color: #f87171; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-input-filled .p-treeselect { background: #f8fafc; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8fafc; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-togglebutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-togglebutton-input { cursor: pointer; } .p-togglebutton .p-button { flex: 1 1 auto; } .p-togglebutton .p-togglebutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #f1f5f9; border-radius: 6px; } .p-togglebutton .p-button { background: #f1f5f9; border: 1px solid #f1f5f9; color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-togglebutton .p-button .p-button-icon-left, .p-togglebutton .p-button .p-button-icon-right { color: #64748b; } .p-togglebutton.p-highlight .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-togglebutton.p-highlight .p-button .p-button-icon-left, .p-togglebutton.p-highlight .p-button .p-button-icon-right { color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #334155; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { color: #334155; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right { color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-togglebutton.p-invalid > .p-button { border-color: #f87171; } .p-button { display: inline-flex; cursor: pointer; user-select: none; align-items: center; vertical-align: bottom; text-align: center; overflow: hidden; position: relative; } .p-button-label { flex: 1 1 auto; } .p-button-icon-right { order: 1; } .p-button:disabled { cursor: default; } .p-button-icon-only { justify-content: center; } .p-button-icon-only .p-button-label { visibility: hidden; width: 0; flex: 0 0 auto; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-button-group .p-button { margin: 0; } .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover { border-right: 0 none; } .p-button-group .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } .p-button-group .p-button:first-of-type:not(:only-of-type) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-button-group .p-button:last-of-type:not(:only-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-button-group .p-button:focus { position: relative; z-index: 1; } .p-button { color: #ffffff; background: #10b981; border: 1px solid #10b981; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-button:not(:disabled):hover { background: #059669; color: #ffffff; border-color: #059669; } .p-button:not(:disabled):active { background: #047857; color: #ffffff; border-color: #047857; } .p-button.p-button-outlined { background-color: transparent; color: #10b981; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(16, 185, 129, 0.04); color: #10b981; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(16, 185, 129, 0.16); color: #10b981; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #334155; border-color: #334155; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f1f5f9; color: #334155; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e2e8f0; color: #334155; } .p-button.p-button-text { background-color: transparent; color: #10b981; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(16, 185, 129, 0.04); color: #10b981; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(16, 185, 129, 0.16); color: #10b981; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #334155; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f1f5f9; color: #334155; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e2e8f0; color: #334155; } .p-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #10b981; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.5rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.5rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.5rem; } .p-fluid .p-button-group { display: flex; } .p-fluid .p-button-group .p-button { flex: 1; } .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 245, 249, 0.04); color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 245, 249, 0.16); color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #f1f5f9; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 245, 249, 0.04); border-color: transparent; color: #f1f5f9; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 245, 249, 0.16); border-color: transparent; color: #f1f5f9; } .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { color: #ffffff; background: #020617; border: 1px solid #020617; } .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { background: #1e293b; color: #ffffff; border-color: #1e293b; } .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { background-color: transparent; color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 6, 23, 0.04); color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 6, 23, 0.16); color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { background-color: transparent; color: #020617; border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 6, 23, 0.04); border-color: transparent; color: #020617; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 6, 23, 0.16); border-color: transparent; color: #020617; } .p-button.p-button-link { color: #059669; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #059669; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; color: #059669; border-color: transparent; } .p-speeddial { position: absolute; display: flex; } .p-speeddial-button { z-index: 1; } .p-speeddial-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; transition: top 0s linear 0.2s; pointer-events: none; z-index: 2; } .p-speeddial-item { transform: scale(0); opacity: 0; transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; will-change: transform; } .p-speeddial-action { display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: hidden; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { position: absolute; } .p-speeddial-rotate { transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; will-change: transform; } .p-speeddial-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-mask-visible { pointer-events: none; opacity: 1; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-opened .p-speeddial-list { pointer-events: auto; } .p-speeddial-opened .p-speeddial-item { transform: scale(1); opacity: 1; } .p-speeddial-opened .p-speeddial-rotate { transform: rotate(45deg); } .p-speeddial-button.p-button.p-button-icon-only { width: 2.5rem; height: 2.5rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1rem; height: 1rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-speeddial-action { width: 2.5rem; height: 2.5rem; background: #f1f5f9; color: #475569; outline-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-speeddial-action:hover { background: #e2e8f0; color: #334155; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } .p-splitbutton { display: inline-flex; position: relative; } .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { flex: 1 1 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 none; } .p-splitbutton-menubutton, .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button { display: flex; align-items: center; justify-content: center; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-splitbutton .p-menu { min-width: 100%; } .p-fluid .p-splitbutton { display: flex; } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-carousel { display: flex; flex-direction: column; } .p-carousel-content { display: flex; flex-direction: column; overflow: auto; } .p-carousel-prev, .p-carousel-next { align-self: center; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-carousel-container { display: flex; flex-direction: row; } .p-carousel-items-content { overflow: hidden; width: 100%; } .p-carousel-items-container { display: flex; flex-direction: row; } .p-carousel-indicators { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .p-carousel-indicator > button { display: flex; align-items: center; justify-content: center; } /* Vertical */ .p-carousel-vertical .p-carousel-container { flex-direction: column; } .p-carousel-vertical .p-carousel-items-container { flex-direction: column; height: 100%; } /* Keyboard Support */ .p-items-hidden .p-carousel-item { visibility: hidden; } .p-items-hidden .p-carousel-item.p-carousel-item-active { visibility: visible; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e2e8f0; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #cbd5e1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-datatable { position: relative; } .p-datatable-table { border-spacing: 0px; width: 100%; } .p-datatable .p-sortable-column { cursor: pointer; user-select: none; } .p-datatable .p-sortable-column .p-column-title, .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable .p-sortable-column .p-sortable-column-badge { vertical-align: middle; } .p-datatable .p-sortable-column .p-sortable-column-badge { display: inline-flex; align-items: center; justify-content: center; } .p-datatable-hoverable-rows .p-selectable-row { cursor: pointer; } /* Scrollable */ .p-datatable-scrollable > .p-datatable-wrapper { position: relative; } .p-datatable-scrollable-table > .p-datatable-thead { top: 0; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-frozen-tbody { position: sticky; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-tfoot { bottom: 0; z-index: 1; } .p-datatable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-datatable-scrollable th.p-frozen-column { z-index: 1; } .p-datatable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-datatable-flex-scrollable > .p-datatable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header { position: sticky; z-index: 1; } /* Resizable */ .p-datatable-resizable-table > .p-datatable-thead > tr > th, .p-datatable-resizable-table > .p-datatable-tfoot > tr > td, .p-datatable-resizable-table > .p-datatable-tbody > tr > td { overflow: hidden; white-space: nowrap; } .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { display: none; } .p-datatable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-datatable .p-column-header-content { display: flex; align-items: center; } .p-datatable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-datatable .p-row-editor-init, .p-datatable .p-row-editor-save, .p-datatable .p-row-editor-cancel { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Expand */ .p-datatable .p-row-toggler { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Reorder */ .p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-down { position: absolute; display: none; } .p-reorderable-column, .p-datatable-reorderablerow-handle { cursor: move; } /* Loader */ .p-datatable .p-datatable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Filter */ .p-column-filter-row { display: flex; align-items: center; width: 100%; } .p-column-filter-menu { display: inline-flex; margin-left: auto; } .p-column-filter-row .p-column-filter-element { flex: 1 1 auto; width: 1%; } .p-column-filter-menu-button, .p-column-filter-clear-button { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-column-filter-row-items { margin: 0; padding: 0; list-style: none; } .p-column-filter-row-item { cursor: pointer; } .p-column-filter-add-button, .p-column-filter-remove-button { justify-content: center; } .p-column-filter-add-button .p-button-label, .p-column-filter-remove-button .p-button-label { flex-grow: 0; } .p-column-filter-buttonbar { display: flex; align-items: center; justify-content: space-between; } .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) { width: auto; } /* Responsive */ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { display: none; } /* VirtualScroller */ .p-datatable-virtualscroller-spacer { display: flex; } .p-datatable .p-virtualscroller .p-virtualscroller-loading { transform: none !important; min-height: 0; position: sticky; top: 0; left: 0; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #64748b; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1rem; min-width: 1rem; line-height: 1rem; color: #047857; background: #ecfdf5; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #475569; } .p-datatable .p-sortable-column.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover { background: #ecfdf5; color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #047857; } .p-datatable .p-sortable-column:focus-visible { box-shadow: 0 none; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #ecfdf5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #ecfdf5; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-datatable .p-column-resizer-helper { background: #10b981; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable .p-datatable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { background: #f8fafc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { color: #047857; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-dataview .p-dataview-content { background: #ffffff; color: #334155; border: 0 none; padding: 0; } .p-dataview .p-dataview-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-column-filter-menu-button:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f1f5f9; color: #475569; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #ecfdf5; color: #047857; } .p-column-filter-menu-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-column-filter-clear-button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-column-filter-clear-button:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-column-filter-overlay { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.25rem 0.25rem; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { margin-top: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { margin-bottom: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #047857; background: #ecfdf5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #1e293b; background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0 1.125rem 1.125rem 1.125rem; border-bottom: 1px solid #e2e8f0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0 1.125rem 1.125rem 1.125rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0 1.125rem 1.125rem 1.125rem; } .p-orderlist { display: flex; } .p-orderlist-controls { display: flex; flex-direction: column; justify-content: center; } .p-orderlist-list-container { flex: 1 1 auto; } .p-orderlist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-orderlist-item { cursor: pointer; overflow: hidden; position: relative; } .p-orderlist.p-state-disabled .p-orderlist-item, .p-orderlist.p-state-disabled .p-button { cursor: default; } .p-orderlist.p-state-disabled .p-orderlist-list { overflow: hidden; } .p-orderlist .p-orderlist-controls { padding: 0 1.125rem 1.125rem 1.125rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-list-container { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-orderlist .p-orderlist-header { color: #334155; padding: 1.125rem; font-weight: 600; } .p-orderlist .p-orderlist-list { color: #334155; padding: 0.25rem 0.25rem; outline: 0 none; } .p-orderlist .p-orderlist-list:not(:first-child) { border-top: 1px solid #e2e8f0; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 0.75rem; margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { margin-bottom: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #1e293b; background: #f1f5f9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #047857; background: #ecfdf5; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: #d1fae5; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8fafc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f1f5f9; } .p-organizationchart-table { border-spacing: 0; border-collapse: separate; margin: 0 auto; } .p-organizationchart-table > tbody > tr > td { text-align: center; vertical-align: top; padding: 0 0.75rem; } .p-organizationchart-node-content { display: inline-block; position: relative; } .p-organizationchart-node-content .p-node-toggler { position: absolute; bottom: -0.75rem; margin-left: -0.75rem; z-index: 2; left: 50%; user-select: none; cursor: pointer; width: 1.5rem; height: 1.5rem; text-decoration: none; } .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { position: relative; top: 0.25rem; } .p-organizationchart-line-down { margin: 0 auto; height: 20px; width: 1px; } .p-organizationchart-line-right { border-radius: 0px; } .p-organizationchart-line-left { border-radius: 0; } .p-organizationchart-selectable-node { cursor: pointer; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #ecfdf5; color: #047857; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #79f1b8; } .p-organizationchart .p-organizationchart-line-down { background: #e2e8f0; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #e2e8f0; border-color: #e2e8f0; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #e2e8f0; border-color: #e2e8f0; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; padding: 0 1.125rem 1.125rem 1.125rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-paginator-default { display: flex; } .p-paginator { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .p-paginator-left-content { margin-right: auto; } .p-paginator-right-content { margin-left: auto; } .p-paginator-page, .p-paginator-next, .p-paginator-last, .p-paginator-first, .p-paginator-prev, .p-paginator-current { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; line-height: 1; user-select: none; overflow: hidden; position: relative; } .p-paginator-element:focus { z-index: 1; position: relative; } .p-paginator { background: #ffffff; color: #334155; border: solid #e2e8f0; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; border-color: transparent; color: #475569; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.5rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.5rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #ecfdf5; border-color: #ecfdf5; color: #047857; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f1f5f9; border-color: transparent; color: #475569; } .p-picklist { display: flex; } .p-picklist-buttons { display: flex; flex-direction: column; justify-content: center; } .p-picklist-list-wrapper { flex: 1 1 50%; } .p-picklist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-picklist-item { cursor: pointer; overflow: hidden; position: relative; } .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to, .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to { transition: none; } .p-picklist .p-picklist-buttons { padding: 0 1.125rem 1.125rem 1.125rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-list-wrapper { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-picklist .p-picklist-header { color: #334155; padding: 1.125rem; font-weight: 600; } .p-picklist .p-picklist-list { color: #334155; padding: 0.25rem 0.25rem; outline: 0 none; } .p-picklist .p-picklist-list:not(:first-child) { border-top: 1px solid #e2e8f0; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 0.75rem; margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; } .p-picklist .p-picklist-list .p-picklist-item:last-child { margin-bottom: 0; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #1e293b; background: #f1f5f9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #047857; background: #ecfdf5; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: #d1fae5; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f8fafc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f1f5f9; } .p-timeline { display: flex; flex-grow: 1; flex-direction: column; } .p-timeline-left .p-timeline-event-opposite { text-align: right; } .p-timeline-left .p-timeline-event-content { text-align: left; } .p-timeline-right .p-timeline-event { flex-direction: row-reverse; } .p-timeline-right .p-timeline-event-opposite { text-align: left; } .p-timeline-right .p-timeline-event-content { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: row-reverse; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { text-align: right; } .p-timeline-event { display: flex; position: relative; min-height: 70px; } .p-timeline-event:last-child { min-height: 0; } .p-timeline-event-opposite { flex: 1; padding: 0 1rem; } .p-timeline-event-content { flex: 1; padding: 0 1rem; } .p-timeline-event-separator { flex: 0; display: flex; align-items: center; flex-direction: column; } .p-timeline-event-marker { display: flex; align-self: baseline; } .p-timeline-event-connector { flex-grow: 1; } .p-timeline-horizontal { flex-direction: row; } .p-timeline-horizontal .p-timeline-event { flex-direction: column; flex: 1; } .p-timeline-horizontal .p-timeline-event:last-child { flex: 0; } .p-timeline-horizontal .p-timeline-event-separator { flex-direction: row; } .p-timeline-horizontal .p-timeline-event-connector { width: 100%; } .p-timeline-bottom .p-timeline-event { flex-direction: column-reverse; } .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: column-reverse; } .p-timeline .p-timeline-event-marker { border: 2px solid #e2e8f0; border-radius: 50%; width: 1.125rem; height: 1.125rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #e2e8f0; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree-container { margin: 0; padding: 0; list-style-type: none; overflow: auto; } .p-treenode-children { margin: 0; padding: 0; list-style-type: none; } .p-tree-wrapper { overflow: auto; } .p-treenode-selectable { cursor: pointer; user-select: none; } .p-tree-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; flex-shrink: 0; } .p-treenode-leaf > .p-treenode-content .p-tree-toggler { visibility: hidden; } .p-treenode-content { display: flex; align-items: center; } .p-tree-filter { width: 100%; } .p-tree-filter-container { position: relative; display: block; width: 100%; } .p-tree-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-tree-loading { position: relative; min-height: 4rem; } .p-tree .p-tree-loading-overlay { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; } .p-tree-flex-scrollable { display: flex; flex: 1; height: 100%; flex-direction: column; } .p-tree-flex-scrollable .p-tree-wrapper { flex: 1; } .p-tree { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; padding: 0 1.125rem 1.125rem 1.125rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0 0; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; padding: 0.25rem 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #475569; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #334155; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #ecfdf5; color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #94a3b8; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable { position: relative; } .p-treetable table { border-collapse: collapse; width: 100%; table-layout: fixed; } .p-treetable .p-sortable-column { cursor: pointer; user-select: none; } .p-treetable-responsive-scroll > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-responsive-scroll > .p-treetable-wrapper > table, .p-treetable-auto-layout > .p-treetable-wrapper > table { table-layout: auto; } .p-treetable-hoverable-rows .p-treetable-tbody > tr { cursor: pointer; } .p-treetable-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; position: relative; } .p-treetable-toggler + .p-checkbox { vertical-align: middle; } .p-treetable-toggler + .p-checkbox + span { vertical-align: middle; } /* Resizable */ .p-treetable-resizable > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-resizable .p-treetable-thead > tr > th, .p-treetable-resizable .p-treetable-tfoot > tr > td, .p-treetable-resizable .p-treetable-tbody > tr > td { overflow: hidden; } .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer { display: none; } .p-treetable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-treetable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-treetable .p-treetable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Scrollable */ .p-treetable-scrollable .p-treetable-wrapper { position: relative; overflow: auto; } .p-treetable-scrollable .p-treetable-table { display: block; } .p-treetable-scrollable .p-treetable-thead, .p-treetable-scrollable .p-treetable-tbody, .p-treetable-scrollable .p-treetable-tfoot { display: block; } .p-treetable-scrollable .p-treetable-thead > tr, .p-treetable-scrollable .p-treetable-tbody > tr, .p-treetable-scrollable .p-treetable-tfoot > tr { display: flex; flex-wrap: nowrap; width: 100%; } .p-treetable-scrollable .p-treetable-thead > tr > th, .p-treetable-scrollable .p-treetable-tbody > tr > td, .p-treetable-scrollable .p-treetable-tfoot > tr > td { display: flex; flex: 1 1 0; align-items: center; } .p-treetable-scrollable .p-treetable-thead { position: sticky; top: 0; z-index: 1; } .p-treetable-scrollable .p-treetable-tfoot { position: sticky; bottom: 0; z-index: 1; } .p-treetable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-treetable-scrollable th.p-frozen-column { z-index: 1; } .p-treetable-scrollable-both .p-treetable-thead > tr > th, .p-treetable-scrollable-both .p-treetable-tbody > tr > td, .p-treetable-scrollable-both .p-treetable-tfoot > tr > td, .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td, .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td { flex: 0 0 auto; } .p-treetable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-treetable-flex-scrollable .p-treetable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; } .p-treetable .p-sortable-column { outline-color: var(--p-focus-ring-color); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #64748b; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1rem; min-width: 1rem; line-height: 1rem; color: #047857; background: #ecfdf5; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #475569; } .p-treetable .p-sortable-column.p-highlight { background: #ecfdf5; color: #047857; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #047857; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #334155; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #ecfdf5; color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #047857; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #1e293b; } .p-treetable .p-column-resizer-helper { background: #10b981; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.65625rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 1.25rem; } .p-accordion-header-action { cursor: pointer; display: flex; align-items: center; user-select: none; position: relative; text-decoration: none; } .p-accordion-header-action:focus { z-index: 1; } .p-accordion-header-text { line-height: 1; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.125rem 1.125rem 1.125rem 1.125rem; border: 0 none; color: #64748b; background: #ffffff; font-weight: 600; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #ffffff; border-color: #e2e8f0; color: #334155; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #e2e8f0; background: #ffffff; color: #334155; } .p-accordion .p-accordion-content { padding: 0 1.125rem 1.125rem 1.125rem; border: 0 none; background: #ffffff; color: #334155; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion .p-accordion-tab { margin-bottom: 0; } .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } .p-accordion .p-accordion-tab .p-accordion-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-top: 0 none; } .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion .p-accordion-tab:last-child .p-accordion-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-card { background: #ffffff; color: #334155; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-card .p-card-body { padding: 1.5rem; } .p-card .p-card-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #64748b; } .p-card .p-card-content { padding: 0 0 0 0; } .p-card .p-card-footer { padding: 0 0 0 0; } .p-fieldset-legend > a, .p-fieldset-legend > span { display: flex; align-items: center; justify-content: center; } .p-fieldset-toggleable .p-fieldset-legend a { cursor: pointer; user-select: none; overflow: hidden; position: relative; text-decoration: none; } .p-fieldset-legend-text { line-height: 1; } .p-fieldset { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.125rem; border: 1px solid #e2e8f0; color: #334155; background: #ffffff; font-weight: 600; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.125rem; color: #334155; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: #1e293b; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #ffffff; border-color: #ffffff; color: #1e293b; } .p-fieldset .p-fieldset-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-divider-horizontal { display: flex; width: 100%; position: relative; align-items: center; } .p-divider-horizontal:before { position: absolute; display: block; top: 50%; left: 0; width: 100%; content: ""; } .p-divider-content { z-index: 1; } .p-divider-vertical { min-height: 100%; margin: 0 1rem; display: flex; position: relative; justify-content: center; } .p-divider-vertical:before { position: absolute; display: block; top: 0; left: 50%; height: 100%; content: ""; } .p-divider.p-divider-solid.p-divider-horizontal:before { border-top-style: solid; } .p-divider.p-divider-solid.p-divider-vertical:before { border-left-style: solid; } .p-divider.p-divider-dashed.p-divider-horizontal:before { border-top-style: dashed; } .p-divider.p-divider-dashed.p-divider-vertical:before { border-left-style: dashed; } .p-divider.p-divider-dotted.p-divider-horizontal:before { border-top-style: dotted; } .p-divider.p-divider-dotted.p-divider-vertical:before { border-left-style: dotted; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px solid #e2e8f0; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px solid #e2e8f0; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel-header { display: flex; justify-content: space-between; align-items: center; } .p-panel-title { line-height: 1; } .p-panel-header-icon { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-panel .p-panel-header { border: 1px solid #e2e8f0; padding: 1.125rem; background: #ffffff; color: #334155; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.125rem; } .p-panel .p-panel-content { padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panel .p-panel-footer { padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; } .p-scrollpanel-content { height: calc(100% + 18px); width: calc(100% + 18px); padding: 0 18px 18px 0; position: relative; overflow: auto; box-sizing: border-box; scrollbar-width: none; } .p-scrollpanel-content::-webkit-scrollbar { display: none; } .p-scrollpanel-bar { position: relative; background: #c1c1c1; border-radius: 3px; z-index: 2; cursor: pointer; opacity: 0; transition: opacity 0.25s linear; } .p-scrollpanel-bar-y { width: 9px; top: 0; } .p-scrollpanel-bar-x { height: 9px; bottom: 0; } .p-scrollpanel-hidden { visibility: hidden; } .p-scrollpanel:hover .p-scrollpanel-bar, .p-scrollpanel:active .p-scrollpanel-bar { opacity: 1; } .p-scrollpanel-grabbed { user-select: none; } .p-scrollpanel .p-scrollpanel-bar { background: #f1f5f9; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-splitter { display: flex; flex-wrap: nowrap; } .p-splitter-vertical { flex-direction: column; } .p-splitter-gutter { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: col-resize; } .p-splitter-horizontal.p-splitter-resizing { cursor: col-resize; user-select: none; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { height: 24px; width: 100%; } .p-splitter-horizontal > .p-splitter-gutter { cursor: col-resize; } .p-splitter-vertical.p-splitter-resizing { cursor: row-resize; user-select: none; } .p-splitter-vertical > .p-splitter-gutter { cursor: row-resize; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { width: 24px; height: 100%; } .p-splitter-panel { flex-grow: 1; overflow: hidden; } .p-splitter-panel-nested { display: flex; } .p-splitter-panel .p-splitter { flex-grow: 1; border: 0 none; } .p-splitter { border: 1px solid #e2e8f0; background: #ffffff; border-radius: 6px; color: #334155; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; background: #e2e8f0; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e2e8f0; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { background: #e2e8f0; } .p-stepper .p-stepper-nav { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style-type: none; overflow-x: auto; } .p-stepper-vertical .p-stepper-nav { flex-direction: column; } .p-stepper-header { position: relative; display: flex; flex: 1 1 auto; align-items: center; } .p-stepper-header:last-of-type { flex: initial; } .p-stepper-header .p-stepper-action { border: 0 none; display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; } .p-stepper-header .p-stepper-action:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper.p-stepper-readonly .p-stepper-header { cursor: auto; } .p-stepper-header.p-highlight .p-stepper-action { cursor: default; } .p-stepper-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-stepper-number { position: relative; display: flex; align-items: center; justify-content: center; } .p-stepper-separator { flex: 1 1 0; } .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .p-stepper .p-stepper-header { padding: 0.5rem; } .p-stepper .p-stepper-header .p-stepper-action { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { color: #64748b; border: 1px solid #e2e8f0; border-width: 2px; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: #334155; font-weight: 500; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ecfdf5; color: #047857; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #334155; } .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { background-color: #10b981; } .p-stepper .p-stepper-panels { background: #ffffff; padding: 0.875rem 1.125rem 1.125rem 1.125rem; color: #334155; } .p-stepper .p-stepper-separator { background-color: #e2e8f0; width: 100%; height: 2px; margin-inline-start: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper.p-stepper-vertical { display: flex; flex-direction: column; } .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { display: flex; flex: 1 1 auto; background: #ffffff; color: #334155; } .p-stepper.p-stepper-vertical .p-stepper-panel { display: flex; flex-direction: column; flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { flex: 1 1 auto; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; height: auto; margin-inline-start: calc(1.75rem + 2px); } .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { background-color: #10b981; } .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { padding-left: 3rem; } .p-tabview-nav-container { position: relative; } .p-tabview-scrollable .p-tabview-nav-container { overflow: hidden; } .p-tabview-nav-content { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior: contain auto; } .p-tabview-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex: 1 1 auto; } .p-tabview-header-action { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; overflow: hidden; } .p-tabview-ink-bar { display: none; z-index: 1; } .p-tabview-header-action:focus { z-index: 1; } .p-tabview-title { line-height: 1; white-space: nowrap; } .p-tabview-nav-btn { position: absolute; top: 0; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; } .p-tabview-nav-prev { left: 0; } .p-tabview-nav-next { right: 0; } .p-tabview-nav-content::-webkit-scrollbar { display: none; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #e2e8f0; border-width: 0 0 1px 0; border-color: transparent transparent #e2e8f0 transparent; background: #ffffff; color: #64748b; padding: 1rem 1.125rem; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin: 0 0 -1px 0; outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #e2e8f0; color: #10b981; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #10b981; width: 2.5rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 0.875rem 1.125rem 1.125rem 1.125rem; border: 0 none; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .p-toolbar-group-start, .p-toolbar-group-center, .p-toolbar-group-end { display: flex; align-items: center; } .p-toolbar-group-left, .p-toolbar-group-right { display: flex; align-items: center; } .p-toolbar { background: #ffffff; border: 1px solid #e2e8f0; padding: 1.125rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { position: absolute; margin-top: 10px; top: 0; left: 0; } .p-confirm-popup-flipped { margin-top: -10px; margin-bottom: 10px; } /* Animation */ .p-confirm-popup-enter-from { opacity: 0; transform: scaleY(0.8); } .p-confirm-popup-leave-to { opacity: 0; } .p-confirm-popup-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-confirm-popup-leave-active { transition: opacity 0.1s linear; } .p-confirm-popup:after, .p-confirm-popup:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-confirm-popup:after { border-width: 8px; margin-left: -8px; } .p-confirm-popup:before { border-width: 10px; margin-left: -10px; } .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before { bottom: auto; top: 100%; } .p-confirm-popup.p-confirm-popup-flipped:after { border-bottom-color: transparent; } .p-confirm-popup.p-confirm-popup-flipped:before { border-bottom-color: transparent; } .p-confirm-popup .p-confirm-popup-content { display: flex; align-items: center; } .p-confirm-popup { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0 1rem 1rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border-style: solid; border-color: rgba(226, 232, 240, 0); border-bottom-color: #d3dce8; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #e2e8f0; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog-mask.p-component-overlay { pointer-events: auto; } .p-dialog { max-height: 90%; transform: scale(1); } .p-dialog-content { overflow-y: auto; } .p-dialog-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-dialog-footer { flex-shrink: 0; } .p-dialog .p-dialog-header-icons { display: flex; align-items: center; } .p-dialog .p-dialog-header-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Fluid */ .p-fluid .p-dialog-footer .p-button { width: auto; } /* Animation */ /* Center */ .p-dialog-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-dialog-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-dialog-enter-from, .p-dialog-leave-to { opacity: 0; transform: scale(0.7); } /* Top, Bottom, Left, Right, Top* and Bottom* */ .p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-topleft .p-dialog, .p-dialog-topright .p-dialog, .p-dialog-bottomleft .p-dialog, .p-dialog-bottomright .p-dialog { margin: 0.75rem; transform: translate3d(0px, 0px, 0px); } .p-dialog-top .p-dialog-enter-active, .p-dialog-top .p-dialog-leave-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-bottom .p-dialog-leave-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-left .p-dialog-leave-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-right .p-dialog-leave-active, .p-dialog-topleft .p-dialog-enter-active, .p-dialog-topleft .p-dialog-leave-active, .p-dialog-topright .p-dialog-enter-active, .p-dialog-topright .p-dialog-leave-active, .p-dialog-bottomleft .p-dialog-enter-active, .p-dialog-bottomleft .p-dialog-leave-active, .p-dialog-bottomright .p-dialog-enter-active, .p-dialog-bottomright .p-dialog-leave-active { transition: all 0.3s ease-out; } .p-dialog-top .p-dialog-enter-from, .p-dialog-top .p-dialog-leave-to { transform: translate3d(0px, -100%, 0px); } .p-dialog-bottom .p-dialog-enter-from, .p-dialog-bottom .p-dialog-leave-to { transform: translate3d(0px, 100%, 0px); } .p-dialog-left .p-dialog-enter-from, .p-dialog-left .p-dialog-leave-to, .p-dialog-topleft .p-dialog-enter-from, .p-dialog-topleft .p-dialog-leave-to, .p-dialog-bottomleft .p-dialog-enter-from, .p-dialog-bottomleft .p-dialog-leave-to { transform: translate3d(-100%, 0px, 0px); } .p-dialog-right .p-dialog-enter-from, .p-dialog-right .p-dialog-leave-to, .p-dialog-topright .p-dialog-enter-from, .p-dialog-topright .p-dialog-leave-to, .p-dialog-bottomright .p-dialog-enter-from, .p-dialog-bottomright .p-dialog-leave-to { transform: translate3d(100%, 0px, 0px); } /* Maximize */ .p-dialog-maximized { width: 100vw !important; height: 100vh !important; top: 0px !important; left: 0px !important; max-height: 100%; height: 100%; } .p-dialog-maximized .p-dialog-content { flex-grow: 1; } .p-confirm-dialog .p-dialog-content { display: flex; align-items: center; } .p-dialog { border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #334155; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 600; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #334155; padding: 0 1.5rem 1.5rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #334155; padding: 0 1.5rem 1.5rem 1.5rem; display: flex; justify-content: flex-end; gap: 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) { margin-left: 1rem; } .p-overlaypanel { margin-top: 10px; } .p-overlaypanel-flipped { margin-top: -10px; margin-bottom: 10px; } .p-overlaypanel-close { display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Animation */ .p-overlaypanel-enter-from { opacity: 0; transform: scaleY(0.8); } .p-overlaypanel-leave-to { opacity: 0; } .p-overlaypanel-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-overlaypanel-leave-active { transition: opacity 0.1s linear; } .p-overlaypanel:after, .p-overlaypanel:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-overlaypanel:after { border-width: 8px; margin-left: -8px; } .p-overlaypanel:before { border-width: 10px; margin-left: -10px; } .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before { bottom: auto; top: 100%; } .p-overlaypanel.p-overlaypanel-flipped:after { border-bottom-color: transparent; } .p-overlaypanel.p-overlaypanel-flipped:before { border-bottom-color: transparent; } .p-overlaypanel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-overlaypanel .p-overlaypanel-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-overlaypanel .p-overlaypanel-close { background: #10b981; color: #ffffff; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; position: absolute; top: -0.875rem; right: -0.875rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #059669; color: #ffffff; } .p-overlaypanel:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border-style: solid; border-color: rgba(226, 232, 240, 0); border-bottom-color: #d3dce8; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #e2e8f0; } .p-sidebar-mask { display: none; pointer-events: none; background-color: transparent; transition-property: background-color; } .p-sidebar-mask.p-component-overlay { pointer-events: auto; } .p-sidebar-visible { display: flex; } .p-sidebar { display: flex; flex-direction: column; pointer-events: auto; transform: translate3d(0px, 0px, 0px); position: relative; transition: transform 0.3s; } .p-sidebar-content { overflow-y: auto; flex-grow: 1; } .p-sidebar-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-sidebar-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-sidebar-full .p-sidebar { transition: none; transform: none; width: 100vw !important; height: 100vh !important; max-height: 100%; top: 0px !important; left: 0px !important; } /* Animation */ /* Center */ .p-sidebar-left .p-sidebar-enter-from, .p-sidebar-left .p-sidebar-leave-to { transform: translateX(-100%); } .p-sidebar-right .p-sidebar-enter-from, .p-sidebar-right .p-sidebar-leave-to { transform: translateX(100%); } .p-sidebar-top .p-sidebar-enter-from, .p-sidebar-top .p-sidebar-leave-to { transform: translateY(-100%); } .p-sidebar-bottom .p-sidebar-enter-from, .p-sidebar-bottom .p-sidebar-leave-to { transform: translateY(100%); } .p-sidebar-full .p-sidebar-enter-from, .p-sidebar-full .p-sidebar-leave-to { opacity: 0; } .p-sidebar-full .p-sidebar-enter-active, .p-sidebar-full .p-sidebar-leave-active { transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } /* Size */ .p-sidebar-left .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-right .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-top .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-bottom .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-left .p-sidebar-sm, .p-sidebar-right .p-sidebar-sm { width: 20rem; } .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-md { width: 40rem; } .p-sidebar-left .p-sidebar-lg, .p-sidebar-right .p-sidebar-lg { width: 60rem; } .p-sidebar-top .p-sidebar-sm, .p-sidebar-bottom .p-sidebar-sm { height: 10rem; } .p-sidebar-top .p-sidebar-md, .p-sidebar-bottom .p-sidebar-md { height: 20rem; } .p-sidebar-top .p-sidebar-lg, .p-sidebar-bottom .p-sidebar-lg { height: 30rem; } .p-sidebar-left .p-sidebar-content, .p-sidebar-right .p-sidebar-content, .p-sidebar-top .p-sidebar-content, .p-sidebar-bottom .p-sidebar-content { width: 100%; height: 100%; } @media screen and (max-width: 64em) { .p-sidebar-left .p-sidebar-lg, .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-lg, .p-sidebar-right .p-sidebar-md { width: 20rem; } } .p-sidebar { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-sidebar .p-sidebar-header { padding: 1.125rem; } .p-sidebar .p-sidebar-header .p-sidebar-header-content { font-weight: 600; font-size: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-tooltip { position: absolute; display: none; padding: 0.25em 0.5rem; max-width: 12.5rem; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 0.25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding: 0.25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; scale: 2; } .p-tooltip-right .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0.25em 0.25em 0; } .p-tooltip-left .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0 0.25em 0.25rem; } .p-tooltip.p-tooltip-top { padding: 0.25em 0; } .p-tooltip-top .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0.25em 0.25em 0; } .p-tooltip-bottom .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0 0.25em 0.25rem; } .p-tooltip .p-tooltip-text { background: #334155; color: #ffffff; padding: 0.5rem 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #334155; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #334155; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #334155; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #334155; } .p-fileupload-content { position: relative; } .p-fileupload-content .p-progressbar { width: 100%; position: absolute; top: 0; left: 0; } .p-button.p-fileupload-choose { position: relative; overflow: hidden; } .p-fileupload-buttonbar { display: flex; flex-wrap: wrap; } .p-fileupload > input[type=file], .p-fileupload-basic input[type=file] { display: none; } .p-fluid .p-fileupload .p-button { width: auto; } .p-fileupload-file { display: flex; flex-wrap: wrap; align-items: center; } .p-fileupload-file-thumbnail { flex-shrink: 0; } .p-fileupload-file-actions { margin-left: auto; } .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1.125rem; border: 1px solid #e2e8f0; color: #334155; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border: 1px dashed #10b981; background-color: #ecfdf5; } .p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #e2e8f0; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file:last-child { margin-bottom: 0; } .p-fileupload .p-fileupload-file-name { margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file-size { margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 0.75rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #059669; color: #ffffff; border-color: #059669; } .p-fileupload-choose:not(.p-disabled):active { background: #047857; color: #ffffff; border-color: #047857; } .p-breadcrumb { overflow-x: auto; } .p-breadcrumb .p-breadcrumb-list { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: nowrap; } .p-breadcrumb .p-menuitem-text { line-height: 1; } .p-breadcrumb .p-menuitem-link { text-decoration: none; display: flex; align-items: center; } .p-breadcrumb .p-menuitem-separator { display: flex; align-items: center; } .p-breadcrumb::-webkit-scrollbar { display: none; } .p-breadcrumb { background: #ffffff; border: 0 none; border-radius: 6px; padding: 1rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #94a3b8; } .p-contextmenu ul { margin: 0; padding: 0; list-style: none; } .p-contextmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; } .p-contextmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-contextmenu .p-menuitem-text { line-height: 1; } .p-contextmenu .p-menuitem { position: relative; } .p-contextmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-contextmenu-enter-from, .p-contextmenu-leave-active { opacity: 0; } .p-contextmenu-enter-active { transition: opacity 250ms; } .p-contextmenu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; min-width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem { margin: 2px 0; } .p-contextmenu .p-menuitem:first-child { margin-top: 0; } .p-contextmenu .p-menuitem:last-child { margin-bottom: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock { position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; } .p-dock-list-container { display: flex; pointer-events: auto; } .p-dock-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; } .p-dock-item { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } .p-dock-link { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: default; } .p-dock-item-second-prev, .p-dock-item-second-next { transform: scale(1.2); } .p-dock-item-prev, .p-dock-item-next { transform: scale(1.4); } .p-dock-item-current { transform: scale(1.6); z-index: 1; } /* Position */ /* top */ .p-dock-top { left: 0; top: 0; width: 100%; } .p-dock-top .p-dock-item { transform-origin: center top; } /* bottom */ .p-dock-bottom { left: 0; bottom: 0; width: 100%; } .p-dock-bottom .p-dock-item { transform-origin: center bottom; } /* right */ .p-dock-right { right: 0; top: 0; height: 100%; } .p-dock-right .p-dock-item { transform-origin: center right; } .p-dock-right .p-dock-list { flex-direction: column; } /* left */ .p-dock-left { left: 0; top: 0; height: 100%; } .p-dock-left .p-dock-item { transform-origin: center left; } .p-dock-left .p-dock-list { flex-direction: column; } .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 6px; } .p-dock .p-dock-item.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-dock .p-dock-link { width: 3rem; height: 3rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock.p-dock-mobile .p-dock-list .p-dock-item { transform: none; margin: 0; } .p-megamenu { display: flex; position: relative; } .p-megamenu-root-list { margin: 0; padding: 0; list-style: none; } .p-megamenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-megamenu .p-menuitem-text { line-height: 1; } .p-megamenu-panel { display: none; width: auto; z-index: 1; left: 0; min-width: 100%; } .p-megamenu-panel:not(.p-megamenu-mobile) { position: absolute; } .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { display: block; } .p-megamenu-submenu { margin: 0; padding: 0; list-style: none; } .p-megamenu-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } /* Horizontal */ .p-megamenu-horizontal { align-items: center; } .p-megamenu-horizontal .p-megamenu-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-megamenu-horizontal .p-megamenu-end { margin-left: auto; align-self: center; } /* Vertical */ .p-megamenu-vertical { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) { display: inline-flex; } .p-megamenu-vertical .p-megamenu-root-list { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { left: 100%; top: 0; } .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { margin-left: auto; } .p-megamenu-grid { display: flex; } .p-megamenu-col-2, .p-megamenu-col-3, .p-megamenu-col-4, .p-megamenu-col-6, .p-megamenu-col-12 { flex: 0 0 auto; padding: 0.5rem; } .p-megamenu-col-2 { width: 16.6667%; } .p-megamenu-col-3 { width: 25%; } .p-megamenu-col-4 { width: 33.3333%; } .p-megamenu-col-6 { width: 50%; } .p-megamenu-col-12 { width: 100%; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { display: flex; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { position: absolute; display: none; width: 100%; } .p-megamenu.p-megamenu-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem { width: 100%; position: static; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-megamenu.p-megamenu-mobile .p-megamenu-grid { flex-wrap: wrap; overflow: auto; max-height: 90%; } .p-megamenu { padding: 0.5rem 0.5rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem { margin: 2px 0; } .p-megamenu .p-menuitem:first-child { margin-top: 0; } .p-megamenu .p-menuitem:last-child { margin-bottom: 0; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { padding: 0.25rem 0.25rem; min-width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-megamenu.p-megamenu-vertical { min-width: 12.5rem; padding: 0.25rem 0.25rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.5rem 0.75rem; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; padding: 0.5rem 0.5rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 1.5rem; } .p-menu ul { margin: 0; padding: 0; list-style: none; } .p-menu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menu .p-menuitem-text { line-height: 1; } .p-menu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; min-width: 12.5rem; } .p-menu .p-menuitem { margin: 2px 0; } .p-menu .p-menuitem:first-child { margin-top: 0; } .p-menu .p-menuitem:last-child { margin-bottom: 0; } .p-menu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar { display: flex; align-items: center; } .p-menubar ul { margin: 0; padding: 0; list-style: none; } .p-menubar .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menubar .p-menuitem-text { line-height: 1; } .p-menubar .p-menuitem { position: relative; } .p-menubar-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-menubar-root-list > li ul { display: none; z-index: 1; } .p-menubar-root-list > .p-menuitem-active > .p-submenu-list { display: block; } .p-menubar .p-submenu-list { display: none; position: absolute; z-index: 1; } .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-menubar .p-menubar-end { margin-left: auto; align-self: center; } .p-menubar-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } .p-menubar.p-menubar-mobile { position: relative; } .p-menubar.p-menubar-mobile .p-menubar-button { display: flex; } .p-menubar.p-menubar-mobile .p-menubar-root-list { position: absolute; display: none; width: 100%; } .p-menubar.p-menubar-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-menubar { padding: 0.5rem 0.5rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.5rem 0.75rem; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; } .p-menubar .p-menuitem:first-child { margin-top: 0; } .p-menubar .p-menuitem:last-child { margin-bottom: 0; } .p-menubar .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); min-width: 12.5rem; border-radius: 6px; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-menubar.p-menubar-mobile .p-menubar-root-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 1.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 4.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.5rem; } .p-panelmenu .p-panelmenu-header-action { display: flex; align-items: center; user-select: none; cursor: pointer; position: relative; text-decoration: none; } .p-panelmenu .p-panelmenu-header-action:focus { z-index: 1; } .p-panelmenu .p-submenu-list { margin: 0; padding: 0; list-style: none; } .p-panelmenu .p-menuitem-link { display: flex; align-items: center; user-select: none; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; } .p-panelmenu .p-menuitem-text { line-height: 1; } .p-panelmenu .p-panelmenu-header { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: #64748b; background: #ffffff; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #64748b; padding: 1.125rem 1.125rem 1.125rem 1.125rem; font-weight: 600; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: #e2e8f0; color: #334155; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e2e8f0; background: #ffffff; color: #334155; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0.25rem; border: 0 none; background: #ffffff; color: #334155; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 2px 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { margin-top: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { margin-bottom: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-steps { position: relative; } .p-steps .p-steps-list { padding: 0; margin: 0; list-style-type: none; display: flex; } .p-steps-item { position: relative; display: flex; justify-content: center; flex: 1 1 auto; overflow: hidden; } .p-steps-item .p-menuitem-link { display: inline-flex; flex-direction: column; align-items: center; overflow: hidden; text-decoration: none; cursor: pointer; } .p-steps.p-steps-readonly .p-steps-item { cursor: auto; } .p-steps-item.p-steps-current .p-menuitem-link { cursor: default; } .p-steps-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-steps-number { display: flex; align-items: center; justify-content: center; } .p-steps-title { display: block; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #64748b; border: 1px solid #e2e8f0; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #ecfdf5; color: #047857; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 500; color: #334155; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #e2e8f0; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu { overflow-x: auto; } .p-tabmenu-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex-wrap: nowrap; } .p-tabmenu-nav a { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; text-decoration: none; overflow: hidden; } .p-tabmenu-nav a:focus { z-index: 1; } .p-tabmenu-nav .p-menuitem-text { line-height: 1; } .p-tabmenu-ink-bar { display: none; z-index: 1; } .p-tabmenu::-webkit-scrollbar { display: none; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #e2e8f0; border-width: 0 0 1px 0; border-color: transparent transparent #e2e8f0 transparent; background: #ffffff; color: #64748b; padding: 1rem 1.125rem; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin: 0 0 -1px 0; outline-color: transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #e2e8f0; color: #10b981; } .p-tieredmenu ul { margin: 0; padding: 0; list-style: none; } .p-tieredmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-tieredmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-tieredmenu .p-menuitem-text { line-height: 1; } .p-tieredmenu .p-menuitem { position: relative; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-tieredmenu .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-tieredmenu-enter-from, .p-tieredmenu-leave-active { opacity: 0; } .p-tieredmenu-enter-active { transition: opacity 250ms; } .p-tieredmenu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; min-width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tieredmenu .p-menuitem { margin: 2px 0; } .p-tieredmenu .p-menuitem:first-child { margin-top: 0; } .p-tieredmenu .p-menuitem:last-child { margin-bottom: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; } .p-inline-message-icon { flex-shrink: 0; } .p-inline-message-icon-only .p-inline-message-text { visibility: hidden; width: 0; } .p-fluid .p-inline-message { display: flex; } .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #2563eb; } .p-inline-message.p-inline-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #16a34a; } .p-inline-message.p-inline-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #ca8a04; } .p-inline-message.p-inline-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #dc2626; } .p-inline-message.p-inline-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-inline-message.p-inline-message-secondary .p-inline-message-icon { color: #475569; } .p-inline-message.p-inline-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-inline-message.p-inline-message-contrast .p-inline-message-icon { color: #f8fafc; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message-wrapper { display: flex; align-items: center; } .p-message-icon { flex-shrink: 0; } .p-message-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-message-close.p-link { margin-left: auto; overflow: hidden; position: relative; } .p-message-enter-from { opacity: 0; } .p-message-enter-active { transition: opacity 0.3s; } .p-message.p-message-leave-from { max-height: 1000px; } .p-message.p-message-leave-to { max-height: 0; opacity: 0; margin: 0; } .p-message-leave-active { overflow: hidden; transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; } .p-message-leave-active .p-message-close { display: none; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 0.5rem 0.75rem; } .p-message .p-message-close { width: 1.75rem; height: 1.75rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-message.p-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-message.p-message-info .p-message-icon { color: #2563eb; } .p-message.p-message-info .p-message-close { color: #2563eb; } .p-message.p-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-message.p-message-success .p-message-icon { color: #16a34a; } .p-message.p-message-success .p-message-close { color: #16a34a; } .p-message.p-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-message.p-message-warn .p-message-icon { color: #ca8a04; } .p-message.p-message-warn .p-message-close { color: #ca8a04; } .p-message.p-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-message.p-message-error .p-message-icon { color: #dc2626; } .p-message.p-message-error .p-message-close { color: #dc2626; } .p-message.p-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-message.p-message-secondary .p-message-icon { color: #475569; } .p-message.p-message-secondary .p-message-close { color: #475569; } .p-message.p-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-message.p-message-contrast .p-message-icon { color: #f8fafc; } .p-message.p-message-contrast .p-message-close { color: #f8fafc; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-message .p-icon:not(.p-message-close-icon) { width: 1rem; height: 1rem; } .p-toast { width: 25rem; white-space: pre-line; word-break: break-word; } .p-toast-message-icon { flex-shrink: 0; } .p-toast-message-content { display: flex; align-items: flex-start; } .p-toast-message-text { flex: 1 1 auto; } .p-toast-top-center { transform: translateX(-50%); } .p-toast-bottom-center { transform: translateX(-50%); } .p-toast-center { min-width: 20vw; transform: translate(-50%, -50%); } .p-toast-icon-close { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-toast-icon-close.p-link { cursor: pointer; } /* Animations */ .p-toast-message-enter-from { opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .p-toast-message-leave-from { max-height: 1000px; } .p-toast .p-toast-message.p-toast-message-leave-to { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; } .p-toast-message-enter-active { -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .p-toast-message-leave-active { -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; } .p-toast { opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 0.75rem; border-width: 1px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 0.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 1.125rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { width: 1.125rem; height: 1.125rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 500; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 1.125rem; height: 1.125rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #2563eb; } .p-toast .p-toast-message.p-toast-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #16a34a; } .p-toast .p-toast-message.p-toast-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #dc2626; } .p-toast .p-toast-message.p-toast-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { color: #475569; } .p-toast .p-toast-message.p-toast-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { color: #f8fafc; } .p-galleria-content { display: flex; flex-direction: column; } .p-galleria-item-wrapper { display: flex; flex-direction: column; position: relative; } .p-galleria-item-container { position: relative; display: flex; height: 100%; } .p-galleria-item-nav { position: absolute; top: 50%; margin-top: -0.5rem; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-item-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-galleria-item-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-galleria-item { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .p-galleria-item-nav-onhover .p-galleria-item-nav { pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { pointer-events: all; opacity: 1; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { pointer-events: none; } .p-galleria-caption { position: absolute; bottom: 0; left: 0; width: 100%; } /* Thumbnails */ .p-galleria-thumbnail-wrapper { display: flex; flex-direction: column; overflow: auto; flex-shrink: 0; } .p-galleria-thumbnail-prev, .p-galleria-thumbnail-next { align-self: center; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-galleria-thumbnail-prev span, .p-galleria-thumbnail-next span { display: flex; justify-content: center; align-items: center; } .p-galleria-thumbnail-container { display: flex; flex-direction: row; } .p-galleria-thumbnail-items-container { overflow: hidden; width: 100%; } .p-galleria-thumbnail-items { display: flex; } .p-galleria-thumbnail-item { overflow: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; } .p-galleria-thumbnail-item:hover { opacity: 1; transition: opacity 0.3s; } .p-galleria-thumbnail-item-current { opacity: 1; } /* Positions */ /* Thumbnails */ .p-galleria-thumbnails-left .p-galleria-content, .p-galleria-thumbnails-right .p-galleria-content { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-right .p-galleria-item-wrapper { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-top .p-galleria-item-wrapper { order: 2; } .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper { order: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-container, .p-galleria-thumbnails-right .p-galleria-thumbnail-container { flex-direction: column; flex-grow: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-items, .p-galleria-thumbnails-right .p-galleria-thumbnail-items { flex-direction: column; height: 100%; } /* Indicators */ .p-galleria-indicators { display: flex; align-items: center; justify-content: center; } .p-galleria-indicator > button { display: inline-flex; align-items: center; } .p-galleria-indicators-left .p-galleria-item-wrapper, .p-galleria-indicators-right .p-galleria-item-wrapper { flex-direction: row; align-items: center; } .p-galleria-indicators-left .p-galleria-item-container, .p-galleria-indicators-top .p-galleria-item-container { order: 2; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-top .p-galleria-indicators { order: 1; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-right .p-galleria-indicators { flex-direction: column; } .p-galleria-indicator-onitem .p-galleria-indicators { position: absolute; display: flex; z-index: 1; } .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { top: 0; left: 0; width: 100%; align-items: flex-start; } .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { right: 0; top: 0; height: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { bottom: 0; left: 0; width: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { left: 0; top: 0; height: 100%; align-items: flex-start; } /* FullScreen */ .p-galleria-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .p-galleria-close { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-mask .p-galleria-item-nav { position: fixed; top: 50%; margin-top: -0.5rem; } /* Animation */ .p-galleria-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-galleria-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-galleria-enter-from, .p-galleria-leave-to { opacity: 0; transform: scale(0.7); } .p-galleria-enter-active .p-galleria-item-nav { opacity: 0; } /* Keyboard Support */ .p-items-hidden .p-galleria-thumbnail-item { visibility: hidden; } .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active { visibility: visible; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f1f5f9; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f1f5f9; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f1f5f9; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e2e8f0; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #cbd5e1; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f1f5f9; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { display: flex; align-items: center; justify-content: center; } .p-image-preview-container { position: relative; display: inline-block; line-height: 0; } .p-image-preview-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; border: none; padding: 0; } .p-image-preview-container:hover > .p-image-preview-indicator { opacity: 1; cursor: pointer; } .p-image-preview-container > img { cursor: pointer; } .p-image-toolbar { position: absolute; top: 0; right: 0; display: flex; z-index: 1; } .p-image-action.p-link { display: flex; justify-content: center; align-items: center; } .p-image-action.p-disabled { pointer-events: auto; } .p-image-preview { transition: transform 0.15s; max-width: 100vw; max-height: 100vh; } .p-image-preview-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-image-preview-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-image-preview-enter-from, .p-image-preview-leave-to { opacity: 0; transform: scale(0.7); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8fafc; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; height: 1.5rem; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8fafc; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1rem; } .p-avatar.p-avatar-image { background-color: transparent; } .p-avatar.p-avatar-circle { border-radius: 50%; } .p-avatar-circle img { border-radius: 50%; } .p-avatar .p-avatar-icon { font-size: 1rem; } .p-avatar img { width: 100%; height: 100%; } .p-avatar-group .p-avatar + .p-avatar { margin-left: -1rem; } .p-avatar-group { display: flex; align-items: center; } .p-avatar { background-color: #e2e8f0; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 0.5rem; } .p-overlay-badge { position: relative; } .p-overlay-badge .p-badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0; margin: 0; } .p-badge.p-badge-dot { width: 0.5rem; min-width: 0.5rem; height: 0.5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } .p-badge { background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #f1f5f9; color: #475569; } .p-badge.p-badge-success { background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-secondary { background-color: #f1f5f9; color: #475569; } .p-badge.p-badge-contrast { background-color: #020617; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-blockui-container { position: relative; } .p-blockui.p-component-overlay { position: absolute; } .p-blockui-document.p-component-overlay { position: fixed; } .p-blockui { border-radius: 6px; } .p-chip { display: inline-flex; align-items: center; } .p-chip-text { line-height: 1.5; } .p-chip-icon.pi { line-height: 1.5; } .p-chip-remove-icon { line-height: 1.5; cursor: pointer; } .p-chip img { border-radius: 50%; } .p-chip { background-color: #f1f5f9; color: #1e293b; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { display: inline; cursor: pointer; } .p-inplace .p-inplace-content { display: inline; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content { display: flex; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext { flex: 1 1 auto; width: 1%; } .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f1f5f9; color: #1e293b; } .p-inplace .p-inplace-display:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-metergroup { display: flex; } .p-metergroup-meters { display: flex; } .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } .p-metergroup-labels { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .p-metergroup-vertical .p-metergroup-labels { align-items: start; } .p-metergroup-labels-vertical { flex-direction: column; } .p-metergroup-label { display: inline-flex; align-items: center; } .p-metergroup-label-marker { display: inline-flex; } .p-metergroup { gap: 1rem; } .p-metergroup .p-metergroup-meters { background: #e2e8f0; border-radius: 6px; } .p-metergroup .p-metergroup-meter { border: 0 none; background: #10b981; } .p-metergroup .p-metergroup-labels .p-metergroup-label { gap: 0.5rem; } .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { background: #10b981; width: 0.5rem; height: 0.5rem; border-radius: 100%; } .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { width: 1rem; height: 1rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { gap: 0.5rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { gap: 1rem; } .p-metergroup.p-metergroup-horizontal { flex-direction: column; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { height: 0.5rem; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-metergroup.p-metergroup-vertical { flex-direction: row; } .p-metergroup.p-metergroup-vertical .p-metergroup-meters { width: 0.5rem; height: 100%; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-progressbar { position: relative; overflow: hidden; } .p-progressbar-determinate .p-progressbar-value { height: 100%; width: 0%; position: absolute; display: none; border: 0 none; display: flex; align-items: center; justify-content: center; overflow: hidden; } .p-progressbar-determinate .p-progressbar-label { display: inline-flex; } .p-progressbar-determinate .p-progressbar-value-animate { transition: width 1s ease-in-out; } .p-progressbar-indeterminate .p-progressbar-value::before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .p-progressbar-indeterminate .p-progressbar-value::after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .p-progressbar { border: 0 none; height: 1.25rem; background: #e2e8f0; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #10b981; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.25rem; } .p-progress-spinner { position: relative; margin: 0 auto; width: 100px; height: 100px; display: inline-block; } .p-progress-spinner::before { content: ""; display: block; padding-top: 100%; } .p-progress-spinner-svg { height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .p-progress-spinner-svg { animation: p-progress-spinner-rotate 2s linear infinite; } .p-progress-spinner-circle { stroke-dasharray: 89, 200; stroke-dashoffset: 0; stroke: #dc2626; animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes p-progress-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes p-progress-spinner-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes p-progress-spinner-color { 100%, 0% { stroke: #dc2626; } 40% { stroke: #2563eb; } 66% { stroke: #16a34a; } 80%, 90% { stroke: #ca8a04; } } .p-ripple { overflow: hidden; position: relative; } .p-ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); pointer-events: none; } .p-ink-active { animation: ripple 0.4s linear; } .p-ripple-disabled .p-ink { display: none; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .p-scrolltop { position: fixed; bottom: 20px; right: 20px; display: flex; align-items: center; justify-content: center; } .p-scrolltop-sticky { position: sticky; } .p-scrolltop-sticky.p-link { margin-left: auto; } .p-scrolltop-enter-from { opacity: 0; } .p-scrolltop-enter-active { transition: opacity 0.15s; } .p-scrolltop.p-scrolltop-leave-to { opacity: 0; } .p-scrolltop-leave-active { transition: opacity 0.15s; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8fafc; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { overflow: hidden; } .p-skeleton::after { content: ""; animation: p-skeleton-animation 1.2s infinite; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); z-index: 1; } .p-skeleton.p-skeleton-circle { border-radius: 50%; } .p-skeleton-none::after { animation: none; } @keyframes p-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); } } .p-skeleton { background-color: #e2e8f0; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { display: inline-flex; align-items: center; justify-content: center; } .p-tag-icon, .p-tag-value, .p-tag-icon.pi { line-height: 1.5; } .p-tag.p-tag-rounded { border-radius: 10rem; } .p-tag { background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { background-color: #ef4444; color: #ffffff; } .p-tag.p-tag-secondary { background-color: #f1f5f9; color: #475569; } .p-tag.p-tag-contrast { background-color: #020617; color: #ffffff; } .p-tag .p-tag-icon { font-size: 0.75rem; } .p-tag .p-tag-icon:not(:last-child) { margin-right: 0.25rem; } .p-tag .p-tag-icon.p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { height: 18rem; overflow: auto; } .p-terminal-prompt-container { display: flex; align-items: center; } .p-terminal-input { flex: 1 1 auto; border: 0 none; background-color: transparent; color: inherit; padding: 0; outline: 0 none; } .p-terminal-input::-ms-clear { display: none; } .p-terminal { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; padding: 0 1.125rem 1.125rem 1.125rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } } @layer primevue { .p-accordion .p-accordion-header .p-accordion-header-link { border-radius: 6px !important; flex-direction: row-reverse; justify-content: space-between; } .p-accordion .p-accordion-header .p-accordion-header-link:hover { border-bottom-color: #e2e8f0; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { transform: rotate(90deg); } .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { transform: rotate(-180deg); } .p-accordion .p-accordion-tab { border-bottom: 1px solid #e2e8f0; } .p-accordion .p-accordion-tab:last-child { border-bottom: 0 none; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.25rem; gap: 0.25rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { border-radius: 4px; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.375rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { margin-left: 0.5rem; } .p-autocomplete.p-disabled { opacity: 1; } .p-button-label { font-weight: 500; } .p-button.p-button-success:enabled:focus-visible { outline-color: #22c55e; } .p-button.p-button-info:enabled:focus-visible { outline-color: #0ea5e9; } .p-button.p-button-warning:enabled:focus-visible { outline-color: #f97316; } .p-button.p-button-help:enabled:focus-visible { outline-color: #a855f7; } .p-button.p-button-danger:enabled:focus-visible { outline-color: #ef4444; } .p-button.p-button-contrast:enabled:focus-visible { outline-color: #020617; } .p-button.p-button-outlined { border-color: var(--primary-200); } .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { border-color: var(--primary-200); } .p-button.p-button-outlined.p-button-secondary { border-color: var(--surface-200); color: #64748b; } .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { color: #64748b; background-color: #f1f5f9; border-color: var(--surface-200); } .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { color: #64748b; background-color: #e2e8f0; border-color: var(--surface-200); } .p-button.p-button-outlined.p-button-success { border-color: #bbf7d0; } .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { border-color: #bbf7d0; } .p-button.p-button-outlined.p-button-info { border-color: #bae6fd; } .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { border-color: #bae6fd; } .p-button.p-button-outlined.p-button-warning { border-color: #fed7aa; } .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { border-color: #fed7aa; } .p-button.p-button-outlined.p-button-help { border-color: #e9d5ff; } .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { border-color: #e9d5ff; } .p-button.p-button-outlined.p-button-danger { border-color: #fecaca; } .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } .p-button.p-button-outlined.p-button-contrast { border-color: #334155; } .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { border-color: #334155; } .p-button.p-button-secondary.p-button-text { color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover { background: #f1f5f9; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active { background: #e2e8f0; color: #64748b; } .p-datepicker-buttonbar .p-button { padding: 0.25rem 0.75rem; font-size: 0.875rem; } .p-datepicker .p-datepicker-group-container + .p-timepicker { margin-top: 0.5rem; padding-top: 0.5rem; } .p-datepicker table th { font-weight: 500; } .p-card { border-radius: 12px; display: flex; flex-direction: column; } .p-card .p-card-caption { display: flex; flex-direction: column; gap: 0.5rem; } .p-card .p-card-caption .p-card-title, .p-card .p-card-caption .p-card-subtitle { margin-bottom: 0; } .p-card .p-card-body { display: flex; flex-direction: column; gap: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #10b981; } .p-cascadeselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-cascadeselect .p-cascadeselect-label { box-shadow: none; } .p-cascadeselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-cascadeselect.p-disabled .p-cascadeselect-label { color: #64748b; } div.p-cascadeselect-panel { border: 0 none; box-shadow: none; } .p-checkbox .p-checkbox-box { border-radius: 4px; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline-width: 1px; outline-offset: 2px; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { border-color: #10b981; } .p-checkbox.p-disabled { opacity: 1; } .p-checkbox.p-disabled .p-checkbox-box { background-color: #e2e8f0; border: 1px solid #cbd5e1; } .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { color: #64748b; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.25rem; gap: 0.25rem; } .p-chips .p-chips-multiple-container .p-chips-token { border-radius: 4px; margin: 0; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.375rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { margin-left: 0.5rem; } .p-chips.p-disabled .p-chips-multiple-container { opacity: 1; background-color: #e2e8f0; } .p-chip { border-radius: 16px; padding: 0.25rem 0.75rem; } .p-chip .p-chip-text { margin-top: 0; margin-bottom: 0; } .p-chip .p-chip-remove-icon { margin-left: 0.375rem; } .p-chip:has(.p-chip-remove-icon) { padding-right: 0.5rem; } .p-chip img { margin-left: -0.5rem; } .p-colorpicker-preview { padding: 0; } .p-colorpicker-preview:enabled:focus { outline-offset: 2px; } .p-colorpicker-preview.p-inputtext.p-disabled { opacity: 0.6; } .p-confirm-popup { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { border-bottom-color: #c0f8de; } .p-datatable .p-datatable-tbody > tr.p-highlight > td { border-bottom-color: #c0f8de; } .p-dataview-layout-options.p-selectbutton .p-button svg { position: relative; } .p-dialog { border-radius: 12px; background-color: #ffffff; } .p-dialog.p-dialog-maximized { border-radius: 0; } .p-dialog .p-dialog-header { border-top-right-radius: 12px; border-top-left-radius: 12px; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .p-dialog .p-dialog-footer { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .p-dropdown { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-dropdown .p-dropdown-label { box-shadow: none; } .p-dropdown.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-dropdown.p-disabled .p-dropdown-label { color: #64748b; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { margin-left: -0.375rem; margin-right: 0.375rem; } .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { border-bottom-color: #c0f8de; } .p-treetable .p-treetable-tbody > tr.p-highlight > td { border-bottom-color: #c0f8de; } .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { background-color: #ecfdf5; color: #047857; } .p-fieldset { padding: 0 1.125rem 1.125rem 1.125rem; margin: 0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.5rem 0.75rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { padding: 0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background-color: #f1f5f9; } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; margin-bottom: 0.375rem; } .p-fieldset .p-fieldset-legend span { padding: 0.5rem 0.75rem; } .p-fieldset .p-fieldset-content { padding: 0; } .p-column-filter-overlay-menu { padding: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0; } .p-column-filter-overlay-menu .p-column-filter-constraints { display: flex; flex-direction: column; gap: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0 0 0 0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { margin-bottom: 0; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0; } .p-fileupload .p-fileupload-content { border-top: 0 none; padding-top: 1.125rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #10b981; } .p-inline-message-text { font-weight: 500; } .p-inline-message { backdrop-filter: blur(1.5px); } .p-inline-message.p-inline-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-inline-message.p-inline-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-inline-message.p-inline-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-inline-message.p-inline-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-inline-message.p-inline-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-inline-message.p-inline-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-inputgroup-addon { padding: 0.5rem; } .p-inputnumber.p-inputnumber-buttons-stacked { position: relative; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { position: absolute; top: 1px; right: 1px; height: calc(100% - 2px); } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent; border: 0 none; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { background-color: transparent; border: 1px solid #cbd5e1; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { border-left: 0 none; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { border-right: 0 none; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { background-color: transparent; border: 1px solid #cbd5e1; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { border-bottom: 0 none; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { border-top: 0 none; } .p-inputswitch .p-inputswitch-slider { border: 0 none; } .p-inputswitch.p-highlight p-inputswitch-slider:before { left: 1.25rem; transform: none; } .p-inputswitch.p-invalid > .p-inputswitch-slider { background: #f87171; } .p-inputswitch.p-invalid > .p-inputswitch-slider:before { background: #ffffff; } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-inputtext:disabled { opacity: 1; background-color: #e2e8f0; color: #64748b; } .p-knob svg { border-radius: 6px; outline-color: transparent; transition: outline-color 0.2s; } .p-knob svg:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-listbox { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-listbox.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-listbox.p-disabled .p-listbox-list .p-listbox-item { color: #64748b; } .p-message { backdrop-filter: blur(1.5px); } .p-message.p-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-message.p-message-info .p-message-close:focus-visible { outline-color: #2563eb; } .p-message.p-message-info .p-message-close:hover { background: #dbeafe; } .p-message.p-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-message.p-message-success .p-message-close:focus-visible { outline-color: #16a34a; } .p-message.p-message-success .p-message-close:hover { background: #dcfce7; } .p-message.p-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-message.p-message-warn .p-message-close:focus-visible { outline-color: #ca8a04; } .p-message.p-message-warn .p-message-close:hover { background: #fef9c3; } .p-message.p-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-message.p-message-error .p-message-close:focus-visible { outline-color: #dc2626; } .p-message.p-message-error .p-message-close:hover { background: #fee2e2; } .p-message.p-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-message.p-message-secondary .p-message-close:focus-visible { outline-color: #475569; } .p-message.p-message-secondary .p-message-close:hover { background: #e2e8f0; } .p-message.p-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-message.p-message-contrast .p-message-close:focus-visible { outline-color: #f8fafc; } .p-message.p-message-contrast .p-message-close:hover { background: #1e293b; } .p-multiselect-panel .p-multiselect-header { padding-left: 1rem; padding-right: 1rem; } .p-multiselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-multiselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } .p-multiselect.p-multiselect-chip .p-multiselect-token { border-radius: 4px; margin-right: 0.25rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.375rem; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.25rem; } .p-panelmenu .p-panelmenu-header { border-radius: 4px; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #334155; padding: 0.5rem 0.75rem; font-weight: 600; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content { border-radius: 6px; padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { margin-top: 2px; } .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { margin-top: 2px; } .p-panelmenu .p-panelmenu-panel { padding: 0.25rem 0.25rem; overflow: hidden; margin-bottom: 0.75rem; border: 1px solid #e2e8f0; border-radius: 6px; } .p-password-panel { background-color: #ffffff; border: 1px solid #e2e8f0; padding: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.75rem; background: #e2e8f0; border-radius: 6px; } .p-password-panel .p-password-meter .p-password-strength { border-radius: 6px; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } .p-orderlist-controls .p-button { transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-orderlist-controls .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-orderlist-controls .p-button:not(:disabled):focus { box-shadow: none; } .p-orderlist-controls .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-orderlist .p-orderlist-header { background: #ffffff; color: #334155; border: 0 none; border-bottom: 0 none; padding: 0.75rem 1rem 0.5rem 1rem; font-weight: 600; color: #64748b; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { border: 1px solid #cbd5e1; border: 0 none; background: #ffffff; color: #334155; padding: 0.25rem 0.25rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-orderlist .p-orderlist-list .p-orderlist-item { border-radius: 6px; } .p-orderlist .p-orderlist-list:not(:first-child) { border: 0 none; } .p-organizationchart .p-organizationchart-node-content { padding: 0.75rem 1rem; border-radius: 6px; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border: 1px solid #e2e8f0; display: inline-flex; justify-content: center; align-items: center; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { position: static; } .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { padding: 0.75rem 1rem 1.25rem 1rem; } .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { border-right: 0 none; } .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { border-top-right-radius: 6px; } .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { border-left: 1px solid #e2e8f0; border-top-left-radius: 6px; } .p-overlaypanel { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-overlaypanel .p-overlaypanel-content { padding: 0.75rem; } .p-overlaypanel .p-overlaypanel-close { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; position: absolute; top: 0.25rem; right: 0.25rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-panel { border: 1px solid #e2e8f0; border-radius: 6px; background-color: #ffffff; } .p-panel .p-panel-header, .p-panel .p-panel-content, .p-panel .p-panel-footer { background: transparent; border: 0 none; } .p-panel:has(.p-panel-footer) .p-panel-content { padding-bottom: 0.875rem; } .p-picklist-buttons .p-button { transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-picklist-buttons .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-picklist-buttons .p-button:not(:disabled):focus { box-shadow: none; } .p-picklist-buttons .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-picklist .p-picklist-header { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border: 0 none; padding: 0.75rem 1rem 0.5rem 1rem; font-weight: 600; color: #64748b; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-picklist .p-picklist-list { border: 1px solid #cbd5e1; border: 0 none; background: #ffffff; color: #334155; padding: 0.25rem 0.25rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-picklist .p-picklist-list .p-picklist-item { border-radius: 6px; } .p-picklist .p-picklist-list:not(:first-child) { border: 0 none; } .p-progressbar-label { font-size: 0.75rem; font-weight: 600; } .p-radiobutton .p-radiobutton-box { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline-width: 1px; outline-offset: 2px; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { border-color: #10b981; } .p-radiobutton.p-disabled { opacity: 1; } .p-radiobutton.p-disabled .p-radiobutton-box { border: 1px solid #cbd5e1; background-color: #e2e8f0; } .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { background-color: #64748b; } .p-rating { gap: 0.25rem; } .p-selectbutton .p-button .pi, .p-selectbutton .p-button .p-button-label { position: relative; transition: none; } .p-selectbutton .p-button::before { content: ""; background-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; position: absolute; left: 0.25rem; top: 0.25rem; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); border-radius: 4px; } .p-selectbutton .p-button.p-highlight::before { background: #ffffff; border-color: #ffffff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-selectbutton .p-button.p-disabled { opacity: 1; color: #94a3b8; } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; } .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } .p-selectbutton.p-disabled { opacity: 1; } .p-selectbutton.p-disabled .p-button { color: #94a3b8; } .p-slider .p-slider-handle { display: flex !important; justify-content: center; align-items: center; } .p-slider .p-slider-handle::before { content: ""; width: 16px; height: 16px; display: block; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); } .p-slider .p-slider-handle:focus-visible { outline: 0 none; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; } .p-speeddial-item.p-focus > .p-speeddial-action { outline-color: #71f3c8; } .p-speeddial-button.p-speeddial-rotate { transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-splitter-gutter-handle { border-radius: 6px; } .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #10b981; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #10b981; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { border-width: 2px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { font-weight: 500; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-steps .p-steps-item .p-steps-number { position: relative; font-weight: 500; } .p-steps .p-steps-item .p-steps-number::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #ffffff; color: #10b981; } .p-steps .p-steps-item.p-highlight .p-steps-title { color: #10b981; } .p-steps .p-steps-item.p-disabled { opacity: 1; } .p-steps .p-steps-item:before { border-top-width: 2px; margin-top: calc(-1rem + 1px); } .p-steps .p-steps-item:first-child::before { width: calc(50% + 1rem); transform: translateX(100%); } .p-steps .p-steps-item:last-child::before { width: 50%; } .p-tabmenu .p-tabmenu-ink-bar { z-index: 1; display: block; position: absolute; bottom: -1px; height: 1px; background-color: #10b981; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } .p-tabmenu .p-tabmenu-nav { position: relative; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-tabview .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 1px; background-color: #10b981; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } .p-tabview .p-tabview-nav { position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-tabview .p-tabview-nav-btn.p-link { color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); } .p-tabview .p-tabview-nav-btn.p-link:hover { color: #475569; } .p-tag { background: var(--primary-100); color: var(--primary-700); } .p-tag.p-tag-success { background: var(--green-100); color: var(--green-700); } .p-tag.p-tag-info { background: var(--blue-100); color: var(--blue-700); } .p-tag.p-tag-warning { background: var(--orange-100); color: var(--orange-700); } .p-tag.p-tag-danger { background: var(--red-100); color: var(--red-700); } .p-terminal { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; padding: 0.5rem 0.75rem; border-radius: 6px; } .p-terminal .p-terminal-prompt { margin-right: 0.25rem; } .p-terminal .p-terminal-response { margin: 2px 0; } .p-timeline .p-timeline-event-marker { display: inline-flex; align-items: center; justify-content: center; position: relative; } .p-timeline .p-timeline-event-marker::before { content: " "; border-radius: 50%; width: 0.375rem; height: 0.375rem; background-color: #10b981; } .p-timeline .p-timeline-event-marker::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-toast .p-toast-message { backdrop-filter: blur(1.5px); } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { font-size: 0.875rem; } .p-toast .p-toast-message .p-toast-icon-close { width: 1.75rem; height: 1.75rem; margin-top: -25%; right: -25%; position: relative; } .p-toast .p-toast-message.p-toast-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { outline-color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { background: #dbeafe; } .p-toast .p-toast-message.p-toast-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { outline-color: #16a34a; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { background: #dcfce7; } .p-toast .p-toast-message.p-toast-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { outline-color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { background: #fef9c3; } .p-toast .p-toast-message.p-toast-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { background: #fee2e2; } .p-toast .p-toast-message.p-toast-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { background: #e2e8f0; } .p-toast .p-toast-message.p-toast-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { background: #1e293b; } .p-togglebutton .p-button .p-button-label, .p-togglebutton .p-button .p-button-icon { position: relative; transition: none; } .p-togglebutton .p-button::before { content: ""; background-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; position: absolute; left: 0.25rem; top: 0.25rem; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); border-radius: 4px; } .p-togglebutton.p-highlight .p-button::before { background: #ffffff; border-color: #ffffff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-togglebutton.p-disabled { opacity: 1; } .p-togglebutton.p-disabled .p-button { color: #94a3b8; } .p-togglebutton.p-disabled .p-button .p-button-icon { color: #94a3b8; } .p-toolbar { padding: 0.75rem; } .p-tree { border: 0 none; padding: 1rem; } .p-tree .p-tree-container .p-treenode { margin: 2px 0; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline-offset: -2px; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { background-color: #ecfdf5; } .p-tree .p-tree-container > .p-treenode:first-child { margin-top: 0; } .p-tree .p-tree-container > .p-treenode:last-child { margin-bottom: 0; } .p-treeselect-panel .p-tree { padding: 0.25rem 0.25rem; } .p-treeselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-treeselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-treeselect.p-disabled .p-treeselect-label { color: #64748b; } } /* 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; } h2:focus { outline: none; } 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); background-color: #f9f7f5; } .preview { display: flex; flex-direction: column; justify-content: space-between; min-height: 85vh; } .preview__component-container { margin: 0 auto; } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; } .fade-enter-from, .fade-leave-to { opacity: 0; } [data-v-2e09d6e8]: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-2e09d6e8]: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-2e09d6e8]:root, [data-theme=st][data-v-2e09d6e8] { /* 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-2e09d6e8]:root, [data-theme=st][data-v-2e09d6e8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2e09d6e8]:root, [data-theme=st][data-v-2e09d6e8] { --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-2e09d6e8] { /* 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-2e09d6e8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2e09d6e8] { --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-2e09d6e8] { /* 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-2e09d6e8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-file-picker-selected[data-v-2e09d6e8] { 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: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker-selected[data-v-2e09d6e8] > * { border: var(--border-width) solid transparent; border-radius: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker-selected__text[data-v-2e09d6e8] { color: var(--text-color-primary); } .b2b-file-picker-selected__file[data-v-2e09d6e8] { 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); } .b2b-file-picker-selected__file[data-v-2e09d6e8] > :first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker-selected__file--link[data-v-2e09d6e8]:focus { border: var(--border-width) solid var(--border-color-quaternary); } .b2b-file-picker-selected__file--link[data-v-2e09d6e8]:hover { font-weight: var(--font-weight-bold); } .b2b-file-picker-selected__remove-btn[data-v-2e09d6e8] { 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-primary); 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); } .b2b-file-picker-selected__remove-btn[data-v-2e09d6e8] > :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker-selected__remove-btn[data-v-2e09d6e8]:focus { outline: none; border: var(--border-width) solid var(--border-color-quaternary); } @media (max-width: calc(400 / var(--base-font-size, 16) * 1rem)) { .b2b-file-picker-selected[data-v-2e09d6e8] { flex-direction: row; align-items: center; } .b2b-file-picker-selected__file[data-v-2e09d6e8] { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); max-width: calc(100% - 50 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker-selected__remove-btn[data-v-2e09d6e8] { margin-left: auto; align-self: center; } } [data-v-ae5a2d03]: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-ae5a2d03]: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-ae5a2d03]:root, [data-theme=st][data-v-ae5a2d03] { /* 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-ae5a2d03]:root, [data-theme=st][data-v-ae5a2d03] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-ae5a2d03]:root, [data-theme=st][data-v-ae5a2d03] { --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-ae5a2d03] { /* 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-ae5a2d03] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-ae5a2d03] { --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-ae5a2d03] { /* 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-ae5a2d03] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-file-picker-input__icon[data-v-ae5a2d03] { transform: rotate(-90deg); } .b2b-file-picker-input__input[data-v-ae5a2d03] { display: none; } [data-v-6c8f4ecf]: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-6c8f4ecf]: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-6c8f4ecf]:root, [data-theme=st][data-v-6c8f4ecf] { /* 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-6c8f4ecf]:root, [data-theme=st][data-v-6c8f4ecf] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6c8f4ecf]:root, [data-theme=st][data-v-6c8f4ecf] { --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-6c8f4ecf] { /* 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-6c8f4ecf] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6c8f4ecf] { --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-6c8f4ecf] { /* 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-6c8f4ecf] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-file-picker__container[data-v-6c8f4ecf] { 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); } .b2b-file-picker__container--small[data-v-6c8f4ecf] { min-height: calc(120 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker__container--active[data-v-6c8f4ecf] { background: var(--background-color-quaternary); border: solid calc(1 / var(--base-font-size, 16) * 1rem) var(--border-color-primary); } .b2b-file-picker__container--invalid[data-v-6c8f4ecf] { border: solid calc(1 / var(--base-font-size, 16) * 1rem) var(--danger-color-primary); } .b2b-file-picker__container--selected[data-v-6c8f4ecf] { border-color: transparent; min-height: calc(50 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker__container__select[data-v-6c8f4ecf] { text-align: center; padding: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker__container__select[data-v-6c8f4ecf] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-file-picker__error[data-v-6c8f4ecf] { 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); } .b2b-file-picker__error[data-v-6c8f4ecf] > :first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .error-enter-active[data-v-6c8f4ecf], .error-leave-active[data-v-6c8f4ecf] { transition: opacity 0.2s ease; } .error-enter-from[data-v-6c8f4ecf], .error-leave-to[data-v-6c8f4ecf] { opacity: 0; } [data-v-7b1558f1]: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-7b1558f1]: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-7b1558f1]:root, [data-theme=st][data-v-7b1558f1] { /* 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-7b1558f1]:root, [data-theme=st][data-v-7b1558f1] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-7b1558f1]:root, [data-theme=st][data-v-7b1558f1] { --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-7b1558f1] { /* 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-7b1558f1] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-7b1558f1] { --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-7b1558f1] { /* 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-7b1558f1] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-address[data-v-7b1558f1] > :not(:first-child) { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-address__city[data-v-7b1558f1] { display: flex; width: 100%; flex-direction: column; } .b2b-core-address__city[data-v-7b1558f1] > :last-child { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-address__city[data-v-7b1558f1] { flex-direction: row; } .b2b-core-address__city[data-v-7b1558f1] > :last-child { margin-left: calc(20 / var(--base-font-size, 16) * 1rem); margin-top: 0; } } .b2b-core-address__city[data-v-7b1558f1] > * { width: 100%; } .b2b-core-address__city--sr-only[data-v-7b1558f1] { 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; } [data-v-bef8d183]: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-bef8d183]: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-bef8d183]:root, [data-theme=st][data-v-bef8d183] { /* 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-bef8d183]:root, [data-theme=st][data-v-bef8d183] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bef8d183]:root, [data-theme=st][data-v-bef8d183] { --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-bef8d183] { /* 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-bef8d183] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bef8d183] { --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-bef8d183] { /* 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-bef8d183] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-tag[data-v-bef8d183] { background-color: var(--background-color-secondary); padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); border-radius: calc(90 / var(--base-font-size, 16) * 1rem); font-weight: 600; transition: 300ms ease background; user-select: none; outline: none; color: var(--text-color-primary); } .st-tag[data-v-bef8d183]: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(90 / var(--base-font-size, 16) * 1rem); } .st-tag--selected[data-v-bef8d183] { background-color: var(--background-color-quaternary); } .st-tag--interactable[data-v-bef8d183] { cursor: pointer; } .st-tag--interactable[data-v-bef8d183]:hover { background-color: var(--background-color-quaternary); } .st-tag[data-v-bef8d183] > :first-child { width: 0; height: 0; margin: 0; } .st-tag[data-v-bef8d183] > :last-child { transform: rotate(45deg); } [data-v-bf421d93]: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-bf421d93]: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-bf421d93]:root, [data-theme=st][data-v-bf421d93] { /* 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-bf421d93]:root, [data-theme=st][data-v-bf421d93] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bf421d93]:root, [data-theme=st][data-v-bf421d93] { --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-bf421d93] { /* 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-bf421d93] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bf421d93] { --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-bf421d93] { /* 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-bf421d93] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-traveler-form[data-v-bf421d93] { display: flex; flex-direction: column; padding: calc(36 / var(--base-font-size, 16) * 1rem) calc(28 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form[data-v-bf421d93] > * { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__info__title[data-v-bf421d93] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); color: var(--text-color-primary); } .b2b-core-traveler-form__info__desc[data-v-bf421d93] { padding-bottom: calc(10 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__row[data-v-bf421d93] { display: flex; flex-direction: column-reverse; align-items: baseline; } .b2b-core-traveler-form__row[data-v-bf421d93] > :last-child { flex-grow: 1; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-traveler-form__row[data-v-bf421d93] { flex-direction: row; } .b2b-core-traveler-form__row[data-v-bf421d93] > :not(:last-child) { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); flex-grow: 10; } .b2b-core-traveler-form__row[data-v-bf421d93] > :last-child { margin-bottom: 0; } } .b2b-core-traveler-form--sr-only[data-v-bf421d93] { 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; } .b2b-core-traveler-form__tags[data-v-bf421d93] { display: flex; flex-direction: column; width: 100%; } .b2b-core-traveler-form__tags__input[data-v-bf421d93] { align-items: self-end; } .b2b-core-traveler-form__tags__label[data-v-bf421d93] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-family: var(--font-primary); color: var(--text-color-primary); display: inline-block; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__label--big[data-v-bf421d93] { color: var(--text-color-primary); font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); } .b2b-core-traveler-form__tags__input[data-v-bf421d93] { align-items: flex-start; } .b2b-core-traveler-form__tags__input[data-v-bf421d93] > :last-child { margin-top: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__none[data-v-bf421d93] { margin: calc(8 / var(--base-font-size, 16) * 1rem) 0 calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags[data-v-bf421d93] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__container[data-v-bf421d93] { display: flex; flex-wrap: wrap; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__container[data-v-bf421d93] > * { margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__container[data-v-bf421d93] > :not(:last-child) { margin-right: calc(5 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__container__add-btn[data-v-bf421d93] { border: none; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-family: var(--font-primary); font-weight: 600; color: var(--text-color-primary); background-color: var(--container-color-secondary); padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); cursor: pointer; } .b2b-core-traveler-form__tags__container__add-btn[data-v-bf421d93] > :last-child { transition: transform 0.5s ease; } .b2b-core-traveler-form__tags__container__add-btn[data-v-bf421d93]: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); } .b2b-core-traveler-form__tags__container__add-btn--cancel[data-v-bf421d93] > :last-child { transform: rotate(45deg); } .b2b-core-traveler-form__tags__divider[data-v-bf421d93] { width: 100%; margin: 0; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .b2b-core-traveler-form__tags__input[data-v-bf421d93] { display: flex; } .b2b-core-traveler-form__tags__input[data-v-bf421d93] > :first-child { width: 70%; margin-right: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__tags__input[data-v-bf421d93] > :last-child { max-height: calc(48 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__dates[data-v-bf421d93] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__dates[data-v-bf421d93] > :last-child { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__dates__headline[data-v-bf421d93] { color: var(--text-color-primary); font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); } .b2b-core-traveler-form__dates__description[data-v-bf421d93] { margin: calc(8 / var(--base-font-size, 16) * 1rem) 0 calc(16 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-traveler-form__btns[data-v-bf421d93] { margin-top: calc(20 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; width: 100%; } .b2b-core-traveler-form__btns[data-v-bf421d93] > * { flex: 1 1 100%; max-width: 100%; } .b2b-core-traveler-form__btns[data-v-bf421d93] > :not(:first-child) { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-traveler-form__btns[data-v-bf421d93] { flex-direction: row-reverse; flex-wrap: wrap; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-form__btns[data-v-bf421d93] > * { flex: 1 1 auto; } .b2b-core-traveler-form__btns[data-v-bf421d93] > :not(:first-child) { margin-top: 0; margin-right: rem-calc; } } [data-v-c72875be]: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-c72875be]: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-c72875be]:root, [data-theme=st][data-v-c72875be] { /* 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-c72875be]:root, [data-theme=st][data-v-c72875be] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c72875be]:root, [data-theme=st][data-v-c72875be] { --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-c72875be] { /* 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-c72875be] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c72875be] { --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-c72875be] { /* 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-c72875be] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-status[data-v-c72875be] { display: flex; align-items: baseline; } .b2b-status[data-v-c72875be] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .b2b-status__text[data-v-c72875be] { display: flex; flex-direction: column; } .b2b-status__text[data-v-c72875be] > * { color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-status__text--inline[data-v-c72875be] { flex-direction: row; } .b2b-status__text--inline[data-v-c72875be] > :not(:last-child) { margin-right: calc(5 / var(--base-font-size, 16) * 1rem); } [data-v-862da533]: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-862da533]: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-862da533]:root, [data-theme=st][data-v-862da533] { /* 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-862da533]:root, [data-theme=st][data-v-862da533] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-862da533]:root, [data-theme=st][data-v-862da533] { --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-862da533] { /* 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-862da533] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-862da533] { --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-862da533] { /* 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-862da533] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-confirmation-card[data-v-862da533] { max-width: calc(380 / var(--base-font-size, 16) * 1rem); text-align: center; } @media (min-width: 1025px) { .b2b-core-confirmation-card[data-v-862da533] { max-width: calc(468 / var(--base-font-size, 16) * 1rem); } } .b2b-core-confirmation-card__header[data-v-862da533] { margin-top: calc(18 / var(--base-font-size, 16) * 1rem); } .b2b-core-confirmation-card__description[data-v-862da533] { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); width: 100%; } .b2b-core-confirmation-card__button[data-v-862da533] { margin-top: calc(25 / var(--base-font-size, 16) * 1rem); } [data-v-e82f27c7]: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-e82f27c7]: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-e82f27c7]:root, [data-theme=st][data-v-e82f27c7] { /* 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-e82f27c7]:root, [data-theme=st][data-v-e82f27c7] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e82f27c7]:root, [data-theme=st][data-v-e82f27c7] { --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-e82f27c7] { /* 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-e82f27c7] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e82f27c7] { --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-e82f27c7] { /* 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-e82f27c7] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-restore-traveler-modal[data-v-e82f27c7] { text-align: center; } .b2b-core-restore-traveler-modal__description[data-v-e82f27c7] { margin: calc(10 / var(--base-font-size, 16) * 1rem) 0 calc(45 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-restore-traveler-modal__buttons[data-v-e82f27c7] { display: flex; } .b2b-core-restore-traveler-modal__buttons[data-v-e82f27c7] > :last-child { margin-left: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-restore-traveler-modal__error[data-v-e82f27c7] { margin-top: calc(30 / var(--base-font-size, 16) * 1rem); } [data-v-3dbeb2e5]: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-3dbeb2e5]: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-3dbeb2e5]:root, [data-theme=st][data-v-3dbeb2e5] { /* 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-3dbeb2e5]:root, [data-theme=st][data-v-3dbeb2e5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-3dbeb2e5]:root, [data-theme=st][data-v-3dbeb2e5] { --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-3dbeb2e5] { /* 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-3dbeb2e5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-3dbeb2e5] { --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-3dbeb2e5] { /* 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-3dbeb2e5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-delete-traveler-modal[data-v-3dbeb2e5] { text-align: center; } .b2b-core-delete-traveler-modal__description[data-v-3dbeb2e5] { margin: calc(10 / var(--base-font-size, 16) * 1rem) 0 calc(45 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-delete-traveler-modal__buttons[data-v-3dbeb2e5] { display: flex; } .b2b-core-delete-traveler-modal__buttons[data-v-3dbeb2e5] > :last-child { margin-left: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-delete-traveler-modal__error[data-v-3dbeb2e5] { margin-top: calc(30 / var(--base-font-size, 16) * 1rem); } [data-v-b0d4fb11]: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-b0d4fb11]: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-b0d4fb11]:root, [data-theme=st][data-v-b0d4fb11] { /* 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-b0d4fb11]:root, [data-theme=st][data-v-b0d4fb11] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b0d4fb11]:root, [data-theme=st][data-v-b0d4fb11] { --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-b0d4fb11] { /* 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-b0d4fb11] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b0d4fb11] { --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-b0d4fb11] { /* 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-b0d4fb11] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-bearer-information-icon--disabled[data-v-b0d4fb11] { opacity: 50%; } .b2b-core-bearer-information-icon__container[data-v-b0d4fb11] { display: flex; align-items: center; margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-information-icon__container__text[data-v-b0d4fb11] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); color: var(--text-color-secondary); margin-left: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-d98cb2f4]: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-d98cb2f4]: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-d98cb2f4]:root, [data-theme=st][data-v-d98cb2f4] { /* 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-d98cb2f4]:root, [data-theme=st][data-v-d98cb2f4] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-d98cb2f4]:root, [data-theme=st][data-v-d98cb2f4] { --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-d98cb2f4] { /* 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-d98cb2f4] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-d98cb2f4] { --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-d98cb2f4] { /* 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-d98cb2f4] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-bearer-information[data-v-d98cb2f4] { padding: calc(36 / var(--base-font-size, 16) * 1rem) calc(28 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-information__description[data-v-d98cb2f4] { line-height: calc(24 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-information__bearers[data-v-d98cb2f4] { display: flex; flex-direction: column; justify-content: space-between; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-information__bearers[data-v-d98cb2f4] > :last-child { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-bearer-information__bearers[data-v-d98cb2f4] { flex-direction: row; align-items: center; } .b2b-core-bearer-information__bearers[data-v-d98cb2f4] > :last-child { margin-top: 0; } } .b2b-core-bearer-information__bearers__icons-container[data-v-d98cb2f4] { display: flex; flex-direction: column; } .b2b-core-bearer-information__bearers__icons-container[data-v-d98cb2f4] > :last-child { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-bearer-information__bearers__icons-container[data-v-d98cb2f4] { flex-direction: row; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-information__bearers__icons-container[data-v-d98cb2f4] > :last-child { margin: 0 0 0 calc(32 / var(--base-font-size, 16) * 1rem); } } .b2b-core-bearer-information__type[data-v-d98cb2f4] { display: flex; flex-direction: column; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-bearer-information__type[data-v-d98cb2f4] { flex-direction: row; align-items: self-end; } } .b2b-core-bearer-information__type[data-v-d98cb2f4] > :first-child { width: 100%; } .b2b-core-bearer-information__type[data-v-d98cb2f4] > :not(:first-child) { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-bearer-information__type[data-v-d98cb2f4] > :not(:first-child) { margin-left: calc(24 / var(--base-font-size, 16) * 1rem); align-self: end; } } [data-v-dafe79b1]: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-dafe79b1]: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-dafe79b1]:root, [data-theme=st][data-v-dafe79b1] { /* 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-dafe79b1]:root, [data-theme=st][data-v-dafe79b1] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-dafe79b1]:root, [data-theme=st][data-v-dafe79b1] { --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-dafe79b1] { /* 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-dafe79b1] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-dafe79b1] { --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-dafe79b1] { /* 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-dafe79b1] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-change-bearer-modal[data-v-dafe79b1] { text-align: left; } .b2b-core-change-bearer-modal__title[data-v-dafe79b1] { text-align: center; } .b2b-core-change-bearer-modal__body[data-v-dafe79b1] { color: var(--text-color-primary); } .b2b-core-change-bearer-modal__body__information-box[data-v-dafe79b1] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-bearer-modal__body__paragraph[data-v-dafe79b1] { line-height: calc(20 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-regular); color: var(--text-color-primary); margin-top: calc(15 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(30 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-bearer-modal__body__label[data-v-dafe79b1] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); line-height: calc(20 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-bearer-modal__body__value[data-v-dafe79b1] { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-bearer-modal__body__input[data-v-dafe79b1] { margin: 0; } .b2b-core-change-bearer-modal__footer[data-v-dafe79b1] { display: flex; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-bearer-modal__footer[data-v-dafe79b1] > *:first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-cdf54955]: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-cdf54955]: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-cdf54955]:root, [data-theme=st][data-v-cdf54955] { /* 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-cdf54955]:root, [data-theme=st][data-v-cdf54955] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-cdf54955]:root, [data-theme=st][data-v-cdf54955] { --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-cdf54955] { /* 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-cdf54955] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-cdf54955] { --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-cdf54955] { /* 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-cdf54955] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-change-offer-modal[data-v-cdf54955] { text-align: left; } .b2b-core-change-offer-modal__title[data-v-cdf54955] { text-align: center; } .b2b-core-change-offer-modal__body[data-v-cdf54955] { color: var(--text-color-primary); } .b2b-core-change-offer-modal__body__paragraph[data-v-cdf54955] { line-height: calc(20 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); margin: calc(15 / var(--base-font-size, 16) * 1rem) 0 calc(30 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-change-offer-modal__body__input[data-v-cdf54955] { margin: 0 0 calc(16 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-change-offer-modal__footer[data-v-cdf54955] { display: flex; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-change-offer-modal__footer[data-v-cdf54955] > *:first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-9f32dc5b]: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-9f32dc5b]: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-9f32dc5b]:root, [data-theme=st][data-v-9f32dc5b] { /* 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-9f32dc5b]:root, [data-theme=st][data-v-9f32dc5b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-9f32dc5b]:root, [data-theme=st][data-v-9f32dc5b] { --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-9f32dc5b] { /* 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-9f32dc5b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-9f32dc5b] { --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-9f32dc5b] { /* 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-9f32dc5b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-traveler-history[data-v-9f32dc5b] { padding: calc(36 / var(--base-font-size, 16) * 1rem) calc(28 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history__table[data-v-9f32dc5b] { text-align: left; width: 100%; border-spacing: calc(1 / var(--base-font-size, 16) * 1rem); border-collapse: separate; } .b2b-core-traveler-history__table__thead[data-v-9f32dc5b] { font-weight: var(--font-weight-bold); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); margin-bottom: calc(18 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history__table__row[data-v-9f32dc5b] { border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--background-color-tertiary); } .b2b-core-traveler-history__table__row[data-v-9f32dc5b]:focus { outline: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .b2b-core-traveler-history__table__row__td[data-v-9f32dc5b] { color: var(--text-color-secondary); padding: calc(5 / var(--base-font-size, 16) * 1rem) 0; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history__show-all-btn[data-v-9f32dc5b] { display: flex; justify-content: center; margin-top: calc(30 / var(--base-font-size, 16) * 1rem); align-self: center; } .b2b-core-traveler-history__show-all-btn__icon[data-v-9f32dc5b] { margin-left: calc(6 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history__show-all-btn__icon--open[data-v-9f32dc5b] { rotate: 180deg; }.b2b-core-bearer-history[data-v-8f5f205c] { padding: calc(36 / var(--base-font-size, 16) * 1rem) calc(28 / var(--base-font-size, 16) * 1rem); background: var(--background-color-secondary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--palette-secondary-300); border-radius: calc(15 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-history__description[data-v-8f5f205c] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-core-bearer-history__container[data-v-8f5f205c] { margin: calc(40 / var(--base-font-size, 16) * 1rem) 0 calc(24 / var(--base-font-size, 16) * 1rem) 0; display: flex; } .b2b-core-bearer-history__container__labels[data-v-8f5f205c] { font-weight: 700; margin-right: calc(5 / var(--base-font-size, 16) * 1rem); } [data-v-f58d26fc]: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-f58d26fc]: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-f58d26fc]:root, [data-theme=st][data-v-f58d26fc] { /* 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-f58d26fc]:root, [data-theme=st][data-v-f58d26fc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f58d26fc]:root, [data-theme=st][data-v-f58d26fc] { --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-f58d26fc] { /* 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-f58d26fc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f58d26fc] { --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-f58d26fc] { /* 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-f58d26fc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-traveler-history-details__headline[data-v-f58d26fc] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history-details__detail-list__container[data-v-f58d26fc] { display: flex; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history-details__detail-list__container__description-title[data-v-f58d26fc] { font-weight: var(--font-weight-bold); display: inline-block; margin-right: calc(2 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-history-details__detail-list__container__description-detail[data-v-f58d26fc] { display: inline-block; } .b2b-core-traveler-history-details__detail-list__container__description-detail__list[data-v-f58d26fc] { margin-left: calc(20 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(38 / var(--base-font-size, 16) * 1rem); list-style: disc; } [data-v-2417cafc]: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-2417cafc]: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-2417cafc]:root, [data-theme=st][data-v-2417cafc] { /* 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-2417cafc]:root, [data-theme=st][data-v-2417cafc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2417cafc]:root, [data-theme=st][data-v-2417cafc] { --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-2417cafc] { /* 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-2417cafc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2417cafc] { --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-2417cafc] { /* 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-2417cafc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-traveler-details[data-v-2417cafc] { margin-top: calc(48 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-details__error[data-v-2417cafc] { width: 50%; margin: auto; } .b2b-core-traveler-details__profile[data-v-2417cafc] { display: flex; flex-direction: column; padding: calc(20 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-traveler-details__profile[data-v-2417cafc] { padding: calc(20 / var(--base-font-size, 16) * 1rem) calc(95 / var(--base-font-size, 16) * 1rem); } } .b2b-core-traveler-details__profile__heading[data-v-2417cafc] { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin: auto auto calc(56 / var(--base-font-size, 16) * 1rem) auto; } @media (min-width: 600px) { .b2b-core-traveler-details__profile__heading[data-v-2417cafc] { flex-direction: row; } } .b2b-core-traveler-details__profile__heading__back-button[data-v-2417cafc] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .b2b-core-traveler-details__profile__heading__back-button[data-v-2417cafc] { position: absolute; } } .b2b-core-traveler-details__profile__heading__title[data-v-2417cafc] { margin: auto; display: flex; flex-direction: column; align-items: center; } .b2b-core-traveler-details__profile__heading__title__deleted-btn[data-v-2417cafc] { margin-top: calc(10 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-details__profile__heading__title[data-v-2417cafc] > * { outline: none; } .b2b-core-traveler-details__profile__content[data-v-2417cafc] { display: flex; flex-direction: column; justify-content: space-evenly; } @media (min-width: 1025px) { .b2b-core-traveler-details__profile__content[data-v-2417cafc] { flex-direction: row; } } .b2b-core-traveler-details__profile__content__left-column[data-v-2417cafc] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-traveler-details__profile__content__left-column[data-v-2417cafc] { width: 50%; } } @media (min-width: 1025px) { .b2b-core-traveler-details__profile__content__right-column[data-v-2417cafc] { width: 50%; margin-left: calc(56 / var(--base-font-size, 16) * 1rem); } } .b2b-core-traveler-details__profile__content__right-column__bearer-history[data-v-2417cafc] { margin-top: calc(32 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-traveler-details__profile__content__right-column__traveler-history[data-v-2417cafc] { margin-top: calc(32 / var(--base-font-size, 16) * 1rem); } [data-v-6a999898]: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-6a999898]: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-6a999898]:root, [data-theme=st][data-v-6a999898] { /* 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-6a999898]:root, [data-theme=st][data-v-6a999898] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6a999898]:root, [data-theme=st][data-v-6a999898] { --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-6a999898] { /* 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-6a999898] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6a999898] { --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-6a999898] { /* 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-6a999898] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-inactive-modal[data-v-6a999898] { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; max-width: calc(300 / var(--base-font-size, 16) * 1rem); font-weight: 700; font-size: calc(24 / var(--base-font-size, 16) * 1rem); line-height: calc(28 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .b2b-core-inactive-modal[data-v-6a999898] > :not(:last-child) { margin-bottom: calc(26 / var(--base-font-size, 16) * 1rem); } [data-v-bc5fc1ba]: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-bc5fc1ba]: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-bc5fc1ba]:root, [data-theme=st][data-v-bc5fc1ba] { /* 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-bc5fc1ba]:root, [data-theme=st][data-v-bc5fc1ba] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bc5fc1ba]:root, [data-theme=st][data-v-bc5fc1ba] { --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-bc5fc1ba] { /* 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-bc5fc1ba] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bc5fc1ba] { --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-bc5fc1ba] { /* 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-bc5fc1ba] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-not-found-content[data-v-bc5fc1ba] { display: flex; flex-direction: column; text-align: center; align-items: center; margin: auto; } @media (min-width: 1025px) { .b2b-core-not-found-content[data-v-bc5fc1ba] { align-items: flex-start; text-align: start; } } .b2b-core-not-found-content[data-v-bc5fc1ba] > :not(:last-child) { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .b2b-core-not-found-content[data-v-bc5fc1ba] > :last-child { margin-top: calc(100 / var(--base-font-size, 16) * 1rem); } [data-v-6e346402]: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-6e346402]: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-6e346402]:root, [data-theme=st][data-v-6e346402] { /* 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-6e346402]:root, [data-theme=st][data-v-6e346402] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6e346402]:root, [data-theme=st][data-v-6e346402] { --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-6e346402] { /* 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-6e346402] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6e346402] { --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-6e346402] { /* 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-6e346402] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-search-bar[data-v-6e346402] { display: flex; flex-direction: column; font-family: var(--font-primary); text-align: center; } .b2b-search-bar__slot-content[data-v-6e346402] { margin-top: calc(6 / var(--base-font-size, 16) * 1rem); } .b2b-search-bar__actions[data-v-6e346402] { display: flex; flex-direction: column; justify-content: center; margin-top: calc(48 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1200px) { .b2b-search-bar__actions[data-v-6e346402] { flex-direction: row; } } .b2b-search-bar__actions__bar[data-v-6e346402] { display: flex; flex-direction: column; text-align: left; } @media (min-width: 1025px) { .b2b-search-bar__actions__bar[data-v-6e346402] { width: 100%; } } .b2b-search-bar__actions__bar__label[data-v-6e346402] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-semi-bold); margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .b2b-search-bar__actions__bar__label[data-v-6e346402] { margin-right: calc(100 / var(--base-font-size, 16) * 1rem); } } .b2b-search-bar__actions__bar__container[data-v-6e346402] { display: flex; flex-grow: 2; } .b2b-search-bar__actions__bar__container__input-field[data-v-6e346402] { min-height: calc(40 / var(--base-font-size, 16) * 1rem); width: 100%; padding-left: var(--lg); color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); border: var(--border-width--thin) solid var(--border-color-quaternary); border-right: none; border-radius: var(--border-radius) 0 0 var(--border-radius); } .b2b-search-bar__actions__bar__container__input-field[data-v-6e346402]: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); outline: none; } .b2b-search-bar__actions__bar__container__input-field[data-v-6e346402]:disabled { background-color: var(--container-color-secondary); } .b2b-search-bar__actions__bar__container__search-button[data-v-6e346402] { display: flex; flex-direction: row; align-items: center; padding: 0 calc(18 / var(--base-font-size, 16) * 1rem); font-family: inherit; font-size: calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-tertiary); background-color: var(--background-color-primary); border-radius: 0 var(--border-radius) var(--border-radius) 0; cursor: pointer; } .b2b-search-bar__actions__bar__container__search-button[data-v-6e346402]: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); outline: none; } .b2b-search-bar__actions__bar__container__search-button[data-v-6e346402]:disabled { background-color: var(--disabled-color-primary); } .b2b-search-bar__actions__bar__container__search-button__text[data-v-6e346402] { margin-left: calc(8 / var(--base-font-size, 16) * 1rem); } .b2b-search-bar__show-all-button[data-v-6e346402] { margin-top: calc(20 / var(--base-font-size, 16) * 1rem); align-self: end; flex-grow: 1; text-wrap: nowrap; } @media (min-width: 1200px) { .b2b-search-bar__show-all-button[data-v-6e346402] { margin-top: 0; margin-left: calc(18 / var(--base-font-size, 16) * 1rem); } } [data-v-558c6f63]: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-558c6f63]: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-558c6f63]:root, [data-theme=st][data-v-558c6f63] { /* 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-558c6f63]:root, [data-theme=st][data-v-558c6f63] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-558c6f63]:root, [data-theme=st][data-v-558c6f63] { --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-558c6f63] { /* 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-558c6f63] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-558c6f63] { --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-558c6f63] { /* 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-558c6f63] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-add-admin-modal__header[data-v-558c6f63] { text-align: center; outline: none; } .b2b-core-add-admin-modal__header__description[data-v-558c6f63] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; text-align: left; } .b2b-core-add-admin-modal__btns-container[data-v-558c6f63] { display: flex; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-add-admin-modal__btns-container[data-v-558c6f63] { flex-direction: column; } } .b2b-core-add-admin-modal__btns-container__btns[data-v-558c6f63] { display: flex; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-add-admin-modal__btns-container__btns[data-v-558c6f63] > :last-child { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-86b5ab8a]: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-86b5ab8a]: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-86b5ab8a]:root, [data-theme=st][data-v-86b5ab8a] { /* 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-86b5ab8a]:root, [data-theme=st][data-v-86b5ab8a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-86b5ab8a]:root, [data-theme=st][data-v-86b5ab8a] { --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-86b5ab8a] { /* 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-86b5ab8a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-86b5ab8a] { --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-86b5ab8a] { /* 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-86b5ab8a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-remove-admin-modal[data-v-86b5ab8a] { text-align: center; } .b2b-core-remove-admin-modal__headline[data-v-86b5ab8a] { outline: none; } .b2b-core-remove-admin-modal__description[data-v-86b5ab8a] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; } .b2b-core-remove-admin-modal__description-list[data-v-86b5ab8a] { display: grid; grid-template-columns: auto 1fr; text-align: left; } .b2b-core-remove-admin-modal__description-list__item[data-v-86b5ab8a] { margin-left: calc(20 / var(--base-font-size, 16) * 1rem); font-weight: var(--font-weight-bold); color: var(--text-color-primary); word-break: break-word; } .b2b-core-remove-admin-modal__btns-container[data-v-86b5ab8a] { display: flex; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-remove-admin-modal__btns-container[data-v-86b5ab8a] { flex-direction: column; } } .b2b-core-remove-admin-modal__btns-container__btns[data-v-86b5ab8a] { display: flex; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-remove-admin-modal__btns-container__btns[data-v-86b5ab8a] > :last-child { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-remove-admin-modal__close-btn[data-v-86b5ab8a] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-2d7ba47b]: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-2d7ba47b]: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-2d7ba47b]:root, [data-theme=st][data-v-2d7ba47b] { /* 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-2d7ba47b]:root, [data-theme=st][data-v-2d7ba47b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2d7ba47b]:root, [data-theme=st][data-v-2d7ba47b] { --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-2d7ba47b] { /* 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-2d7ba47b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2d7ba47b] { --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-2d7ba47b] { /* 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-2d7ba47b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-remove-traveler-button[data-v-2d7ba47b] { display: flex; align-items: center; color: var(--text-color-quinary); } .b2b-core-remove-traveler-button[data-v-2d7ba47b]:hover { cursor: pointer; } .b2b-core-remove-traveler-button[data-v-2d7ba47b] > :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } [data-v-a8ff6388]: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-a8ff6388]: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-a8ff6388]:root, [data-theme=st][data-v-a8ff6388] { /* 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-a8ff6388]:root, [data-theme=st][data-v-a8ff6388] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a8ff6388]:root, [data-theme=st][data-v-a8ff6388] { --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-a8ff6388] { /* 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-a8ff6388] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a8ff6388] { --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-a8ff6388] { /* 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-a8ff6388] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-admin-view[data-v-a8ff6388] { width: 90%; margin: auto; } .b2b-core-admin-view__add-admin[data-v-a8ff6388] { display: flex; justify-content: end; margin: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-admin-view__table-container[data-v-a8ff6388] { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .b2b-core-admin-view__table-container__amount[data-v-a8ff6388] { color: var(--text-color-primary); font-weight: var(--font-weight-bold); margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-admin-view__table-container__error-msg[data-v-a8ff6388] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-7a4fb4a7]: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-7a4fb4a7]: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-7a4fb4a7]:root, [data-theme=st][data-v-7a4fb4a7] { /* 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-7a4fb4a7]:root, [data-theme=st][data-v-7a4fb4a7] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-7a4fb4a7]:root, [data-theme=st][data-v-7a4fb4a7] { --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-7a4fb4a7] { /* 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-7a4fb4a7] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-7a4fb4a7] { --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-7a4fb4a7] { /* 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-7a4fb4a7] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-controls[data-v-7a4fb4a7] { display: flex; flex-direction: column; background-color: var(--container-color-primary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); padding: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-controls__row[data-v-7a4fb4a7] { display: flex; flex-wrap: wrap; } .b2b-core-controls__row[data-v-7a4fb4a7] > :not(:last-child) { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } .b2b-core-controls__row[data-v-7a4fb4a7] > * { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); min-width: calc(300 / var(--base-font-size, 16) * 1rem); max-width: calc(300 / var(--base-font-size, 16) * 1rem); } [data-v-e3f16c89]: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-e3f16c89]: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-e3f16c89]:root, [data-theme=st][data-v-e3f16c89] { /* 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-e3f16c89]:root, [data-theme=st][data-v-e3f16c89] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e3f16c89]:root, [data-theme=st][data-v-e3f16c89] { --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-e3f16c89] { /* 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-e3f16c89] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e3f16c89] { --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-e3f16c89] { /* 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-e3f16c89] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .controls[data-v-e3f16c89] { display: flex; flex-direction: column; } .controls[data-v-e3f16c89] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .controls__sections[data-v-e3f16c89] { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 16px; } @media (min-width: 1025px) { .controls__sections[data-v-e3f16c89] { flex-direction: row; } } .controls__sections[data-v-e3f16c89] > :not(:first-child) { border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); background: var(--container-color-tertiary); } .configurator[data-v-e3f16c89] { padding: calc(16 / var(--base-font-size, 16) * 1rem); border-radius: calc(8 / var(--base-font-size, 16) * 1rem); flex: 1 1 0; } @media (min-width: 1025px) { .configurator[data-v-e3f16c89] { min-width: calc(350 / var(--base-font-size, 16) * 1rem); max-width: calc(400 / var(--base-font-size, 16) * 1rem); } } .configurator[data-v-e3f16c89] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .configurator__icons[data-v-e3f16c89] { padding: calc(16 / var(--base-font-size, 16) * 1rem); } .configurator__icons--expanded[data-v-e3f16c89] { background: var(--container-color-secondary); display: flex; flex-direction: column; gap: calc(8 / var(--base-font-size, 16) * 1rem); } .item-list[data-v-e3f16c89] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .item-list[data-v-e3f16c89] { flex-direction: row; } } .item-list__card[data-v-e3f16c89] { background: var(--container-color-primary); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(8 / var(--base-font-size, 16) * 1rem); padding: calc(16 / 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) rgba(0, 0, 0, 0.03); min-width: calc(300 / var(--base-font-size, 16) * 1rem); } .item-list__header[data-v-e3f16c89] { display: flex; justify-content: space-between; align-items: center; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); font-weight: bold; font-size: calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .item-list__details[data-v-e3f16c89] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); color: var(--text-color-secondary); } .item-list__dropdown-sections[data-v-e3f16c89] { padding-left: calc(12 / var(--base-font-size, 16) * 1rem); list-style-type: disc; } [data-v-cfcdacdc]: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-cfcdacdc]: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-cfcdacdc]:root, [data-theme=st][data-v-cfcdacdc] { /* 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-cfcdacdc]:root, [data-theme=st][data-v-cfcdacdc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-cfcdacdc]:root, [data-theme=st][data-v-cfcdacdc] { --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-cfcdacdc] { /* 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-cfcdacdc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-cfcdacdc] { --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-cfcdacdc] { /* 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-cfcdacdc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .modal-preview[data-v-cfcdacdc] { display: flex; flex-direction: column; justify-content: flex-end; min-height: 85vh; } [data-v-d6aa630f]: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-d6aa630f]: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-d6aa630f]:root, [data-theme=st][data-v-d6aa630f] { /* 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-d6aa630f]:root, [data-theme=st][data-v-d6aa630f] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-d6aa630f]:root, [data-theme=st][data-v-d6aa630f] { --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-d6aa630f] { /* 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-d6aa630f] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-d6aa630f] { --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-d6aa630f] { /* 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-d6aa630f] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .b2b-core-landing-page[data-v-d6aa630f] { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 60vh; padding: calc(48 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); font-family: var(--font-primary); width: 100%; text-align: center; } @media (min-width: 1025px) { .b2b-core-landing-page[data-v-d6aa630f] { text-align: left; } } .b2b-core-landing-page__title[data-v-d6aa630f] { margin-bottom: calc(32 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-landing-page__title[data-v-d6aa630f] { margin-bottom: calc(48 / var(--base-font-size, 16) * 1rem); } } .b2b-core-landing-page__content[data-v-d6aa630f] { display: flex; flex-direction: column; align-items: center; } @media (min-width: 1025px) { .b2b-core-landing-page__content[data-v-d6aa630f] { align-items: flex-start; } } .b2b-core-landing-page__description[data-v-d6aa630f] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); line-height: calc(28 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); margin-bottom: calc(48 / var(--base-font-size, 16) * 1rem); max-width: calc(600 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .b2b-core-landing-page__description[data-v-d6aa630f] { font-size: calc(20 / var(--base-font-size, 16) * 1rem); line-height: calc(32 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(64 / var(--base-font-size, 16) * 1rem); } } .b2b-core-landing-page__icons[data-v-d6aa630f] { display: flex; align-items: center; justify-content: center; margin-bottom: calc(32 / var(--base-font-size, 16) * 1rem); position: relative; height: calc(100 / var(--base-font-size, 16) * 1rem); } .b2b-core-landing-page__icons[data-v-d6aa630f] > :first-child { animation: rotate-clockwise-d6aa630f 8s linear infinite; margin-top: calc(-20 / var(--base-font-size, 16) * 1rem); margin-right: calc(-10 / var(--base-font-size, 16) * 1rem); } .b2b-core-landing-page__icons[data-v-d6aa630f] > :last-child { animation: rotate-counter-clockwise-d6aa630f 8s linear infinite; margin-top: calc(20 / var(--base-font-size, 16) * 1rem); margin-left: calc(-10 / var(--base-font-size, 16) * 1rem); } @keyframes rotate-clockwise-d6aa630f { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-counter-clockwise-d6aa630f { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }