@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: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:700|Source+Sans+Pro:400,600,700);@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:400,600,700|Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Bitter:700|Source+Sans+Pro:400,600,700");@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"); :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; } .st-faq { border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #d6d3d0; } .humany-link:focus, .humany-list: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); } [data-v-eed3f856]: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-eed3f856]: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-eed3f856]:root, [data-theme=st][data-v-eed3f856] { /* 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-eed3f856]:root, [data-theme=st][data-v-eed3f856] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-eed3f856]:root, [data-theme=st][data-v-eed3f856] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-eed3f856] { /* 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-eed3f856] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-eed3f856] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-eed3f856] { /* 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-eed3f856] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } #appRouterLink[data-v-eed3f856] { text-decoration: none !important; } #app-navigation[data-v-eed3f856] { background-color: #ffffff; z-index: 1017; } #app-navigation .app-navigation-title[data-v-eed3f856] { display: flex; flex-direction: column; width: 90%; text-wrap: auto; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; letter-spacing: normal; } @media (min-width: 600px) { #app-navigation .app-navigation-title[data-v-eed3f856] { flex-direction: row; align-items: center; } } @media (min-width: 1025px) { #app-navigation .app-navigation-title[data-v-eed3f856] { width: 100%; } } #app-navigation .app-navigation-title__text[data-v-eed3f856] { margin-bottom: 0; overflow-wrap: anywhere; } #app-navigation .skip-link[data-v-eed3f856] { margin-left: calc(-2000 / var(--base-font-size, 16) * 1rem); font-size: calc(18 / var(--base-font-size, 16) * 1rem); position: absolute; margin-top: 5%; } #app-navigation .skip-link[data-v-eed3f856]:focus { top: 0 !important; border-radius: calc(10 / var(--base-font-size, 16) * 1rem); border: 3px solid #514f4f; color: #2b241d; background-color: #f6bb0a; display: inline-block; margin-left: 0; height: auto; width: auto; text-decoration: none; padding: calc(10 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } #app-navigation .skip-link[data-v-eed3f856]:focus:hover { background-color: #f6a200; } #app-navigation .screenreader-text[data-v-eed3f856] { margin-left: -2000px; font-size: 18px; text-decoration: none; } #app-navigation .screenreader-text[data-v-eed3f856]:focus { top: 0 !important; border-radius: calc(10 / var(--base-font-size, 16) * 1rem); border: 3px solid #514f4f; color: #2b241d; background-color: #f6bb0a; display: inline-block; margin-left: 0; height: auto; width: auto; text-decoration: none; padding: calc(10 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } #app-navigation .screenreader-text[data-v-eed3f856]:focus:hover { background-color: #f6a200; } @media (min-width: 1100px) { #app-navigation li.dropdown:hover > .dropdown-menu[data-v-eed3f856] { display: block; } } #app-navigation .navbar[data-v-eed3f856] { padding: calc(4 / var(--base-font-size, 16) * 1rem); min-height: calc(72 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { #app-navigation .navbar[data-v-eed3f856] { padding: 0; } } #app-navigation .navbar a[data-v-eed3f856] { background-color: transparent; } #app-navigation .navbar a[data-v-eed3f856]:focus { outline-color: var(--border-color-quaternary); } #app-navigation .navbar span[role=button][data-v-eed3f856] { cursor: pointer; color: #4d4844; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } #app-navigation .navbar .navbar-brand[data-v-eed3f856] { align-content: center; padding-left: calc(24 / var(--base-font-size, 16) * 1rem); } @media (max-width: 450px) { #app-navigation .navbar .navbar-brand[data-v-eed3f856] { padding-left: 8px; max-width: 75%; } } @media (max-width: 243px) { #app-navigation .navbar .navbar-brand[data-v-eed3f856] { padding-left: 8px; max-width: 65%; } } #app-navigation .navbar .navbar-brand[data-v-eed3f856] { font-family: "bitter"; font-size: 24px; font-weight: bold; color: #807569; text-decoration: none; line-height: 2; max-width: 80%; } #app-navigation .navbar .navbar-brand img[data-v-eed3f856] { outline: none; } #app-navigation .navbar .navbar-brand img[data-v-eed3f856]:focus { -moz-box-shadow: 0 0 0 2px #514f4f; -webkit-box-shadow: 0 0 0 2px #514f4f; box-shadow: 0 0 0 2px #514f4f; } #app-navigation .navbar .navbar-brand .logo[data-v-eed3f856] { vertical-align: middle; margin-top: -6px; height: 30px; } #app-navigation .navbar .navbar-brand span[data-v-eed3f856] { margin-left: 15px; vertical-align: bottom; } @media (max-width: 450px) { #app-navigation .navbar .navbar-toggler[data-v-eed3f856] { padding: 0 0.3rem; margin-right: 8px; } } #app-navigation .navbar .navbar-toggler[data-v-eed3f856] { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: right; color: #4d4845; margin-right: 24px; } #app-navigation .navbar .navbar-toggler[data-v-eed3f856]:focus { outline-color: var(--border-color-primary); } #app-navigation .navbar .dropdown-menu[data-v-eed3f856] { width: 100%; border-radius: 0px; margin: 0px; border: none; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; border-bottom-left-radius: 4px; } #app-navigation .navbar .dropdown-menu .dropdown-item[data-v-eed3f856] { margin: calc(8 / var(--base-font-size, 16) * 1rem) 0; text-decoration: none; padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } #app-navigation .navbar .dropdown-menu .dropdown-item[data-v-eed3f856]:hover { background-color: var(--background-color-quaternary); } #app-navigation .navbar li.nav-item[data-v-eed3f856]:hover { transition: 0.3s; background-color: var(--background-color-quaternary); } body.ot #app-navigation .navbar li.nav-item[data-v-eed3f856]:hover { background-color: #f1f4f8; } #app-navigation .navbar li.nav-item[data-v-eed3f856]:not(:hover) { transition: 0.3s; } #app-navigation .navbar li.nav-item a[data-v-eed3f856]:focus { transition: 0.3s; background-color: var(--background-color-quaternary); } #app-navigation .navbar li.nav-item[data-v-eed3f856]:not(:focus) { transition: 0.3s; } #app-navigation .navbar .navbar-nav[data-v-eed3f856] { align-self: stretch; } #app-navigation .navbar .navbar-collapse[data-v-eed3f856] { align-self: stretch; } #app-navigation .navbar .nav-item[data-v-eed3f856] { height: 100%; } #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856] { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-decoration: none; height: 100%; align-content: center; padding-top: 24px; padding-bottom: 25px; color: #4d4845; padding-left: 24px; padding-right: 24px; position: relative; color: #2b241d; } #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856]:hover, #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856]:focus { transition: 0.3s; background-color: var(--background-color-quaternary); } #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856]:not(:hover), #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856]:not(:focus) { transition: 0.3s; } #app-navigation .navbar .nav-item .nav-link .active-line[data-v-eed3f856] { height: 4px; border-top-left-radius: 2px; border-top-right-radius: 2px; position: absolute; bottom: 0px; width: 100%; margin-left: -24px; background: var(--background-color-primary); } @media (max-width: 1099px) { #app-navigation .navbar .nav-item .nav-link .active-line[data-v-eed3f856] { margin-left: -16px; } } #app-navigation .navbar .nav-item .nav-link.active-user[data-v-eed3f856] { margin: 0; width: 220px; display: flex; align-items: center; } @media (max-width: 1099px) { #app-navigation .navbar .nav-item .nav-link.active-user[data-v-eed3f856] { width: 100%; } } #app-navigation .navbar .nav-item .nav-link.primary[data-v-eed3f856] { background: var(--background-color-primary); color: var(--text-color-tertiary); } #app-navigation .navbar .nav-item .nav-link.primary[data-v-eed3f856]:hover { background: var(--background-color-quaternary); color: var(--text-color-primary); } @media (max-width: 1099px) { #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856] { width: 100%; text-align: left; padding: 25px 16px; } #app-navigation .navbar .nav-item .nav-link[data-v-eed3f856]:hover { background-color: #f7f6f2; } } #app-navigation .navbar .nav-item.dropdown[data-v-eed3f856] { display: none; } #app-navigation .navbar .nav-item.mobile[data-v-eed3f856] { display: block; } #app-navigation .navbar .nav-item.dropdown[data-v-eed3f856] { background-color: #f5f3f0; } #app-navigation .dropdown-menu label[data-v-eed3f856] { padding-top: 10px; padding-left: 24px; margin-bottom: 0px; height: 36px; } @media (max-width: 1099.98px) { #app-navigation .navbar-expand-custom > .container[data-v-eed3f856], #app-navigation .navbar-expand-custom > .container-fluid[data-v-eed3f856] { padding-right: 0; padding-left: 0; } } @media (min-width: 1100px) { #app-navigation .navbar-expand-custom[data-v-eed3f856] { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } #app-navigation .navbar-expand-custom .navbar-nav[data-v-eed3f856] { -ms-flex-direction: row; flex-direction: row; } #app-navigation .navbar-expand-custom .navbar-nav .dropdown-menu[data-v-eed3f856] { position: absolute; } #app-navigation .navbar-expand-custom > .container[data-v-eed3f856], #app-navigation .navbar-expand-custom > .container-fluid[data-v-eed3f856] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #app-navigation .navbar-expand-custom .navbar-collapse[data-v-eed3f856] { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } #app-navigation .navbar-expand-custom .navbar-toggler[data-v-eed3f856] { display: none; } } @media (min-width: 768px) { #app-navigation .navbar .nav-item[data-v-eed3f856] { text-align: center; } #app-navigation .navbar .nav-item.mobile[data-v-eed3f856] { display: none; } #app-navigation .navbar .nav-item.dropdown[data-v-eed3f856] { display: block; } } @media (min-width: 1100px) { #app-navigation .select-transition-enter-active[data-v-eed3f856] { transition: all 0.7s ease-in; max-height: 100%; } } @media (min-width: 1100px) { #app-navigation .select-transition-leave-active[data-v-eed3f856] { transition: all 0.1s ease-out; max-height: 100%; } } @media (min-width: 1100px) { #app-navigation .select-transition-enter-from[data-v-eed3f856], #app-navigation .select-transition-leave-to[data-v-eed3f856] { max-height: 0%; } } .footer-st-container[data-v-60ce873e] { word-break: break-word; } .footer-st-container .col[data-v-60ce873e] { margin-bottom: 40px; float: left; box-sizing: border-box; background-color: #fff; padding: 20px 0 50px; } .footer-st-container .col[data-v-60ce873e]:last-child { margin-bottom: 20px; margin-right: 0; float: left; box-sizing: border-box; } .footer-st-container h4[data-v-60ce873e] { font-size: 1.375rem; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 700; color: #2b241d; line-height: 1.3; letter-spacing: 0.8pt; margin-bottom: 25px; margin-top: 0px; } .footer-st-container h4[data-v-60ce873e]::after { content: ":"; } .footer-st-container ul[data-v-60ce873e] { list-style-type: none; padding-left: 0px; margin-bottom: 0px; } .footer-st-container ul li[data-v-60ce873e] { position: relative; display: block; margin-top: 12px; } .footer-st-container ul li a[data-v-60ce873e] { color: #4d4845; text-decoration: none; font-size: 1rem; padding-left: 5px; margin-left: -5px; padding-right: 13px; margin-right: -13px; padding-bottom: 1px; padding-top: 2px; } .footer-st-container ul li a[data-v-60ce873e]::after { content: " ›"; } .footer-st-container ul li a[data-v-60ce873e]:hover { text-decoration: underline; color: #cc4039; } .footer-st-container ul li a[data-v-60ce873e]:focus { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); color: #cc4039; border-radius: 3px; } @media (min-width: 700px) { .footer-st-container[data-v-60ce873e] { padding: 20px 0 50px; } .footer-st-container .col[data-v-60ce873e] { width: 22.75%; margin-right: 3%; } .footer-st-container .col[data-v-60ce873e]:last-child { width: 22.75%; margin-right: 0px; } } .footer-ot-container .col[data-v-1898ebda] { margin-bottom: 40px; float: left; box-sizing: border-box; background-color: #e10e1c; padding: 20px 0 50px; } .footer-ot-container .col[data-v-1898ebda]:last-child { margin-bottom: 20px; margin-right: 0; float: left; box-sizing: border-box; } .footer-ot-container h4[data-v-1898ebda] { font-size: 1.375rem; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 700; color: #fff; line-height: 1.3; letter-spacing: 0.8pt; margin-bottom: 25px; margin-top: 0px; } .footer-ot-container h4[data-v-1898ebda]::after { content: ":"; } .footer-ot-container ul[data-v-1898ebda] { list-style-type: none; padding-left: 0px; margin-bottom: 0px; } .footer-ot-container ul li[data-v-1898ebda] { position: relative; display: block; margin-top: 12px; } .footer-ot-container ul li a[data-v-1898ebda] { color: #fff !important; text-decoration: none; font-size: 1rem; padding-left: 5px; margin-left: -5px; padding-right: 13px; margin-right: -13px; padding-bottom: 1px; padding-top: 2px; } .footer-ot-container ul li a[data-v-1898ebda]::after { content: " ›"; } .footer-ot-container ul li a[data-v-1898ebda]:hover { text-decoration: underline; color: #ccc; } .footer-ot-container ul li a[data-v-1898ebda]:focus { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); color: #ccc; border-radius: 3px; } @media (min-width: 700px) { .footer-ot-container[data-v-1898ebda] { padding: 20px 0 50px; } .footer-ot-container .col[data-v-1898ebda] { width: 22.75%; margin-right: 3%; } .footer-ot-container .col[data-v-1898ebda]:last-child { width: 22.75%; margin-right: 0px; } } [data-v-a38fc5dd]: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-a38fc5dd]: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-a38fc5dd]:root, [data-theme=st][data-v-a38fc5dd] { /* 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-a38fc5dd]:root, [data-theme=st][data-v-a38fc5dd] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a38fc5dd]:root, [data-theme=st][data-v-a38fc5dd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a38fc5dd] { /* 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-a38fc5dd] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a38fc5dd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a38fc5dd] { /* 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-a38fc5dd] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .footer[data-v-a38fc5dd] { padding-top: 0px; padding-bottom: 0px; font-style: normal; font-weight: 600; line-height: 1.4; } .footer.st[data-v-a38fc5dd] { background-color: #ffffff; border-top: calc(5 / var(--base-font-size, 16) * 1rem) solid var(--background-color-primary); } .footer.bt[data-v-a38fc5dd] { background-color: #ffffff; } .footer.ot[data-v-a38fc5dd] { background-color: #e10e1c; } .footer .navs[data-v-a38fc5dd] { width: 100%; max-width: 1242px; margin: 0 auto; padding: 25px 0 10px 40px; overflow: hidden; box-sizing: border-box; } .footer .regionskane[data-v-a38fc5dd] { text-align: right; } .footer .regionskane a[data-v-a38fc5dd] { padding: calc(30 / var(--base-font-size, 16) * 1rem) calc(15 / var(--base-font-size, 16) * 1rem); } .footer .regionskane a[data-v-a38fc5dd]:focus { border-radius: calc(5 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid #514f4f; } .footer .regionskane a img[data-v-a38fc5dd] { width: 70px; height: auto; }.alert-banner .info-icon[data-v-6c2b8b49] { background-color: white !important; margin-right: 10px; } .alert-banner .st-banner[data-v-6c2b8b49] { border-bottom: 2px solid #ff3b30; }.announcement-banner .feature-icon[data-v-845d9555] { width: 29px; height: 28px; background-size: 29px 28px; margin-right: 10px; margin-bottom: 2px; } .announcement-banner .st-banner[data-v-845d9555] { border-bottom: 2px solid #f6bb0a; } .announcement-banner .st-banner.ot[data-v-845d9555] { border-bottom: 2px solid #e10e1c; } .announcement-banner .banner-text #banner-link[data-v-845d9555]:hover { color: #ce3e34; } [data-v-16818516]: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-16818516]: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-16818516]:root, [data-theme=st][data-v-16818516] { /* 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-16818516]:root, [data-theme=st][data-v-16818516] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-16818516]:root, [data-theme=st][data-v-16818516] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-16818516] { /* 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-16818516] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-16818516] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-16818516] { /* 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-16818516] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-article__inner[data-v-16818516] { background: var(--container-color-tertiary); display: flex; flex-direction: column; align-items: center; margin: 0 auto; width: calc(320 / var(--base-font-size, 16) * 1rem); padding: calc(48 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text[data-v-16818516] { border-radius: 0 0 calc(16 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text__headline[data-v-16818516] { font-size: calc(26 / var(--base-font-size, 16) * 1rem); margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text__links[data-v-16818516] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; } .st-article__inner__text__links .play[data-v-16818516] { margin-right: calc(12 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text__links .external[data-v-16818516] { margin-left: calc(12 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text__links a[data-v-16818516] { font-weight: 600; font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: #2b241d; text-decoration: none; cursor: pointer; } .st-article__inner__text__links a[data-v-16818516]:hover { text-decoration: underline; } .st-article__inner__text__links a[data-v-16818516]:focus { border: calc(2 / var(--base-font-size, 16) * 1rem) solid #514f4f; } .st-article__inner__text__links__item[data-v-16818516] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .st-article__inner__text__paragraph[data-v-16818516] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); text-align: left; margin: 0; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); font-weight: normal; line-height: 1.5; } @media (min-width: 1025px) { .st-article__inner__text__paragraph[data-v-16818516] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } } .st-article__inner__img--with-video[data-v-16818516] { cursor: pointer; position: relative; } .st-article__inner__img img[data-v-16818516] { width: 100%; border-radius: calc(16 / var(--base-font-size, 16) * 1rem); } .st-article__inner__img .play-button[data-v-16818516] { 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, 0.24); border-radius: calc(50 / var(--base-font-size, 16) * 1rem); } .st-article__inner__img .play-button[data-v-16818516]: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, 0.16); } @media (min-width: 1025px) { .st-article--block .st-article__inner[data-v-16818516] { flex-direction: row; width: 100%; max-width: calc(1050 / var(--base-font-size, 16) * 1rem); } .st-article--block .st-article__inner__text[data-v-16818516] { width: 50%; margin-left: calc(24 / var(--base-font-size, 16) * 1rem); } .st-article--block .st-article__inner__text__headline[data-v-16818516] { font-size: calc(34 / var(--base-font-size, 16) * 1rem); margin: 0; } .st-article--block .st-article__inner__img[data-v-16818516] { width: 50%; margin-right: calc(24 / var(--base-font-size, 16) * 1rem); } .st-article--block:nth-child(odd) .st-article__inner__text[data-v-16818516] { order: 1; margin-right: calc(24 / var(--base-font-size, 16) * 1rem); margin-left: 0; } .st-article--block:nth-child(odd) .st-article__inner__img[data-v-16818516] { order: 2; margin-left: calc(24 / var(--base-font-size, 16) * 1rem); margin-right: 0; } .st-article--card[data-v-16818516] { margin: calc(12 / var(--base-font-size, 16) * 1rem); border-radius: calc(16 / var(--base-font-size, 16) * 1rem); } .st-article--card .st-article__inner[data-v-16818516] { height: 100%; width: calc(370 / var(--base-font-size, 16) * 1rem); padding: 0; } .st-article--card .st-article__inner__img img[data-v-16818516] { 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[data-v-16818516] { 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[data-v-16818516] { flex-grow: 1; } } .st-article--card[data-v-16818516] { background: var(--container-color-tertiary) !important; } [data-v-f064c616]: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-f064c616]: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-f064c616]:root, [data-theme=st][data-v-f064c616] { /* 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-f064c616]:root, [data-theme=st][data-v-f064c616] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f064c616]:root, [data-theme=st][data-v-f064c616] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f064c616] { /* 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-f064c616] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f064c616] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f064c616] { /* 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-f064c616] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } html[data-v-f064c616], body[data-v-f064c616] { height: 100%; top: 0px; z-index: 1; position: relative; background: white; } #app[data-v-f064c616] { min-height: 100%; } .article-container[data-v-f064c616] { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin-bottom: 0; } @media (min-width: 1025px) { .article-container[data-v-f064c616] { flex-direction: row; padding: calc(100 / var(--base-font-size, 16) * 1rem) 0; } } .article-container[data-v-f064c616] { background-color: var(--background-color-secondary); } .article-container[data-v-f064c616] > * { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .container-fluid[data-v-f064c616] { margin: 0; padding: 0; min-height: 70vh; } .container[data-v-f064c616] { min-height: 70vh; } @media (max-width: 575px) { .container[data-v-f064c616] { margin: 0; padding: 0; } } [type=checkbox][data-v-f064c616] { display: none; } .bg[data-v-f064c616] { background-image: none; } .recapthca-text[data-v-f064c616] { position: absolute; margin: 10px 20px 40px 20px; color: #4d4845 !important; } @media (min-width: 768px) { .recapthca-text[data-v-f064c616] { margin: 0px 0px 40px 50px; } } .recapthca-text a[data-v-f064c616]:hover { text-decoration: underline; color: #cc4039 !important; } .hide-recapthca-text[data-v-f064c616] { display: none; } .grecaptcha-badge[data-v-f064c616] { visibility: hidden; } @media (min-width: 992px) { .feeders[data-v-f064c616] { padding: 96px 0px; } } @media (min-width: 768px) { .bg.st[data-v-f064c616] { background: url("/assets/tag_bakgrund-C8TvFVwz.jpg") no-repeat center center fixed; background-size: cover; } .bg.ot[data-v-f064c616] { background: url("/assets/ot-banner-picture-CzyVH3ZW.jpg") no-repeat center center fixed; background-size: cover; } .bg.bt[data-v-f064c616] { background: url("/assets/blekingetrafiken-foretag-bg-2055x1370-CDlBOTOK.jpg") no-repeat center center fixed; background-size: cover; } .bg.fullHeight[data-v-f064c616] { height: 100%; } }.address-search[data-v-aa5f1385] { height: calc(30 / var(--base-font-size, 16) * 1rem); position: absolute; left: calc(10 / var(--base-font-size, 16) * 1rem); top: calc(10 / var(--base-font-size, 16) * 1rem); bottom: calc(10 / var(--base-font-size, 16) * 1rem); display: flex; width: 100%; } .clear-button[data-v-aa5f1385] { cursor: pointer; position: absolute; right: calc(14 / var(--base-font-size, 16) * 1rem); bottom: calc(4 / var(--base-font-size, 16) * 1rem); z-index: 1; } [data-v-039a7b76]: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-039a7b76]: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-039a7b76]:root, [data-theme=st][data-v-039a7b76] { /* 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-039a7b76]:root, [data-theme=st][data-v-039a7b76] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-039a7b76]:root, [data-theme=st][data-v-039a7b76] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-039a7b76] { /* 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-039a7b76] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-039a7b76] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-039a7b76] { /* 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-039a7b76] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-select-filter__dropdown[data-v-039a7b76] { position: absolute; z-index: 1001; background: #ffffff; width: 100%; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #514f4f; border-bottom-left-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-bottom-right-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-top: none; -webkit-overflow-scrolling: touch; } .st-select-filter__dropdown__inner[data-v-039a7b76] { list-style: none; padding: 0; margin: 0; } .st-select-filter__dropdown__inner__listitem[data-v-039a7b76] { padding: calc(12 / var(--base-font-size, 16) * 1rem); cursor: pointer; } .st-select-filter__dropdown__inner__listitem[data-v-039a7b76]:last-child { border-bottom-left-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-bottom-right-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .st-select-filter__dropdown__inner__listitem[data-v-039a7b76]:not(:last-child) { border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #f5f3f0; } .st-select-filter .st_dropdown_item_highlight[data-v-039a7b76] { background-color: #f5f3f0; } .st-select-filter .st_dropdown_item_highlight[data-v-039a7b76]:after { background-color: #f5f3f0; } .st-select-filter .st-select-filter-transition-enter-active[data-v-039a7b76] { transition: opacity 0.2s, transform 0.2s ease-out; } .st-select-filter .st-select-filter-transition-enter-from[data-v-039a7b76] { transform: translateY(-10px); opacity: 0; }.st-date-picker-input[data-v-79447135] { width: 100%; } .st-date-picker-input[data-v-79447135]:focus { outline: none; } .st-date-picker-input .date-picker-label-active[data-v-79447135] { position: relative; z-index: 1; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; padding-left: 60px; } .st-date-picker-input .date-picker-label-active[data-v-79447135]:focus { padding-left: 59px; } .st-date-picker-input__label[data-v-79447135] { position: absolute; z-index: 2; padding: 12px 10px 11px 10px; border-right: 1px solid #d6d3d0; width: 52px; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; font-stretch: normal; letter-spacing: normal; color: #4d4845; } [data-v-9b5a4d3e]: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-9b5a4d3e]: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-9b5a4d3e]:root, [data-theme=st][data-v-9b5a4d3e] { /* 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-9b5a4d3e]:root, [data-theme=st][data-v-9b5a4d3e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-9b5a4d3e]:root, [data-theme=st][data-v-9b5a4d3e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-9b5a4d3e] { /* 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-9b5a4d3e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-9b5a4d3e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-9b5a4d3e] { /* 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-9b5a4d3e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } @media (max-width: 767.9px) { .st-date-picker-view .date-picker-box[data-v-9b5a4d3e] { right: 0; width: auto; } } .st-date-picker-view .date-picker-box[data-v-9b5a4d3e] { position: absolute; z-index: 100; width: 324px; min-height: 300px; background-color: #ffffff; border: 1px solid #d6d3d0; padding-top: 25px; padding-bottom: 16px; } .st-date-picker-view .date-picker-box--is-end-date[data-v-9b5a4d3e] { right: 0; } @media (min-width: 1025px) { .st-date-picker-view .date-picker-box--is-end-date[data-v-9b5a4d3e] { right: 15px; } } .st-date-picker-view .date-picker-box .row[data-v-9b5a4d3e] { margin: 0; justify-content: center; } .st-date-picker-view .date-picker-box .row .date-picker-btn[data-v-9b5a4d3e] { background: none; border: calc(1 / var(--base-font-size, 16) * 1rem) solid transparent; outline: none; } .st-date-picker-view .date-picker-box .row.day-names[data-v-9b5a4d3e] { margin-left: 20px; margin-right: 20px; } .st-date-picker-view .date-picker-box .row .row-content-day[data-v-9b5a4d3e] { margin-left: 20px; margin-right: 20px; } .st-date-picker-view .date-picker-box .date-picker-box-header[data-v-9b5a4d3e] { text-align: center; font-size: 18px; font-weight: 600; color: #4d4845; } .st-date-picker-view .date-picker-box .has-action[data-v-9b5a4d3e]:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.065); } .st-date-picker-view .date-picker-box .has-action[data-v-9b5a4d3e]:focus { border: calc(1 / var(--base-font-size, 16) * 1rem) solid black; } .st-date-picker-view .date-picker-box .column-day-name[data-v-9b5a4d3e] { display: inline-block; width: 14.2857142857%; text-align: center; margin-top: 25px; margin-bottom: 8px; } .st-date-picker-view .date-picker-box .column-day-name .day-name[data-v-9b5a4d3e] { color: #4d4845; font-size: 13px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .st-date-picker-view .date-picker-box .column-day[data-v-9b5a4d3e] { display: inline-block; width: 14.2857142857%; height: 40px; line-height: 38px; text-align: center; border: 1px solid transparent; outline: none; } .st-date-picker-view .date-picker-box .column-day[data-v-9b5a4d3e]:focus { border: calc(1 / var(--base-font-size, 16) * 1rem) solid black; } .st-date-picker-view .date-picker-box .column-day .day[data-v-9b5a4d3e] { color: #807568; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; } .st-date-picker-view .date-picker-box .column-day .day.disabled[data-v-9b5a4d3e] { opacity: 0.4; cursor: default; } .st-date-picker-view .date-picker-box .column-day .day.inactive[data-v-9b5a4d3e] { opacity: 0.4; } .st-date-picker-view .date-picker-box .column-day .day.selected[data-v-9b5a4d3e] { color: #ffffff; } .st-date-picker-view .date-picker-box .column-day[data-v-9b5a4d3e]:hover { border: calc(1 / var(--base-font-size, 16) * 1rem) solid black; cursor: pointer; } .st-date-picker-view .date-picker-box .column-day .crossed-line[data-v-9b5a4d3e] { border-bottom: calc(2 / var(--base-font-size, 16) * 1rem) solid #807568; transform: rotate(-45deg); transform-origin: left; position: relative; width: 50%; top: calc(-12 / var(--base-font-size, 16) * 1rem); right: calc(-12 / var(--base-font-size, 16) * 1rem); } @media (max-width: 767.9px) { .st-date-picker-view .date-picker-box .column-selected[data-v-9b5a4d3e] { width: 12.7%; } } .st-date-picker-view .date-picker-box .column-selected[data-v-9b5a4d3e] { z-index: -1; height: 38px; margin-top: -38px; } .st-date-picker-view .date-picker-box .column-selected .column-selected-background[data-v-9b5a4d3e] { height: calc(32 / var(--base-font-size, 16) * 1rem); width: calc(38 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-primary); border-radius: 50px; margin-left: auto; margin-right: auto; margin-top: 3px; } body.ot .st-date-picker-view .date-picker-box .column-selected .column-selected-background[data-v-9b5a4d3e] { background-color: #e10e1c; } .st-date-picker-view .date-picker-box .datepicker-hr[data-v-9b5a4d3e] { margin-left: auto; margin-right: auto; margin-top: 10px; width: 74%; height: 1px; opacity: 0.15; background-color: #6e6054; } .st-date-picker-view .date-picker-box .reset-column[data-v-9b5a4d3e] { margin-top: 12px; text-align: center; } .st-date-picker-view .date-picker-box .reset-text[data-v-9b5a4d3e] { font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; color: #4d4845; padding-left: 5px; padding-right: 5px; } .info-text[data-v-9b5a4d3e] { display: flex; color: #4d4845; padding: calc(10 / var(--base-font-size, 16) * 1rem); font-weight: 600; justify-content: center; font-size: calc(13 / var(--base-font-size, 16) * 1rem); }.st-calendar[data-v-5f2a7ac3] { width: 100%; } [data-v-2b148a74]: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-2b148a74]: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-2b148a74]:root, [data-theme=st][data-v-2b148a74] { /* 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-2b148a74]:root, [data-theme=st][data-v-2b148a74] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2b148a74]:root, [data-theme=st][data-v-2b148a74] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2b148a74] { /* 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-2b148a74] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2b148a74] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2b148a74] { /* 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-2b148a74] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-export-button__btn[data-v-2b148a74] { padding: calc(12 / var(--base-font-size, 16) * 1rem) calc(14 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); display: flex; width: 100%; } .st-export-button__btn__text[data-v-2b148a74] { color: #4d4845 !important; font-size: calc(16 / var(--base-font-size, 16) * 1rem) !important; line-height: calc(22 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-export-button__btn[data-v-2b148a74] { padding: calc(5 / var(--base-font-size, 16) * 1rem) calc(14 / var(--base-font-size, 16) * 1rem); display: inline-flex; } } [data-v-b0bce544]: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-b0bce544]: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-b0bce544]:root, [data-theme=st][data-v-b0bce544] { /* 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-b0bce544]:root, [data-theme=st][data-v-b0bce544] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b0bce544]:root, [data-theme=st][data-v-b0bce544] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b0bce544] { /* 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-b0bce544] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b0bce544] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b0bce544] { /* 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-b0bce544] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-table th[data-v-b0bce544] { outline-color: #807569; } [data-v-750b5498]: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-750b5498]: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-750b5498]:root, [data-theme=st][data-v-750b5498] { /* 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-750b5498]:root, [data-theme=st][data-v-750b5498] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-750b5498]:root, [data-theme=st][data-v-750b5498] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-750b5498] { /* 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-750b5498] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-750b5498] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-750b5498] { /* 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-750b5498] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-button[data-v-750b5498] { background-color: #ffffff; display: flex; transition: background-color 0.2s ease; border: calc(2 / var(--base-font-size, 16) * 1rem) solid #f7bb0d; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); font-family: "Source Sans Pro" !important; padding: 0 calc(17 / var(--base-font-size, 16) * 1rem); } .st-button[data-v-750b5498]:not(.st-button--is-small) { min-height: calc(48 / var(--base-font-size, 16) * 1rem); } .st-button[data-v-750b5498] { line-height: calc(48 / var(--base-font-size, 16) * 1rem); font-size: calc(18 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-button[data-v-750b5498] { padding: 0 calc(34 / var(--base-font-size, 16) * 1rem); } } .st-button[data-v-750b5498] { font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; text-align: center; color: #514f4f; justify-content: center; align-items: center; position: relative; } .st-button span[data-v-750b5498] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; line-height: 1.71; color: #514f4f; } .st-button[data-v-750b5498] > :not(.st-icon:only-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-button[data-v-750b5498] > *:last-child { margin-right: 0 !important; } .st-button[data-v-750b5498]:focus { border: calc(2 / var(--base-font-size, 16) * 1rem) solid #514f4f; } .st-button[data-v-750b5498]:hover:not(:disabled) { border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); } .st-button[data-v-750b5498]:hover:not(:disabled), .st-button[data-v-750b5498]:focus { outline: none; cursor: pointer; } .st-button[data-v-750b5498]:disabled { opacity: 0.5; } .st-button[data-v-750b5498]:hover:not(:disabled), .st-button[data-v-750b5498]:active { background-color: #fdf7e2; } .st-button:hover:not(:disabled).ot[data-v-750b5498], .st-button:active.ot[data-v-750b5498] { background-color: #f1f4f8; border-color: #e3424c; } .st-button.ot[data-v-750b5498] { border-color: #e10e1c; } .st-button--is-small[data-v-750b5498] { padding: calc(7 / var(--base-font-size, 16) * 1rem) calc(9 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); height: calc(32 / var(--base-font-size, 16) * 1rem); line-height: calc(16 / var(--base-font-size, 16) * 1rem); } .st-button--is-full-width[data-v-750b5498] { width: 100%; } .st-button--no-padding[data-v-750b5498] { padding: 0; } .st-button--is-primary[data-v-750b5498] { color: #2b241d; background-color: #f7bb0d; border-color: #f7bb0d; } .st-button--is-primary.ot[data-v-750b5498] { background-color: #e10e1c; border-color: #e10e1c; color: #ffffff; } .st-button--is-primary.ot > span[data-v-750b5498] { color: #ffffff; } .st-button--is-primary[data-v-750b5498]:disabled { background-color: #f7bb0d; } .st-button--is-primary:disabled.ot[data-v-750b5498] { background-color: #e3424c; border-color: #e3424c; } .st-button--is-primary[data-v-750b5498]:focus { background-color: #f7bb0d; } .st-button--is-primary:focus.ot[data-v-750b5498] { background-color: #e10e1c; } .st-button--is-primary:focus.ot:not(:hover) span[data-v-750b5498] { color: #ffffff; } .st-button--is-primary[data-v-750b5498]:hover:not(:disabled) { background-color: #f6a200; border-color: #f6a200; box-shadow: none; } .st-button--is-primary:hover:not(:disabled).ot[data-v-750b5498] { background-color: #e3424c; border-color: #e3424c; } .st-button--is-inline[data-v-750b5498], .st-button--is-inline.ot[data-v-750b5498] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #6e6055; color: #6e6055; } .st-button--is-inline[data-v-750b5498]:focus, .st-button--is-inline.ot[data-v-750b5498]:focus { background-color: #ffffff; border: calc(2 / var(--base-font-size, 16) * 1rem) solid #2b241d; } .st-button--is-inline[data-v-750b5498]:disabled, .st-button--is-inline.ot[data-v-750b5498]:disabled { background-color: #ffffff; } .st-button--is-inline[data-v-750b5498]:hover:not(:disabled), .st-button--is-inline[data-v-750b5498]:active, .st-button--is-inline.ot[data-v-750b5498]:hover:not(:disabled), .st-button--is-inline.ot[data-v-750b5498]:active { background-color: #ffffff; } .st-button--is-loading[data-v-750b5498] { color: transparent; } .st-button--is-loading > .st-spinner[data-v-750b5498] { position: absolute; } .st-button--is-loading > .st-icon[data-v-750b5498] { opacity: 0; } [data-v-01b55bfa]: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-01b55bfa]: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-01b55bfa]:root, [data-theme=st][data-v-01b55bfa] { /* 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-01b55bfa]:root, [data-theme=st][data-v-01b55bfa] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-01b55bfa]:root, [data-theme=st][data-v-01b55bfa] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-01b55bfa] { /* 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-01b55bfa] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-01b55bfa] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-01b55bfa] { /* 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-01b55bfa] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-checkbox[data-v-01b55bfa] { font-size: 1em !important; margin-top: 1.5625em; margin-left: 0.313em; margin-right: 0.313em; display: block; position: relative; font-family: "Source Sans Pro", sans-serif; } .st-checkbox__required[data-v-01b55bfa] { color: #5c5957; margin-left: calc(3 / var(--base-font-size, 16) * 1rem); font-style: italic; text-wrap: nowrap; } .st-checkbox--has-no-margin-top[data-v-01b55bfa] { margin-top: 0; } .st-checkbox input[type=checkbox] ~ label[data-v-01b55bfa]:before { content: ""; } .st-checkbox > input[data-v-01b55bfa] { opacity: 0; position: absolute; top: 0.375em; left: 0.25em; } .st-checkbox > input + label > .input-box[data-v-01b55bfa] { font-size: 1em !important; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border-radius: 0.1875em; border: solid 0.125em #6e6055; margin: 0; padding: 0; width: 1.5em; height: 1.5em; background: #ffffff; margin-right: 0.75em; user-select: none; } .st-checkbox > input + label > .input-box > .input-box-tick[data-v-01b55bfa] { width: 100%; height: 100%; margin-top: 0.25em; } .st-checkbox > input + label > .input-box > .input-box-tick > path[data-v-01b55bfa] { opacity: 0; stroke-width: 0.125em; stroke-dashoffset: 18; stroke-dasharray: 18; } .st-checkbox > input:focus + label > .input-box[data-v-01b55bfa] { opacity: 1; box-shadow: 0 0 0 0.125em #ffffff, 0 0 0 0.25em #6e6055; outline: 0; } .st-checkbox > input:checked + label > .input-box[data-v-01b55bfa] { background-color: #6e6055; } .st-checkbox > input:checked + label > .input-box > .input-box-tick > path[data-v-01b55bfa] { opacity: 1; stroke-dashoffset: 0; stroke: #ffffff; } .st-checkbox > input:disabled + label[data-v-01b55bfa] { opacity: 0.7; } .st-checkbox label[data-v-01b55bfa] { font-size: 1em; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; display: flex; align-items: center; } [data-v-c42f9d3f]: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-c42f9d3f]: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-c42f9d3f]:root, [data-theme=st][data-v-c42f9d3f] { /* 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-c42f9d3f]:root, [data-theme=st][data-v-c42f9d3f] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c42f9d3f]:root, [data-theme=st][data-v-c42f9d3f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c42f9d3f] { /* 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-c42f9d3f] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c42f9d3f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c42f9d3f] { /* 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-c42f9d3f] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-input[data-v-c42f9d3f] { display: flex; flex-grow: 1; flex-direction: column; } .st-input__label[data-v-c42f9d3f] { color: #514f4f; font-family: "Source Sans Pro"; padding-left: calc(4 / var(--base-font-size, 16) * 1rem); 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__input-field[data-v-c42f9d3f] { height: calc(48 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid #514f4f; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); color: #514f4f; font-family: "Source Sans Pro"; width: 100%; box-sizing: border-box; padding-left: calc(16 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; margin-bottom: 0 !important; } .st-input__input-field--is-invalid[data-v-c42f9d3f] { background: #f8e4e3; border-color: #cc4039; border-width: calc(2 / var(--base-font-size, 16) * 1rem); } .st-input__input-field--is-searchable[data-v-c42f9d3f] { background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M0%200h24v24H0z'/%3e%3cg%20transform='translate(3%203)'%3e%3ccircle%20cx='7.5'%20cy='7.5'%20r='6.556'%20stroke='%236E6054'%20stroke-width='1.888'/%3e%3cpath%20fill='%236E6054'%20d='M11.705%2013.12a.996.996%200%200%201%20.002-1.413%201.003%201.003%200%200%201%201.412-.002l4.247%204.247a.996.996%200%200%201-.002%201.412c-.39.39-1.027.387-1.412.002l-4.247-4.247z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") calc(14 / var(--base-font-size, 16) * 1rem) center no-repeat; padding-left: calc(48 / var(--base-font-size, 16) * 1rem); } .st-input__input-field[data-v-c42f9d3f]:focus { background-color: #ffffff; border-color: #514f4f; outline: none; } .st-input__input-field[data-v-c42f9d3f]:disabled { background-color: #f9f8f5; } .st-input__input-field[data-v-c42f9d3f]::placeholder { color: #514f4f; } .st-input__action > .st-checkbox[data-v-c42f9d3f] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-fb9c8354]: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-fb9c8354]: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-fb9c8354]:root, [data-theme=st][data-v-fb9c8354] { /* 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-fb9c8354]:root, [data-theme=st][data-v-fb9c8354] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-fb9c8354]:root, [data-theme=st][data-v-fb9c8354] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-fb9c8354] { /* 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-fb9c8354] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-fb9c8354] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-fb9c8354] { /* 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-fb9c8354] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-switch[data-v-fb9c8354] { position: relative; } .st-switch--checked .st-switch__track[data-v-fb9c8354] { background-color: rgba(33, 150, 243, 0.5); } .st-switch--checked .st-switch__thumb[data-v-fb9c8354] { left: calc(14 / var(--base-font-size, 16) * 1rem); background-color: #2196f3; } .st-switch--checked .st-switch__focus-ring[data-v-fb9c8354] { left: 3px; background-color: rgba(33, 150, 243, 0.12); } .st-switch__track[data-v-fb9c8354] { position: absolute; top: 3px; height: 14px; width: 34px; background-color: rgba(0, 0, 0, 0.26); border-radius: calc(8 / var(--base-font-size, 16) * 1rem); transition: background-color 0.1s linear; } .st-switch__thumb[data-v-fb9c8354] { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #fafafa; box-shadow: 0 calc(1 / var(--base-font-size, 16) * 1rem) calc(3 / var(--base-font-size, 16) * 1rem) rgba(0, 0, 0, 0.4); transition: all 0.2s ease; } .st-switch__focus-ring[data-v-fb9c8354] { position: absolute; top: -11px; left: -11px; border-radius: 50%; width: 42px; height: 42px; background-color: rgba(0, 0, 0, 0.1); transform: scale(0); opacity: 0; transition: all 0.2s ease; } .st-switch__input[data-v-fb9c8354] { position: absolute; opacity: 0; } .st-switch__input:focus ~ .st-switch__focus-ring[data-v-fb9c8354] { transform: scale(1); opacity: 1; } [data-v-684d6906]: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-684d6906]: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-684d6906]:root, [data-theme=st][data-v-684d6906] { /* 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-684d6906]:root, [data-theme=st][data-v-684d6906] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-684d6906]:root, [data-theme=st][data-v-684d6906] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-684d6906] { /* 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-684d6906] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-684d6906] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-684d6906] { /* 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-684d6906] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-breadcrumb[data-v-684d6906] { background: #f5f3f0; color: #514f4f; font-weight: 600; font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-family: "Source Sans Pro"; 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-684d6906] { list-style-type: none; display: flex; margin: 0; padding: 0; } .st-breadcrumb__list__item[data-v-684d6906] { display: flex; align-items: center; margin: 0; padding: 0; } .st-breadcrumb__list__item[data-v-684d6906]:not(:last-child)::after { border-color: #514f4f; 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-684d6906] { text-decoration: none; } .st-breadcrumb__list__item__link--is-active[data-v-684d6906] { pointer-events: none; cursor: default; text-decoration: none; } .st-breadcrumb__list__item__link[data-v-684d6906]:hover { text-decoration: underline; } [data-v-a15b528c]: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-a15b528c]: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-a15b528c]:root, [data-theme=st][data-v-a15b528c] { /* 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-a15b528c]:root, [data-theme=st][data-v-a15b528c] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a15b528c]:root, [data-theme=st][data-v-a15b528c] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a15b528c] { /* 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-a15b528c] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a15b528c] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a15b528c] { /* 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-a15b528c] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card[data-v-a15b528c] { border-radius: calc(24 / var(--base-font-size, 16) * 1rem); } .st-card h1[data-v-a15b528c], .st-card h2[data-v-a15b528c], .st-card h3[data-v-a15b528c], .st-card h4[data-v-a15b528c] { font-family: "Bitter"; font-weight: bold; letter-spacing: calc(1.06667 / var(--base-font-size, 16) * 1rem); text-align: left; color: #514f4f; margin-top: 0; } .st-card p[data-v-a15b528c] { text-align: left !important; } .st-card--is-modal h1[data-v-a15b528c], .st-card--is-modal h2[data-v-a15b528c], .st-card--is-modal h3[data-v-a15b528c], .st-card--is-modal h4[data-v-a15b528c] { font-family: "Source Sans Pro"; font-weight: bold; text-align: center; color: #514f4f; } .st-card--is-modal p[data-v-a15b528c] { text-align: center !important; } .st-card--is-overflow-hidden[data-v-a15b528c] { overflow: hidden; } @media (max-width: 575px) { .st-card h3[data-v-a15b528c] { font-size: 1.5em !important; } } .st-card.lg > .st-card__wrapper[data-v-a15b528c] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(48 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-card.lg > .st-card__wrapper[data-v-a15b528c] { padding: calc(48 / var(--base-font-size, 16) * 1rem); } } .st-card.lg[data-v-a15b528c] { background-color: #ffffff; box-shadow: 0 1em 1.5em 0 rgba(43, 36, 29, 0.08); } .st-card.md > .st-card__wrapper[data-v-a15b528c] { padding: 0.25em 0.375em; } .st-card.md[data-v-a15b528c] { background-color: #f9f8f5; } .st-card.xs > .st-card__wrapper[data-v-a15b528c] { padding: 2em; } .st-card.xs[data-v-a15b528c] { background-color: #f9f8f5; } .st-card .footer[data-v-a15b528c] { border-bottom-left-radius: 0.375em; border-bottom-right-radius: 0.375em; margin: 1.75em -0.75em -1.75em -0.75em; padding: 0.75em 1em; background-color: #f9f8f5; display: flex; } .st-card .footer .st-form-group[data-v-a15b528c] { margin-top: 0em; } .st-card .footer button[data-v-a15b528c] { margin-top: 0em; } .st-card .footer[data-v-a15b528c] > :not(:last-child) { margin-right: 0.5em; } .st-card .footer[data-v-a15b528c] > :not(:first-child) { margin-left: 0.5em; } @media (min-width: 700px) { .st-card .footer[data-v-a15b528c] { border-bottom-left-radius: 1.5em; border-bottom-right-radius: 1.5em; margin: 3em -3em -3em -3em; padding: 3em; flex-wrap: nowrap; } } @media (min-width: 768px) { .st-card.md > .st-card__wrapper[data-v-a15b528c] { padding: 1em 1.5em; } .st-card.md[data-v-a15b528c] { background-color: #f9f8f5; } } @media (min-width: 992px) { .st-card.xs-width[data-v-a15b528c] { max-width: 23.5em; } .st-card.sm-width[data-v-a15b528c] { max-width: 33.75em; } .st-card.md-width[data-v-a15b528c] { max-width: 36em; } .st-card.lg-width[data-v-a15b528c] { max-width: 48.5em; } .st-card.mega-width[data-v-a15b528c] { max-width: 88.25em; } .st-card.full-width[data-v-a15b528c] { width: 100%; } } .error-message[data-v-a15b528c] { word-wrap: normal; padding: 0em 2em; } .error-message p[data-v-a15b528c] { opacity: 1; margin-bottom: 0em; margin-top: 0em; color: #cc4039; font-size: 0.875em; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: normal; text-align: left; } [data-v-40ba93a8]: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-40ba93a8]: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-40ba93a8]:root, [data-theme=st][data-v-40ba93a8] { /* 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-40ba93a8]:root, [data-theme=st][data-v-40ba93a8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-40ba93a8]:root, [data-theme=st][data-v-40ba93a8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-40ba93a8] { /* 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-40ba93a8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-40ba93a8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-40ba93a8] { /* 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-40ba93a8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .modal-background[data-v-40ba93a8] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(249, 248, 245, 0.95); } .modal-mask[data-v-40ba93a8] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; outline: 0; overflow-y: auto; display: block; } .modal-base[data-v-40ba93a8] { position: relative; width: auto; pointer-events: none; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .modal-base[data-v-40ba93a8] { padding: 2.25em 1.5em; margin: 1.75em auto; } } @media (min-width: 600px) { .modal-center[data-v-40ba93a8] { min-height: calc(100% - 3.5em); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; } } .modal-fade-enter-active[data-v-40ba93a8], .modal-fade-leave-active[data-v-40ba93a8] { transition: opacity 0.1s linear; } .modal-fade-enter[data-v-40ba93a8], .modal-fade-leave-to[data-v-40ba93a8] { opacity: 0; } @media (min-width: 600px) { .st-modal[data-v-40ba93a8] { margin: 0em 0.3125em 0em 0.3125em; } .st-modal.st-card.md-width[data-v-40ba93a8] { width: calc(500 / var(--base-font-size, 16) * 1rem); } .st-modal.st-card.lg-width[data-v-40ba93a8] { width: calc(900 / var(--base-font-size, 16) * 1rem); } } .st-modal .st-modal-header[data-v-40ba93a8] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-modal .st-modal-header h1[data-v-40ba93a8], .st-modal .st-modal-header h2[data-v-40ba93a8], .st-modal .st-modal-header h3[data-v-40ba93a8] { margin-top: 0; } .st-modal .st-modal-footer[data-v-40ba93a8] { display: flex; flex-direction: column; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); justify-content: center; } .st-modal .st-modal-footer button[data-v-40ba93a8] { margin-top: calc(12 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-modal.lg-width .st-modal-footer[data-v-40ba93a8] { flex-direction: row; } .st-modal.lg-width .st-modal-footer button[data-v-40ba93a8]:not(:last-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-modal.lg-width .st-modal-footer button[data-v-40ba93a8]:not(:first-child) { margin-left: calc(8 / var(--base-font-size, 16) * 1rem); } } .st-modal .closeButton[data-v-40ba93a8] { color: #9e9692; float: right; top: 3.6875em; right: 1.5em; position: absolute; width: 1em; height: 1em; } .st-modal .hidden[data-v-40ba93a8] { visibility: hidden; } [data-v-1a7baf8a]: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-1a7baf8a]: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-1a7baf8a]:root, [data-theme=st][data-v-1a7baf8a] { /* 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-1a7baf8a]:root, [data-theme=st][data-v-1a7baf8a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-1a7baf8a]:root, [data-theme=st][data-v-1a7baf8a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1a7baf8a] { /* 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-1a7baf8a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-1a7baf8a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1a7baf8a] { /* 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-1a7baf8a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-error[data-v-1a7baf8a] { margin-top: 1.5em; } .st-error .error-box[data-v-1a7baf8a] { border-radius: 0.25em; background-color: #f8e4e3; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; min-height: 2.25em; height: 100%; padding: 0.5em 0.9375em; vertical-align: middle; font-family: "Source Sans Pro"; font-size: 0.875em; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #3e3b39; display: flex; } .st-error .error-box .error-box-icon[data-v-1a7baf8a] { width: 1.25em; margin-right: 0.625em; } .st-error .error-box .error-box-text[data-v-1a7baf8a] { flex: 1; height: 100%; text-align: left !important; } [data-v-b41c530d]: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-b41c530d]: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-b41c530d]:root, [data-theme=st][data-v-b41c530d] { /* 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-b41c530d]:root, [data-theme=st][data-v-b41c530d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b41c530d]:root, [data-theme=st][data-v-b41c530d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b41c530d] { /* 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-b41c530d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b41c530d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b41c530d] { /* 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-b41c530d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-radio[data-v-b41c530d] { display: inline; } .st-radio__input-wrapper[data-v-b41c530d] { display: flex; flex-wrap: wrap; } .st-radio > input[data-v-b41c530d] { opacity: 0; position: absolute; } .st-radio > input + .st-radio__input-wrapper > .input-box[data-v-b41c530d] { display: inline-block; border: solid 0.125em #6e6054; border-radius: 50%; margin: 0; padding: 0; width: 1.25em; height: 1.25em; background: #fff; overflow: hidden; vertical-align: -12%; margin-right: calc(4 / var(--base-font-size, 16) * 1rem); user-select: none; } .st-radio > input + .st-radio__input-wrapper > .input-box > .input-box-circle[data-v-b41c530d] { display: block; margin: 50%; width: 0%; height: 0%; background: #6e6054; border-radius: 50%; opacity: 0; } .st-radio > input:checked + .st-radio__input-wrapper > .input-box[data-v-b41c530d] { border: solid 0.125em #6e6054; } .st-radio > input:checked + .st-radio__input-wrapper > .input-box > .input-box-circle[data-v-b41c530d] { opacity: 1; margin: 10%; width: 80%; height: 80%; } .st-radio > input:focus + .st-radio__input-wrapper > .input-box[data-v-b41c530d], .st-radio > input:focus-visible + .st-radio__input-wrapper > .input-box[data-v-b41c530d] { opacity: 1; box-shadow: 0 0 0 0.125em #ffffff, 0 0 0 0.25em #6e6055; outline: 0; } .st-radio > input:focus:not(:focus-visible) + .st-radio__input-wrapper > .input-box[data-v-b41c530d] { box-shadow: none; } .st-radio > input:disabled + .st-radio__input-wrapper[data-v-b41c530d] { opacity: 0.7; } .st-radio label[data-v-b41c530d] { display: flex; flex-wrap: wrap; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; color: #4d4845; font-family: "Source Sans Pro"; } [data-v-4042da7f]: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-4042da7f]: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-4042da7f]:root, [data-theme=st][data-v-4042da7f] { /* 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-4042da7f]:root, [data-theme=st][data-v-4042da7f] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-4042da7f]:root, [data-theme=st][data-v-4042da7f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4042da7f] { /* 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-4042da7f] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-4042da7f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4042da7f] { /* 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-4042da7f] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-tooltip[data-v-4042da7f] { position: relative; display: inline-flex; opacity: 1; } .st-tooltip[data-v-4042da7f]:focus { outline: none; border: #514f4f solid calc(1 / var(--base-font-size, 16) * 1rem); } .st-tooltip .st-icon[data-v-4042da7f] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); margin-left: calc(4 / var(--base-font-size, 16) * 1rem); } .st-tooltip .filled[data-v-4042da7f] { background-color: #f5f3f0; } .st-tooltip .tooltiptext[data-v-4042da7f] { width: calc(310 / var(--base-font-size, 16) * 1rem); bottom: 100%; left: 50%; margin-left: calc(-155 / var(--base-font-size, 16) * 1rem); /* Use half of the width (310/2 = 155), to center the tooltip */ border-radius: calc(4 / var(--base-font-size, 16) * 1rem); background-color: #f5f3f0; font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal; color: #4d4845; padding: calc(13 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid rgba(110, 96, 84, 0.2); word-wrap: break-word; position: absolute; z-index: 1; } [data-v-0dfea479]: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-0dfea479]: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-0dfea479]:root, [data-theme=st][data-v-0dfea479] { /* 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-0dfea479]:root, [data-theme=st][data-v-0dfea479] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0dfea479]:root, [data-theme=st][data-v-0dfea479] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0dfea479] { /* 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-0dfea479] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0dfea479] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0dfea479] { /* 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-0dfea479] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-form-group[data-v-0dfea479] { margin-top: 1em; } .st-form-group.required label[data-v-0dfea479]:after { content: " - obligatoriskt"; font-style: italic; font-weight: 400; } .st-form-group label[data-v-0dfea479] { height: 1.2375em; font-size: 0.875em; font-weight: 600; font-style: normal; font-stretch: normal; font-family: "Source Sans Pro"; color: #514f4f; line-height: 1.4; letter-spacing: normal; display: inline-block; margin-bottom: 0.3125em; text-align: left; } .st-form-group .form-group-error-wrapper[data-v-0dfea479] { font-size: 1em; } .st-form-group .form-group-error[data-v-0dfea479] { display: none; font-size: 0.875em; font-weight: 600; font-style: normal; font-stretch: normal; font-family: "Source Sans Pro"; letter-spacing: normal; text-align: left; margin-top: 0.25em; } .st-form-group .form-group-error[data-v-0dfea479] > :first-child { margin: 0 calc(4 / var(--base-font-size, 16) * 1rem) calc(3 / var(--base-font-size, 16) * 1rem) 0; } .st-form-group.invalid .form-group-error[data-v-0dfea479] { display: flex; align-items: flex-end; color: #cc4039; } [data-v-ed463fc0]: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-ed463fc0]: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-ed463fc0]:root, [data-theme=st][data-v-ed463fc0] { /* 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-ed463fc0]:root, [data-theme=st][data-v-ed463fc0] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-ed463fc0]:root, [data-theme=st][data-v-ed463fc0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-ed463fc0] { /* 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-ed463fc0] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-ed463fc0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-ed463fc0] { /* 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-ed463fc0] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-spinner[data-v-ed463fc0] { display: flex; flex-direction: column; align-items: center; } .st-spinner__spinner[data-v-ed463fc0] { border-top: 0.16em solid #e5e5e5; border-right: 0.16em solid #e5e5e5; border-bottom: 0.16em solid #e5e5e5; border-left: 0.16em solid #ccc; width: 1.52em; height: 1.52em; } .st-spinner__spinner.thin[data-v-ed463fc0] { border: 0.04em solid #ffffff; border-top: 0.04em solid rgba(77, 72, 69, 0.24); border-right: 0.04em solid rgba(77, 72, 69, 0.24); width: 1.28em; height: 1.28em; } .st-spinner__spinner.small[data-v-ed463fc0] { border: 0.04em solid #ffffff; border-top: 0.04em solid rgba(77, 72, 69, 0.24); border-right: 0.04em solid rgba(77, 72, 69, 0.24); width: 0.4em; height: 0.4em; } .st-spinner__spinner[data-v-ed463fc0] { border-radius: 50%; animation: spin-ed463fc0 1s linear infinite; font-size: 3.125em; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .st-spinner__message[data-v-ed463fc0] { margin-top: 1em; font-size: 1em; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #6e6054; } .st-spinner__message--sr-only[data-v-ed463fc0] { 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; } @keyframes spin-ed463fc0 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [data-v-531feab4]: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-531feab4]: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-531feab4]:root, [data-theme=st][data-v-531feab4] { /* 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-531feab4]:root, [data-theme=st][data-v-531feab4] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-531feab4]:root, [data-theme=st][data-v-531feab4] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-531feab4] { /* 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-531feab4] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-531feab4] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-531feab4] { /* 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-531feab4] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-information-box[data-v-531feab4] { display: flex; align-items: center; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); font-family: "Source Sans Pro"; background: #f5f3f0; color: #514f4f; padding: calc(12 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-information-box[data-v-531feab4] { padding: calc(16 / var(--base-font-size, 16) * 1rem); } } .st-information-box__icon[data-v-531feab4] { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-information-box__icon[data-v-531feab4] { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } .st-information-box__icon .st-icon[data-v-531feab4] { vertical-align: 0px !important; } } .st-information-box__description[data-v-531feab4] { flex: 1 1 auto; } .st-information-box--is-small[data-v-531feab4] { display: inline-flex; } .st-information-box--blue[data-v-531feab4] { background: #e3f3ff; } .st-information-box--danger[data-v-531feab4] { background: #faeceb; border: calc(2 / var(--base-font-size, 16) * 1rem) solid #dc001b; color: #3e3b39; } [data-v-e150e8f5]: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-e150e8f5]: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-e150e8f5]:root, [data-theme=st][data-v-e150e8f5] { /* 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-e150e8f5]:root, [data-theme=st][data-v-e150e8f5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e150e8f5]:root, [data-theme=st][data-v-e150e8f5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-e150e8f5] { /* 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-e150e8f5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e150e8f5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-e150e8f5] { /* 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-e150e8f5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-headline--with-border[data-v-e150e8f5] { padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #928f8f; } .st-headline__text[data-v-e150e8f5] { font-weight: 700; margin: 0; } .st-headline__text--h1[data-v-e150e8f5] { font-size: calc(36 / var(--base-font-size, 16) * 1rem); } .st-headline__text--h2[data-v-e150e8f5] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); } .st-headline__text--h3[data-v-e150e8f5] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-headline__text--h4[data-v-e150e8f5], .st-headline__text--h5[data-v-e150e8f5], .st-headline__text--h6[data-v-e150e8f5] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-fbcb0b30]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-fbcb0b30]: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-fbcb0b30],[data-v-fbcb0b30]: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-fbcb0b30]{--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-fbcb0b30]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-fbcb0b30]{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__input:indeterminate~.st-checkbox__checkmark[data-v-fbcb0b30]{background-color:var(--background-color-primary);border-color:var(--background-color-primary)}.st-checkbox__input:indeterminate~.st-checkbox__checkmark[data-v-fbcb0b30]:after{display:block;width:calc(10/var(--base-font-size, 16)*1rem);height:calc(2.5/var(--base-font-size, 16)*1rem);top:calc(8/var(--base-font-size, 16)*1rem);left:calc(5/var(--base-font-size, 16)*1rem);background-color:var(--background-color-secondary);border:none;transform:none}.st-checkbox__text[data-v-fbcb0b30]{color:var(--text-color-primary);margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-checkbox__required[data-v-fbcb0b30]{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-fbcb0b30]{position:absolute;opacity:0;cursor:pointer}.st-checkbox__checkmark[data-v-fbcb0b30]{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-fbcb0b30]:after{box-sizing:initial;content:"";position:relative;display:none}.st-checkbox--is-disabled[data-v-fbcb0b30]{cursor:default}.st-checkbox--is-disabled .st-checkbox__checkmark[data-v-fbcb0b30]{border-color:var(--border-color-tertiary)}.st-checkbox--is-disabled .st-checkbox__required[data-v-fbcb0b30],.st-checkbox--is-disabled .st-checkbox__text[data-v-fbcb0b30]{color:var(--text-color-quaternary)}.st-checkbox:hover .st-checkbox__input:disabled~.st-checkbox__checkmark[data-v-fbcb0b30]{border-color:var(--border-color-tertiary)}.st-checkbox:focus .st-checkbox__input:disabled~.st-checkbox__checkmark[data-v-fbcb0b30]{box-shadow:none;border-color:var(--border-color-tertiary)}.st-checkbox:hover .st-checkbox__input~.st-checkbox__checkmark[data-v-fbcb0b30]{border-color:var(--background-color-primary)}.st-checkbox:hover .st-checkbox__input:checked~.st-checkbox__checkmark[data-v-fbcb0b30]{background-color:var(--palette-primary-600);border-color:var(--palette-primary-600)}.st-checkbox:focus .st-checkbox__input~.st-checkbox__checkmark[data-v-fbcb0b30],.st-checkbox:focus-within .st-checkbox__checkmark[data-v-fbcb0b30]{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-fbcb0b30]{background-color:var(--background-color-primary);border-color:var(--background-color-primary)}.st-checkbox .st-checkbox__input:checked~.st-checkbox__checkmark[data-v-fbcb0b30]:after{display:block}.st-checkbox .st-checkbox__checkmark[data-v-fbcb0b30]: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-953d05e4]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-953d05e4]: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-953d05e4],[data-v-953d05e4]: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-953d05e4]{--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-953d05e4]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-953d05e4]{display:flex;flex-grow:1;flex-direction:column}.st-input__label[data-v-953d05e4]{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-953d05e4]{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-953d05e4]: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-953d05e4]{border-color:var(--danger-color-primary);border-width:var(--border-width--thin)}.st-input__container--is-disabled[data-v-953d05e4]{background-color:var(--disabled-color-tertiary)}.st-input__container__component[data-v-953d05e4]>*{margin:0 var(--md)}.st-input__container__input-field[data-v-953d05e4]{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:calc(12/var(--base-font-size, 16)*1rem);padding-right:calc(12/var(--base-font-size, 16)*1rem);font-size:calc(16/var(--base-font-size, 16)*1rem);line-height:1.5;margin-bottom:0}.st-input__container__input-field[data-v-953d05e4]:focus{outline:none}.st-input__container__input-field[data-v-953d05e4]::-moz-placeholder{color:var(--palette-secondary-600)}.st-input__container__input-field[data-v-953d05e4]::placeholder{color:var(--palette-secondary-600)}.st-input__container__input-field[data-v-953d05e4]:-moz-read-only{background-color:var(--disabled-color-tertiary);cursor:not-allowed}.st-input__container__input-field[data-v-953d05e4]:disabled,.st-input__container__input-field[data-v-953d05e4]:read-only{background-color:var(--disabled-color-tertiary);cursor:not-allowed}.st-input__action[data-v-953d05e4]{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-1d1774f7]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-1d1774f7]: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-1d1774f7],[data-v-1d1774f7]: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-1d1774f7]{--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-1d1774f7]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-1d1774f7]{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-1d1774f7]:disabled{cursor:not-allowed}.st-button--primary[data-v-1d1774f7]: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-1d1774f7]:focus,.st-button--primary[data-v-1d1774f7]:hover:not(:disabled){outline:none;cursor:pointer}.st-button--primary[data-v-1d1774f7]:disabled{background-color:var(--disabled-color-primary);color:var(--disabled-color-quaternary)}@media(hover:hover)and (pointer:fine){.st-button--primary[data-v-1d1774f7]:hover:not(:disabled){background-color:var(--background-color-quaternary);color:var(--greyscale-900)}}@media(hover:none)and (pointer:coarse){.st-button--primary[data-v-1d1774f7]:active{background-color:var(--background-color-quaternary);color:var(--greyscale-900)}}.st-button--primary[data-v-1d1774f7]:active,.st-button--primary[data-v-1d1774f7]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-button--primary[data-v-1d1774f7]{white-space:nowrap}}.st-button--primary[data-v-1d1774f7] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-button--primary[data-v-1d1774f7] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-button--secondary[data-v-1d1774f7]{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-1d1774f7]:disabled{cursor:not-allowed}.st-button--secondary[data-v-1d1774f7]: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-1d1774f7]:focus,.st-button--secondary[data-v-1d1774f7]:hover:not(:disabled){outline:none;cursor:pointer}.st-button--secondary[data-v-1d1774f7]:disabled{border-color:var(--border-color-tertiary);color:var(--disabled-color-secondary)}@media(hover:hover)and (pointer:fine){.st-button--secondary[data-v-1d1774f7]: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-1d1774f7]: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-1d1774f7]:active,.st-button--secondary[data-v-1d1774f7]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-button--secondary[data-v-1d1774f7]{white-space:nowrap}}.st-button--secondary[data-v-1d1774f7] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-button--secondary[data-v-1d1774f7] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-button--tertiary[data-v-1d1774f7]{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-1d1774f7]:disabled{cursor:not-allowed}.st-button--tertiary[data-v-1d1774f7]: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-1d1774f7]:focus,.st-button--tertiary[data-v-1d1774f7]:hover:not(:disabled){outline:none;cursor:pointer}.st-button--tertiary[data-v-1d1774f7]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--border-color-quaternary)}.st-button--tertiary[data-v-1d1774f7]:disabled{color:var(--disabled-color-primary)}@media(hover:hover)and (pointer:fine){.st-button--tertiary[data-v-1d1774f7]: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-1d1774f7]: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-1d1774f7]:active,.st-button--tertiary[data-v-1d1774f7]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-button--tertiary[data-v-1d1774f7]{white-space:nowrap}}.st-button--tertiary[data-v-1d1774f7] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-button--tertiary[data-v-1d1774f7] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-button--quaternary[data-v-1d1774f7]{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-1d1774f7]:disabled{cursor:not-allowed}.st-button--quaternary[data-v-1d1774f7]: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-1d1774f7]:focus,.st-button--quaternary[data-v-1d1774f7]:hover:not(:disabled){outline:none;cursor:pointer}.st-button--quaternary[data-v-1d1774f7]:focus-visible{box-shadow:0 0 0 calc(2/var(--base-font-size, 16)*1rem) var(--text-color-secondary)}.st-button--quaternary[data-v-1d1774f7]:disabled{color:var(--background-color-quaternary)}@media(hover:hover)and (pointer:fine){.st-button--quaternary[data-v-1d1774f7]: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-1d1774f7]:active{border:var(--border-width) solid var(--border-color-primary);box-shadow:none}}.st-button--quaternary[data-v-1d1774f7]:active,.st-button--quaternary[data-v-1d1774f7]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-button--quaternary[data-v-1d1774f7]{white-space:nowrap}}.st-button--quaternary[data-v-1d1774f7] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-button--quaternary[data-v-1d1774f7] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-button--small[data-v-1d1774f7]{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-1d1774f7],.st-button--rectangular[data-v-1d1774f7]:active,.st-button--rectangular[data-v-1d1774f7]:focus{border-radius:var(--border-radius)}.st-button--full-width[data-v-1d1774f7]{width:100%}.st-button--loading span[data-v-1d1774f7]{color:var(--text-color-primary)}.st-button--loading .st-spinner[data-v-1d1774f7]{margin-right:calc(8/var(--base-font-size, 16)*1rem);flex-shrink:0}.st-button--loading[data-v-1d1774f7] .st-icon{opacity:0}[data-v-2b87d822]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-2b87d822]: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-2b87d822],[data-v-2b87d822]: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-2b87d822]{--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-2b87d822]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-2b87d822]{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-1a72084e]{display:inline-flex}[data-v-5c1b74f7]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-5c1b74f7]: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-5c1b74f7],[data-v-5c1b74f7]: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-5c1b74f7]{--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-5c1b74f7]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-5c1b74f7]{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-5c1b74f7]>:first-child{margin-right:calc(12/var(--base-font-size, 16)*1rem)}.st-error__text[data-v-5c1b74f7]{display:flex;flex-direction:column}.st-error__text--highlighted[data-v-5c1b74f7]{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-a12f57e2]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-a12f57e2]: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-a12f57e2],[data-v-a12f57e2]: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-a12f57e2]{--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-a12f57e2]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-a12f57e2]{display:flex;flex-direction:column;flex-grow:1;font-family:var(--font-secondary);color:var(--text-color-tabs)}.st-tabs--font-primary[data-v-a12f57e2]{font-family:var(--font-primary)}.st-tabs__list[data-v-a12f57e2]{line-height:calc(24/var(--base-font-size, 16)*1rem);padding:0;margin-bottom:calc(16/var(--base-font-size, 16)*1rem);display:grid;grid-template-columns:repeat(2,1fr);gap:calc(16/var(--base-font-size, 16)*1rem) calc(8/var(--base-font-size, 16)*1rem)}@media(min-width:600px){.st-tabs__list[data-v-a12f57e2]{display:flex;flex-wrap:wrap;align-self:flex-start;gap:calc(48/var(--base-font-size, 16)*1rem);border-bottom:var(--border-width--thin) solid var(--border-color-tertiary)}}.st-tabs__list__tab[data-v-a12f57e2]{background:none;border:none;border-bottom:var(--border-width--thin) solid var(--border-color-tertiary);border-top:var(--border-width--thin) solid transparent;outline:none;font-family:inherit;color:inherit;display:flex;align-items:center;justify-content:center;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}@media(min-width:600px){.st-tabs__list__tab[data-v-a12f57e2]{border-bottom:var(--border-width--thin) solid transparent}}.st-tabs__list__tab[data-v-a12f57e2]:hover{background:var(--background-color-quaternary)}.st-tabs__list__tab[data-v-a12f57e2]:focus{border:var(--border-width--thin) solid var(--border-color-quaternary)}.st-tabs__list__tab--is-active[data-v-a12f57e2]{font-weight:600}.st-tabs__list__tab--is-active[data-v-a12f57e2],.st-tabs__list__tab--is-active[data-v-a12f57e2]:focus{border-bottom:var(--border-width) solid var(--border-color-active-tab)}.st-tabs__list__tab__name[data-v-a12f57e2]{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-a12f57e2]{font-size:calc(18/var(--base-font-size, 16)*1rem)}}.st-tabs__list__tab__name--reversed[data-v-a12f57e2]{flex-direction:row-reverse}.st-tabs__list__tab__name span[data-v-a12f57e2]:after{content:attr(data-text);font-weight:600;visibility:hidden;height:0;overflow:hidden;display:block}[data-v-53b4ae4a]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-53b4ae4a]: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-53b4ae4a],[data-v-53b4ae4a]: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-53b4ae4a]{--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-53b4ae4a]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-53b4ae4a]{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-53b4ae4a]{display:inline-flex;align-items:center;margin-left:calc(4/var(--base-font-size, 16)*1rem)}.st-link__icon-container--rotated[data-v-53b4ae4a]{display:inline-flex;transform:rotate(-90deg)}.st-link[data-v-53b4ae4a]: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-53b4ae4a]:hover{color:var(--text-color-primary)}.st-link-button--primary[data-v-53b4ae4a]{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-53b4ae4a]:disabled{cursor:not-allowed}.st-link-button--primary[data-v-53b4ae4a]: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-53b4ae4a]:focus,.st-link-button--primary[data-v-53b4ae4a]:hover:not(:disabled){outline:none;cursor:pointer}.st-link-button--primary[data-v-53b4ae4a]:disabled{background-color:var(--disabled-color-primary);color:var(--disabled-color-quaternary)}@media(hover:hover)and (pointer:fine){.st-link-button--primary[data-v-53b4ae4a]: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-53b4ae4a]:active{background-color:var(--background-color-quaternary);color:var(--greyscale-900)}}.st-link-button--primary[data-v-53b4ae4a]:active,.st-link-button--primary[data-v-53b4ae4a]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-link-button--primary[data-v-53b4ae4a]{white-space:nowrap}}.st-link-button--primary[data-v-53b4ae4a] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--primary[data-v-53b4ae4a] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--secondary[data-v-53b4ae4a]{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-53b4ae4a]:disabled{cursor:not-allowed}.st-link-button--secondary[data-v-53b4ae4a]: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-53b4ae4a]:focus,.st-link-button--secondary[data-v-53b4ae4a]:hover:not(:disabled){outline:none;cursor:pointer}.st-link-button--secondary[data-v-53b4ae4a]:disabled{border-color:var(--border-color-tertiary);color:var(--disabled-color-secondary)}@media(hover:hover)and (pointer:fine){.st-link-button--secondary[data-v-53b4ae4a]: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-53b4ae4a]: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-53b4ae4a]:active,.st-link-button--secondary[data-v-53b4ae4a]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-link-button--secondary[data-v-53b4ae4a]{white-space:nowrap}}.st-link-button--secondary[data-v-53b4ae4a] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--secondary[data-v-53b4ae4a] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--tertiary[data-v-53b4ae4a]{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-53b4ae4a]:disabled{cursor:not-allowed}.st-link-button--tertiary[data-v-53b4ae4a]: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-53b4ae4a]:focus,.st-link-button--tertiary[data-v-53b4ae4a]:hover:not(:disabled){outline:none;cursor:pointer}.st-link-button--tertiary[data-v-53b4ae4a]: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-53b4ae4a]:disabled{color:var(--disabled-color-primary)}@media(hover:hover)and (pointer:fine){.st-link-button--tertiary[data-v-53b4ae4a]: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-53b4ae4a]: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-53b4ae4a]:active,.st-link-button--tertiary[data-v-53b4ae4a]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-link-button--tertiary[data-v-53b4ae4a]{white-space:nowrap}}.st-link-button--tertiary[data-v-53b4ae4a] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--tertiary[data-v-53b4ae4a] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--quaternary[data-v-53b4ae4a]{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-53b4ae4a]:disabled{cursor:not-allowed}.st-link-button--quaternary[data-v-53b4ae4a]: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-53b4ae4a]:focus,.st-link-button--quaternary[data-v-53b4ae4a]:hover:not(:disabled){outline:none;cursor:pointer}.st-link-button--quaternary[data-v-53b4ae4a]: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-53b4ae4a]:disabled{color:var(--background-color-quaternary)}@media(hover:hover)and (pointer:fine){.st-link-button--quaternary[data-v-53b4ae4a]: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-53b4ae4a]:active{border:var(--border-width) solid var(--border-color-primary);box-shadow:none}}.st-link-button--quaternary[data-v-53b4ae4a]:active,.st-link-button--quaternary[data-v-53b4ae4a]:focus{border-radius:calc(99/var(--base-font-size, 16)*1rem)}@media(min-width:1025px){.st-link-button--quaternary[data-v-53b4ae4a]{white-space:nowrap}}.st-link-button--quaternary[data-v-53b4ae4a] .st-icon:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--quaternary[data-v-53b4ae4a] .st-icon:last-child{margin-left:calc(8/var(--base-font-size, 16)*1rem)}.st-link-button--small[data-v-53b4ae4a]{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-53b4ae4a],.st-link-button--rectangular[data-v-53b4ae4a]:active,.st-link-button--rectangular[data-v-53b4ae4a]:focus{border-radius:var(--border-radius)}.st-link-button--full-width[data-v-53b4ae4a]{width:100%}.st-link-button--loading span[data-v-53b4ae4a]{color:var(--text-color-primary)}.st-link-button--loading .st-spinner[data-v-53b4ae4a]{margin-right:calc(8/var(--base-font-size, 16)*1rem);flex-shrink:0}.st-link-button--loading[data-v-53b4ae4a] .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;min-height:24px;aspect-ratio:41/24}.st-travel-sausage-badge svg{height:100%;width:100%;display:block}.st-travel-sausage-badge__icon{display:flex;align-items:center;position:absolute;top:50%;left:45%;transform:translate(-45%,-50%)}[data-v-003c354d]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-003c354d]: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-003c354d],[data-v-003c354d]: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-003c354d]{--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-003c354d]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-003c354d]{display:flex;align-items:stretch;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);height:auto;min-height:calc(24/var(--base-font-size, 16)*1rem);width:100%}@media(max-width:440px){.st-travel-sausage[data-v-003c354d]{font-size:calc(13/var(--base-font-size, 16)*1rem)}}.st-travel-sausage[data-v-003c354d]>:not(:last-child){margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-travel-sausage__canceled-badge[data-v-003c354d]{display:flex;align-items:center;white-space:nowrap;padding:0 calc(10/var(--base-font-size, 16)*1rem);background-color:var(--brand-color-primary);color:var(--text-color-tertiary);margin-left:auto;border-radius:0 calc(4/var(--base-font-size, 16)*1rem) calc(4/var(--base-font-size, 16)*1rem) 0}.st-travel-sausage__canceled-badge span[data-v-003c354d]{font-weight:var(--font-weight-semi-bold)}.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-3f6ccff8]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-3f6ccff8]: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-3f6ccff8],[data-v-3f6ccff8]: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-3f6ccff8]{--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-3f6ccff8]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-3f6ccff8]{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1025px){.st-table-header[data-v-3f6ccff8]{padding:calc(22/var(--base-font-size, 16)*1rem)}}@media(min-width:600px){[data-set-breakpoint=medium] .st-table-header[data-v-3f6ccff8]{padding:calc(22/var(--base-font-size, 16)*1rem)}}.st-table-header--is-sortable[data-v-3f6ccff8]{cursor:pointer}.st-table-header__container[data-v-3f6ccff8]{display:flex}.st-table-header__container__title[data-v-3f6ccff8]{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-3f6ccff8]>:not(:last-child){margin-right:calc(10/var(--base-font-size, 16)*1rem)}.st-table-header__container__sort[data-v-3f6ccff8]{display:flex;align-items:center}.st-table-header__container__sort[data-v-3f6ccff8]:focus{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)}.st-table-header__container__sort .st-icon[data-v-3f6ccff8]{display:flex}.st-table-header__container__sort--unsorted .st-icon[data-v-3f6ccff8]{transform:rotate(90deg)}.st-table-header__container__sort--asc .st-icon[data-v-3f6ccff8]{transform:rotate(180deg)}.st-table-header__container__sort--desc .st-icon[data-v-3f6ccff8]{transform:rotate(0deg)}[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-6146cce1]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-6146cce1]: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-6146cce1],[data-v-6146cce1]: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-6146cce1]{--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-6146cce1]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-6146cce1]{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-6146cce1]:focus{outline:calc(1/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)}.st-back-button[data-v-6146cce1]: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 .st-icon[data-v-6146cce1]{transform:rotate(90deg)}.st-back-button__text[data-v-6146cce1]{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);color:var(--text-color-primary)}.st-back-button__text[data-v-6146cce1]:hover{color:var(--text-color-interactive)}[data-v-50de1e1f]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-50de1e1f]: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-50de1e1f],[data-v-50de1e1f]: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-50de1e1f]{--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-50de1e1f]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-50de1e1f]{color:var(--text-color-primary)}.st-headline--with-border[data-v-50de1e1f]{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-50de1e1f]{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-50de1e1f]{font-family:var(--font-primary)}.st-headline--text--color-secondary[data-v-50de1e1f]{color:var(--text-color-quinary)}.st-headline--text--h1[data-v-50de1e1f]{font-size:calc(24/var(--base-font-size, 16)*1rem)}@media(min-width:600px){.st-headline--text--h1[data-v-50de1e1f]{font-size:calc(32/var(--base-font-size, 16)*1rem)}}@media(min-width:1025px){.st-headline--text--h1[data-v-50de1e1f]{font-size:calc(42/var(--base-font-size, 16)*1rem)}}.st-headline--text--h2[data-v-50de1e1f]{font-size:calc(24/var(--base-font-size, 16)*1rem)}@media(min-width:600px){.st-headline--text--h2[data-v-50de1e1f]{font-size:calc(32/var(--base-font-size, 16)*1rem)}}.st-headline--text--h3[data-v-50de1e1f]{font-size:calc(24/var(--base-font-size, 16)*1rem)}.st-headline--text--h4[data-v-50de1e1f]{font-size:calc(18/var(--base-font-size, 16)*1rem)}.st-headline--text--h5[data-v-50de1e1f]{font-size:calc(16/var(--base-font-size, 16)*1rem)}.st-headline--text--h6[data-v-50de1e1f]{font-size:calc(14/var(--base-font-size, 16)*1rem)}.st-headline--text--thin[data-v-50de1e1f]{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-71d2826d]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-71d2826d]: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-71d2826d],[data-v-71d2826d]: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-71d2826d]{--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-71d2826d]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-71d2826d]{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-71d2826d]:hover{background-color:var(--bigarrå-100);color:var(--greyscale-900)}.st-news-card[data-v-71d2826d]:focus{border:calc(1/var(--base-font-size, 16)*1rem) solid var(--greyscale-900)}.st-news-card[data-v-71d2826d]:focus,.st-news-card[data-v-71d2826d]: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-71d2826d]:focus-within{outline:calc(2/var(--base-font-size, 16)*1rem) solid var(--border-color-quaternary)}.st-news-card__wrapper[data-v-71d2826d]{display:flex;flex-direction:column;position:relative;height:100%;width:100%}.st-news-card__wrapper img[data-v-71d2826d]{width:100%;height:calc(369/var(--base-font-size, 16)*1rem);-o-object-fit:cover;object-fit:cover}.st-news-card__spinner[data-v-71d2826d]{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-71d2826d]{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-71d2826d]{display:flex;align-items:center;gap:calc(8/var(--base-font-size, 16)*1rem)}.st-news-card__headline[data-v-71d2826d]{width:100%;color:var(--text-color-primary)}.st-news-card__headline[data-v-71d2826d] .st-headline--text{line-height:normal!important}.st-news-card__headline a[data-v-71d2826d]{font-family:var(--font-secondary);color:var(--text-color-primary);text-decoration:none;outline:none}.st-news-card__headline a[data-v-71d2826d]: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-71d2826d]{display:flex;justify-content:space-between}.st-news-card__headline-text[data-v-71d2826d]{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-71d2826d]{vertical-align:middle;margin-left:calc(4/var(--base-font-size, 16)*1rem);transform:rotate(-90deg)}.st-news-card__sub-heading[data-v-71d2826d]{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-71d2826d]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;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-71d2826d]{background-color:var(--container-color-tertiary)}.st-news-card--is-overflow-hidden[data-v-71d2826d]{overflow:hidden}.st-news-card--sm[data-v-71d2826d]{max-width:calc(360/var(--base-font-size, 16)*1rem)}.st-news-card--sm img[data-v-71d2826d]{height:calc(160/var(--base-font-size, 16)*1rem)}.st-news-card--sm .st-news-card__content-section[data-v-71d2826d]{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-71d2826d]{display:flex}.st-news-card--sm .st-news-card__headline-text[data-v-71d2826d]{font-size:calc(18/var(--base-font-size, 16)*1rem)}.st-news-card--sm .st-news-card__content[data-v-71d2826d]{margin:calc(4/var(--base-font-size, 16)*1rem) 0}.st-news-card--sm .st-news-card__sub-heading[data-v-71d2826d]{margin:calc(4/var(--base-font-size, 16)*1rem) 0 0 0}.st-news-card--sm .st-news-card__content[data-v-71d2826d]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow-wrap:break-word}[data-v-11a743fa]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-11a743fa]: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-11a743fa],[data-v-11a743fa]: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-11a743fa]{--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-11a743fa]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-11a743fa]{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-11a743fa]:focus{outline:none}@media(min-width:1025px){.st-pagination__label[data-v-11a743fa]{flex-direction:row}.st-pagination__label[data-v-11a743fa]>:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}}.st-pagination__label__title[data-v-11a743fa]{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-11a743fa]{display:flex;justify-content:center;margin-top:calc(32/var(--base-font-size, 16)*1rem)}.st-pagination__pagination__controls[data-v-11a743fa]{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}.st-pagination__pagination__controls__truncate[data-v-11a743fa]{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-11a743fa]{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-11a743fa]{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-11a743fa]{font-weight:var(--font-weight-bold);border-bottom:var(--border-width) solid var(--border-color-primary)}.st-pagination__pagination__controls__btn[data-v-11a743fa]:focus{outline:none;border:var(--border-width) solid var(--border-color-quarternary)}.st-pagination__pagination__controls__btn[data-v-11a743fa]:hover{border:var(--border-width--thin) solid var(--border-color-primary)}.st-pagination__pagination__controls__btn--disabled[data-v-11a743fa]{cursor:not-allowed}.st-pagination__pagination__controls__btn--disabled[data-v-11a743fa]:hover{border-color:transparent}.st-pagination__pagination__controls[data-v-11a743fa]>:not(:last-child){margin-right:calc(4/var(--base-font-size, 16)*1rem)}.st-pagination__pagination__controls>:first-child .st-icon[data-v-11a743fa]{transform:rotate(90deg)}.st-pagination__pagination__controls>:last-child .st-icon[data-v-11a743fa]{transform:rotate(-90deg)}.st-pagination__loader[data-v-11a743fa]{margin-top:calc(24/var(--base-font-size, 16)*1rem);text-align:center}@media(min-width:1025px){.st-pagination__loader[data-v-11a743fa]{margin-top:calc(80/var(--base-font-size, 16)*1rem)}}.st-pagination__focus-holder[data-v-11a743fa]{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-11a743fa],.pagination-transition-leave-active[data-v-11a743fa]{transition:opacity .3s ease,transform .3s ease}.pagination-transition-enter-from[data-v-11a743fa],.pagination-transition-leave-to[data-v-11a743fa]{opacity:0;transform:scale(.8)}.fade-enter-active[data-v-11a743fa],.fade-leave-active[data-v-11a743fa]{transition:opacity .3s ease}.fade-enter-from[data-v-11a743fa],.fade-leave-to[data-v-11a743fa]{opacity:0}[data-v-266d1765]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-266d1765]: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-266d1765],[data-v-266d1765]: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-266d1765]{--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-266d1765]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-266d1765]{display:flex;align-items:center;gap:var(--sm)}.st-quantity-stepper__element-group__centered-text[data-v-266d1765] :first-child{text-align:center}.st-quantity-stepper__element-group__select[data-v-266d1765]{width:100%}.st-quantity-stepper__element-group__span[data-v-266d1765]{width:100%;min-width:calc(32/var(--base-font-size, 16)*1rem);text-align:center}.st-quantity-stepper__element-group__button[data-v-266d1765]{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-a6081b64]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-a6081b64]: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-a6081b64],[data-v-a6081b64]: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-a6081b64]{--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-a6081b64]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-a6081b64]{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-a6081b64]{display:block}}.st-progress-bar[data-v-a6081b64]{display:flex;align-items:center;justify-content:space-between;position:relative;height:calc(24/var(--base-font-size, 16)*1rem)}@media(max-width:320px){.st-progress-bar[data-v-a6081b64]{display:none}}.st-progress-bar__line[data-v-a6081b64]{width:100%;left:0;right:0;background-color:var(--background-color-quaternary);z-index:1}.st-progress-bar__line[data-v-a6081b64],.st-progress-bar__progress[data-v-a6081b64]{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-a6081b64]{background-color:var(--background-color-primary);z-index:2;transition:width .4s}.st-progress-bar__step[data-v-a6081b64]{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-a6081b64]{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-a6081b64]{position:relative;z-index:1}.st-progress-bar__step--active[data-v-a6081b64]{color:var(--text-color-tertiary)}.st-progress-bar__step--active .st-progress-bar__step-fill[data-v-a6081b64]{transform:translateX(0)}.st-progress-bar__step--active .st-progress-bar__step-indicator[data-v-a6081b64]{opacity:1}.st-progress-bar__step--current[data-v-a6081b64]{color:var(--text-color-tertiary)}.st-progress-bar__step--animating-forward[data-v-a6081b64]{transition-delay:.2s}.st-progress-bar__step--animating-forward .st-progress-bar__step-fill[data-v-a6081b64]{animation:fillStep-a6081b64 .1s .17s forwards}.st-progress-bar__step--animating-backward[data-v-a6081b64]{transition-delay:.03s}.st-progress-bar__step--animating-backward .st-progress-bar__step-fill[data-v-a6081b64]{animation:unfillStep-a6081b64 .03s .05s backwards}.st-progress-bar__step--last .st-progress-bar__step-indicator[data-v-a6081b64]{display:none}@keyframes fillStep-a6081b64{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes unfillStep-a6081b64{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.sr-only[data-v-a6081b64]{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-b079c7c2]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-b079c7c2]: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-b079c7c2],[data-v-b079c7c2]: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-b079c7c2]{--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-b079c7c2]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-b079c7c2]{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-b079c7c2]: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-b079c7c2]: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-b079c7c2]{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-b079c7c2]>*{border:var(--border-width) solid transparent;border-radius:calc(8/var(--base-font-size, 16)*1rem)}.st-file-picker-selected__file[data-v-b079c7c2]{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-b079c7c2]>:first-child{margin-right:calc(8/var(--base-font-size, 16)*1rem)}.st-file-picker-selected__file--link[data-v-b079c7c2]:focus{border:var(--border-width) solid var(--border-color-quaternary)}.st-file-picker-selected__file--link[data-v-b079c7c2]:hover{font-weight:var(--font-weight-bold)}.st-file-picker-selected__remove-btn[data-v-b079c7c2]{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-b079c7c2]>:first-child{margin-right:calc(4/var(--base-font-size, 16)*1rem)}.st-file-picker-selected__remove-btn[data-v-b079c7c2]: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-b079c7c2]{flex-direction:row;align-items:center}.st-file-picker-selected__file[data-v-b079c7c2]{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-b079c7c2]{margin-left:auto;align-self:center}}[data-v-712ecc76]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-712ecc76]: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-712ecc76],[data-v-712ecc76]: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-712ecc76]{--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-712ecc76]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-712ecc76]{align-self:flex-end}.st-file-picker-input__input[data-v-712ecc76]{display:none}[data-v-65910a12]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-65910a12]: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-65910a12],[data-v-65910a12]: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-65910a12]{--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-65910a12]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-65910a12]{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-65910a12]{min-height:calc(120/var(--base-font-size, 16)*1rem)}.st-file-picker__container--active[data-v-65910a12]{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-65910a12]{border:solid calc(1/var(--base-font-size, 16)*1rem) var(--danger-color-primary)}.st-file-picker__container__select[data-v-65910a12]{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-65910a12]>:not(:last-child){margin-bottom:calc(16/var(--base-font-size, 16)*1rem)}.st-file-picker__error[data-v-65910a12]{display:flex;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-65910a12]>:first-child{margin-right:calc(4/var(--base-font-size, 16)*1rem)}.fade-enter-active[data-v-65910a12],.fade-leave-active[data-v-65910a12]{transition:opacity .3s ease}.fade-enter-from[data-v-65910a12],.fade-leave-to[data-v-65910a12]{opacity:0}.error-enter-active[data-v-65910a12],.error-leave-active[data-v-65910a12]{transition:opacity .2s ease}.error-enter-from[data-v-65910a12],.error-leave-to[data-v-65910a12]{opacity:0}[data-v-9fd451ac]:export{current-primary-background:#6d202b;current-secondary-background:#fff;current-teritary-background:#dad6d4;current-quarternary-background:#cfb8bb}[data-v-9fd451ac]: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-9fd451ac],[data-v-9fd451ac]: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-9fd451ac]{--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-9fd451ac]{--base-font-size:16;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700;--xs:calc((4/var(--base-font-size))*1rem);--sm:calc((8/var(--base-font-size))*1rem);--md:calc((12/var(--base-font-size))*1rem);--lg:calc((16/var(--base-font-size))*1rem);--xl:calc((24/var(--base-font-size))*1rem);--xxl:calc((48/var(--base-font-size))*1rem);--border-width--thin:calc((1/var(--base-font-size))*1rem);--border-width:calc((2/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-9fd451ac]{color:var(--text-color-primary)}.st-expandable-details__summary[data-v-9fd451ac]{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-9fd451ac]::-webkit-details-marker{display:none}.st-expandable-details__summary[data-v-9fd451ac]::marker{display:none}.st-expandable-details__summary:hover .st-expandable-details__heading[data-v-9fd451ac]{text-decoration:underline}.st-expandable-details__summary[data-v-9fd451ac]: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-9fd451ac]: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-9fd451ac]{flex-shrink:0}.st-expandable-details__heading[data-v-9fd451ac]{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-9fd451ac]{padding:calc(8/var(--base-font-size, 16)*1rem);color:var(--text-color-primary);font-family:var(--font-primary);line-height:1.5} :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.st-org-app { font-family: "Source Sans Pro"; background-color: #f5f3f0; overflow-x: hidden; } .st-org-app { } .st-org-app h1, .st-org-app h2, .st-org-app h3, .st-org-app h4 { margin-bottom: 0px; } .st-org-app h1, .st-org-app h2 { font-family: "Bitter"; color: #4d4845; } .st-org-app h3, .st-org-app h4 { color: #4d4845; } .st-org-app h1 { font-size: 49px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -1px; } .st-org-app h2 { /* font-size: 31px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -1px; */ font-size: 35px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #4d4845; } .st-org-app h3 { font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -0.5px; margin-top: 10px; text-align: left; } .st-org-app h4 { font-size: 25px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -0.3px; margin-top: 36px; } @media (min-width: 768px) { .st-org-app h2 { font-size: 35px; } .st-org-app h3 { font-size: 31px; margin-top: 39px; } } .st-org-app .st-modal-header h3 { margin-top: 0; text-align: center; } .st-org-app :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } .st-org-app { /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ } .st-org-app :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; } .st-org-app { } .st-org-app :root, .st-org-app [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); } .st-org-app { } .st-org-app :root, .st-org-app [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } .st-org-app :root, .st-org-app [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); } .st-org-app [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); } .st-org-app { } .st-org-app [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } .st-org-app [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); } .st-org-app [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); } .st-org-app [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .input-group .st-input:not(:last-child) { border-radius: calc(4 / var(--base-font-size, 16) * 1rem); } .st-org-app .input-group-prepend { position: absolute; right: calc(10 / var(--base-font-size, 16) * 1rem); top: calc(4 / var(--base-font-size, 16) * 1rem); bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .st-org-app #itemList { list-style-type: none; margin: 0; padding: calc(5 / var(--base-font-size, 16) * 1rem); overflow: hidden; } .st-org-app #itemList .listItem { float: left; padding-right: calc(5 / var(--base-font-size, 16) * 1rem); } .st-org-app #itemList .listItem .chip { border-radius: calc(4 / var(--base-font-size, 16) * 1rem); background-color: #f5f3f0; } .st-org-app #itemList .listItem .chip .chipText { color: #13100d; font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-family: "Source Sans Pro", sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: calc(0.2 / var(--base-font-size, 16) * 1rem); text-align: center; margin-left: calc(5 / var(--base-font-size, 16) * 1rem); } .st-org-app #itemList .listItem .chip .removeBtn { padding: calc(10 / var(--base-font-size, 16) * 1rem); font-size: calc(24 / var(--base-font-size, 16) * 1rem); line-height: calc(6 / var(--base-font-size, 16) * 1rem); color: #4d4845; float: right; cursor: pointer; } .st-org-app #itemList .listItem .chip .removeBtn:hover { color: #8c847f; } .st-org-app #itemList .listItem .chip .removeBtn:focus { outline-color: var(--border-color-quaternary); } .st-org-app :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } .st-org-app { /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ } .st-org-app :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; } .st-org-app { } .st-org-app :root, .st-org-app [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); } .st-org-app { } .st-org-app :root, .st-org-app [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } .st-org-app :root, .st-org-app [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); } .st-org-app [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); } .st-org-app { } .st-org-app [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } .st-org-app [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); } .st-org-app [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); } .st-org-app [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-multiSelect { padding-bottom: calc(12 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-multiSelect .st-multiselect-input-active .st-input:focus { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .st-org-app .st-multiSelect .input-group .loading-icon-enter-active, .st-org-app .st-multiSelect .input-group .loading-icon-leave-active { transition: opacity 0.4s ease-in-out; opacity: 1; } .st-org-app .st-multiSelect .input-group .loading-icon-enter-from, .st-org-app .st-multiSelect .input-group .loading-icon-leave-active { opacity: 0; } .st-org-app .st-multiSelect .input-group .spinner { position: absolute; right: 0; top: calc(2 / var(--base-font-size, 16) * 1rem); width: calc(48 / var(--base-font-size, 16) * 1rem); height: calc(35 / var(--base-font-size, 16) * 1rem); background: transparent; display: block; } .st-org-app .st-multiSelect .input-group .spinner:before, .st-org-app .st-multiSelect .input-group .spinner:after { position: absolute; content: ""; top: 50%; left: 50%; margin: calc(-8 / var(--base-font-size, 16) * 1rem) 0 0 calc(-8 / var(--base-font-size, 16) * 1rem); width: calc(16 / var(--base-font-size, 16) * 1rem); height: calc(16 / var(--base-font-size, 16) * 1rem); border-radius: 100%; border-color: rgba(77, 72, 69, 0.24) transparent transparent; border-style: solid; border-width: calc(2 / var(--base-font-size, 16) * 1rem); box-shadow: 0 0 0 calc(1 / var(--base-font-size, 16) * 1rem) transparent; } .st-org-app .st-multiSelect .input-group .spinner:before { animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62); animation-iteration-count: infinite; } .st-org-app .st-multiSelect .input-group .spinner:after { animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8); animation-iteration-count: infinite; } @keyframes spinning { from { transform: rotate(0); } to { transform: rotate(2turn); } } .st-org-app .st-multiselect-selected-items-list { list-style-type: none; margin: 0; padding: calc(4 / var(--base-font-size, 16) * 1rem); padding-top: 0; padding-left: 0; overflow: hidden; } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem { float: left; padding-right: calc(4 / var(--base-font-size, 16) * 1rem); padding-top: calc(4 / var(--base-font-size, 16) * 1rem); z-index: 10; } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip { border-radius: calc(6 / var(--base-font-size, 16) * 1rem); background-color: #f5f3f0; font-size: calc(13 / var(--base-font-size, 16) * 1rem); display: flex; align-items: center; } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip .fa-stack { max-width: 1.36rem; margin-left: calc(4 / var(--base-font-size, 16) * 1rem); padding-top: calc(2 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip .fa-stack .fa-map-marker-text { font-family: "Source Sans Pro", sans-serif; display: block; color: #f5f3f0; font-size: calc(10 / var(--base-font-size, 16) * 1rem); font-weight: 600; line-height: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(-34 / var(--base-font-size, 16) * 1rem); margin-left: calc(2 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip .chipText { color: #13100d; font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-family: "Source Sans Pro", sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: calc(0.2 / var(--base-font-size, 16) * 1rem); text-align: center; margin: 0 calc(4 / var(--base-font-size, 16) * 1rem); vertical-align: middle; } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip .removeBtn { display: flex; cursor: pointer; margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-multiselect-selected-items-list .st-multiselect-listItem .chip .removeBtn:focus { outline-color: var(--border-color-quaternary); } .st-org-app .st-multiselect-dropdown-box { position: absolute; z-index: 1001; background: #fff; width: calc(100% - 1.875rem); border: solid calc(2 / var(--base-font-size, 16) * 1rem) #807569; border-top: none; border-bottom-left-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-bottom-right-radius: calc(6 / var(--base-font-size, 16) * 1rem); -webkit-overflow-scrolling: touch; } .st-org-app .st-multiselect-dropdown-box .st-multiselect-dropdown { list-style: none; display: inline-block; padding: 0; margin: 0; min-width: 100%; vertical-align: top; } .st-org-app .st-multiselect-dropdown-box .st-multiselect-dropdown .st-multiselect-dropdown-listitem { display: block; color: #807569; font-size: calc(14 / var(--base-font-size, 16) * 1rem); min-height: calc(50 / var(--base-font-size, 16) * 1rem); line-height: calc(50 / var(--base-font-size, 16) * 1rem); padding-left: calc(8 / var(--base-font-size, 16) * 1rem); white-space: nowrap; cursor: pointer; } .st-org-app .st-multiselect-dropdown-box .st_dropdown_item_highlight { background-color: rgb(241, 241, 241); outline: none; } .st-org-app .st-multiselect-dropdown-box .st_dropdown_item_highlight:after { content: attr(data-select); background-color: rgb(241, 241, 241); } .st-org-app .st-multiselect-dropdown-transition-enter-active { transition: opacity 0.2s, transform 0.2s ease-out; } .st-org-app .st-multiselect-dropdown-transition-leave-active { transition: opacity 0.5s, transform 1.5s ease-out; } .st-org-app .st-multiselect-dropdown-transition-enter-from, .st-org-app .st-multiselect-dropdown-transition-leave-to { transform: translateY(calc(-10 / var(--base-font-size, 16) * 1rem)); opacity: 0; } .st-org-app .st-text h3 { margin-top: 0px; margin-bottom: 24px; } .st-org-app .st-sticky-header { width: 100%; height: 72px; background-color: #ffffff; position: fixed; top: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); color: #4d4845; font-size: 17px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; line-height: 1.41; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .st-org-app :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } .st-org-app { /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ } .st-org-app :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; } .st-org-app { } .st-org-app :root, .st-org-app [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); } .st-org-app { } .st-org-app :root, .st-org-app [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } .st-org-app :root, .st-org-app [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); } .st-org-app [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); } .st-org-app { } .st-org-app [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } .st-org-app [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); } .st-org-app [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); } .st-org-app [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-table table { width: 100%; max-width: 100%; } .st-org-app .st-table table.st-card-table { border-collapse: separate !important; border-spacing: 0; } .st-org-app .st-table tbody .st-table-row-separator { height: 8px; } .st-org-app .st-table th { background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app .st-table th.clickable { cursor: pointer; } .st-org-app .st-table tr:nth-of-type(even) { background-color: #ffffff; } .st-org-app .st-table tr.th-row { background-color: transparent; } .st-org-app .st-table tr { background-color: #f5f3f0; height: 64px; border-radius: 6px; } .st-org-app .st-table tr.double { vertical-align: top; height: 82px; } .st-org-app .st-table tr.double span.doubleLine { font-size: 14px; color: #6e6054; } .st-org-app .st-table tr.double span.doubleLine.big-text { color: #4d4845; font-size: 16px; } .st-org-app .st-table tr.card-row { height: 72px; background-color: rgba(247, 246, 242, 0.65); } .st-org-app .st-table tr span { display: block; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .st-org-app .st-table td { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app .st-table th { padding: 15px 24px; min-width: 120px; } .st-org-app .st-table td { min-width: 120px; padding: 20px 24px; } .st-org-app .st-table tr td:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .st-org-app .st-table tr td:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .st-org-app .st-table th.active { color: #fff; } .st-org-app .st-table th.active .arrow { opacity: 1; } .st-org-app .st-table .st-card-table td { border-top: solid 1px rgba(214, 211, 208, 0.65); border-bottom: solid 1px rgba(214, 211, 208, 0.65); } .st-org-app .st-table .st-card-table tr td:first-child { border-left: solid 1px rgba(214, 211, 208, 0.65); } .st-org-app .st-table .st-card-table tr td:last-child { border-right: solid 1px rgba(214, 211, 208, 0.65); } .st-org-app .st-table tr.footer-row { height: auto; } .st-org-app .st-table tr.footer-row td { border: none !important; } .st-org-app .st-table .arrow { display: inline-block; vertical-align: middle; width: 0; height: 0; margin-left: 5px; opacity: 0.66; border-radius: 4px; } .st-org-app .st-table .arrow.asc { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #4d4845; } .st-org-app .st-table .arrow.dsc { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #4d4845; } .st-org-app .st-table .toggle-row { cursor: pointer; } .st-org-app .st-table-mobile .onHover { cursor: pointer; } .st-org-app .st-table-item-expanded { width: 100%; background-color: white; border: 2px solid #807568; border-radius: 10px; box-shadow: 0 4px 16px 0 rgba(110, 96, 84, 0.24); } .st-org-app .st-table-item-expanded .item-header { border-bottom: 1px solid rgba(214, 211, 208, 0.4); margin: 0; padding: 20px 34px; } .st-org-app .st-table-item-expanded .item-header.clickable { cursor: pointer; } .st-org-app .st-table-item-expanded .item-header.clickable:hover { background-color: #faf9f7; border-top-left-radius: 8px; border-top-right-radius: 8px; } .st-org-app .st-table-item-expanded .item-body { margin-left: 0; margin-right: 0; background: #fff; border-radius: 10px; } .st-org-app .st-table-item-expanded .item-left-full { padding-top: 25px; border-right: 1px solid rgba(214, 211, 208, 0.4); } .st-org-app .st-table-item-expanded .item-right-top { padding-top: 25px; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 0 0 auto; -o-flex: 1 1 auto; flex: 1 1 auto; } .st-org-app .st-table-item-expanded .item-right-bottom { padding-top: 25px; padding-bottom: 34px; border-top: 1px solid rgba(214, 211, 208, 0.4); background: rgba(214, 211, 208, 0.1); } .st-org-app .st-table-item-expanded .content-container { display: flex; display: -ms-flex; } .st-org-app .st-table-item-expanded .content-container .content-container { flex-direction: column; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 0 0 auto; -o-flex: 1 1 auto; flex: 1 1 auto; } .st-org-app .st-table-item-expanded li span { display: inline; } .st-org-app .st-table-item-expanded .inner { margin-left: 0; margin-right: 0; } .st-org-app .st-table-item-expanded .increased-padding { margin-left: 15px; margin-right: 15px; } .st-org-app .st-table-item-expanded .text { padding-bottom: 12px; } .st-org-app .st-table-item-expanded .bold { font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } .st-org-app { /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ } .st-org-app :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; } .st-org-app { } .st-org-app :root, .st-org-app [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); } .st-org-app { } .st-org-app :root, .st-org-app [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } .st-org-app :root, .st-org-app [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); } .st-org-app [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); } .st-org-app { } .st-org-app [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } .st-org-app [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); } .st-org-app [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); } .st-org-app [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-table-item-mobile .row-container { padding: 15px 0; line-height: 1.45; } .st-org-app .st-table-item-mobile .row-container .row { margin: 0; padding: 0; min-height: 20px; } .st-org-app .st-table-item-mobile .row { padding: 5px 0px; } .st-org-app .even { background-color: #ffffff; } .st-org-app .uneven { background-color: #f5f3f0; } .st-org-app .primary-text { font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; color: #4d4845; } .st-org-app .secondary-text { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: #6e6054; } .st-org-app .st-table-item-mobile-expanded { background-color: #fff; border: 2px solid #807568; border-radius: 10px; box-shadow: 0 4px 16px 0 rgba(110, 96, 84, 0.24); margin: 0 2px; } .st-org-app .st-table-item-mobile-expanded .item-header { border-bottom: 1px solid rgba(214, 211, 208, 0.4); margin: 0; padding: 16px 8px; } .st-org-app .st-table-item-mobile-expanded .item-header.clickable { cursor: pointer; } .st-org-app .st-table-item-mobile-expanded .item-header.clickable:hover { background-color: #faf9f7; border-top-left-radius: 8px; border-top-right-radius: 8px; } .st-org-app .st-table-item-mobile-expanded .item-body { margin-left: 0; margin-right: 0; border-radius: 10px; } .st-org-app .st-table-item-mobile-expanded .item-footer { margin-left: 0; margin-right: 0; border-radius: 10px; } .st-org-app .st-table-item-mobile-expanded .bold { font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app .st-table-item-mobile-expanded .text { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app .st-status .icon-wrapper { display: flex; width: 100%; } .st-org-app .st-status .dot { height: 0.5625rem; width: 0.5625rem; border-radius: 50%; display: inline-block; background-color: transparent; border: 0.0625rem solid #6e6054; } .st-org-app .st-status .dot.red { border: none; background-color: #e14949; } .st-org-app .st-status .dot.yellow { border: none; background-color: #f6bb0a; } .st-org-app .st-status .dot.green { border: none; background-color: #4cba4d; } .st-org-app .st-status .error-icon { display: inline-block; width: 0.9375rem; height: 0.875rem; } .st-org-app .st-status .icon-column { padding: 0 0; margin-right: 0.4375rem; } .st-org-app .st-status .dot-column { padding: 0 0; text-align: center; margin-right: 0.4375rem; } .st-org-app .st-status .text-column { padding: 0 0; text-align: left; } .st-org-app .st-status .right-align { justify-content: flex-end; } .st-org-app .st-status .right-align .icon-column { padding: 0; } .st-org-app .st-status .right-align .dot-column { padding: 0; } .st-org-app .st-autocomplete { position: relative; } .st-org-app .st-autocomplete .st-input.is-open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-width: 1px; } .st-org-app .st-autocomplete .clear-button { position: absolute; margin-top: -34px; right: 14px; } .st-org-app .st-autocomplete .clear-button:hover { cursor: pointer; } .st-org-app .st-autocomplete-results { position: absolute; z-index: 1001; width: 100%; padding: 0; margin: 0; overflow: auto; border: 1px solid #807569; border-top: none; border-radius: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14); } .st-org-app .st-autocomplete-results li { width: 100%; line-height: 48px; background-color: #fff; } .st-org-app .st-autocomplete-results .st-autocomplete-result { list-style: none; text-align: left; padding: 0px 14px; cursor: pointer; } .st-org-app .st-autocomplete-results .st-autocomplete-result.is-active, .st-org-app .st-autocomplete-results .st-autocomplete-result:hover { background-color: #f7f6f2; } .st-org-app :export { current-primary-background: #6d202b; current-secondary-background: #ffffff; current-teritary-background: #dad6d4; current-quarternary-background: #cfb8bb; } .st-org-app { /* Primära färger */ /* Kontrastfärger */ /* Trafikslag */ /* Gråtoner */ /* Colors by Ari */ /* Google Maps Colors */ /* colors from "skola" */ /* ÖT färger */ /* new */ /* 2023 */ } .st-org-app :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; } .st-org-app { } .st-org-app :root, .st-org-app [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); } .st-org-app { } .st-org-app :root, .st-org-app [data-theme=st] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } .st-org-app :root, .st-org-app [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); } .st-org-app [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); } .st-org-app { } .st-org-app [data-theme=ot] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } .st-org-app [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); } .st-org-app [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); } .st-org-app [data-theme=bt] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-editable-text { width: 100%; } .st-org-app .st-editable-text .display-text-container { display: flex; align-items: baseline; } .st-org-app .st-editable-text .display-text-container .edit-icon-wrapper { vertical-align: middle; font-size: calc(14 / var(--base-font-size, 16) * 1rem); margin-left: calc(8 / var(--base-font-size, 16) * 1rem); cursor: pointer; } .st-org-app .st-editable-text .display-text-container .edit-icon-wrapper:focus { outline: none; border: calc(2 / var(--base-font-size, 16) * 1rem) solid black; } .st-org-app .st-editable-text .edit-row { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-editable-text .edit-row .input-section { display: flex; flex-direction: column; } @media (min-width: 600px) { .st-org-app .st-editable-text .edit-row .input-section { flex-direction: row; } } .st-org-app .st-editable-text .edit-row .button-container-block > :not(:last-child), .st-org-app .st-editable-text .edit-row .button-container-inline > :not(:last-child) { margin-right: calc(12 / var(--base-font-size, 16) * 1rem); } .st-org-app .st-editable-text .edit-row .button-container-inline.button-container-edit-active { display: flex; } .st-org-app .st-editable-text .edit-row .input-wrapper { width: 100%; margin-right: calc(12 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(12 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-org-app .st-editable-text .edit-row .input-wrapper { margin-bottom: 0; } } .st-org-app .st-editable-text h3 { margin: 0; } .st-org-app .st-editable-text h3.no-value { color: #b1aead; font-style: italic; } .st-org-app .st-editable-text .edit-button { cursor: pointer; font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #7a6b5e; } .st-org-app .st-editable-text .edit-button .edit-button-icon { width: 18px; height: 18px; margin-bottom: 3px; margin-right: 8px; } .st-org-app .st-banner { min-height: 55px; width: 100%; background-color: white; text-align: center; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid #d6d3d0; word-break: break-word; word-wrap: break-word; } @media (max-width: 1024px) { .st-org-app .st-banner .banner-text { font-size: 18px; } } .st-org-app .st-banner .banner-text { font-size: 20px; font-weight: 600; opacity: 0.75; color: #4d4844; } .st-org-app a#CybotCookiebotDialogPoweredbyCybot, .st-org-app div#CybotCookiebotDialogPoweredByText { display: none; } .st-org-app #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none; } .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogHeader h1 { font-size: 1.125rem; font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 600; } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogTabContent #CybotCookiebotDialogBody .CybotCookiebotScrollContainer { max-height: 100% !important; } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogTabContent #CybotCookiebotDialogBody .CybotCookiebotScrollContainer { padding: 0.25rem 0 0 0 !important; } } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogTabContent #CybotCookiebotDialogBody .CybotCookiebotScrollContainer #CybotCookiebotDialogBodyContent { padding: 0 0.25rem !important; } } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogNav #CybotCookiebotDialogNavList .CybotCookiebotDialogNavItem .CybotCookiebotDialogNavItemLink { padding: 0 !important; } } @media screen and (max-width: 320px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogNav #CybotCookiebotDialogNavList .CybotCookiebotDialogNavItem .CybotCookiebotDialogNavItemLink { padding: 0.25rem !important; } } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter { width: 100% !important; padding: 0.9375rem !important; } @media screen and (max-width: 320px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter { padding: 0.25rem !important; } } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter { padding: 0.25rem !important; } } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons { max-width: 100% !important; } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper { flex-direction: column !important; } @media screen and (min-width: 680px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper { flex-direction: row !important; } } @media screen and (max-width: 680px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline { margin-bottom: 0.5rem !important; } } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline { margin-bottom: 0.25rem !important; } } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { margin-bottom: 0 !important; padding: 0.875rem !important; border-color: var(--background-color-primary) !important; height: auto !important; } @media screen and (max-width: 1279px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { width: 100% !important; } } @media screen and (max-width: 320px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { padding: 0.25rem !important; } } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton { padding: 0 !important; } } @media screen and (min-width: 1280px) { .st-org-app #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper { flex-direction: column !important; } } .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogTabContentDetails h2 { margin-bottom: 0; } .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogTabContentDetails h2, .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogTabContentDetails h3 { display: inline; } .st-org-app #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span, .st-org-app #CybotCookiebotDialog :focus-visible, .st-org-app #CybotCookiebotDialog:focus-visible { outline: 0.125rem solid var(--border-color-quaternary) !important; } @media screen and (max-width: 601px) { .st-org-app #CybotCookiebotDialog .CybotCookiebotFader { opacity: 0 !important; } } .st-org-app #CybotCookiebotDialog.CybotCookiebotDialogActive #CybotCookiebotDialogHeader { padding: 0; border: none; } @media screen and (max-height: 400px) { .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails { margin: 0 0.5rem !important; } } @media screen and (max-width: 320px) { .st-org-app #CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails { margin: 0 0.5rem !important; } } .st-org-app .passage-fade-enter-active, .st-org-app .passage-fade-leave-active { transition: opacity 0.5s; } .st-org-app .passage-fade-enter-from, .st-org-app .passage-fade-leave-to { opacity: 0; } .st-org-app .fade-enter-active, .st-org-app .fade-leave-active { transition: opacity 0.3s ease; } .st-org-app .fade-enter-from, .st-org-app .fade-leave-to { opacity: 0; } .st-org-app .slide-bounce-enter-active { transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .st-org-app .slide-bounce-leave-active { transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .st-org-app .slide-bounce-enter-from { opacity: 0; transform: translateY(calc(-30 / var(--base-font-size, 16) * 1rem)) scale(0.9); } .st-org-app .slide-bounce-enter-to { opacity: 1; transform: translateY(0) scale(1); } .st-org-app .slide-bounce-leave-to { opacity: 0; transform: scale(0.95); } .st-org-app .slide-bounce-move { transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .st-org-app .cart-group-enter-active { transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .st-org-app .cart-group-leave-active { transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .st-org-app .cart-group-enter-from { opacity: 0; transform: translateY(calc(-50 / var(--base-font-size, 16) * 1rem)) scale(0.9); } .st-org-app .cart-group-leave-to { opacity: 0; transform: translateY(calc(-30 / var(--base-font-size, 16) * 1rem)) scale(0.8); } .st-org-app .cart-group-enter-to { opacity: 1; transform: translateY(0) scale(1); } .st-org-app .cart-group-move { transition: transform 0.4s ease; } .st-org-app dialog:not([open]) { display: none; } .st-org-app a, .st-org-app a:hover { color: #4d4844; text-decoration: underline; } .st-org-app label { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; color: #4d4844; margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .st-org-app input:focus:not(.st-input--is-searchable) { padding-left: calc(15 / var(--base-font-size, 16) * 1rem); background: none; } .st-org-app input:disabled { opacity: 0.5; } .st-org-app input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #4d4844; opacity: 0.7; /* Firefox */ } .st-org-app .st-modal-header { display: flex; justify-content: center; padding-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-org-app .descriptive-text { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; color: #6e6055; } .st-org-app #bank-id { z-index: 3; display: block; margin-left: auto; margin-right: auto; width: calc(96 / var(--base-font-size, 16) * 1rem); height: calc(96 / var(--base-font-size, 16) * 1rem); background-color: #ffffff; } .st-org-app #bank-id img { display: block; max-width: calc(96 / var(--base-font-size, 16) * 1rem); max-height: calc(96 / var(--base-font-size, 16) * 1rem); padding: calc(13 / var(--base-font-size, 16) * 1rem); } .st-org-app .justify { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); } @media (max-width: 575px) { .st-org-app .justify { margin-top: 12px; margin-bottom: 12px; } } .st-org-app .info-box { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #d6d3d0; border-radius: calc(10 / var(--base-font-size, 16) * 1rem); padding: calc(20 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } .st-org-app .info-box.padding-small { padding: calc(16 / var(--base-font-size, 16) * 1rem); } .st-org-app .info-box.padding-large { padding: calc(29 / var(--base-font-size, 16) * 1rem) calc(32 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem) calc(32 / var(--base-font-size, 16) * 1rem); } .st-org-app .info-box h5 { font-size: calc(22 / var(--base-font-size, 16) * 1rem); font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: normal; text-align: left; color: #4d4845; } .st-org-app .info-box .row { margin: 0 !important; padding: 0 !important; } .st-org-app .info-box .row .col { padding: 0 !important; } .st-org-app .info-box.filled { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); border-color: #f7f6f2; opacity: 0.8; background-color: #f7f6f2; color: #6e6054; font-style: normal; font-stretch: normal; letter-spacing: normal; } .st-org-app .info-box.filled b { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: bold; line-height: 1.33; } .st-org-app .info-box.filled .total-price { margin-bottom: calc(3 / var(--base-font-size, 16) * 1rem); line-height: 1.5 !important; } .st-org-app .info-box.filled .total-vat { margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); line-height: 1.5 !important; } .st-org-app .info-box.full-height { height: 100%; } @media (min-width: 768px) { .st-org-app .descriptive-text { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-org-app #bank-id { margin-top: calc(-96 / var(--base-font-size, 16) * 1rem); width: calc(96 / var(--base-font-size, 16) * 1rem); height: calc(96 / var(--base-font-size, 16) * 1rem); border-radius: calc(8 / var(--base-font-size, 16) * 1rem); background-color: #ffffff; border: solid calc(1 / var(--base-font-size, 16) * 1rem) #f5f3f0; } .st-org-app .justify { margin-top: 0; margin-bottom: 0; display: flex; justify-content: center; min-height: calc(100vh - 4.5625rem); height: calc(600 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(15 / var(--base-font-size, 16) * 1rem); padding-top: calc(15 / var(--base-font-size, 16) * 1rem); } .st-org-app .justify.center-aligner { align-items: center; } .st-org-app .justify.full-height { height: 100%; min-height: 100%; } } @media (min-width: 1200px) { .st-org-app .container { max-width: calc(1400 / var(--base-font-size, 16) * 1rem); padding: 0; } } [data-v-bac79b30]: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-bac79b30]: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-bac79b30]:root, [data-theme=st][data-v-bac79b30] { /* 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-bac79b30]:root, [data-theme=st][data-v-bac79b30] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-bac79b30]:root, [data-theme=st][data-v-bac79b30] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-bac79b30] { /* 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-bac79b30] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-bac79b30] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-bac79b30] { /* 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-bac79b30] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .video-modal .st-modal-body__icon[data-v-bac79b30] { display: flex; justify-content: flex-end; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .video-modal .close-button[data-v-bac79b30] { cursor: pointer; z-index: 10000; width: calc(40 / var(--base-font-size, 16) * 1rem); height: calc(40 / var(--base-font-size, 16) * 1rem); } [data-v-24316f6b]: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-24316f6b]: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-24316f6b]:root, [data-theme=st][data-v-24316f6b] { /* 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-24316f6b]:root, [data-theme=st][data-v-24316f6b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-24316f6b]:root, [data-theme=st][data-v-24316f6b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-24316f6b] { /* 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-24316f6b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-24316f6b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-24316f6b] { /* 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-24316f6b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .heroimage.st[data-v-24316f6b] { background-image: url("/assets/vinter_bakgrund_header-cGmveDys.jpg"); background-position: right center; background-position-y: 40%; } .heroimage.st h1[data-v-24316f6b], .heroimage.st h3[data-v-24316f6b] { color: white; } .heroimage.ot[data-v-24316f6b] { background-image: url("/assets/ot-banner-picture-CzyVH3ZW.jpg"); background-position-y: 20%; } .heroimage.bt[data-v-24316f6b] { background-image: url("/assets/blekingetrafiken-foretag-bg-2055x1370-CDlBOTOK.jpg"); background-position-y: 30%; } .heroimage[data-v-24316f6b] { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; width: 100%; min-height: 450px; z-index: -1; display: flex; align-items: center; justify-content: center; } @media (max-width: 1400px) { .heroimage.st[data-v-24316f6b] { background-position: 0% 50%; } .heroimage.bt[data-v-24316f6b] { background-size: auto; background-position: 50% 0; } } @media (max-width: 992px) { .heroimage[data-v-24316f6b] { background-size: cover; background-position: 50% 0; } } @media (max-width: 768px) { .heroimage[data-v-24316f6b] { background-size: cover; background-position: 60% 0px; } } .heroimage.ot h1[data-v-24316f6b], .heroimage.ot h2[data-v-24316f6b], .heroimage.ot h3[data-v-24316f6b] { color: #fff; } .heroimage h1[data-v-24316f6b] { padding-top: 41px; margin: 0px; font-size: 33px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -0.2px; text-align: center; } .heroimage h1.st[data-v-24316f6b] { color: #fff; } .heroimage h1.ot[data-v-24316f6b] { color: #333; } .heroimage h1.bt[data-v-24316f6b] { color: #fff; } .heroimage h3[data-v-24316f6b] { margin: 0px; padding-top: 9px; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; } .heroimage h3.st[data-v-24316f6b] { color: #fff; } .heroimage h3.ot[data-v-24316f6b] { color: #333; } .heroimage h3.bt[data-v-24316f6b] { color: #fff; } .heroimage .signup-arrow[data-v-24316f6b] { display: none; } @media (min-width: 768px) { .heroimage[data-v-24316f6b] { min-height: 400px; } .heroimage .signup-arrow[data-v-24316f6b] { display: block; position: absolute; top: 180px; left: calc(50% + 206px); } } @media (min-width: 992px) { .heroimage[data-v-24316f6b] { min-height: 460px; } .heroimage h1[data-v-24316f6b] { padding-top: 83px; font-size: 48px; line-height: normal; letter-spacing: -0.3px; } .heroimage h3[data-v-24316f6b] { padding-top: 12px; font-size: 26px; } .heroimage .signup-arrow[data-v-24316f6b] { top: 248px; left: calc(50% + 314px); } } .heroimage .signup[data-v-24316f6b] { border-radius: 10px; background-color: #ffffff; width: 336px; height: 128px; left: calc(50% - 168px); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); } .heroimage .signup .elem[data-v-24316f6b] { float: left; } .heroimage .signup .elem .ic-bankid[data-v-24316f6b] { margin: 20px 24px; width: 34px; height: 32px; object-fit: contain; } .heroimage .signup .elem p[data-v-24316f6b] { padding: 20px 0px; margin: 0px; width: 250px; height: 40px; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.27; letter-spacing: normal; color: #4d4845; } .heroimage .signup .elem .button[data-v-24316f6b] { display: flex; justify-content: center; text-align: center; padding: 11px 0px 13px 0px; margin-top: 8px; width: 336px; height: 48px; font-size: 17px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: normal; text-align: center; } .heroimage .signup .elem .button.st[data-v-24316f6b] { color: #2b241d; background-color: #f6bb0a; } .heroimage .signup .elem .button.bt[data-v-24316f6b] { color: #2b241d; background-color: #f6bb0a; } .heroimage .signup .elem .button.ot[data-v-24316f6b] { color: white; background-color: #e10e1c; } .heroimage .signup .elem .button[data-v-24316f6b] { border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .heroimage .signup .elem .button .ic.arrow[data-v-24316f6b] { margin-top: -2px; width: 24px; height: 24px; color: #2b241d; object-fit: contain; } @media (min-width: 768px) { .heroimage .signup[data-v-24316f6b] { margin-top: 49px; } } @media (min-width: 992px) { .heroimage .signup[data-v-24316f6b] { margin-top: 58px; transition: all 0.2s ease 0s; width: 542px; height: 80px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); left: calc(50% - 271px); } .heroimage .signup[data-v-24316f6b]:hover { margin-top: 54px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .heroimage .signup .elem .ic-bankid[data-v-24316f6b] { margin: 23px 32px; width: 36px; height: 34px; } .heroimage .signup .elem p[data-v-24316f6b] { padding: 20px 0px; margin: 0px; margin-right: 32px; font-size: 16px; line-height: 1.25; } .heroimage .signup .elem .button[data-v-24316f6b] { padding: 28px 0px; margin: 0px; margin-left: 2px; width: 158px; height: 80px; font-size: 18px; line-height: 1.33; border-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } a[data-v-24316f6b], a[data-v-24316f6b]:hover { text-decoration: none; } .signup-full[data-v-24316f6b] { padding: 48px; height: 304; text-align: center; } .signup-full__button[data-v-24316f6b] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); display: flex; justify-content: center; } .signup-full.st[data-v-24316f6b], .signup-full.bt[data-v-24316f6b] { background-color: #f5f3f0; } .signup-full.ot[data-v-24316f6b] { background-color: #f1f4f8; } .signup-full h2[data-v-24316f6b] { font-size: 25px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.1px; text-align: center; color: #4d4845; } .signup-full p[data-v-24316f6b] { margin: 24px 0px 0px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -0.1px; text-align: center; color: #6e6054; } @media (min-width: 992px) { .signup-full[data-v-24316f6b] { padding: 0px; height: 374px; } .signup-full h2[data-v-24316f6b] { padding-top: 87px; font-size: 34px; letter-spacing: -0.2px; } .signup-full p[data-v-24316f6b] { margin: 24px 0px 0px; font-size: 20px; line-height: normal; } } .sticky-content[data-v-24316f6b] { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .sticky-content .col[data-v-24316f6b] { margin-top: auto; margin-bottom: auto; } .sticky-content .col img[data-v-24316f6b] { width: 42px; height: 40px; } .sticky-content .col .bold[data-v-24316f6b] { font-weight: 600; font-size: 17px; line-height: 1.41; color: #4d4845; } .sticky-content .sticky-start-button[data-v-24316f6b] { margin: 0; font-size: 18px; line-height: 1.33; } .sticky-content .sticky-start-button img[data-v-24316f6b] { float: right; width: 24px; height: 24px; margin-top: auto; margin-bottom: auto; padding-left: 6px; } #main-content[data-v-24316f6b] { position: relative; z-index: 0; } .article-list[data-v-24316f6b] { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; } @media (min-width: 1025px) { .article-list[data-v-24316f6b] { flex-direction: row; padding: calc(100 / var(--base-font-size, 16) * 1rem) 0; } } @media (min-width: 992px) { .feeders[data-v-24316f6b] { padding: 0px 0px; } } .video-fade-transition-enter-active[data-v-24316f6b], .video-fade-transition-leave-active[data-v-24316f6b] { transition: opacity 0.25s; } .video-fade-transition-enter-from[data-v-24316f6b], .video-fade-transition-leave-to[data-v-24316f6b] { opacity: 0; } .sticky-header-transition-enter-active[data-v-24316f6b] { transition: all 0.25s ease-in; max-width: 100%; } .sticky-header-transition-leave-active[data-v-24316f6b] { transition: all 0.2s ease-out; } .sticky-header-transition-enter-from[data-v-24316f6b], .sticky-header-transition-leave-to[data-v-24316f6b] { transform: translateY(-100px); } [data-v-1f47f0cd]: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-1f47f0cd]: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-1f47f0cd]:root, [data-theme=st][data-v-1f47f0cd] { /* 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-1f47f0cd]:root, [data-theme=st][data-v-1f47f0cd] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-1f47f0cd]:root, [data-theme=st][data-v-1f47f0cd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1f47f0cd] { /* 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-1f47f0cd] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-1f47f0cd] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1f47f0cd] { /* 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-1f47f0cd] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card[data-v-1f47f0cd] { overflow: visible !important; } .login[data-v-1f47f0cd] { width: 100%; } .login h2[data-v-1f47f0cd] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; text-align: center; font-size: 2em; } @media (max-width: 575px) { .login h2[data-v-1f47f0cd] { font-size: 1.5em !important; } } .login__button[data-v-1f47f0cd] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .login .link[data-v-1f47f0cd] { margin-top: 16px; text-align: center; } .login .link a.disabled[data-v-1f47f0cd] { cursor: not-allowed; color: gray; } .login .link a[data-v-1f47f0cd]:focus { border: solid calc(2 / var(--base-font-size, 16) * 1rem) #514f4f; } [data-v-9b8cea8a]: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-9b8cea8a]: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-9b8cea8a]:root, [data-theme=st][data-v-9b8cea8a] { /* 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-9b8cea8a]:root, [data-theme=st][data-v-9b8cea8a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-9b8cea8a]:root, [data-theme=st][data-v-9b8cea8a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-9b8cea8a] { /* 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-9b8cea8a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-9b8cea8a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-9b8cea8a] { /* 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-9b8cea8a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-buy-in-app[data-v-9b8cea8a] { display: flex; flex-direction: column; } .st-buy-in-app[data-v-9b8cea8a] > :first-child { margin-top: 0; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); text-align: center; } [data-v-2b349f88]: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-2b349f88]: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-2b349f88]:root, [data-theme=st][data-v-2b349f88] { /* 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-2b349f88]:root, [data-theme=st][data-v-2b349f88] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2b349f88]:root, [data-theme=st][data-v-2b349f88] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2b349f88] { /* 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-2b349f88] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2b349f88] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2b349f88] { /* 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-2b349f88] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-login-accounts__display-name[data-v-2b349f88] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-login-accounts__status[data-v-2b349f88] { display: flex; align-items: center; } .st-login-accounts__status__text[data-v-2b349f88] { margin-left: calc(6 / var(--base-font-size, 16) * 1rem); margin-bottom: 0 !important; } .st-login-accounts h2[data-v-2b349f88] { margin-top: 0px; text-align: center; font-size: calc(31 / var(--base-font-size, 16) * 1rem); } .st-login-accounts .parent[data-v-2b349f88] { display: flex; flex-direction: column; justify-content: space-between; } .st-login-accounts .administrator-row[data-v-2b349f88] { border-radius: 4px; background-color: #f5f3f0; margin-bottom: 10px; padding: 16px; justify-content: flex-start; text-decoration: none; } .st-login-accounts .administrator-row[data-v-2b349f88]:focus { outline: none; border: solid calc(2 / var(--base-font-size, 16) * 1rem) #514f4f; padding: calc(13 / var(--base-font-size, 16) * 1rem); } .st-login-accounts .administrator-row > span[data-v-2b349f88] { margin-left: calc(4 / var(--base-font-size, 16) * 1rem); color: #514f4f; } .st-login-accounts .administrator-row .row[data-v-2b349f88] { cursor: pointer; } .st-login-accounts .logout[data-v-2b349f88] { margin-top: 16px; } .st-login-accounts .logout a[data-v-2b349f88]:focus { outline: none; border: solid calc(2 / var(--base-font-size, 16) * 1rem) #514f4f; } .st-login-accounts .list-group-item[data-v-2b349f88] { border: none; } .st-login-accounts .list-group[data-v-2b349f88] { overflow-y: auto; max-height: 280px; height: auto; display: block; margin-top: 15px; margin-bottom: 15px; } [data-v-3724f18d]: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-3724f18d]: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-3724f18d]:root, [data-theme=st][data-v-3724f18d] { /* 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-3724f18d]:root, [data-theme=st][data-v-3724f18d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-3724f18d]:root, [data-theme=st][data-v-3724f18d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3724f18d] { /* 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-3724f18d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-3724f18d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3724f18d] { /* 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-3724f18d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card[data-v-3724f18d] { overflow: visible !important; } .person-identification[data-v-3724f18d] { width: 100%; } .person-identification h2[data-v-3724f18d] { text-align: center; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); font-size: 1.5em; } @media (min-width: 600px) { .person-identification h2[data-v-3724f18d] { font-size: 2em !important; } } .person-identification a[data-v-3724f18d]:focus { border: solid calc(2 / var(--base-font-size, 16) * 1rem) #514f4f; } .person-identification__button[data-v-3724f18d] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .person-identification .link[data-v-3724f18d] { margin-top: 16px; text-align: center; } .person-identification .link a.disabled[data-v-3724f18d] { cursor: not-allowed; color: gray; } [data-v-aa1757d6]: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-aa1757d6]: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-aa1757d6]:root, [data-theme=st][data-v-aa1757d6] { /* 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-aa1757d6]:root, [data-theme=st][data-v-aa1757d6] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-aa1757d6]:root, [data-theme=st][data-v-aa1757d6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-aa1757d6] { /* 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-aa1757d6] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-aa1757d6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-aa1757d6] { /* 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-aa1757d6] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .organization-identification[data-v-aa1757d6] { width: 100%; } .organization-identification h3[data-v-aa1757d6] { margin-top: 0; } .organization-identification__submit[data-v-aa1757d6] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-84c37b3e]: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-84c37b3e]: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-84c37b3e]:root, [data-theme=st][data-v-84c37b3e] { /* 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-84c37b3e]:root, [data-theme=st][data-v-84c37b3e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-84c37b3e]:root, [data-theme=st][data-v-84c37b3e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-84c37b3e] { /* 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-84c37b3e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-84c37b3e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-84c37b3e] { /* 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-84c37b3e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-address-modal[data-v-84c37b3e] { color: #514f4f; } .st-address-modal label[data-v-84c37b3e] { font-weight: 400; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .st-address-modal__msg[data-v-84c37b3e] { text-align: center; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-address-modal__input[data-v-84c37b3e] { position: relative; } .st-address-modal__input__dropdown-item-head[data-v-84c37b3e] { font-weight: 600; } .st-address-modal__selected-address[data-v-84c37b3e] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-address-modal__selected-address__item[data-v-84c37b3e] { background-color: #f5f3f0; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(12 / var(--base-font-size, 16) * 1rem); } .st-address-modal__selected-address__item div[data-v-84c37b3e]:first-child { font-weight: 600; } .st-address-modal__checkbox-wrapper[data-v-84c37b3e] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-address-modal__checkbox-wrapper[data-v-84c37b3e] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-address-modal__form-wrapper__group[data-v-84c37b3e] { display: flex; justify-content: space-between; } .st-address-modal__form-wrapper__group div[data-v-84c37b3e]:first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-modal-footer[data-v-84c37b3e] { display: flex; flex-direction: column; margin-top: calc(25 / var(--base-font-size, 16) * 1rem); } .st-modal-footer[data-v-84c37b3e] :not(:last-child) { margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-4211e77d]: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-4211e77d]: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-4211e77d]:root, [data-theme=st][data-v-4211e77d] { /* 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-4211e77d]:root, [data-theme=st][data-v-4211e77d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-4211e77d]:root, [data-theme=st][data-v-4211e77d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4211e77d] { /* 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-4211e77d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-4211e77d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4211e77d] { /* 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-4211e77d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-address-display .invoiceAddress-display-block h3[data-v-4211e77d] { margin-top: 0; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block .empty-address[data-v-4211e77d] { margin-bottom: calc(70 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block span[data-v-4211e77d] { margin: 0; font-size: 1rem; line-height: 1.5; color: #514f4f; } .st-address-display .invoiceAddress-display-block span.address-header[data-v-4211e77d] { display: block; font-size: 1.1rem; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block span.address-header.empty-address[data-v-4211e77d] { margin-bottom: calc(70 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block span.error-message[data-v-4211e77d] { display: flex; font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #cc4039; } .st-address-display .invoiceAddress-display-block span.error-message[data-v-4211e77d] > :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block .address-view-outer[data-v-4211e77d] { display: flex; justify-content: space-between; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #514f4f; box-sizing: border-box; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(12 / var(--base-font-size, 16) * 1rem); } @media (max-width: 350px) { .st-address-display .invoiceAddress-display-block .address-view-outer[data-v-4211e77d] { flex-direction: column; } } .st-address-display .invoiceAddress-display-block .address-view-outer[data-v-4211e77d]:not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-address-display .invoiceAddress-display-block .st-button[data-v-4211e77d] { align-self: flex-end; min-width: calc(140 / var(--base-font-size, 16) * 1rem); } @media (max-width: 350px) { .st-address-display .invoiceAddress-display-block .st-button[data-v-4211e77d] { align-self: flex-start; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } } .st-address-display .invoiceAddress-display-block .address-view .pending-address-section[data-v-4211e77d] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-b4803c1b]: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-b4803c1b]: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-b4803c1b]:root, [data-theme=st][data-v-b4803c1b] { /* 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-b4803c1b]:root, [data-theme=st][data-v-b4803c1b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b4803c1b]:root, [data-theme=st][data-v-b4803c1b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b4803c1b] { /* 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-b4803c1b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b4803c1b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b4803c1b] { /* 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-b4803c1b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .invoice-information-form .radio-button-group[data-v-b4803c1b] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-b423b879]: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-b423b879]: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-b423b879]:root, [data-theme=st][data-v-b423b879] { /* 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-b423b879]:root, [data-theme=st][data-v-b423b879] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b423b879]:root, [data-theme=st][data-v-b423b879] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b423b879] { /* 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-b423b879] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b423b879] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b423b879] { /* 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-b423b879] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .create-account[data-v-b423b879] { width: 100%; color: #514f4f; } .create-account h1[data-v-b423b879], .create-account h2[data-v-b423b879] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); margin-top: calc(12 / var(--base-font-size, 16) * 1rem); } .create-account h2[data-v-b423b879] { margin-top: calc(48 / var(--base-font-size, 16) * 1rem); } .create-account .account-container[data-v-b423b879] { border-radius: calc(6 / var(--base-font-size, 16) * 1rem); background-color: #f5f3f0; padding: calc(12 / var(--base-font-size, 16) * 1rem); } .create-account .account-container__row[data-v-b423b879] { display: flex; justify-content: space-between; } @media (max-width: calc(350 / var(--base-font-size, 16) * 1rem)) { .create-account .account-container__row[data-v-b423b879] { line-height: 1.4; flex-direction: column; } .create-account .account-container__row[data-v-b423b879]:not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } } .create-account .account-container__row__text[data-v-b423b879]:last-child { font-weight: 600; margin-left: calc(12 / var(--base-font-size, 16) * 1rem); text-align: right; } @media (max-width: calc(350 / var(--base-font-size, 16) * 1rem)) { .create-account .account-container__row__text[data-v-b423b879]:last-child { text-align: left; margin-left: 0; } } .create-account .info-container[data-v-b423b879] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .create-account .accept-terms-checkbox[data-v-b423b879] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .create-account .accept-terms-link[data-v-b423b879] { margin-left: calc(3 / var(--base-font-size, 16) * 1rem); } .create-account .accept-terms-link[data-v-b423b879]:focus { outline-color: var(--border-color-quaternary); } .create-account .submit-button-container[data-v-b423b879] { display: flex; justify-content: flex-end; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } [data-v-b5e71ef9]: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-b5e71ef9]: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-b5e71ef9]:root, [data-theme=st][data-v-b5e71ef9] { /* 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-b5e71ef9]:root, [data-theme=st][data-v-b5e71ef9] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b5e71ef9]:root, [data-theme=st][data-v-b5e71ef9] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b5e71ef9] { /* 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-b5e71ef9] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b5e71ef9] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b5e71ef9] { /* 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-b5e71ef9] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-email-verification__headline[data-v-b5e71ef9] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; } .st-email-verification__resend-link[data-v-b5e71ef9] { display: block; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); text-decoration: underline !important; cursor: pointer; } .st-email-verification__resend-link[data-v-b5e71ef9]:hover { color: #cc4039 !important; } .st-email-verification__resend-link[data-v-b5e71ef9]:focus { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #514f4f; } .st-email-verification__loading-container[data-v-b5e71ef9] { text-align: center; } .st-email-verification__loading-container__text[data-v-b5e71ef9] { display: block; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-c0b60f34]: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-c0b60f34]: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-c0b60f34]:root, [data-theme=st][data-v-c0b60f34] { /* 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-c0b60f34]:root, [data-theme=st][data-v-c0b60f34] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c0b60f34]:root, [data-theme=st][data-v-c0b60f34] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c0b60f34] { /* 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-c0b60f34] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c0b60f34] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c0b60f34] { /* 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-c0b60f34] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-email-verified[data-v-c0b60f34] { display: flex; flex-direction: column; } @media (min-width: 1025px) { .st-email-verified[data-v-c0b60f34] { min-width: calc(600 / var(--base-font-size, 16) * 1rem); } } .st-email-verified[data-v-c0b60f34] > :first-child { text-align: center; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-email-verified__loader[data-v-c0b60f34] { width: 100%; } .st-email-verified__steps[data-v-c0b60f34] { display: flex; justify-content: center; margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; } .st-email-verified__steps[data-v-c0b60f34] > :first-child { margin-right: calc(50 / var(--base-font-size, 16) * 1rem); } .st-email-verified__steps__step[data-v-c0b60f34] { display: flex; flex-direction: column; align-items: center; } .st-email-verified__steps__step[data-v-c0b60f34] > :first-child { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-email-verified__steps__line[data-v-c0b60f34] { position: absolute; margin: 0; margin-top: calc(15 / var(--base-font-size, 16) * 1rem); border-top: calc(2 / var(--base-font-size, 16) * 1rem) solid #f7bb0d; width: calc(80 / var(--base-font-size, 16) * 1rem); margin-right: calc(12 / var(--base-font-size, 16) * 1rem); } [data-v-615a678b]: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-615a678b]: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-615a678b]:root, [data-theme=st][data-v-615a678b] { /* 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-615a678b]:root, [data-theme=st][data-v-615a678b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-615a678b]:root, [data-theme=st][data-v-615a678b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-615a678b] { /* 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-615a678b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-615a678b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-615a678b] { /* 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-615a678b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-account-pending[data-v-615a678b] { display: flex; flex-direction: column; } .st-account-pending__headline[data-v-615a678b] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; text-align: center !important; } [data-v-4eabc34a]: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-4eabc34a]: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-4eabc34a]:root, [data-theme=st][data-v-4eabc34a] { /* 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-4eabc34a]:root, [data-theme=st][data-v-4eabc34a] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-4eabc34a]:root, [data-theme=st][data-v-4eabc34a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4eabc34a] { /* 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-4eabc34a] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-4eabc34a] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4eabc34a] { /* 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-4eabc34a] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-date-interval-selector[data-v-4eabc34a] { display: flex; flex-direction: column; flex-grow: 1; } @media (min-width: 1025px) { .st-date-interval-selector[data-v-4eabc34a] { flex-direction: row; flex-grow: 1; } .st-date-interval-selector[data-v-4eabc34a] > * { margin-top: 0; flex-grow: 1; } } @media (min-width: 1025px) { .st-date-interval-selector--in-form[data-v-4eabc34a] { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); } .st-date-interval-selector--in-form[data-v-4eabc34a] > :first-child { margin-right: calc(30 / var(--base-font-size, 16) * 1rem); } }.st-confirmation-modal[data-v-21fa893e] { display: flex; flex-direction: column; color: var(--text-color-primary); } .st-confirmation-modal[data-v-21fa893e] > :not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-confirmation-modal__buttons[data-v-21fa893e] { display: flex; flex-direction: row-reverse; gap: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-03af42db]: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-03af42db]: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-03af42db]:root, [data-theme=st][data-v-03af42db] { /* 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-03af42db]:root, [data-theme=st][data-v-03af42db] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-03af42db]:root, [data-theme=st][data-v-03af42db] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-03af42db] { /* 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-03af42db] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-03af42db] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-03af42db] { /* 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-03af42db] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .new-st-table-item__data-cell[data-v-03af42db] { padding: calc(18 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: row; } .new-st-table-item__data-cell[data-v-03af42db] > * { width: 50%; } .new-st-table-item__data-cell__span[data-v-03af42db] { color: #3e3b39; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .new-st-table-item__data-cell[data-v-03af42db] > * { width: 100%; } .new-st-table-item__data-cell[data-v-03af42db] { display: table-cell; padding: calc(22 / var(--base-font-size, 16) * 1rem); } } .new-st-table-item__data-cell__mobile-header[data-v-03af42db] { display: table-header-group; font-weight: 600; padding-right: calc(10 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .new-st-table-item__data-cell__mobile-header[data-v-03af42db] { display: none; } } [data-v-b80fa1a7]: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-b80fa1a7]: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-b80fa1a7]:root, [data-theme=st][data-v-b80fa1a7] { /* 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-b80fa1a7]:root, [data-theme=st][data-v-b80fa1a7] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b80fa1a7]:root, [data-theme=st][data-v-b80fa1a7] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b80fa1a7] { /* 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-b80fa1a7] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b80fa1a7] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b80fa1a7] { /* 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-b80fa1a7] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .new-st-table-header[data-v-b80fa1a7] { user-select: none; vertical-align: middle; } @media (min-width: 1025px) { .new-st-table-header[data-v-b80fa1a7] { padding: calc(22 / var(--base-font-size, 16) * 1rem); } } .new-st-table-header--is-sortable[data-v-b80fa1a7] { cursor: pointer; } .new-st-table-header__container[data-v-b80fa1a7] { display: flex; align-items: center; } .new-st-table-header__container__title[data-v-b80fa1a7] { color: #3e3b39; font-weight: 600; word-break: break-all; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .new-st-table-header__container[data-v-b80fa1a7] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .new-st-table-header__container__sort[data-v-b80fa1a7] { display: flex; align-items: center; } .new-st-table-header__container__sort[data-v-b80fa1a7]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid #1e1b19; } .new-st-table-header__container__sort .st-icon[data-v-b80fa1a7] { display: flex; } .new-st-table-header__container__sort--unsorted .st-icon[data-v-b80fa1a7] { transform: rotate(90deg); } .new-st-table-header__container__sort--asc .st-icon[data-v-b80fa1a7] { transform: rotate(180deg); } .new-st-table-header__container__sort--desc .st-icon[data-v-b80fa1a7] { transform: rotate(0deg); } [data-v-179d08f3]: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-179d08f3]: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-179d08f3]:root, [data-theme=st][data-v-179d08f3] { /* 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-179d08f3]:root, [data-theme=st][data-v-179d08f3] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-179d08f3]:root, [data-theme=st][data-v-179d08f3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-179d08f3] { /* 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-179d08f3] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-179d08f3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-179d08f3] { /* 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-179d08f3] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .new-st-table-mobile[data-v-179d08f3] { user-select: none; display: flex; flex-direction: column; } @media (min-width: 1025px) { .new-st-table-mobile[data-v-179d08f3] { display: none; } } .new-st-table-mobile__label[data-v-179d08f3] { font-weight: 600; font-size: calc(14 / var(--base-font-size, 16) * 1rem); color: #3e3b39; } .new-st-table-mobile__radio-btns[data-v-179d08f3] { display: flex; margin: calc(15 / var(--base-font-size, 16) * 1rem) 0; } .new-st-table-mobile__radio-btns[data-v-179d08f3] > :not(:last-child) { margin-right: calc(100 / var(--base-font-size, 16) * 1rem); } .new-st-table-mobile[data-v-179d08f3] > :last-child { margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); width: 50%; } [data-v-a6b49f9f]: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-a6b49f9f]: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-a6b49f9f]:root, [data-theme=st][data-v-a6b49f9f] { /* 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-a6b49f9f]:root, [data-theme=st][data-v-a6b49f9f] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a6b49f9f]:root, [data-theme=st][data-v-a6b49f9f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a6b49f9f] { /* 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-a6b49f9f] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a6b49f9f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a6b49f9f] { /* 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-a6b49f9f] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .new-st-table[data-v-a6b49f9f] { font-family: "Source Sans Pro"; font-size: calc(16 / var(--base-font-size, 16) * 1rem); color: #3e3b39; } @media (min-width: 1025px) { .new-st-table[data-v-a6b49f9f] { border-right: calc(1 / var(--base-font-size, 16) * 1rem) solid #e9e4e2; border-left: calc(1 / var(--base-font-size, 16) * 1rem) solid #e9e4e2; } } .new-st-table__mobile-sort[data-v-a6b49f9f] { padding: calc(10 / var(--base-font-size, 16) * 1rem); display: block; } @media (min-width: 1025px) { .new-st-table__mobile-sort[data-v-a6b49f9f] { display: none; } } .new-st-table__content[data-v-a6b49f9f] { width: 100%; } @media (min-width: 1025px) { .new-st-table__content[data-v-a6b49f9f] { border-collapse: separate; border-spacing: 0 calc(2 / var(--base-font-size, 16) * 1rem); background-color: #e9e4e2; } } .new-st-table__content__header[data-v-a6b49f9f] { background-color: #f9f7f5; display: none; } @media (min-width: 1025px) { .new-st-table__content__header[data-v-a6b49f9f] { display: table-header-group; } } .new-st-table__content__header__row[data-v-a6b49f9f] { border: solid #e9e4e2 calc(1 / var(--base-font-size, 16) * 1rem); vertical-align: baseline; } .new-st-table__content__body__row[data-v-a6b49f9f] { background-color: #ffffff; display: flex; flex-direction: column; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #e9e4e2; margin-top: calc(5 / var(--base-font-size, 16) * 1rem); } .new-st-table__content__body__row[data-v-a6b49f9f]:last-child { border-bottom-width: calc(2 / var(--base-font-size, 16) * 1rem); } .new-st-table__content__body__row__chevron[data-v-a6b49f9f] { display: flex; justify-content: center; padding: calc(2 / var(--base-font-size, 16) * 1rem) 0 calc(20 / var(--base-font-size, 16) * 1rem) 0; } .new-st-table__content__body__row__chevron[data-v-a6b49f9f]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid #1e1b19; } @media (min-width: 1025px) { .new-st-table__content__body__row__chevron[data-v-a6b49f9f] { padding: 0 calc(12 / var(--base-font-size, 16) * 1rem) 0 0; } .new-st-table__content__body__row__chevron--expanded-true[data-v-a6b49f9f] { padding-top: 0 !important; } } .new-st-table__content__body__row__chevron--expanded-true[data-v-a6b49f9f] { transform: scaleY(-1); padding-bottom: 0; padding-top: calc(12 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .new-st-table__content__body__row[data-v-a6b49f9f] { display: table-row; } } .new-st-table__content__body__row[data-v-a6b49f9f]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid #1e1b19; } .new-st-table__content__body__row--expanded[data-v-a6b49f9f] { background-color: #f9f7f5; } .new-st-table__content__body__row__clickable-content[data-v-a6b49f9f] { display: flex; justify-content: center; padding: calc(8 / var(--base-font-size, 16) * 1rem); cursor: pointer; } .new-st-table__content__body__row__clickable-content[data-v-a6b49f9f]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid #1e1b19; } @media (min-width: 1025px) { .new-st-table__content__body__row__clickable-content__text[data-v-a6b49f9f] { display: none; } } .new-st-table__content__body__row__clickable-content .st-icon[data-v-a6b49f9f] { transform: rotate(-90deg); } .new-st-table__content__body__row__expandable[data-v-a6b49f9f] { cursor: pointer; } .new-st-table__content__body .new-st-table__content__body__row--is-danger[data-v-a6b49f9f] { background-color: #f8e4e3; border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; border-right: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; } @media (min-width: 1025px) { .new-st-table__content__body .new-st-table__content__body__row--is-danger[data-v-a6b49f9f] { border: none; } .new-st-table__content__body .new-st-table__content__body__row--is-danger .new-st-table-item__data-cell[data-v-a6b49f9f] { border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; } .new-st-table__content__body .new-st-table__content__body__row--is-danger .new-st-table-item__data-cell[data-v-a6b49f9f]:last-child { border-right: calc(1 / var(--base-font-size, 16) * 1rem) solid #cc4039; } } [data-v-410ed8f6]: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-410ed8f6]: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-410ed8f6]:root, [data-theme=st][data-v-410ed8f6] { /* 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-410ed8f6]:root, [data-theme=st][data-v-410ed8f6] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-410ed8f6]:root, [data-theme=st][data-v-410ed8f6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-410ed8f6] { /* 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-410ed8f6] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-410ed8f6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-410ed8f6] { /* 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-410ed8f6] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-export-modal[data-v-410ed8f6] { display: flex; flex-direction: column; color: #3e3b39; } .st-export-modal[data-v-410ed8f6] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); text-align: center; } .st-export-modal__filters[data-v-410ed8f6] { display: grid; grid-template-columns: calc(100 / var(--base-font-size, 16) * 1rem) auto; row-gap: calc(8 / var(--base-font-size, 16) * 1rem); text-align: start; margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-export-modal__filters[data-v-410ed8f6] > :nth-child(even) { font-weight: 700; margin-bottom: 0; } .st-export-modal__filters[data-v-410ed8f6] > :nth-child(odd) { font-weight: 400; } .st-export-modal__buttons[data-v-410ed8f6] { display: flex; flex-direction: row-reverse; } .st-export-modal__buttons[data-v-410ed8f6] > :last-child { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-c359092e]: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-c359092e]: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-c359092e]:root, [data-theme=st][data-v-c359092e] { /* 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-c359092e]:root, [data-theme=st][data-v-c359092e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c359092e]:root, [data-theme=st][data-v-c359092e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c359092e] { /* 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-c359092e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c359092e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c359092e] { /* 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-c359092e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-history-filter[data-v-c359092e] { display: flex; flex-direction: column; text-align: start; } @media (min-width: 1025px) { .st-ticket-history-filter[data-v-c359092e] { margin: calc(16 / var(--base-font-size, 16) * 1rem) 0; flex-direction: row; } } .st-ticket-history-filter__filter-section[data-v-c359092e] { display: flex; flex-grow: 1; flex-direction: column; } .st-ticket-history-filter__filter-section[data-v-c359092e] > :first-child { margin-top: 0; } .st-ticket-history-filter__filter-section[data-v-c359092e] > :not(:last-child) { width: 100%; } @media (min-width: 1025px) { .st-ticket-history-filter__filter-section[data-v-c359092e] { flex-direction: row; align-items: flex-start; padding: 0; } .st-ticket-history-filter__filter-section[data-v-c359092e] > :not(:last-child) { width: auto; margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-history-filter__filter-section[data-v-c359092e] > :first-child { width: 30%; } .st-ticket-history-filter__filter-section__date-input[data-v-c359092e] > :first-child { margin-top: 0; } .st-ticket-history-filter__filter-section__date-input .st-date-interval-selector[data-v-c359092e] > :not(:last-child) { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } } .st-ticket-history-filter__btn[data-v-c359092e] { margin-top: calc(28 / var(--base-font-size, 16) * 1rem); } .st-ticket-history-filter__btn__export[data-v-c359092e] { margin-top: calc(40 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-ticket-history-filter__btn__export[data-v-c359092e] { margin-top: calc(28 / var(--base-font-size, 16) * 1rem); } }.st-refund-modal[data-v-a637102c] { display: flex; flex-direction: column; justify-content: center; align-items: center; } .st-refund-modal[data-v-a637102c] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-refund-modal__text[data-v-a637102c] { color: var(--text-color-primary); } .st-refund-modal__text[data-v-a637102c] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-refund-modal__buttons[data-v-a637102c] { display: flex; flex-direction: column; width: 100%; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-refund-modal__buttons[data-v-a637102c] { flex-direction: row-reverse; } } p[data-v-a637102c] { margin: 0; } [data-v-0e29e981]: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-0e29e981]: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-0e29e981]:root, [data-theme=st][data-v-0e29e981] { /* 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-0e29e981]:root, [data-theme=st][data-v-0e29e981] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0e29e981]:root, [data-theme=st][data-v-0e29e981] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0e29e981] { /* 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-0e29e981] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0e29e981] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0e29e981] { /* 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-0e29e981] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-expanded-row[data-v-0e29e981] { display: flex; background-color: #f9f7f5; padding: calc(16 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); flex-direction: column; } @media (min-width: 1025px) { .st-expanded-row[data-v-0e29e981] { padding: calc(16 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } } .st-expanded-row__container[data-v-0e29e981] { display: flex; flex-direction: column; padding-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-expanded-row__container[data-v-0e29e981] { flex-direction: row; } } .st-expanded-row__container__divider[data-v-0e29e981] { border-left: calc(1 / var(--base-font-size, 16) * 1rem) solid #dad6d4; margin: 0 calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1200px) { .st-expanded-row__container__divider[data-v-0e29e981] { margin: 0 calc(48 / var(--base-font-size, 16) * 1rem); } } .st-expanded-row__container__info[data-v-0e29e981] { display: flex; flex-direction: column; } .st-expanded-row__container__info[data-v-0e29e981] > :first-child { font-family: "Bitter"; color: black; font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 700; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); line-height: calc(27 / var(--base-font-size, 16) * 1rem); } .st-expanded-row__container__info__table[data-v-0e29e981] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-expanded-row__container__info__table[data-v-0e29e981] { width: 35vw; margin-bottom: 0; } } .st-expanded-row__container__info__grid[data-v-0e29e981] { display: grid; grid-template-columns: calc(120 / var(--base-font-size, 16) * 1rem) auto; row-gap: calc(8 / var(--base-font-size, 16) * 1rem); color: #3e3b39; line-height: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-expanded-row__container__info__grid[data-v-0e29e981] { grid-template-columns: calc(160 / var(--base-font-size, 16) * 1rem) auto; } } .st-expanded-row__container__info__grid[data-v-0e29e981] > :nth-child(odd) { font-weight: 600; } .st-expanded-row__container__info__grid[data-v-0e29e981] > :nth-child(even) { margin-bottom: 0; } .st-expanded-row__container__info__list[data-v-0e29e981] { display: grid; grid-template-columns: calc(120 / var(--base-font-size, 16) * 1rem) auto; color: #3e3b39; line-height: calc(24 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-expanded-row__container__info__list[data-v-0e29e981] { grid-template-columns: calc(160 / var(--base-font-size, 16) * 1rem) auto; } } .st-expanded-row__container__info__list--bold-value[data-v-0e29e981] { color: #1e1b19; font-weight: 700 !important; } .st-expanded-row__container__info__list--title[data-v-0e29e981] { font-family: "Bitter"; font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: #1e1b19; font-weight: 700 !important; } .st-expanded-row__container__info__list[data-v-0e29e981] > :not(:last-child) { font-weight: 400; margin-bottom: 0; } .st-expanded-row__container__info__divider[data-v-0e29e981] { margin: 0; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); width: 100%; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #dad6d4; } @media (min-width: 1025px) { .st-expanded-row__container__refund-btn[data-v-0e29e981] { margin-left: calc(24 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1200px) { .st-expanded-row__container__refund-btn[data-v-0e29e981] { margin-left: auto; } } .st-expanded-row__container__refund-btn #refundIcon[data-v-0e29e981] { margin-right: calc(4 / var(--base-font-size, 16) * 1rem) !important; } .st-button[data-v-0e29e981] { max-height: calc(48 / var(--base-font-size, 16) * 1rem); } [data-v-5df5c932]: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-5df5c932]: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-5df5c932]:root, [data-theme=st][data-v-5df5c932] { /* 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-5df5c932]:root, [data-theme=st][data-v-5df5c932] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-5df5c932]:root, [data-theme=st][data-v-5df5c932] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-5df5c932] { /* 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-5df5c932] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-5df5c932] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-5df5c932] { /* 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-5df5c932] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .multi-line-table-item[data-v-5df5c932] { display: flex; flex-direction: column; } .multi-line-table-item__primary[data-v-5df5c932] { font-weight: 600; } [data-v-8c8aa88d]: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-8c8aa88d]: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-8c8aa88d]:root, [data-theme=st][data-v-8c8aa88d] { /* 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-8c8aa88d]:root, [data-theme=st][data-v-8c8aa88d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-8c8aa88d]:root, [data-theme=st][data-v-8c8aa88d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-8c8aa88d] { /* 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-8c8aa88d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-8c8aa88d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-8c8aa88d] { /* 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-8c8aa88d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-status[data-v-8c8aa88d] { display: flex; align-items: center; } .st-status[data-v-8c8aa88d] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .st-status__text[data-v-8c8aa88d] { display: flex; flex-direction: column; } .st-status__text[data-v-8c8aa88d] > :first-child { font-weight: 600; } .st-status__text[data-v-8c8aa88d] > * { color: #514f4f; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .st-status__text--inline[data-v-8c8aa88d] { flex-direction: row; } .st-status__text--inline[data-v-8c8aa88d] > :not(:last-child) { margin-right: calc(5 / var(--base-font-size, 16) * 1rem); } [data-v-de5913a3]: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-de5913a3]: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-de5913a3]:root, [data-theme=st][data-v-de5913a3] { /* 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-de5913a3]:root, [data-theme=st][data-v-de5913a3] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-de5913a3]:root, [data-theme=st][data-v-de5913a3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-de5913a3] { /* 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-de5913a3] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-de5913a3] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-de5913a3] { /* 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-de5913a3] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-history[data-v-de5913a3] { display: flex; flex-direction: column; background-color: white; padding-top: calc(35 / var(--base-font-size, 16) * 1rem); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid #dad6d4; padding: calc(32 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem); min-height: 70vh; } @media (min-width: 600px) { .st-ticket-history[data-v-de5913a3] { padding: calc(32 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } } .st-ticket-history__desc[data-v-de5913a3] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-ticket-history__desc[data-v-de5913a3] { max-width: 50vw; } } .st-ticket-history__content[data-v-de5913a3] { margin-top: calc(32 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-ticket-history__content[data-v-de5913a3] { margin-top: 0; } } .st-ticket-history__content__info[data-v-de5913a3] { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #3e3b39; font-size: calc(18 / var(--base-font-size, 16) * 1rem); line-height: calc(27 / var(--base-font-size, 16) * 1rem); margin-top: calc(64 / var(--base-font-size, 16) * 1rem); } .st-ticket-history__content__info__title[data-v-de5913a3] { font-size: calc(21 / var(--base-font-size, 16) * 1rem); line-height: calc(32 / var(--base-font-size, 16) * 1rem); font-weight: 700; } .st-ticket-history__content__info[data-v-de5913a3] > :not(:first-child) { max-width: calc(400 / var(--base-font-size, 16) * 1rem); text-align: center; } .st-ticket-history__content__info[data-v-de5913a3] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket-history__content__error[data-v-de5913a3] { display: flex; justify-content: center; align-items: center; min-height: calc(100 / var(--base-font-size, 16) * 1rem); } [data-v-706b1b49]: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-706b1b49]: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-706b1b49]:root, [data-theme=st][data-v-706b1b49] { /* 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-706b1b49]:root, [data-theme=st][data-v-706b1b49] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-706b1b49]:root, [data-theme=st][data-v-706b1b49] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-706b1b49] { /* 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-706b1b49] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-706b1b49] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-706b1b49] { /* 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-706b1b49] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-profile[data-v-706b1b49] { display: flex; align-items: center; justify-content: center; } .st-profile__content[data-v-706b1b49] { display: flex; flex-direction: column; justify-content: center; padding: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-profile__content[data-v-706b1b49] { min-width: calc(450 / var(--base-font-size, 16) * 1rem); } } .st-profile__submit[data-v-706b1b49] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-profile span[data-v-706b1b49] { display: block; } .st-profile h2[data-v-706b1b49] { margin-top: 0px; font-size: calc(28 / var(--base-font-size, 16) * 1rem); letter-spacing: normal; } .st-profile h3[data-v-706b1b49] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: normal; display: block; font-family: "Source Sans Pro"; letter-spacing: normal; color: #807569; } .st-profile p[data-v-706b1b49] { margin-top: 16px; margin-bottom: 36px; opacity: 0.75; font-size: 20px; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; color: #4d4845; }.account-info-horizontal[data-v-a1cd43cf] { margin-top: 10px; width: 100%; text-align: center; } .account-info-horizontal ul[data-v-a1cd43cf] { margin: 0px auto; line-height: 1.4; padding-left: 0; } .account-info-horizontal ul li[data-v-a1cd43cf] { margin: 0px auto; display: inline; text-align: center; padding: 0px 12px; color: #807568; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .account-info-horizontal ul li label[data-v-a1cd43cf] { margin: 0px auto; font-weight: 600; color: #4d4845; padding-right: 8px; } [data-v-e4ca5c49]: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-e4ca5c49]: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-e4ca5c49]:root, [data-theme=st][data-v-e4ca5c49] { /* 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-e4ca5c49]:root, [data-theme=st][data-v-e4ca5c49] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e4ca5c49]:root, [data-theme=st][data-v-e4ca5c49] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-e4ca5c49] { /* 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-e4ca5c49] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e4ca5c49] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-e4ca5c49] { /* 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-e4ca5c49] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .edit-account-name-modal p[data-v-e4ca5c49] { text-align: left; margin-bottom: 0; } .edit-account-name-modal .st-modal-footer[data-v-e4ca5c49] > * { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-fee397d2]: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-fee397d2]: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-fee397d2]:root, [data-theme=st][data-v-fee397d2] { /* 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-fee397d2]:root, [data-theme=st][data-v-fee397d2] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-fee397d2]:root, [data-theme=st][data-v-fee397d2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-fee397d2] { /* 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-fee397d2] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-fee397d2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-fee397d2] { /* 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-fee397d2] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .account-profile .account-profile-container[data-v-fee397d2] { margin: 0 auto; } .account-profile .account-profile-container .info-box[data-v-fee397d2] { padding: 29px 32px; border: none; border-radius: 16px; background-color: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); } .account-profile .account-profile-container .st-editable-text .edit-row .st-input[data-v-fee397d2] { max-width: 200px !important; } .account-profile .account-profile-container .st-editable-text[data-v-fee397d2] { margin-bottom: 8px; } .account-profile .account-profile-container .account-profile-wrapper[data-v-fee397d2] { margin: 23px auto 0px auto; } @media (min-width: 767px) { .account-profile .account-profile-container .account-profile-wrapper[data-v-fee397d2] { margin: 55px auto 0px auto; } } .account-profile .account-profile-container .account-profile-wrapper .action-row[data-v-fee397d2] { display: flex; flex-direction: row; align-items: center; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .account-profile .account-profile-container .account-profile-wrapper .action-row[data-v-fee397d2] > :not(:last-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .account-profile .account-profile-container .account-profile-wrapper .action-row__feedback[data-v-fee397d2] { padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem); flex-grow: 1; } .account-profile .account-profile-container .account-profile-wrapper .account-info-text[data-v-fee397d2] { padding: 0; } @media (max-width: 326px) { .account-profile .account-profile-container .account-profile-wrapper .account-info-text[data-v-fee397d2]:last-child { padding-left: 12px; } } .account-profile .account-profile-container .account-profile-wrapper p[data-v-fee397d2] { margin: 0; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #4d4845; } .account-profile .account-profile-container .account-profile-wrapper label[data-v-fee397d2] { margin: 0; line-height: 1.5; font-size: 16px; } .account-profile .account-profile-container .account-profile-wrapper .display-text-container .icon[data-v-fee397d2] { display: inline; white-space: nowrap; } .account-profile .account-profile-container .account-profile-wrapper .display-text-container .icon .st-icon[data-v-fee397d2]:focus { outline-color: #807569; } .account-profile .account-profile-container .account-profile-wrapper .display-text-container h2[data-v-fee397d2] { margin: 0; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: -0.5px; cursor: pointer; display: flex; align-items: center; font-size: calc(32 / var(--base-font-size, 16) * 1rem); } font .account-profile .account-profile-container .account-profile-wrapper .display-text-container h2.no-value[data-v-fee397d2] { color: #b1aead; font-style: italic; } .account-profile .account-profile-container .account-profile-wrapper .display-text-container .edit-button-inline[data-v-fee397d2] { cursor: pointer; padding-bottom: 4px; margin-left: 8px; margin-bottom: 4px; color: #4d4845; } .account-profile .account-profile-container .account-profile-wrapper .display-text-container .edit-button-inline[data-v-fee397d2]:focus { outline: none; border: calc(2 / var(--base-font-size, 16) * 1rem) solid black; } .account-profile .account-profile-container .invoice-wrapper[data-v-fee397d2] { margin: 23px auto 55px auto; } .account-profile .account-profile-container .invoice-wrapper .st-button[data-v-fee397d2] { margin-top: 29px; font-size: 18px; } @media (max-width: 767px) { .account-profile .account-profile-container .invoice-wrapper .st-button[data-v-fee397d2] { font-size: 16px; width: 100%; } } .account-profile .account-profile-container h4[data-v-fee397d2] { margin-top: 0px; font-size: 22px; } @media (min-width: 767px) { .account-profile .account-profile-container h4[data-v-fee397d2] { font-size: 24px; } .account-profile .account-profile-container h3[data-v-fee397d2] { font-size: 31px; } } [data-v-6306b9eb]: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-6306b9eb]: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-6306b9eb]:root, [data-theme=st][data-v-6306b9eb] { /* 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-6306b9eb]:root, [data-theme=st][data-v-6306b9eb] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6306b9eb]:root, [data-theme=st][data-v-6306b9eb] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6306b9eb] { /* 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-6306b9eb] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6306b9eb] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6306b9eb] { /* 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-6306b9eb] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .list-button[data-v-6306b9eb] { display: flex; padding: calc(4 / var(--base-font-size, 16) * 1rem); outline: none; cursor: pointer; border: calc(2 / var(--base-font-size, 16) * 1rem) solid transparent; border-radius: calc(4 / var(--base-font-size, 16) * 1rem); background-color: inherit; } .list-button[data-v-6306b9eb]:focus { border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } [data-v-f74e60d8]: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-f74e60d8]: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-f74e60d8]:root, [data-theme=st][data-v-f74e60d8] { /* 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-f74e60d8]:root, [data-theme=st][data-v-f74e60d8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f74e60d8]:root, [data-theme=st][data-v-f74e60d8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f74e60d8] { /* 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-f74e60d8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f74e60d8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f74e60d8] { /* 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-f74e60d8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .user-invitation-box[data-v-f74e60d8] { margin-top: calc(48 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(-48 / var(--base-font-size, 16) * 1rem); } .user-invitation-box .card[data-v-f74e60d8] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #d6d3d0; border-radius: calc(24 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem) calc(48 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } .user-invitation-box h4[data-v-f74e60d8] { margin: 0; } [data-v-2f6da7b6]: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-2f6da7b6]: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-2f6da7b6]:root, [data-theme=st][data-v-2f6da7b6] { /* 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-2f6da7b6]:root, [data-theme=st][data-v-2f6da7b6] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2f6da7b6]:root, [data-theme=st][data-v-2f6da7b6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2f6da7b6] { /* 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-2f6da7b6] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2f6da7b6] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2f6da7b6] { /* 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-2f6da7b6] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-modal-footer[data-v-2f6da7b6] :not(:last-child) { margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); }.container[data-v-ced320d0] { max-width: 100%; } .info-section[data-v-ced320d0] { margin-top: 11px; } .break-line[data-v-ced320d0] { width: 100%; height: 1px; position: absolute; z-index: 2; opacity: 0.7; background-color: #d6d3d0; } .users-content h2[data-v-ced320d0] { font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .users-content[data-v-ced320d0] { margin-bottom: 48px; } @media (max-width: 767.9px) { .users-content[data-v-ced320d0] { margin-bottom: 0px; } } .users-content .section-row[data-v-ced320d0] { padding-bottom: 50px; padding-top: 35px; } @media (max-width: 767.9px) { .users-content .section-row[data-v-ced320d0] { padding-bottom: 0; padding-top: 35px; margin-right: 0px; } } .users-content .list-section[data-v-ced320d0] { margin-top: -55px; } @media (max-width: 767.9px) { .users-content .list-section[data-v-ced320d0] { margin-top: 0px; margin-right: 0px; } } @media (max-width: 767.9px) { .users-content .list-section .list-section-content[data-v-ced320d0] { padding-right: 0; } } .users-content .st-button[data-v-ced320d0] { margin-top: 0px; white-space: nowrap; font-size: 18px; } @media (max-width: 1194px) { .users-content .st-button[data-v-ced320d0] { padding: 0px 14px; margin-top: 0px; } } @media (max-width: 767px) { .users-content .st-button[data-v-ced320d0] { margin-top: 34px; } } [data-v-8aa103ed]: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-8aa103ed]: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-8aa103ed]:root, [data-theme=st][data-v-8aa103ed] { /* 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-8aa103ed]:root, [data-theme=st][data-v-8aa103ed] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-8aa103ed]:root, [data-theme=st][data-v-8aa103ed] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-8aa103ed] { /* 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-8aa103ed] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-8aa103ed] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-8aa103ed] { /* 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-8aa103ed] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .login[data-v-8aa103ed] { width: 100%; } .login__identify-button[data-v-8aa103ed] { display: flex; justify-content: center; } .login .error-paragraph[data-v-8aa103ed] { margin-top: calc(10 / var(--base-font-size, 16) * 1rem); text-align: center !important; } .login #bank-id[data-v-8aa103ed] { margin-top: 0; margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .login h3[data-v-8aa103ed] { text-align: center; margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .login p[data-v-8aa103ed] { text-align: center !important; } .login .checkbox-group[data-v-8aa103ed] { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .accept-terms-link[data-v-8aa103ed]:focus { outline-color: var(--border-color-quaternary); } [data-v-65f160ae]: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-65f160ae]: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-65f160ae]:root, [data-theme=st][data-v-65f160ae] { /* 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-65f160ae]:root, [data-theme=st][data-v-65f160ae] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-65f160ae]:root, [data-theme=st][data-v-65f160ae] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-65f160ae] { /* 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-65f160ae] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-65f160ae] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-65f160ae] { /* 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-65f160ae] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } ul[data-v-65f160ae] { margin-bottom: 0px; padding-left: 0px; } li[data-v-65f160ae] { display: inline-block; min-width: 45px; padding-right: 2px; color: #4d4845; display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #6e6054; } li .st-icon[data-v-65f160ae] { margin-top: -2px; text-align: left; } li span[data-v-65f160ae] { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; text-align: right; margin-left: calc(4 / var(--base-font-size, 16) * 1rem); }ul[data-v-258bef0d] { margin-bottom: 0px; padding-left: 0px; } li[data-v-258bef0d] { display: flex; min-width: 45px; padding-right: 2px; color: #4d4845; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin-bottom: 4px; color: #6e6054; } li .st-icon[data-v-258bef0d] { margin-top: -2px; text-align: left; } li span[data-v-258bef0d] { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; text-align: right; } [data-v-b676f03f]: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-b676f03f]: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-b676f03f]:root, [data-theme=st][data-v-b676f03f] { /* 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-b676f03f]:root, [data-theme=st][data-v-b676f03f] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b676f03f]:root, [data-theme=st][data-v-b676f03f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b676f03f] { /* 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-b676f03f] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b676f03f] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b676f03f] { /* 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-b676f03f] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-modal-body[data-v-b676f03f] { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-modal-footer[data-v-b676f03f] :not(:last-child) { margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-924e102e]: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-924e102e]: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-924e102e]:root, [data-theme=st][data-v-924e102e] { /* 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-924e102e]:root, [data-theme=st][data-v-924e102e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-924e102e]:root, [data-theme=st][data-v-924e102e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-924e102e] { /* 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-924e102e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-924e102e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-924e102e] { /* 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-924e102e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .subscription-list-details__cta[data-v-924e102e] { display: flex; justify-content: space-between; } .play-icon[data-v-924e102e] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); margin-right: calc(6 / var(--base-font-size, 16) * 1rem); } .st-org-app .bold[data-v-924e102e] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .st-org-app .bold.date[data-v-924e102e] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 600; line-height: 1.33; display: inline-block; padding-left: calc(16 / var(--base-font-size, 16) * 1rem); } .st-org-app .hide[data-v-924e102e] { line-height: 2.5; display: inline-block; cursor: pointer; } .st-org-app .cal[data-v-924e102e] { width: calc(40 / var(--base-font-size, 16) * 1rem); height: calc(40 / var(--base-font-size, 16) * 1rem); position: relative; display: inline-block; } .st-org-app .oval[data-v-924e102e] { width: calc(40 / var(--base-font-size, 16) * 1rem); height: calc(40 / var(--base-font-size, 16) * 1rem); background-color: transparent; border-radius: calc(50 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid #d6d3d0; display: inline-block; vertical-align: middle; margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .st-org-app .calendar[data-v-924e102e] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.row[data-v-734fa516] { margin-left: 0; margin-right: 0; } .hide[data-v-734fa516] { display: inline-block; cursor: pointer; } .bold[data-v-734fa516] { font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .bold.number[data-v-734fa516] { font-size: 18px; font-weight: 600; }.row[data-v-13746726] { margin-left: 0; margin-right: 0; }@media (max-width: 768px) { .row .col-12[data-v-4ac0b0a6]:nth-child(2) { margin-top: 6px; } .row .input-group[data-v-4ac0b0a6] { flex-wrap: wrap; } } .row .input-group[data-v-4ac0b0a6] { justify-content: space-between; flex-wrap: nowrap; } .row .input-group .st-date-picker[data-v-4ac0b0a6] { width: 49%; } .row .input-group .st-checkbox[data-v-4ac0b0a6] { margin-top: 9px; } [data-v-0446f3cc]: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-0446f3cc]: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-0446f3cc]:root, [data-theme=st][data-v-0446f3cc] { /* 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-0446f3cc]:root, [data-theme=st][data-v-0446f3cc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0446f3cc]:root, [data-theme=st][data-v-0446f3cc] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0446f3cc] { /* 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-0446f3cc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0446f3cc] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0446f3cc] { /* 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-0446f3cc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .edit-subscription-modal .st-modal-body__box[data-v-0446f3cc] { background-color: #f5f3f0; padding: calc(12 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .edit-subscription-modal .st-modal-body__box__row[data-v-0446f3cc] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; } @media (min-width: 600px) { .edit-subscription-modal .st-modal-body__box__row[data-v-0446f3cc] { flex-direction: row; justify-content: space-between; } } .edit-subscription-modal .st-modal-body h5[data-v-0446f3cc] { font-size: calc(20 / var(--base-font-size, 16) * 1rem); font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #4d4845; } .edit-subscription-modal .st-modal-footer[data-v-0446f3cc] :not(:last-child) { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); }.container[data-v-1b80db7c] { max-width: 100%; } .info-section[data-v-1b80db7c] { margin-top: 11px; } .break-line[data-v-1b80db7c] { width: 100%; height: 1px; position: absolute; z-index: 2; opacity: 0.7; background-color: #d6d3d0; } .subscriptions-content h2[data-v-1b80db7c] { font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .subscriptions-content[data-v-1b80db7c] { margin-bottom: 48px; } @media (max-width: 767.9px) { .subscriptions-content[data-v-1b80db7c] { margin-bottom: 0px; } } .subscriptions-content .section-row[data-v-1b80db7c] { padding-bottom: 50px; padding-top: 35px; } @media (max-width: 767.9px) { .subscriptions-content .section-row[data-v-1b80db7c] { padding-bottom: 0; padding-top: 35px; margin-right: 0px; } } .subscriptions-content .list-section[data-v-1b80db7c] { margin-top: -55px; } @media (max-width: 767.9px) { .subscriptions-content .list-section[data-v-1b80db7c] { margin-top: 0px; margin-right: 0px; } } @media (max-width: 767.9px) { .subscriptions-content .list-section .list-section-content[data-v-1b80db7c] { padding-right: 0; } } .st-org-app .st-button.md[data-v-1b80db7c] { margin-top: 0px; white-space: nowrap; padding: 0px 20px; } .st-org-app .st-button.md .st-icon[data-v-1b80db7c] { margin-right: 4px; bottom: 1px; } .st-org-app .st-button.md span[data-v-1b80db7c] { position: relative; top: 1px; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #6e6054; } @media (max-width: 1194px) { .st-org-app .st-button.md[data-v-1b80db7c] { padding: 0px 14px; margin-top: 0px; } .st-org-app .st-button.md span[data-v-1b80db7c] { font-size: 16px; } .st-org-app .st-button.md .st-icon[data-v-1b80db7c] { width: 24px; height: 24px; } } @media (max-width: 767px) { .st-org-app .st-button.md[data-v-1b80db7c] { margin-top: 34px; } }#BaseMap[data-v-4041930b] { max-width: 100%; height: calc(200 / var(--base-font-size, 16) * 1rem); } .large-map[data-v-4041930b] { height: calc(606 / var(--base-font-size, 16) * 1rem) !important; } .map[data-v-4041930b] { max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; border-radius: calc(5 / var(--base-font-size, 16) * 1rem); } /*Disables the google logo and all of the text - Is it worth it? */ /* a[href^="http://maps.google.com/maps"], a[href^="https://maps.google.com/maps"], a[href^="https://www.google.com/maps"] { display: none !important; } .gmnoprint a, .gmnoprint span { display: none; } .gmnoprint div { background: none !important; } */ [data-v-0e591058]: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-0e591058]: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-0e591058]:root, [data-theme=st][data-v-0e591058] { /* 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-0e591058]:root, [data-theme=st][data-v-0e591058] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0e591058]:root, [data-theme=st][data-v-0e591058] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0e591058] { /* 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-0e591058] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0e591058] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0e591058] { /* 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-0e591058] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .journey-list .journey-list-heading[data-v-0e591058] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #4d4845; text-align: left; margin: calc(8 / var(--base-font-size, 16) * 1rem) 0; opacity: 1; } .journey-list .journey-list-item[data-v-0e591058] { border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(12 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid #cbc5c5; } .journey-list .journey-list-item.chosen-journey-list-item[data-v-0e591058] { border: calc(2 / var(--base-font-size, 16) * 1rem) solid #807569; background-color: rgba(250, 250, 250, 0.7); padding: calc(12 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .input-box[data-v-0e591058] { position: absolute; margin-top: calc(12 / var(--base-font-size, 16) * 1rem); width: calc(20 / var(--base-font-size, 16) * 1rem); height: calc(20 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .stops-changes-text[data-v-0e591058] { display: inline-block; margin-left: calc(35 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; color: #4d4845; } .journey-list .journey-list-item .journey-container[data-v-0e591058] { width: calc(100% - 2.5rem); margin-left: calc(36 / var(--base-font-size, 16) * 1rem); margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .stops-type-text[data-v-0e591058] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #4d4845; margin-bottom: calc(12 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new[data-v-0e591058] { display: inline-block; height: calc(24 / var(--base-font-size, 16) * 1rem); text-align: center; border-right: calc(1 / var(--base-font-size, 16) * 1rem) solid #ffffff; } .journey-list .journey-list-item .journey-container .journey-link-line-new.first[data-v-0e591058] { border-top-left-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-bottom-left-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new.last[data-v-0e591058] { border-right: none; border-top-right-radius: calc(6 / var(--base-font-size, 16) * 1rem); border-bottom-right-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new.single[data-v-0e591058] { border-right: none; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new .journey-link-container[data-v-0e591058] { height: 100%; display: flex; justify-content: center; align-items: center; } .journey-list .journey-list-item .journey-container .journey-link-line-new .journey-link-container .journey-link-icon-new[data-v-0e591058] { width: calc(15 / var(--base-font-size, 16) * 1rem); margin-right: calc(4 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new .journey-link-container .journey-link-icon-new.error[data-v-0e591058] { width: calc(24 / var(--base-font-size, 16) * 1rem); height: calc(24 / var(--base-font-size, 16) * 1rem); } .journey-list .journey-list-item .journey-container .journey-link-line-new .journey-link-container span[data-v-0e591058] { line-height: 1.18; font-size: calc(12 / var(--base-font-size, 16) * 1rem); font-style: normal; font-stretch: normal; letter-spacing: normal; color: #4d4845; }.journey-list-leave-to[data-v-16d4f4d1] { opacity: 0; max-height: 0; } .journey-list-enter-from[data-v-16d4f4d1] { opacity: 0.25; max-height: 0; } .journey-list-leave-from[data-v-16d4f4d1], .journey-list-enter-to[data-v-16d4f4d1] { opacity: 1; max-height: calc(700 / var(--base-font-size, 16) * 1rem); } .journey-list-leave-active[data-v-16d4f4d1] { transition: all 400ms ease-out; } .journey-list-enter-active[data-v-16d4f4d1] { transition: all 600ms ease-in; } .journey-list[data-v-16d4f4d1] { margin-bottom: calc(19 / var(--base-font-size, 16) * 1rem); } .st-icon[data-v-16d4f4d1] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .error-help-text[data-v-16d4f4d1] { margin-top: calc(-10 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(10 / var(--base-font-size, 16) * 1rem); } .error-help-text .st-icon[data-v-16d4f4d1] { margin-top: calc(-2 / var(--base-font-size, 16) * 1rem); margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } [data-v-0b4228de]: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-0b4228de]: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-0b4228de]:root, [data-theme=st][data-v-0b4228de] { /* 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-0b4228de]:root, [data-theme=st][data-v-0b4228de] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0b4228de]:root, [data-theme=st][data-v-0b4228de] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0b4228de] { /* 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-0b4228de] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0b4228de] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0b4228de] { /* 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-0b4228de] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .traveller-select-list[data-v-0b4228de] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .traveller-select-list .list-container[data-v-0b4228de] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #807569; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .traveller-select-list .list-container .st-icon[data-v-0b4228de] { margin-right: calc(12 / var(--base-font-size, 16) * 1rem); } @media (max-width: 576px) { .traveller-select-list .list-container .st-icon.traveller-type-icon[data-v-0b4228de] { display: none; } } .traveller-select-list .list-container .traveller-type-wrapper[data-v-0b4228de] { display: flex; align-items: center; flex-wrap: wrap; } .traveller-select-list .list-container .traveller-type-wrapper .traveller-type-icon-text[data-v-0b4228de] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; color: #4d4845; word-break: break-word; } .traveller-select-list .list-container .st-button[data-v-0b4228de] { width: calc(44 / var(--base-font-size, 16) * 1rem); height: calc(32 / var(--base-font-size, 16) * 1rem); } .traveller-select-list .list-container .row[data-v-0b4228de] { min-height: calc(48 / var(--base-font-size, 16) * 1rem); margin: 0; padding: calc(4 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) 0 calc(12 / var(--base-font-size, 16) * 1rem); align-items: center; } .traveller-select-list .list-container .col[data-v-0b4228de] { padding: 0; color: #4d4845; } .traveller-select-list .list-container .col.bold[data-v-0b4228de] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .traveller-select-list .list-container .age[data-v-0b4228de] { display: inline-block; font-weight: normal; margin-left: calc(40 / var(--base-font-size, 16) * 1rem); } .traveller-select-list .list-container .count-div[data-v-0b4228de] { height: calc(48 / var(--base-font-size, 16) * 1rem); display: flex; align-items: center; justify-content: center; } .traveller-select-list .list-container .count-div button.count-button[data-v-0b4228de] { background: transparent; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #807569; width: calc(44 / var(--base-font-size, 16) * 1rem); height: calc(32 / var(--base-font-size, 16) * 1rem); padding: 0; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); min-height: 0; } .traveller-select-list .list-container .count-div button.count-button[data-v-0b4228de]:disabled { opacity: 0.5; } .traveller-select-list .list-container .count-div button.count-button[data-v-0b4228de]:hover:not(:disabled) { background-color: #faf9f7; } .traveller-select-list .list-container .count-div button.count-button[data-v-0b4228de]:focus { outline: none; background-color: #faf9f7; border: solid calc(3 / var(--base-font-size, 16) * 1rem) #514f4f; } .traveller-select-list .list-container .count-text[data-v-0b4228de] { min-width: calc(32 / var(--base-font-size, 16) * 1rem); opacity: 0.7; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #2b241d; } .traveller-select-list .list-container .count-text.dark[data-v-0b4228de] { opacity: 1; } .traveller-select-list .list-container .count-span[data-v-0b4228de] { font-size: inherit; font-weight: inherit; font-style: inherit; font-stretch: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; word-break: break-word; } .traveller-select-list .list-container .row-hr[data-v-0b4228de] { margin: calc(4 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); height: calc(1 / var(--base-font-size, 16) * 1rem); opacity: 0.15; background-color: #6e6054; }.st-modal-footer[data-v-56e3315c] { display: flex; justify-content: center; } [data-v-659f4111]: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-659f4111]: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-659f4111]:root, [data-theme=st][data-v-659f4111] { /* 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-659f4111]:root, [data-theme=st][data-v-659f4111] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-659f4111]:root, [data-theme=st][data-v-659f4111] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-659f4111] { /* 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-659f4111] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-659f4111] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-659f4111] { /* 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-659f4111] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .row[data-v-659f4111], .col[data-v-659f4111] { margin: 0; padding: 0; } .row[data-v-659f4111] { padding: 0 calc(16 / var(--base-font-size, 16) * 1rem); } .row .col.left[data-v-659f4111] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .row .col.left[data-v-659f4111] { text-align: left; } } .row .col.right[data-v-659f4111] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .row .col.right[data-v-659f4111] { text-align: right; } } .row .col span[data-v-659f4111] { height: calc(26 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: right; color: #2b241d; } .row .col .st-icon[data-v-659f4111] { vertical-align: text-top; font-size: calc(16 / var(--base-font-size, 16) * 1rem); margin-right: calc(4 / var(--base-font-size, 16) * 1rem); border: none; background-color: transparent; } [data-v-b41ffcb2]: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-b41ffcb2]: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-b41ffcb2]:root, [data-theme=st][data-v-b41ffcb2] { /* 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-b41ffcb2]:root, [data-theme=st][data-v-b41ffcb2] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-b41ffcb2]:root, [data-theme=st][data-v-b41ffcb2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b41ffcb2] { /* 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-b41ffcb2] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-b41ffcb2] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-b41ffcb2] { /* 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-b41ffcb2] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .list-container[data-v-b41ffcb2] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid #807569; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(4 / var(--base-font-size, 16) * 1rem) 0; margin-top: calc(32 / var(--base-font-size, 16) * 1rem); } .list-container .st-icon[data-v-b41ffcb2] { height: calc(32 / var(--base-font-size, 16) * 1rem); width: calc(45 / var(--base-font-size, 16) * 1rem); } @media (max-width: 576px) { .list-container .traveller-type-icon[data-v-b41ffcb2] { display: none; } } .list-container .st-button[data-v-b41ffcb2] { display: inline-flex; } @media (max-width: 490px) { .list-container .st-button[data-v-b41ffcb2] { font-size: calc(12 / var(--base-font-size, 16) * 1rem) !important; width: calc(82 / var(--base-font-size, 16) * 1rem); } } @media (max-width: 1200px) { .list-container .st-button[data-v-b41ffcb2] { padding: calc(1 / var(--base-font-size, 16) * 1rem) calc(6 / var(--base-font-size, 16) * 1rem); } } .list-container .row[data-v-b41ffcb2] { height: calc(48 / var(--base-font-size, 16) * 1rem); margin: 0; align-items: center; } .list-container .row .col-8[data-v-b41ffcb2] { font-size: calc(15 / var(--base-font-size, 16) * 1rem); } .list-container .row .col-8 label[data-v-b41ffcb2] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); margin: 0; } .list-container .bold[data-v-b41ffcb2] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .list-container .addon-label[data-v-b41ffcb2] { padding-left: calc(4 / var(--base-font-size, 16) * 1rem); padding-right: calc(12 / var(--base-font-size, 16) * 1rem); } [data-v-a93112df]: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-a93112df]: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-a93112df]:root, [data-theme=st][data-v-a93112df] { /* 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-a93112df]:root, [data-theme=st][data-v-a93112df] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a93112df]:root, [data-theme=st][data-v-a93112df] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a93112df] { /* 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-a93112df] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a93112df] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-a93112df] { /* 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-a93112df] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .addon-picker[data-v-a93112df] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #4d4845; } .addon-picker .list-container[data-v-a93112df] { border: solid calc(1 / var(--base-font-size, 16) * 1rem) #d6d3d0; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(8 / var(--base-font-size, 16) * 1rem) 0; } .addon-picker .list-container .st-icon[data-v-a93112df] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } @media (max-width: 576px) { .addon-picker .list-container .traveller-type-icon[data-v-a93112df] { display: none; } } .addon-picker .list-container .st-button[data-v-a93112df] { width: calc(44 / var(--base-font-size, 16) * 1rem); height: calc(32 / var(--base-font-size, 16) * 1rem); } .addon-picker .list-container .st-switch[data-v-a93112df] { display: inline-block; width: calc(34 / var(--base-font-size, 16) * 1rem); height: calc(20 / var(--base-font-size, 16) * 1rem); vertical-align: middle; } .addon-picker .list-container .row[data-v-a93112df] { min-height: calc(48 / var(--base-font-size, 16) * 1rem); margin: 0; padding: calc(4 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(4 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem); align-items: center; } .addon-picker .list-container .col[data-v-a93112df] { padding: 0; color: #4d4845; } .addon-picker .list-container .col.bold[data-v-a93112df] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } @media (max-width: 320px) { .addon-picker .list-container .col.bold[data-v-a93112df] { font-size: calc(13 / var(--base-font-size, 16) * 1rem); } } .addon-picker .list-container .age[data-v-a93112df] { display: inline-block; font-weight: normal; } .addon-picker .list-container .count-div[data-v-a93112df] { height: calc(32 / var(--base-font-size, 16) * 1rem); display: flex; align-items: center; justify-content: center; } .addon-picker .list-container .count-div button.count-button[data-v-a93112df] { background: transparent; border: calc(1 / var(--base-font-size, 16) * 1rem) solid #807569; width: calc(44 / var(--base-font-size, 16) * 1rem); height: calc(32 / var(--base-font-size, 16) * 1rem); padding: 0; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); min-height: 0; } .addon-picker .list-container .count-div button.count-button .st-icon[data-v-a93112df] { font-size: calc(33 / var(--base-font-size, 16) * 1rem); margin-right: 0; } .addon-picker .list-container .count-div button.count-button[data-v-a93112df]:disabled { opacity: 0.5; } .addon-picker .list-container .count-div button.count-button[data-v-a93112df]:hover:not(:disabled) { background-color: #faf9f7; } .addon-picker .list-container .count-div button.count-button[data-v-a93112df]:focus:not(:disabled) { 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); } .addon-picker .list-container .count-text[data-v-a93112df] { min-width: calc(32 / var(--base-font-size, 16) * 1rem); opacity: 0.6; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; } .addon-picker .list-container .count-text.dark[data-v-a93112df] { opacity: 1; } .addon-picker .list-container .row-hr[data-v-a93112df] { margin: calc(4 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); height: calc(1 / var(--base-font-size, 16) * 1rem); opacity: 0.15; background-color: #6e6054; } [data-v-2d1c619e]: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-2d1c619e]: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-2d1c619e]:root, [data-theme=st][data-v-2d1c619e] { /* 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-2d1c619e]:root, [data-theme=st][data-v-2d1c619e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2d1c619e]:root, [data-theme=st][data-v-2d1c619e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2d1c619e] { /* 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-2d1c619e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2d1c619e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2d1c619e] { /* 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-2d1c619e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-modal-footer[data-v-2d1c619e] > * { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-51625dc5]: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-51625dc5]: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-51625dc5]:root, [data-theme=st][data-v-51625dc5] { /* 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-51625dc5]:root, [data-theme=st][data-v-51625dc5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-51625dc5]:root, [data-theme=st][data-v-51625dc5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-51625dc5] { /* 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-51625dc5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-51625dc5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-51625dc5] { /* 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-51625dc5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-passage-selector[data-v-51625dc5] { display: flex; flex-direction: column; } .st-passage-selector__container[data-v-51625dc5] { display: flex; flex-direction: row; flex-wrap: wrap; } .st-passage-selector__container[data-v-51625dc5] > :not(:last-child) { margin-right: calc(15 / var(--base-font-size, 16) * 1rem); } .st-passage-selector__container .st-radio[data-v-51625dc5] > :last-child { font-size: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-f3fbbc61]: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-f3fbbc61]: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-f3fbbc61]:root, [data-theme=st][data-v-f3fbbc61] { /* 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-f3fbbc61]:root, [data-theme=st][data-v-f3fbbc61] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f3fbbc61]:root, [data-theme=st][data-v-f3fbbc61] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f3fbbc61] { /* 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-f3fbbc61] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f3fbbc61] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f3fbbc61] { /* 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-f3fbbc61] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .subscription-form h3[data-v-f3fbbc61] { margin-top: 0; } .subscription-form .traveller-dropdown span[data-v-f3fbbc61] { line-height: calc(36 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); } .subscription-form .traveller-dropdown .row[data-v-f3fbbc61] { margin-bottom: calc(12 / var(--base-font-size, 16) * 1rem); } .subscription-form .traveller-dropdown .col-1[data-v-f3fbbc61], .subscription-form .traveller-dropdown .col-3[data-v-f3fbbc61], .subscription-form .traveller-dropdown .col-4[data-v-f3fbbc61] { padding: 0; } .subscription-form .traveller-dropdown .st-icon[data-v-f3fbbc61] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); background-size: calc(20 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); height: calc(20 / var(--base-font-size, 16) * 1rem); width: calc(20 / var(--base-font-size, 16) * 1rem); } .subscription-form .price-info[data-v-f3fbbc61] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .subscription-form .description[data-v-f3fbbc61] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); background-color: rgba(77, 72, 69, 0.08); } .subscription-form .description p[data-v-f3fbbc61] { padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #4d4845; margin-bottom: 0; } .subscription-form .description img[data-v-f3fbbc61] { margin-left: calc(-24 / var(--base-font-size, 16) * 1rem); margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 700px) { .subscription-form .traveller-dropdown span[data-v-f3fbbc61] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .subscription-form .traveller-dropdown .st-icon[data-v-f3fbbc61] { margin-top: calc(4 / var(--base-font-size, 16) * 1rem); background-size: calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); height: calc(24 / var(--base-font-size, 16) * 1rem); width: calc(24 / var(--base-font-size, 16) * 1rem); } } .subscription-form .journey-notification-box[data-v-f3fbbc61] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .subscription-form .ticketoffer-wrapper .st-icon[data-v-f3fbbc61] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); margin-left: calc(4 / var(--base-font-size, 16) * 1rem); } .subscription-form .st-checkbox[data-v-f3fbbc61] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .subscription-form__submit[data-v-f3fbbc61] { display: flex; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); justify-content: flex-end; }.st-modal-body__stops[data-v-2991acde] { display: flex; justify-content: space-between; } .journeyText[data-v-2991acde] { color: #4d4845; } .removeBtn[data-v-2991acde] { padding: calc(10 / var(--base-font-size, 16) * 1rem) 0 calc(10 / var(--base-font-size, 16) * 1rem) calc(10 / var(--base-font-size, 16) * 1rem); font-size: calc(42 / var(--base-font-size, 16) * 1rem); line-height: calc(10 / var(--base-font-size, 16) * 1rem); color: #4d4845; float: right; cursor: pointer; } .removeBtn[data-v-2991acde]:hover { color: #8c847f; }.st-org-app .justify[data-v-4c58270c] { height: 110%; } .col-lg-6[data-v-4c58270c], .col-lg-8[data-v-4c58270c] { margin: 0 auto; padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .st-org-app .justify[data-v-4c58270c] { height: 100%; } } .profile[data-v-4c58270c] { margin-bottom: 0px; width: 100%; } .profile h4[data-v-4c58270c] { margin-top: 0px; } .profile span[data-v-4c58270c] { display: block; }.word-break[data-v-c4e7b0aa] { word-break: break-word; word-wrap: break-word; } .account-info[data-v-c4e7b0aa] { height: 100%; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #6e6054; } .account-info label[data-v-c4e7b0aa] { display: block; margin-top: 18px; margin-bottom: 0px; } @media (max-width: 960px) { .account-info label[data-v-c4e7b0aa] { margin: 0; } } .account-info .account-info-span[data-v-c4e7b0aa] { font-size: inherit; font-weight: inherit; font-style: inherit; font-stretch: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; word-break: break-word; } [data-v-80771706]: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-80771706]: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-80771706]:root, [data-theme=st][data-v-80771706] { /* 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-80771706]:root, [data-theme=st][data-v-80771706] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-80771706]:root, [data-theme=st][data-v-80771706] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-80771706] { /* 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-80771706] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-80771706] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-80771706] { /* 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-80771706] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-br[data-v-80771706] { height: calc(15 / var(--base-font-size, 16) * 1rem); } .st-modal-header[data-v-80771706] { display: flex; flex-direction: column; align-items: center; } .st-modal-footer[data-v-80771706] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: row; align-items: center; justify-content: center; } .st-modal-footer[data-v-80771706] > *:not(:last-child) { margin-right: calc(15 / var(--base-font-size, 16) * 1rem); } .footnote[data-v-80771706] { margin-top: calc(12 / var(--base-font-size, 16) * 1rem); font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #6e6054; } h5[data-v-80771706] { font-size: calc(22 / var(--base-font-size, 16) * 1rem); font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.09; letter-spacing: normal; color: #4d4845; margin: 0; } .info-box .col[data-v-80771706] { font-style: normal; font-stretch: normal; letter-spacing: normal; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; color: #6e6054; line-height: 1.63; } .info-box .col.text-left[data-v-80771706] { line-height: 1.63; font-weight: 600; color: #4d4845; } .info-box .col.recipient[data-v-80771706] { font-weight: 600; line-height: 1.5; color: #4d4845; }.st-add-traveller-form[data-v-b5796202] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(80 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__header[data-v-b5796202] { margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__header[data-v-b5796202] > :last-child { margin-top: calc(4 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__inputs[data-v-b5796202] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-add-traveller-form__inputs[data-v-b5796202] { flex-direction: row; flex-wrap: wrap; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__inputs[data-v-b5796202] > * { flex: 1 1 calc(50% - 8 / var(--base-font-size, 16) * 1rem); min-width: 0; max-width: calc(50% - 8 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__inputs[data-v-b5796202] > *:nth-child(odd):last-child { max-width: calc(50% - 8 / var(--base-font-size, 16) * 1rem); } } .st-add-traveller-form__buttons[data-v-b5796202] { display: flex; flex-direction: column; } .st-add-traveller-form__buttons[data-v-b5796202] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-add-traveller-form__buttons[data-v-b5796202] { flex-direction: row; } .st-add-traveller-form__buttons[data-v-b5796202] > :first-child { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(0 / var(--base-font-size, 16) * 1rem); } } .st-add-traveller-form__error[data-v-b5796202] { width: 50%; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); }.st-traveller-modal[data-v-6523e962] { display: flex; flex-direction: column; color: var(--text-color-primary); gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-traveller-modal p[data-v-6523e962] { margin: 0; } .st-traveller-modal b[data-v-6523e962] { font-weight: 600; } .st-traveller-modal__buttons[data-v-6523e962] { display: flex; flex-direction: column; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveller-modal__buttons[data-v-6523e962] { flex-direction: row-reverse; } }.st-traveller-table-check[data-v-fd183fcb] { display: flex; align-items: center; } .st-traveller-table-check[data-v-fd183fcb] .st-checkbox { margin: 0; }.st-travellers[data-v-598e80d3] { background-color: var(--background-color-secondary); padding: calc(24 / var(--base-font-size, 16) * 1rem); min-height: 80vh; } .st-travellers__top-container[data-v-598e80d3] { display: flex; margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); flex-direction: column; align-items: flex-start; } @media (min-width: 1025px) { .st-travellers__top-container[data-v-598e80d3] { flex-direction: row; } } .st-travellers__top-container__headline[data-v-598e80d3] { flex: 8; } .st-travellers__top-container__headline__link[data-v-598e80d3] { color: var(--text-color-quinary); text-decoration: underline; } .st-travellers__top-container__headline__search[data-v-598e80d3] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); margin-top: calc(56 / var(--base-font-size, 16) * 1rem); } .st-travellers__top-container__headline__search[data-v-598e80d3] > * { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-travellers__top-container__headline__search__inputs[data-v-598e80d3] { display: none; align-items: flex-end; } .st-travellers__top-container__headline__search__inputs[data-v-598e80d3] > * { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers__top-container__headline__search__inputs[data-v-598e80d3] { display: flex; } } .st-travellers__top-container__actions[data-v-598e80d3] { display: flex; flex-direction: column; flex: 2; margin-left: 0; padding: calc(24 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers__top-container__actions[data-v-598e80d3] { margin-left: 20%; } } .st-travellers__top-container__actions__buttons[data-v-598e80d3] { display: flex; flex-direction: column; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers__top-container__actions__buttons[data-v-598e80d3] { flex-direction: row; } } .st-travellers__top-container__actions__hr[data-v-598e80d3] { width: 100%; } .st-travellers__top-container__actions__grouping__paragraph[data-v-598e80d3] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-travellers__content-container__search[data-v-598e80d3] { display: block; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-travellers__content-container__search[data-v-598e80d3] > * { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers__content-container__search[data-v-598e80d3] { display: none; } } .st-travellers__content-container__count[data-v-598e80d3] { font-weight: 700; font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-family: var(--font-secondary); } .st-travellers__content-container__pagination-info[data-v-598e80d3] { margin-left: calc(8 / var(--base-font-size, 16) * 1rem); } .st-travellers__content-container__table[data-v-598e80d3] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers__content-container__table__mobile-select-all[data-v-598e80d3] { display: none; } } .st-travellers__content-container__table__action-bar[data-v-598e80d3] { display: flex; flex-direction: column; align-items: center; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); font-weight: 600; } @media (min-width: 1025px) { .st-travellers__content-container__table__action-bar[data-v-598e80d3] { flex-direction: row; } .st-travellers__content-container__table__action-bar[data-v-598e80d3] > * { display: flex; align-items: center; height: calc(24 / var(--base-font-size, 16) * 1rem); border-right: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); padding-right: calc(12 / var(--base-font-size, 16) * 1rem); margin-right: calc(12 / var(--base-font-size, 16) * 1rem); } } .st-travellers__content-container__table__no-results[data-v-598e80d3] { display: flex; flex-direction: column; align-items: center; font-size: calc(18 / var(--base-font-size, 16) * 1rem); margin: calc(64 / var(--base-font-size, 16) * 1rem) 0; gap: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-23d3ae09]: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-23d3ae09]: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-23d3ae09]:root, [data-theme=st][data-v-23d3ae09] { /* 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-23d3ae09]:root, [data-theme=st][data-v-23d3ae09] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-23d3ae09]:root, [data-theme=st][data-v-23d3ae09] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-23d3ae09] { /* 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-23d3ae09] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-23d3ae09] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-23d3ae09] { /* 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-23d3ae09] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .card-list[data-v-23d3ae09] { font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: calc(0.5 / var(--base-font-size, 16) * 1rem); color: #4d4845; margin: 0 0 calc(24 / var(--base-font-size, 16) * 1rem); } .card-list ul[data-v-23d3ae09] { padding-left: 0; margin: 0; } .card-list ul li[data-v-23d3ae09] { list-style-type: none; } .card-list .row-footer[data-v-23d3ae09] { color: #6e6054; font-size: calc(14 / var(--base-font-size, 16) * 1rem); } [data-v-95f32c37]: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-95f32c37]: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-95f32c37]:root, [data-theme=st][data-v-95f32c37] { /* 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-95f32c37]:root, [data-theme=st][data-v-95f32c37] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-95f32c37]:root, [data-theme=st][data-v-95f32c37] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-95f32c37] { /* 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-95f32c37] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-95f32c37] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-95f32c37] { /* 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-95f32c37] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .cards[data-v-95f32c37] { padding-top: 48px; margin-bottom: 28px; } .cards__cta[data-v-95f32c37] > *:not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .cards .st-card[data-v-95f32c37] { margin: auto; } .cards .card-link-button.st-button[data-v-95f32c37] { height: 72px !important; border: calc(1 / var(--base-font-size, 16) * 1rem) dashed var(--border-color-primary); } .cards .card-link-button.st-button[data-v-95f32c37]:hover { background-color: var(--background-color-quaternary); } .cards .card-link-button.st-button[data-v-95f32c37]:focus { border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } [data-v-6efae94e]: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-6efae94e]: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-6efae94e]:root, [data-theme=st][data-v-6efae94e] { /* 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-6efae94e]:root, [data-theme=st][data-v-6efae94e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6efae94e]:root, [data-theme=st][data-v-6efae94e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6efae94e] { /* 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-6efae94e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6efae94e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6efae94e] { /* 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-6efae94e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .remove-card-modal .st-modal-footer[data-v-6efae94e] > * { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-c98abe03]: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-c98abe03]: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-c98abe03]:root, [data-theme=st][data-v-c98abe03] { /* 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-c98abe03]:root, [data-theme=st][data-v-c98abe03] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-c98abe03]:root, [data-theme=st][data-v-c98abe03] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c98abe03] { /* 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-c98abe03] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-c98abe03] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-c98abe03] { /* 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-c98abe03] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .revoke-card-modal .st-modal-footer[data-v-c98abe03] > * { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-596a9e17]: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-596a9e17]: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-596a9e17]:root, [data-theme=st][data-v-596a9e17] { /* 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-596a9e17]:root, [data-theme=st][data-v-596a9e17] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-596a9e17]:root, [data-theme=st][data-v-596a9e17] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-596a9e17] { /* 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-596a9e17] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-596a9e17] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-596a9e17] { /* 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-596a9e17] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-modal-footer[data-v-596a9e17] :not(:last-child) { margin-top: calc(15 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(15 / var(--base-font-size, 16) * 1rem); } [data-v-4f2f28cf]: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-4f2f28cf]: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-4f2f28cf]:root, [data-theme=st][data-v-4f2f28cf] { /* 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-4f2f28cf]:root, [data-theme=st][data-v-4f2f28cf] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-4f2f28cf]:root, [data-theme=st][data-v-4f2f28cf] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4f2f28cf] { /* 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-4f2f28cf] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-4f2f28cf] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-4f2f28cf] { /* 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-4f2f28cf] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .button-wrapper[data-v-4f2f28cf] { display: inline-flex; margin: calc(8 / var(--base-font-size, 16) * 1rem) calc(4 / var(--base-font-size, 16) * 1rem) 0 0; } [data-v-1fee39b8]: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-1fee39b8]: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-1fee39b8]:root, [data-theme=st][data-v-1fee39b8] { /* 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-1fee39b8]:root, [data-theme=st][data-v-1fee39b8] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-1fee39b8]:root, [data-theme=st][data-v-1fee39b8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1fee39b8] { /* 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-1fee39b8] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-1fee39b8] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-1fee39b8] { /* 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-1fee39b8] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .ticket-info-modal .st-modal-body[data-v-1fee39b8] { padding: 0 calc(48 / var(--base-font-size, 16) * 1rem); color: #4d4845; } .ticket-info-modal .st-modal-body .bold[data-v-1fee39b8] { font-weight: bold; } .ticket-info-modal .st-modal-body .row[data-v-1fee39b8] { padding-bottom: calc(12 / var(--base-font-size, 16) * 1rem); } .ticket-info-modal .st-modal-body .row .col-4[data-v-1fee39b8] { padding: 0; } .ticket-info-modal .st-modal-body .ticket-traveller-list[data-v-1fee39b8] { margin: 0 !important; } [data-v-6e0ca224]: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-6e0ca224]: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-6e0ca224]:root, [data-theme=st][data-v-6e0ca224] { /* 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-6e0ca224]:root, [data-theme=st][data-v-6e0ca224] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-6e0ca224]:root, [data-theme=st][data-v-6e0ca224] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6e0ca224] { /* 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-6e0ca224] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-6e0ca224] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-6e0ca224] { /* 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-6e0ca224] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .card-details-ticket-list[data-v-6e0ca224] { position: relative; } .card-details-ticket-list th[data-v-6e0ca224] { padding: 15px 24px 6px !important; } .card-details-ticket-list h4[data-v-6e0ca224] { margin-top: 31px; margin-bottom: 11px !important; } .card-details-ticket-list .loading[data-v-6e0ca224] { width: 100%; padding: 10px; } .card-details-ticket-list .no-tickets-wrapper[data-v-6e0ca224] { display: flex; width: 100%; justify-content: center; background-color: #f5f3f0; padding: 15px; margin-top: 40px; } @media (max-width: 767px) { .card-details-ticket-list .no-tickets-wrapper[data-v-6e0ca224] { justify-content: flex-start; display: block; } } .card-details-ticket-list .no-tickets-wrapper .content-left[data-v-6e0ca224] { margin-right: 20px; display: flex; align-items: center; } .card-details-ticket-list .no-tickets-wrapper .content-right[data-v-6e0ca224] { margin: auto 0px; } .card-details-ticket-list .no-tickets-wrapper .content-right p[data-v-6e0ca224] { margin: 0px; font-size: 14px; } .card-details-ticket-list .no-tickets-wrapper .content-right p[data-v-6e0ca224]:first-child { opacity: 1; font-size: 18px; } @media (min-width: 767px) { .card-details-ticket-list .st-table[data-v-6e0ca224] { margin-top: 30px; } } .card-details-ticket-list .card-details-list-overlay[data-v-6e0ca224] { position: absolute; top: 53px; left: 0; width: 100%; height: calc(100% - 53px); z-index: 1; background-color: rgba(255, 255, 255, 0.5); } .card-details-ticket-list .activation-link[data-v-6e0ca224] { margin-left: 13px; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: 0.44px; color: #4d4845; text-decoration: underline; } .card-details-ticket-list .info-icon[data-v-6e0ca224] { position: absolute; right: 25px; margin-top: 10px; } .card-details-ticket-list .info-icon[data-v-6e0ca224]:hover { cursor: pointer; } .cards-details[data-v-30da3a8b] { padding-top: 48px; margin-bottom: 28px; } .cards-details .st-card[data-v-30da3a8b] { margin: auto; } .cards-details .st-card .top-link[data-v-30da3a8b] { text-decoration: none; } .cards-details .st-card .top-link.top-link[data-v-30da3a8b] { font-size: 13px; font-weight: 600; } .cards-details .st-card .top-link.top-link[data-v-30da3a8b]:before { content: "‹"; margin-right: 5px; } .cards-details .st-card .top-link.top-link[data-v-30da3a8b]:hover { text-decoration: none; }.card-order-form .card-count[data-v-74f2238f] { border: 1px solid #807569; border-radius: 4px; } @media (max-width: 575px) { .card-order-form .card-count .count-div[data-v-74f2238f] { padding-left: 20px; } } .card-order-form .card-count .row[data-v-74f2238f] { height: 48px; margin: 0px; padding: 4px 16px 4px 12px; align-items: center; } .card-order-form .card-count .col[data-v-74f2238f] { padding: 0px; color: #4d4845; } .card-order-form .card-count .col.bold[data-v-74f2238f] { font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; } .card-order-form .card-count .col .count-div[data-v-74f2238f] { height: 32px; display: flex; align-items: center; justify-content: center; } .card-order-form .card-count .col .count-div .st-icon[data-v-74f2238f] { margin-right: 0; } .card-order-form .card-count .col .count-text[data-v-74f2238f] { vertical-align: middle; padding-right: 10px; padding-left: 10px; min-width: 32px; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; } .card-order-form .card-count .col .count-text.dark[data-v-74f2238f] { opacity: 1; }.st-modal-body[data-v-5f97533c] { text-align: center; } .st-modal-footer[data-v-5f97533c] { display: flex; justify-content: center; } [data-v-f76b9526]: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-f76b9526]: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-f76b9526]:root, [data-theme=st][data-v-f76b9526] { /* 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-f76b9526]:root, [data-theme=st][data-v-f76b9526] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-f76b9526]:root, [data-theme=st][data-v-f76b9526] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f76b9526] { /* 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-f76b9526] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-f76b9526] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-f76b9526] { /* 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-f76b9526] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } @media (min-width: 768px) { .card-order .justify[data-v-f76b9526] { height: 100%; } } .card-order__submit[data-v-f76b9526] { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); display: flex; justify-content: flex-end; } .card-order .st-card p[data-v-f76b9526] { text-align: left !important; } @media (min-width: 992px) { .card-order .st-card[data-v-f76b9526] { width: 680px; max-width: 680px !important; } } .card-order .price-box[data-v-f76b9526] { border-radius: 4px; background-color: #f7f6f2; margin-top: 24px; padding: 22px 18px 20px 18px; } .card-order .price-box span.small[data-v-f76b9526] { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; color: #6e6054; vertical-align: bottom; } .card-order .price-box span.large[data-v-f76b9526] { font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 0.75; letter-spacing: normal; text-align: right; color: #4d4845; } [data-v-3a349dbb]: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-3a349dbb]: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-3a349dbb]:root, [data-theme=st][data-v-3a349dbb] { /* 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-3a349dbb]:root, [data-theme=st][data-v-3a349dbb] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-3a349dbb]:root, [data-theme=st][data-v-3a349dbb] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3a349dbb] { /* 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-3a349dbb] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-3a349dbb] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3a349dbb] { /* 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-3a349dbb] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .card-registration[data-v-3a349dbb] { width: 100%; } .card-registration .st-card[data-v-3a349dbb] { margin: auto; } .card-registration .st-card p[data-v-3a349dbb] { text-align: left !important; } .card-registration .st-card .card-registration-button-wrapper[data-v-3a349dbb] { display: flex; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); justify-content: center; text-align: center; } .card-registration .st-card .card-registration-button-wrapper[data-v-3a349dbb] > *:not(:last-child) { margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } [data-v-3f083426]: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-3f083426]: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-3f083426]:root, [data-theme=st][data-v-3f083426] { /* 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-3f083426]:root, [data-theme=st][data-v-3f083426] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-3f083426]:root, [data-theme=st][data-v-3f083426] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3f083426] { /* 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-3f083426] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-3f083426] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-3f083426] { /* 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-3f083426] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-svea-accept-modal[data-v-3f083426] { display: flex; flex-direction: column; text-align: center; } .st-svea-accept-modal__buttons[data-v-3f083426] { display: flex; justify-content: center; } [data-v-08fda63e]: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-08fda63e]: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-08fda63e]:root, [data-theme=st][data-v-08fda63e] { /* 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-08fda63e]:root, [data-theme=st][data-v-08fda63e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-08fda63e]:root, [data-theme=st][data-v-08fda63e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-08fda63e] { /* 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-08fda63e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-08fda63e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-08fda63e] { /* 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-08fda63e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-accept-organization h2[data-v-08fda63e] { text-align: left; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-accept-organization h4[data-v-08fda63e] { margin-top: 8px; } .st-accept-organization p[data-v-08fda63e] { margin-top: 6px; margin-bottom: 8px; opacity: 0.75; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; text-align: center; color: #4d4845; } .st-accept-organization .invoiceAddress-display-block[data-v-08fda63e] { font-weight: 600; } .st-accept-organization .invoiceAddress-display-block span[data-v-08fda63e] { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #212529; } .st-accept-organization .invoiceAddress-display-block .st-button[data-v-08fda63e] { margin: 16px 0 0 0; } .st-accept-organization span.error-message[data-v-08fda63e] { font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #cc4039; } .st-accept-organization span.error-message[data-v-08fda63e] > :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .st-accept-organization .st-card[data-v-08fda63e] { width: 100%; } .st-accept-organization .form-footer[data-v-08fda63e] { text-align: center; display: flex; justify-content: center; } .st-accept-organization .form-footer[data-v-08fda63e] > :not(:last-child) { margin-right: 16px; } .st-accept-organization .form-footer .st-button[data-v-08fda63e] { width: 140px; }.st-admin-accept h2[data-v-5111af56] { text-align: center; } .st-admin-accept h4[data-v-5111af56] { margin-top: 24px; } .st-admin-accept p[data-v-5111af56] { margin-top: 16px; margin-bottom: 36px; opacity: 0.75; font-size: 20px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; text-align: center; color: #4d4845; } .st-admin-accept .comment[data-v-5111af56] { word-wrap: break-word; } .st-admin-accept .invoiceAddress-display-block[data-v-5111af56] { font-weight: 600; } .st-admin-accept .invoiceAddress-display-block span[data-v-5111af56] { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #212529; } .st-admin-accept .invoiceAddress-display-block .st-button[data-v-5111af56] { margin: 16px 0 0 0; } .st-admin-accept .st-card[data-v-5111af56] { width: 100%; } .st-admin-accept .form-footer[data-v-5111af56] { text-align: center; } .st-admin-accept .form-footer .st-button[data-v-5111af56] { width: 140px; }.st-cost-summary[data-v-34c0fb69] { display: flex; flex-direction: column; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); background-color: var(--container-color-tertiary); padding: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cost-summary[data-v-34c0fb69] { flex-direction: row; justify-content: space-between; } } .st-cost-summary__list[data-v-34c0fb69] { display: grid; grid-template-columns: auto auto; column-gap: calc(16 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); font-weight: 400; margin-bottom: 0; line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-cost-summary__list dt[data-v-34c0fb69], .st-cost-summary__list dd[data-v-34c0fb69] { font-weight: 400; margin-bottom: 0; } .st-cost-summary__list dt[data-v-34c0fb69] { text-align: left; } .st-cost-summary__list dd[data-v-34c0fb69] { text-align: right; } .st-cost-summary .st-cost-summary__list--text-bold[data-v-34c0fb69] { font-weight: 700; }.st-cancel-modal[data-v-3b0202c3] { display: flex; flex-direction: column; align-items: center; max-width: calc(400 / var(--base-font-size, 16) * 1rem); line-height: 1.3; color: var(--text-color-primary); } .st-cancel-modal[data-v-3b0202c3] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-cancel-modal__buttons[data-v-3b0202c3] { display: flex; flex-direction: column; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); width: 100%; } @media (min-width: 1025px) { .st-cancel-modal__buttons[data-v-3b0202c3] { flex-direction: row-reverse; } }.st-error-message[data-v-fe178bc7] { display: flex; 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); line-height: calc(20 / var(--base-font-size, 16) * 1rem); } .st-error-message[data-v-fe178bc7] > :first-child { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); }.st-cart-summary[data-v-a26b3ec4] { display: flex; flex-direction: column; background-color: var(--background-color-secondary); padding: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cart-summary[data-v-a26b3ec4] { padding: calc(16 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); border-radius: 0 0 calc(12 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem); } } .st-cart-summary__container[data-v-a26b3ec4] { display: flex; flex-direction: row; justify-content: space-between; } @media (min-width: 1025px) { .st-cart-summary__container[data-v-a26b3ec4] { flex-direction: column; } } .st-cart-summary--warning[data-v-a26b3ec4] { padding-top: 0; } .st-cart-summary--warning[data-v-a26b3ec4] > :last-child { margin-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart-summary--pop-out[data-v-a26b3ec4] { box-shadow: 0 calc(-2 / var(--base-font-size, 16) * 1rem) calc(14 / var(--base-font-size, 16) * 1rem) 0 rgba(0, 0, 0, 0.1019607843); } .st-cart-summary--pop-out-with-warning[data-v-a26b3ec4] { padding-top: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart-summary__price[data-v-a26b3ec4] { display: flex; justify-content: space-between; flex-direction: column; white-space: nowrap; color: var(--palette-secondary-900); font-family: var(--font-secondary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); line-height: 150%; font-weight: 700; } .st-cart-summary__price[data-v-a26b3ec4] > :last-child { font-size: calc(18 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cart-summary__price[data-v-a26b3ec4] { flex-direction: row; align-items: center; font-size: calc(18 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart-summary__price[data-v-a26b3ec4] > :last-child { font-size: calc(24 / var(--base-font-size, 16) * 1rem); margin-left: calc(80 / var(--base-font-size, 16) * 1rem); } } .st-cart-summary__action-bar[data-v-a26b3ec4] { display: flex; justify-content: space-between; max-height: calc(40 / var(--base-font-size, 16) * 1rem); } [data-v-d4bde775]: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-d4bde775]: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-d4bde775]:root, [data-theme=st][data-v-d4bde775] { /* 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-d4bde775]:root, [data-theme=st][data-v-d4bde775] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-d4bde775]:root, [data-theme=st][data-v-d4bde775] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-d4bde775] { /* 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-d4bde775] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-d4bde775] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-d4bde775] { /* 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-d4bde775] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ccc-input[data-v-d4bde775] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); margin-top: calc(16 / var(--base-font-size, 16) * 1rem); width: 100%; } @media (min-width: 1025px) { .st-ccc-input[data-v-d4bde775] { flex-direction: row; } } .st-ccc-input[data-v-d4bde775] > * { flex-grow: 1; flex-basis: 0; } [data-v-ac8cbfc0]: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-ac8cbfc0]: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-ac8cbfc0]:root, [data-theme=st][data-v-ac8cbfc0] { /* 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-ac8cbfc0]:root, [data-theme=st][data-v-ac8cbfc0] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-ac8cbfc0]:root, [data-theme=st][data-v-ac8cbfc0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-ac8cbfc0] { /* 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-ac8cbfc0] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-ac8cbfc0] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-ac8cbfc0] { /* 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-ac8cbfc0] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-recipient-input[data-v-ac8cbfc0] { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; align-items: flex-start; } @media (min-width: 1025px) { .st-ticket-recipient-input[data-v-ac8cbfc0] { flex-direction: row; } } .st-ticket-recipient-input__recipient[data-v-ac8cbfc0] { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1200px) { .st-ticket-recipient-input__recipient[data-v-ac8cbfc0] { flex-direction: row; margin-bottom: 0; } } @media (min-width: 1025px) { .st-ticket-recipient-input__recipient[data-v-ac8cbfc0] > * { flex-grow: 1; flex-basis: 0; } } .st-ticket-recipient-input__recipient__autocomplete[data-v-ac8cbfc0] { display: flex; flex-direction: column; width: 100%; } .st-ticket-recipient-input__recipient__autocomplete__label[data-v-ac8cbfc0] { display: flex; align-items: center; gap: calc(4 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-ticket-recipient-input__recipient__autocomplete__label[data-v-ac8cbfc0] > :first-child { font-weight: 700; font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-family: var(--font-secondary); margin: 0; line-height: 150%; } .st-ticket-recipient-input__recipient__autocomplete__label[data-v-ac8cbfc0] > :last-child { font-style: italic; font-weight: 400; font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-family: var(--font-primary); line-height: 150%; } .st-ticket-recipient-input__recipient__autocomplete__icon[data-v-ac8cbfc0] { padding: 0 calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient-input__recipient__autocomplete__traveller[data-v-ac8cbfc0] { display: flex; align-items: center; } .st-ticket-recipient-input__recipient__autocomplete__traveller[data-v-ac8cbfc0] > :not(:last-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient-input__recipient__actions[data-v-ac8cbfc0] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-ticket-recipient-input__recipient__actions[data-v-ac8cbfc0] { flex-direction: row; align-items: flex-end; justify-content: space-between; } } .st-ticket-recipient-input__recipient__actions[data-v-ac8cbfc0] > :first-child { width: calc(146 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1200px) { .st-ticket-recipient-input__recipient__actions[data-v-ac8cbfc0] > :first-child { margin-top: calc(29 / var(--base-font-size, 16) * 1rem); } } [data-v-d6f46171]: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-d6f46171]: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-d6f46171]:root, [data-theme=st][data-v-d6f46171] { /* 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-d6f46171]:root, [data-theme=st][data-v-d6f46171] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-d6f46171]:root, [data-theme=st][data-v-d6f46171] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-d6f46171] { /* 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-d6f46171] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-d6f46171] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-d6f46171] { /* 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-d6f46171] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-recipient[data-v-d6f46171] { color: var(--text-color-primary); padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient[data-v-d6f46171] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__title[data-v-d6f46171] { display: flex; flex-direction: column; gap: calc(8 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__action-bar[data-v-d6f46171] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); width: 100%; justify-content: space-between; align-content: center; } @media (min-width: 1200px) { .st-ticket-recipient__action-bar[data-v-d6f46171] { flex-direction: row; } } .st-ticket-recipient__action-bar[data-v-d6f46171] > :first-child { width: calc(164 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__action-bar[data-v-d6f46171] > :last-child { padding-top: calc(16 / var(--base-font-size, 16) * 1rem); padding-right: calc(61 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__recipients[data-v-d6f46171] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__divider[data-v-d6f46171] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); width: 100%; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); }.st-max-tickets-modal[data-v-780d4669] { display: flex; flex-direction: column; justify-content: center; max-width: calc(480 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); line-height: 130%; } .st-max-tickets-modal[data-v-780d4669] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-max-tickets-modal__buttons[data-v-780d4669] { display: flex; flex-direction: column; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); width: 100%; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-max-tickets-modal__buttons[data-v-780d4669] { flex-direction: row-reverse; } }.st-cart-ticket[data-v-f1aeb053] { display: flex; flex-direction: column; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket--invalid[data-v-f1aeb053] { border-color: var(--danger-color-primary); } .st-cart-ticket__ticket[data-v-f1aeb053] { display: flex; flex-direction: column; } .st-cart-ticket__ticket[data-v-f1aeb053] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__ticket__details-grid[data-v-f1aeb053] { display: flex; flex-direction: column; } .st-cart-ticket__ticket__details-grid[data-v-f1aeb053] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cart-ticket__ticket__details-grid[data-v-f1aeb053] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(8 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__ticket__details-grid[data-v-f1aeb053] > :not(:last-child) { margin-bottom: 0; } } .st-cart-ticket__ticket__data-cell[data-v-f1aeb053] { display: flex; flex-direction: column; color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); word-break: break-word; } .st-cart-ticket__ticket__data-cell[data-v-f1aeb053] > * { display: flex; align-items: center; min-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__ticket__data-cell--title[data-v-f1aeb053] { font-family: var(--font-secondary); font-weight: 700; font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__ticket__data-cell--text-bold[data-v-f1aeb053] { font-weight: 600; } .st-cart-ticket__ticket__data-cell--w-icon[data-v-f1aeb053] { display: flex; align-items: center; } .st-cart-ticket__ticket__data-cell--w-icon[data-v-f1aeb053] :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar[data-v-f1aeb053] { display: flex; border-top: solid calc(1 / var(--base-font-size, 16) * 1rem) var(--border-color-tertiary); margin-top: calc(8 / var(--base-font-size, 16) * 1rem); padding-top: calc(4 / var(--base-font-size, 16) * 1rem); flex-grow: 1; width: 100%; align-items: flex-end; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar__price[data-v-f1aeb053] { color: var(--text-color-primary); font-family: var(--font-secondary); font-weight: 700; font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar__select[data-v-f1aeb053] { width: calc(68 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar__select[data-v-f1aeb053] > :not(:first-child) { height: calc(40 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar__delete-btn[data-v-f1aeb053] { border-radius: 50%; width: calc(40 / var(--base-font-size, 16) * 1rem); height: calc(40 / var(--base-font-size, 16) * 1rem); } .st-cart-ticket__action-bar[data-v-f1aeb053] > :last-child { margin-left: auto; } .st-cart-ticket__error[data-v-f1aeb053] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); }.st-remove-cart-modal[data-v-cce8eb19] { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: calc(400 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); line-height: 130%; } .st-remove-cart-modal[data-v-cce8eb19] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-remove-cart-modal__text[data-v-cce8eb19] { text-align: left; } .st-remove-cart-modal__buttons[data-v-cce8eb19] { display: flex; flex-direction: column; margin-top: calc(16 / var(--base-font-size, 16) * 1rem); width: 100%; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-remove-cart-modal__buttons[data-v-cce8eb19] { flex-direction: row-reverse; } }.st-cart[data-v-64a22cb1] { display: flex; flex-direction: column; } .st-cart__tickets[data-v-64a22cb1] { padding: calc(24 / var(--base-font-size, 16) * 1rem); background-color: var(--background-color-secondary); border-radius: calc(12 / var(--base-font-size, 16) * 1rem); } .st-cart__tickets--has-tickets[data-v-64a22cb1] { border-radius: calc(12 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem) 0 0; } .st-cart__tickets--scrollable[data-v-64a22cb1] { padding-bottom: 0; } .st-cart__tickets[data-v-64a22cb1] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cart__tickets__container[data-v-64a22cb1] { max-height: calc(700 / var(--base-font-size, 16) * 1rem); overflow-y: auto; } } .st-cart__tickets__container[data-v-64a22cb1] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-cart__tickets__container--default[data-v-64a22cb1] { display: flex; color: var(--text-color-secondary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; align-items: center; padding: calc(48 / var(--base-font-size, 16) * 1rem) calc(36 / var(--base-font-size, 16) * 1rem); gap: calc(12 / var(--base-font-size, 16) * 1rem); border: dashed var(--icon-color-primary) calc(2 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); } .st-cart__tickets__delete[data-v-64a22cb1] { display: flex; justify-content: center; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-2c738a07]: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-2c738a07]: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-2c738a07]:root, [data-theme=st][data-v-2c738a07] { /* 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-2c738a07]:root, [data-theme=st][data-v-2c738a07] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-2c738a07]:root, [data-theme=st][data-v-2c738a07] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2c738a07] { /* 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-2c738a07] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-2c738a07] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-2c738a07] { /* 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-2c738a07] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-button[data-v-2c738a07] { background-color: #610082; display: flex; border: var(--border-width) solid #610082; border-radius: calc(70 / var(--base-font-size, 16) * 1rem); padding: calc(9.5 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); line-height: 130%; font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; text-align: center; color: var(--text-color-tertiary); } .st-button[data-v-2c738a07]:focus { border: var(--border-width) solid var(--background-color-secondary); cursor: pointer; outline: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .st-button[data-v-2c738a07]:hover { border-color: #80329a; } .st-button[data-v-2c738a07]:hover, .st-button[data-v-2c738a07]:active { background-color: #80329a; } [data-v-49297f72]: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-49297f72]: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-49297f72]:root, [data-theme=st][data-v-49297f72] { /* 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-49297f72]:root, [data-theme=st][data-v-49297f72] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-49297f72]:root, [data-theme=st][data-v-49297f72] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-49297f72] { /* 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-49297f72] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-49297f72] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-49297f72] { /* 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-49297f72] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .campaign-cards-item .card-body[data-v-49297f72] { padding: calc(32 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); border-radius: calc(24 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .campaign-cards-item .card-body .campaign-ticket-text[data-v-49297f72] { font-size: calc(42 / var(--base-font-size, 16) * 1rem); font-family: "bitter"; font-weight: 700; word-break: break-all; margin-top: calc(4 / var(--base-font-size, 16) * 1rem); line-height: 150%; margin-right: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .campaign-cards-item .card-body .campaign-ticket-text[data-v-49297f72] { font-size: calc(64 / var(--base-font-size, 16) * 1rem); } } .campaign-cards-item .card-body .campaign-ticket-area-and-price[data-v-49297f72] { display: flex; flex-direction: column; } .campaign-cards-item .card-body .campaign-ticket-area-and-price p[data-v-49297f72] { margin-bottom: 0 !important; font-weight: 600; font-size: calc(18 / var(--base-font-size, 16) * 1rem); margin-top: 0 !important; line-height: 150%; } .campaign-cards-item .card-body .campaign-ticket-area-and-price__kr[data-v-49297f72] { font-weight: 700; } .campaign-cards-item .card-body__footer[data-v-49297f72] { display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap; } @media (min-width: 600px) { .campaign-cards-item .card-body__footer[data-v-49297f72] { flex-direction: row; align-items: flex-end; } } .campaign-cards-item .card-body__footer .summer-button-wrapper[data-v-49297f72] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); justify-self: flex-end; text-decoration: none; outline: none; } @media (min-width: 600px) { .campaign-cards-item .card-body__footer .summer-button-wrapper[data-v-49297f72] { margin-top: 0; } }.st-cr-tickets[data-v-5c3089c2] { margin: calc(24 / var(--base-font-size, 16) * 1rem) 0; min-height: 50vh; display: flex; justify-content: center; } @media (min-width: 1025px) { .st-cr-tickets[data-v-5c3089c2] { margin: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-cr-tickets__container[data-v-5c3089c2] { display: grid; grid-template-columns: 1fr; gap: calc(48 / var(--base-font-size, 16) * 1rem); width: 100%; padding: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-cr-tickets__container[data-v-5c3089c2] { width: auto; padding: 0; grid-template-columns: minmax(0, calc(1190 / var(--base-font-size, 16) * 1rem)) minmax(0, calc(430 / var(--base-font-size, 16) * 1rem)); } } .st-cr-tickets__container__centered[data-v-5c3089c2] { margin: auto; grid-column: 1/-1; } .st-cr-tickets__fixed-summary[data-v-5c3089c2] { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--container-color-primary); box-shadow: 0 calc(-4 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem) rgba(0, 0, 0, 0.1); } @media (min-width: 1025px) { .st-cr-tickets__fixed-summary[data-v-5c3089c2] { display: none; } }.st-order-purchase-modal[data-v-05e9ff98] { display: flex; flex-direction: column; justify-content: center; } .st-order-purchase-modal__loading-text[data-v-05e9ff98] { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); text-align: left; } .st-order-purchase-modal__container[data-v-05e9ff98] { display: flex; flex-direction: column; align-items: center; } .st-order-purchase-modal__container__info[data-v-05e9ff98] { display: flex; flex-direction: column; align-items: center; } .st-order-purchase-modal__container__info[data-v-05e9ff98] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-order-purchase-modal__container__actions[data-v-05e9ff98] { display: flex; flex-direction: column; align-items: center; width: 100%; gap: calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-purchase-modal__container__text[data-v-05e9ff98] { color: var(--text-color-primary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-purchase-modal__container__text strong[data-v-05e9ff98] { font-weight: 600; }.st-ticket[data-v-c8da08c8] { border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(16 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; } .st-ticket[data-v-c8da08c8] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket__columns[data-v-c8da08c8] { display: flex; flex-direction: column; gap: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-ticket__columns[data-v-c8da08c8] { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; grid-template-rows: auto; row-gap: calc(8 / var(--base-font-size, 16) * 1rem); column-gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket__columns[data-v-c8da08c8] > :last-child { align-items: flex-end; } } .st-ticket__data-cell[data-v-c8da08c8] { display: flex; flex-direction: column; color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); justify-content: flex-end; } .st-ticket__data-cell[data-v-c8da08c8] > * { display: flex; align-items: center; min-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-ticket__data-cell--text-bold[data-v-c8da08c8] { font-weight: 600; } .st-ticket__data-cell--secondary-text[data-v-c8da08c8] { font-family: var(--font-secondary); font-weight: 700; font-size: calc(18 / var(--base-font-size, 16) * 1rem); } .st-ticket__data-cell--w-icon[data-v-c8da08c8] { display: flex; align-items: center; } .st-ticket__data-cell--w-icon[data-v-c8da08c8] :first-child { margin-right: calc(4 / var(--base-font-size, 16) * 1rem); }.st-voucher-input[data-v-7987ad37] { display: flex; flex-direction: column; margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-voucher-input__input-field[data-v-7987ad37] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-voucher-input__input-field[data-v-7987ad37] > :first-child .st-input__container { max-height: calc(40 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-voucher-input__input-field[data-v-7987ad37] { flex-direction: row; align-items: flex-start; } .st-voucher-input__input-field[data-v-7987ad37] > :first-child { min-width: 50%; } .st-voucher-input__input-field[data-v-7987ad37] > :last-child { margin-top: calc(25 / var(--base-font-size, 16) * 1rem); } } .st-voucher-input__table[data-v-7987ad37] { width: 100%; border-collapse: collapse; } .st-voucher-input__table__thead[data-v-7987ad37] { display: none; } @media (min-width: 1025px) { .st-voucher-input__table__thead[data-v-7987ad37] { display: table-header-group; color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } } .st-voucher-input__table th[data-v-7987ad37] { font-weight: 600; } @media (min-width: 1025px) { .st-voucher-input__table th[data-v-7987ad37] { width: 25%; } } @media (min-width: 1025px) { .st-voucher-input__table tr[data-v-7987ad37] > * { padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem); text-align: right; } .st-voucher-input__table tr[data-v-7987ad37] > :first-child { text-align: left; padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); } } .st-voucher-input__table__row[data-v-7987ad37] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding: calc(16 / var(--base-font-size, 16) * 1rem); border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } @media (min-width: 1025px) { .st-voucher-input__table__row[data-v-7987ad37] { display: table-row; padding: 0; border-bottom: none; } } .st-voucher-input__table__row__td[data-v-7987ad37] { color: var(--text-color-primary); padding: 0; font-size: calc(16 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; gap: calc(4 / var(--base-font-size, 16) * 1rem); } .st-voucher-input__table__row__td[data-v-7987ad37]::before { content: attr(data-label); font-weight: 600; font-size: calc(14 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-voucher-input__table__row__td[data-v-7987ad37]::before { display: none; } } @media (min-width: 1025px) { .st-voucher-input__table__row__td[data-v-7987ad37] { padding: calc(8 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem); display: table-cell; } }.st-not-credit-worthy-modal[data-v-56fc7455] { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--text-color-primary); } .st-not-credit-worthy-modal[data-v-56fc7455] > :not(:last-child) { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-not-credit-worthy-modal__btns[data-v-56fc7455] { width: 100%; margin-top: calc(24 / var(--base-font-size, 16) * 1rem); }.st-order-confirmation[data-v-9ab10894] { display: flex; flex-direction: column; min-height: 70vh; padding: calc(24 / var(--base-font-size, 16) * 1rem) 0; } .st-order-confirmation[data-v-9ab10894] > :last-child { margin-bottom: calc(32 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-order-confirmation[data-v-9ab10894] { padding: calc(24 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-order-confirmation[data-v-9ab10894] { flex-direction: row; justify-content: center; } .st-order-confirmation[data-v-9ab10894] > :first-child { flex: 1 1 calc(900 / var(--base-font-size, 16) * 1rem); max-width: calc(900 / var(--base-font-size, 16) * 1rem); margin-right: calc(48 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation[data-v-9ab10894] > :last-child { flex: 1 1 calc(450 / var(--base-font-size, 16) * 1rem); max-width: calc(450 / var(--base-font-size, 16) * 1rem); } } .st-order-confirmation__cart[data-v-9ab10894] { background-color: var(--background-color-secondary); border-radius: calc(12 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__cart[data-v-9ab10894] { align-self: flex-start; } } .st-order-confirmation__cart__container[data-v-9ab10894] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem) 0 calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__cart__container[data-v-9ab10894] > :nth-child(1), .st-order-confirmation__cart__container[data-v-9ab10894] > :nth-child(2) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__card[data-v-9ab10894] { background-color: var(--background-color-secondary); padding: calc(24 / var(--base-font-size, 16) * 1rem); border-radius: calc(12 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__card[data-v-9ab10894] > :nth-child(even):not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__card[data-v-9ab10894] > :nth-child(odd) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__card[data-v-9ab10894] { align-self: flex-start; } } .st-order-confirmation__dl-list[data-v-9ab10894] { display: grid; grid-template-columns: 1fr; row-gap: calc(12 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-order-confirmation__dl-list dt[data-v-9ab10894] { font-weight: 600; } .st-order-confirmation__dl-list dd[data-v-9ab10894] { margin: 0; text-align: left; margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); font-weight: 400; } .st-order-confirmation__dl-list dd.st-order-confirmation__dl-list--bold[data-v-9ab10894] { font-weight: 600; } .st-order-confirmation__dl-list__middle-wrapper[data-v-9ab10894] { grid-column: 1/-1; display: grid; grid-template-columns: subgrid; margin-top: calc(-8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__dl-list[data-v-9ab10894] { grid-template-columns: calc(180 / var(--base-font-size, 16) * 1rem) 1fr; column-gap: calc(32 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__dl-list dd[data-v-9ab10894] { margin-bottom: 0; } .st-order-confirmation__dl-list__first-column[data-v-9ab10894] { grid-column: 1/-1; } } .st-order-confirmation__address[data-v-9ab10894] { display: flex; flex-direction: column; color: var(--text-color-primary); line-height: calc(21 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__distribution[data-v-9ab10894] { display: flex; flex-direction: column; color: var(--text-color-primary); } .st-order-confirmation__distribution[data-v-9ab10894] > :first-child { font-weight: 600; margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__tickets[data-v-9ab10894] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__tickets[data-v-9ab10894] { max-height: calc(600 / var(--base-font-size, 16) * 1rem); overflow-y: auto; } } .st-order-confirmation__summary[data-v-9ab10894] { padding: calc(16 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem) calc(24 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__summary--scrollable[data-v-9ab10894] { box-shadow: 0 calc(-2 / var(--base-font-size, 16) * 1rem) calc(14 / var(--base-font-size, 16) * 1rem) 0 rgba(0, 0, 0, 0.1); clip-path: inset(calc(-14 / var(--base-font-size, 16) * 1rem) 0 0 calc(1 / var(--base-font-size, 16) * 1rem)); } } .st-order-confirmation__summary__buttons[data-v-9ab10894] { display: flex; flex-direction: column; justify-content: center; padding-bottom: calc(4 / var(--base-font-size, 16) * 1rem); margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__summary__buttons[data-v-9ab10894] > :first-child { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__summary__buttons[data-v-9ab10894] { flex-direction: row-reverse; } .st-order-confirmation__summary__buttons[data-v-9ab10894] > :first-child { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: 0; } } .st-order-confirmation__warning[data-v-9ab10894] { margin: calc(24 / var(--base-font-size, 16) * 1rem) 0; } .st-order-confirmation__fixed-summary[data-v-9ab10894] { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--container-color-primary); box-shadow: 0 calc(-4 / var(--base-font-size, 16) * 1rem) calc(12 / var(--base-font-size, 16) * 1rem) rgba(0, 0, 0, 0.1); } .st-order-confirmation-spinner[data-v-9ab10894] { display: flex; min-height: 70vh; justify-content: center; align-items: center; }.st-unsaved-changes-modal[data-v-27c160e3] { display: flex; flex-direction: column; color: var(--text-color-primary); gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-unsaved-changes-modal p[data-v-27c160e3] { margin: 0; } .st-unsaved-changes-modal__buttons[data-v-27c160e3] { display: flex; flex-direction: column; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-unsaved-changes-modal__buttons[data-v-27c160e3] { flex-direction: row-reverse; } }.st-traveller-details[data-v-00882a1f] { --column-width: calc(500 / var(--base-font-size, 16) * 1rem); --container-gap: calc(24 / var(--base-font-size, 16) * 1rem); display: flex; flex-direction: column; min-height: 80vh; padding: calc(16 / var(--base-font-size, 16) * 1rem); background-color: var(--container-color-primary); } .st-traveller-details > :first-child .st-icon[data-v-00882a1f] { transform: rotate(90deg); } @media (min-width: 1025px) { .st-traveller-details[data-v-00882a1f] > :first-child { margin: calc(8 / var(--base-font-size, 16) * 1rem) auto calc(24 / var(--base-font-size, 16) * 1rem) 0; } } .st-traveller-details__loader[data-v-00882a1f] { display: flex; justify-content: center; align-items: center; min-height: 50vh; } .st-traveller-details__error[data-v-00882a1f] { display: flex; justify-content: center; align-items: center; min-height: 50vh; } .st-traveller-details__title[data-v-00882a1f] { font-family: var(--font-secondary); font-weight: 700; line-height: 150%; } .st-traveller-details__title--h1[data-v-00882a1f] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-traveller-details__title--h2[data-v-00882a1f] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-traveller-details__header[data-v-00882a1f] { display: flex; flex-direction: column; align-items: center; gap: calc(8 / var(--base-font-size, 16) * 1rem); margin: calc(40 / var(--base-font-size, 16) * 1rem) auto; } @media (min-width: 1025px) { .st-traveller-details__header[data-v-00882a1f] { flex-direction: row; width: calc(var(--column-width) * 2 + var(--container-gap)); } .st-traveller-details__header[data-v-00882a1f] > :last-child { margin-left: auto; } } .st-traveller-details__container[data-v-00882a1f] { display: flex; flex-direction: column; justify-content: center; gap: var(--container-gap); } @media (min-width: 1025px) { .st-traveller-details__container[data-v-00882a1f] { flex-direction: row; align-items: flex-start; } .st-traveller-details__container[data-v-00882a1f] > * { width: var(--column-width); } } .st-traveller-details__traveller[data-v-00882a1f] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-traveller-details__traveller[data-v-00882a1f] > :last-child { align-self: flex-end; } .st-traveller-details__traveller__form[data-v-00882a1f] { display: flex; flex-direction: column; padding: calc(24 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); align-items: flex-start; border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-traveller-details__traveller__form[data-v-00882a1f] > * { width: 100%; } .st-traveller-details__traveller__form__btns[data-v-00882a1f] { display: flex; flex-direction: column-reverse; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); gap: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveller-details__traveller__form__btns[data-v-00882a1f] { flex-direction: row; } } .st-traveller-details__related[data-v-00882a1f] { display: flex; flex-direction: column; padding: calc(24 / var(--base-font-size, 16) * 1rem); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-traveller-details__related__subscriptions[data-v-00882a1f] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding: 0; } .st-traveller-details__related__subscriptions__item[data-v-00882a1f] { display: flex; flex-direction: column; } .st-traveller-details__related__subscriptions__item__actions[data-v-00882a1f] { display: flex; gap: calc(16 / var(--base-font-size, 16) * 1rem); margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .st-traveller-details__related__title[data-v-00882a1f] { display: flex; flex-direction: column; align-items: flex-start; gap: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveller-details__related__title[data-v-00882a1f] { flex-direction: row; justify-content: space-between; } } .st-traveller-details__related__info[data-v-00882a1f] { display: flex; flex-direction: column; color: var(--text-color-primary); line-height: 130%; margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } .st-traveller-details__related__info[data-v-00882a1f] > :first-child { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveller-details__related__info[data-v-00882a1f] { margin-top: 0; } } .st-traveller-details__related__divider[data-v-00882a1f] { border: none; width: 100%; border-top: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } [data-v-38906853]: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-38906853]: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-38906853]:root, [data-theme=st][data-v-38906853] { /* 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-38906853]:root, [data-theme=st][data-v-38906853] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-38906853]:root, [data-theme=st][data-v-38906853] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-38906853] { /* 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-38906853] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-38906853] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-38906853] { /* 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-38906853] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-accordion[data-v-38906853] { display: flex; flex-direction: column; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--disabled-color-secondary); } .st-accordion--boxshadow[data-v-38906853] { border: none; box-shadow: 0 calc(4 / var(--base-font-size, 16) * 1rem) calc(4 / var(--base-font-size, 16) * 1rem) 0 rgba(0, 0, 0, 0.15); } .st-accordion--highlighted[data-v-38906853] { background: var(--container-color-tertiary); } .st-accordion__header[data-v-38906853] { display: flex; flex-direction: column; border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid transparent; border-radius: calc(6 / var(--base-font-size, 16) * 1rem); padding: calc(5 / var(--base-font-size, 16) * 1rem); transition: border-bottom 0.2s linear; align-items: center; } .st-accordion__header[data-v-38906853] > :not(:last-child) { margin-bottom: calc(5 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-accordion__header[data-v-38906853] { padding: calc(20 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem) calc(15 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-accordion__header[data-v-38906853] { flex-direction: row; } .st-accordion__header[data-v-38906853] > :first-child { margin-right: calc(20 / var(--base-font-size, 16) * 1rem); } .st-accordion__header[data-v-38906853] > :not(:last-child) { margin-bottom: 0; } } .st-accordion__header[data-v-38906853]:focus { outline: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--border-color-quaternary); } .st-accordion__header[data-v-38906853]:hover { border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid var(--border-color-primary); cursor: pointer; } .st-accordion__header--disabled[data-v-38906853]:hover { border-bottom: calc(5 / var(--base-font-size, 16) * 1rem) solid transparent; cursor: not-allowed; } .st-accordion__header--expanded .st-icon[data-v-38906853] { transform: rotate(180deg); } .st-accordion__header__title[data-v-38906853] { display: flex; font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-family: var(--font-secondary); font-weight: 700; word-break: break-all; } @media (min-width: 1025px) { .st-accordion__header__title[data-v-38906853] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-accordion__header__expand[data-v-38906853] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 600; display: flex; justify-content: center; align-items: center; } @media (min-width: 1025px) { .st-accordion__header__expand[data-v-38906853] { margin-left: auto; } } .st-accordion__header__expand .st-icon[data-v-38906853] { transition: transform 0.3s linear; } .st-accordion__header__expand[data-v-38906853] > :not(:last-child) { margin-right: calc(10 / var(--base-font-size, 16) * 1rem); } .st-accordion__content[data-v-38906853] { padding: 0 calc(8 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-accordion__content[data-v-38906853] { padding: 0 calc(20 / var(--base-font-size, 16) * 1rem) calc(16 / var(--base-font-size, 16) * 1rem) calc(20 / var(--base-font-size, 16) * 1rem); } } .st-accordion__content__divider[data-v-38906853] { margin-top: calc(2 / var(--base-font-size, 16) * 1rem); border: none; border-bottom: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } .st-accordion .v-enter-active[data-v-38906853], .st-accordion .v-leave-active[data-v-38906853] { transition: opacity 0.5s ease; } .st-accordion .v-enter-from[data-v-38906853], .st-accordion .v-leave-to[data-v-38906853] { opacity: 0; } .st-accordion .disabled[data-v-38906853] { opacity: 0.2; }.st-file-upload[data-v-4c5187d4] { display: flex; flex-direction: column; gap: calc(24 / var(--base-font-size, 16) * 1rem); } .st-file-upload__text[data-v-4c5187d4] { color: var(--text-color-primary); font-weight: 600; margin: 0; } .st-file-upload[data-v-4c5187d4] > :last-child { align-self: center; } @media (min-width: 1025px) { .st-file-upload[data-v-4c5187d4] > :last-child { margin-left: auto; } }.st-import-summary-list[data-v-73ddd366] { background: var(--container-color-primary); border-radius: calc(6 / var(--base-font-size, 16) * 1rem); margin: 0; padding: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-import-summary-list[data-v-73ddd366] { padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(40 / var(--base-font-size, 16) * 1rem); } } .st-import-summary-list[data-v-73ddd366] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-summary-list__item[data-v-73ddd366] { display: flex; align-items: baseline; font-family: var(--font-primary); gap: calc(4 / var(--base-font-size, 16) * 1rem); } .st-import-summary-list__item[data-v-73ddd366]::before { content: ""; width: calc(8 / var(--base-font-size, 16) * 1rem); height: calc(8 / var(--base-font-size, 16) * 1rem); border-radius: 50%; background: var(--background-color-primary); align-self: center; } .st-import-summary-list__item--number[data-v-73ddd366] { margin-left: calc(4 / var(--base-font-size, 16) * 1rem); font-size: calc(18 / var(--base-font-size, 16) * 1rem); font-weight: 700; color: var(--text-color-primary); } .st-import-summary-list__item--text[data-v-73ddd366] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } [data-v-0aba0cf5]: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-0aba0cf5]: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-0aba0cf5]:root, [data-theme=st][data-v-0aba0cf5] { /* 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-0aba0cf5]:root, [data-theme=st][data-v-0aba0cf5] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-0aba0cf5]:root, [data-theme=st][data-v-0aba0cf5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0aba0cf5] { /* 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-0aba0cf5] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-0aba0cf5] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-0aba0cf5] { /* 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-0aba0cf5] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-traveller-import-table-item[data-v-0aba0cf5] { word-break: break-all; } .st-traveller-import-table-item__sr-only[data-v-0aba0cf5] { 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; left: auto; clip: rect(0, 0, 0, 0); white-space: nowrap; } .st-traveller-import-table-item--error[data-v-0aba0cf5] { padding: calc(8 / var(--base-font-size, 16) * 1rem); border: calc(2 / var(--base-font-size, 16) * 1rem) solid var(--danger-color-primary); }.st-import-summary[data-v-06fab68a] { display: flex; flex-direction: column; padding: 0 calc(4 / var(--base-font-size, 16) * 1rem); } .st-import-summary__invalid[data-v-06fab68a] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-summary__invalid__info[data-v-06fab68a] { color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); font-weight: 600; } .st-import-summary__invalid__errors[data-v-06fab68a] { font-size: calc(14 / var(--base-font-size, 16) * 1rem); font-weight: 600; color: var(--danger-color-primary); margin: 0; } .st-import-summary__invalid__errors--title[data-v-06fab68a] { font-weight: 700; } .st-import-summary__invalid__errors--description[data-v-06fab68a] { margin: 0; } .st-import-summary__invalid__errors--description[data-v-06fab68a]:not(:last-of-type) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-summary__invalid[data-v-06fab68a] > :last-child { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); align-self: center; } @media (min-width: 1025px) { .st-import-summary__invalid[data-v-06fab68a] > :last-child { margin-left: auto; } } .st-import-summary__complete[data-v-06fab68a] { display: flex; flex-direction: column; padding: 0 calc(4 / var(--base-font-size, 16) * 1rem); gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-import-summary__complete__btn[data-v-06fab68a] { align-self: center; } @media (min-width: 1025px) { .st-import-summary__complete__btn[data-v-06fab68a] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); margin-left: auto; } }.st-traveller-import-modal[data-v-b05cfba5] { display: flex; flex-direction: column; align-items: center; color: var(--text-color-primary); gap: calc(8 / var(--base-font-size, 16) * 1rem); } .st-traveller-import-modal p[data-v-b05cfba5] { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-traveller-import-modal__header[data-v-b05cfba5] { display: flex; flex-direction: column; align-items: center; gap: calc(8 / var(--base-font-size, 16) * 1rem); } [data-v-310df928]: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-310df928]: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-310df928]:root, [data-theme=st][data-v-310df928] { /* 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-310df928]:root, [data-theme=st][data-v-310df928] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-310df928]:root, [data-theme=st][data-v-310df928] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-310df928] { /* 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-310df928] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-310df928] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / 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-310df928] { /* 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-310df928] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-travellers-import[data-v-310df928] { display: flex; min-height: 80vh; justify-content: center; padding: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-travellers-import[data-v-310df928] { padding: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-travellers-import__container[data-v-310df928] { background-color: var(--container-color-primary); padding: calc(16 / var(--base-font-size, 16) * 1rem); border-radius: calc(16 / var(--base-font-size, 16) * 1rem); border: calc(1 / var(--base-font-size, 16) * 1rem) solid var(--border-color-tertiary); } @media (min-width: 1025px) { .st-travellers-import__container[data-v-310df928] { padding: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-travellers-import__header[data-v-310df928] { display: flex; flex-direction: column; align-items: center; } .st-travellers-import__header .st-icon[data-v-310df928] { transform: rotate(90deg); } @media (min-width: 1025px) { .st-travellers-import__header[data-v-310df928] > :first-child { margin-right: auto; } } .st-travellers-import__header__desc[data-v-310df928] { max-width: calc(500 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); margin-top: calc(24 / var(--base-font-size, 16) * 1rem); line-height: calc(24 / var(--base-font-size, 16) * 1rem); } .st-travellers-import__help[data-v-310df928] { display: flex; flex-direction: column; } .st-travellers-import__help[data-v-310df928] > :not(:first-child):not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-travellers-import__help__download[data-v-310df928] { display: flex; margin-right: auto; } .st-travellers-import__help__header[data-v-310df928] { display: flex; align-items: center; gap: calc(4 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); font-weight: 600; } .st-travellers-import__help__header__title[data-v-310df928] { font-weight: 700; margin: 0; color: var(--text-color-primary); font-size: calc(16 / var(--base-font-size, 16) * 1rem); } .st-travellers-import__help__text[data-v-310df928] { font-weight: 600; line-height: 150%; color: var(--text-color-primary); } .st-travellers-import__accordions[data-v-310df928] { display: flex; flex-direction: column; gap: calc(24 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem) 0; } @media (min-width: 600px) { .st-travellers-import__accordions[data-v-310df928] { width: calc(520 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-travellers-import__accordions[data-v-310df928] { width: calc(1200 / var(--base-font-size, 16) * 1rem); padding: calc(24 / var(--base-font-size, 16) * 1rem) calc(104 / var(--base-font-size, 16) * 1rem); } } .disabled[data-v-310df928] { opacity: 0.2; }.add-card[data-v-faed27a9] { margin-bottom: 0px; width: 100%; } .ic-error-filled-large[data-v-faed27a9] { width: 64px; height: 64px; object-fit: contain; } .error-body[data-v-faed27a9] { margin-right: 0px; margin-left: 0px; padding-left: 28px; padding-right: 28px; }