@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: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"); :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-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-853ba39e]: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-853ba39e]: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-853ba39e]:root, [data-theme=st][data-v-853ba39e] { /* 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-853ba39e]:root, [data-theme=st][data-v-853ba39e] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-853ba39e]:root, [data-theme=st][data-v-853ba39e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-853ba39e] { /* 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-853ba39e] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-853ba39e] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-853ba39e] { /* 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-853ba39e] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } #appRouterLink[data-v-853ba39e] { text-decoration: none !important; } #app-navigation[data-v-853ba39e] { background-color: #ffffff; z-index: 1017; } #app-navigation .app-navigation-title[data-v-853ba39e] { 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-853ba39e] { flex-direction: row; align-items: center; } } @media (min-width: 1025px) { #app-navigation .app-navigation-title[data-v-853ba39e] { width: 100%; } } #app-navigation .app-navigation-title__text[data-v-853ba39e] { margin-bottom: 0; overflow-wrap: anywhere; } #app-navigation .skip-link[data-v-853ba39e] { 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-853ba39e]: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-853ba39e]:focus:hover { background-color: #f6a200; } #app-navigation .screenreader-text[data-v-853ba39e] { margin-left: -2000px; font-size: 18px; text-decoration: none; } #app-navigation .screenreader-text[data-v-853ba39e]: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-853ba39e]:focus:hover { background-color: #f6a200; } @media (min-width: 1100px) { #app-navigation li.dropdown:hover > .dropdown-menu[data-v-853ba39e] { display: block; } } #app-navigation .navbar[data-v-853ba39e] { 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-853ba39e] { padding: 0; } } #app-navigation .navbar a[data-v-853ba39e] { background-color: transparent; } #app-navigation .navbar a[data-v-853ba39e]:focus { outline-color: var(--border-color-quaternary); } #app-navigation .navbar span[role=button][data-v-853ba39e] { cursor: pointer; color: #4d4844; font-size: calc(16 / var(--base-font-size, 16) * 1rem); } #app-navigation .navbar .navbar-brand[data-v-853ba39e] { align-content: center; padding-left: calc(24 / var(--base-font-size, 16) * 1rem); } @media (max-width: 450px) { #app-navigation .navbar .navbar-brand[data-v-853ba39e] { padding-left: 8px; max-width: 75%; } } @media (max-width: 243px) { #app-navigation .navbar .navbar-brand[data-v-853ba39e] { padding-left: 8px; max-width: 65%; } } #app-navigation .navbar .navbar-brand[data-v-853ba39e] { 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-853ba39e] { outline: none; } #app-navigation .navbar .navbar-brand img[data-v-853ba39e]: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-853ba39e] { vertical-align: middle; margin-top: -6px; height: 30px; } #app-navigation .navbar .navbar-brand span[data-v-853ba39e] { margin-left: 15px; vertical-align: bottom; } @media (max-width: 450px) { #app-navigation .navbar .navbar-toggler[data-v-853ba39e] { padding: 0 0.3rem; margin-right: 8px; } } #app-navigation .navbar .navbar-toggler[data-v-853ba39e] { 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-853ba39e]:focus { outline-color: var(--border-color-primary); } #app-navigation .navbar .dropdown-menu[data-v-853ba39e] { display: none; 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.show[data-v-853ba39e] { display: block; } #app-navigation .navbar .dropdown-menu .dropdown-item[data-v-853ba39e] { 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-853ba39e]:hover { background-color: var(--background-color-quaternary); } #app-navigation .navbar li.nav-item[data-v-853ba39e]:hover { transition: 0.3s; background-color: var(--background-color-quaternary); } body.ot #app-navigation .navbar li.nav-item[data-v-853ba39e]:hover { background-color: #f1f4f8; } #app-navigation .navbar li.nav-item[data-v-853ba39e]:not(:hover) { transition: 0.3s; } #app-navigation .navbar li.nav-item a[data-v-853ba39e]:focus { transition: 0.3s; background-color: var(--background-color-quaternary); } #app-navigation .navbar li.nav-item[data-v-853ba39e]:not(:focus) { transition: 0.3s; } #app-navigation .navbar .navbar-nav[data-v-853ba39e] { align-self: stretch; } #app-navigation .navbar .navbar-collapse[data-v-853ba39e] { align-self: stretch; } #app-navigation .navbar .nav-item[data-v-853ba39e] { height: 100%; } #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e] { 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-853ba39e]:hover, #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e]:focus { transition: 0.3s; background-color: var(--background-color-quaternary); } #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e]:not(:hover), #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e]:not(:focus) { transition: 0.3s; } #app-navigation .navbar .nav-item .nav-link .active-line[data-v-853ba39e] { 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-853ba39e] { margin-left: -16px; } } #app-navigation .navbar .nav-item .nav-link.active-user[data-v-853ba39e] { margin: 0; width: 220px; display: flex; align-items: center; } @media (max-width: 1099px) { #app-navigation .navbar .nav-item .nav-link.active-user[data-v-853ba39e] { width: 100%; } } #app-navigation .navbar .nav-item .nav-link.primary[data-v-853ba39e] { background: var(--background-color-primary); color: var(--text-color-tertiary); } #app-navigation .navbar .nav-item .nav-link.primary[data-v-853ba39e]:hover { background: var(--background-color-quaternary); color: var(--text-color-primary); } @media (max-width: 1099px) { #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e] { width: 100%; text-align: left; padding: 25px 16px; } #app-navigation .navbar .nav-item .nav-link[data-v-853ba39e]:hover { background-color: #f7f6f2; } } #app-navigation .navbar .nav-item.dropdown[data-v-853ba39e] { display: none; } #app-navigation .navbar .nav-item.mobile[data-v-853ba39e] { display: block; } #app-navigation .navbar .nav-item.dropdown[data-v-853ba39e] { background-color: #f5f3f0; } #app-navigation .dropdown-menu label[data-v-853ba39e] { padding-top: 10px; padding-left: 24px; margin-bottom: 0px; height: 36px; } @media (max-width: 1099.98px) { #app-navigation .navbar-expand-custom > .container[data-v-853ba39e], #app-navigation .navbar-expand-custom > .container-fluid[data-v-853ba39e] { padding-right: 0; padding-left: 0; } #app-navigation .navbar-collapse[data-v-853ba39e]:not(.show) { display: none; } } @media (min-width: 1100px) { #app-navigation .navbar-expand-custom[data-v-853ba39e] { -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-853ba39e] { -ms-flex-direction: row; flex-direction: row; } #app-navigation .navbar-expand-custom .navbar-nav .dropdown-menu[data-v-853ba39e] { position: absolute; } #app-navigation .navbar-expand-custom > .container[data-v-853ba39e], #app-navigation .navbar-expand-custom > .container-fluid[data-v-853ba39e] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #app-navigation .navbar-expand-custom .navbar-collapse[data-v-853ba39e] { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } #app-navigation .navbar-expand-custom .navbar-toggler[data-v-853ba39e] { display: none; } } @media (min-width: 768px) { #app-navigation .navbar .nav-item[data-v-853ba39e] { text-align: center; } #app-navigation .navbar .nav-item.mobile[data-v-853ba39e] { display: none; } #app-navigation .navbar .nav-item.dropdown[data-v-853ba39e] { display: block; } } @media (min-width: 1100px) { #app-navigation .select-transition-enter-active[data-v-853ba39e] { transition: all 0.7s ease-in; max-height: 100%; } } @media (min-width: 1100px) { #app-navigation .select-transition-leave-active[data-v-853ba39e] { transition: all 0.1s ease-out; max-height: 100%; } } @media (min-width: 1100px) { #app-navigation .select-transition-enter-from[data-v-853ba39e], #app-navigation .select-transition-leave-to[data-v-853ba39e] { 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-a2612e7b]: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-a2612e7b]: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-a2612e7b]:root, [data-theme=st][data-v-a2612e7b] { /* 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-a2612e7b]:root, [data-theme=st][data-v-a2612e7b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-a2612e7b]:root, [data-theme=st][data-v-a2612e7b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-a2612e7b] { /* 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-a2612e7b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-a2612e7b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-a2612e7b] { /* 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-a2612e7b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } html[data-v-a2612e7b], body[data-v-a2612e7b] { height: 100%; top: 0px; z-index: 1; position: relative; background: white; } #app[data-v-a2612e7b] { min-height: 100%; } .article-container[data-v-a2612e7b] { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin-bottom: 0; } @media (min-width: 1025px) { .article-container[data-v-a2612e7b] { flex-direction: row; padding: calc(100 / var(--base-font-size, 16) * 1rem) 0; } } .article-container[data-v-a2612e7b] { background-color: var(--background-color-secondary); } .article-container[data-v-a2612e7b] > * { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .container-fluid[data-v-a2612e7b] { margin: 0; padding: 0; min-height: 70vh; } .container[data-v-a2612e7b] { min-height: 70vh; } @media (max-width: 575px) { .container[data-v-a2612e7b] { margin: 0; padding: 0; } } [type=checkbox][data-v-a2612e7b] { display: none; } .bg[data-v-a2612e7b] { background-image: none; } .recapthca-text[data-v-a2612e7b] { position: absolute; margin: 10px 20px 40px 20px; color: #4d4845 !important; } @media (min-width: 768px) { .recapthca-text[data-v-a2612e7b] { margin: 0px 0px 40px 50px; } } .recapthca-text a[data-v-a2612e7b]:hover { text-decoration: underline; color: #cc4039 !important; } .hide-recapthca-text[data-v-a2612e7b] { display: none; } .grecaptcha-badge[data-v-a2612e7b] { visibility: hidden; } @media (min-width: 992px) { .feeders[data-v-a2612e7b] { padding: 96px 0px; } } @media (min-width: 768px) { .bg.st[data-v-a2612e7b] { background: url("/assets/tag_bakgrund-C8TvFVwz.jpg") no-repeat center center fixed; background-size: cover; } .bg.ot[data-v-a2612e7b] { background: url("/assets/ot-banner-picture-CzyVH3ZW.jpg") no-repeat center center fixed; background-size: cover; } .bg.bt[data-v-a2612e7b] { background: url("/assets/blekingetrafiken-foretag-bg-2055x1370-CDlBOTOK.jpg") no-repeat center center fixed; background-size: cover; } .bg.fullHeight[data-v-a2612e7b] { 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-28a9f64b]: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-28a9f64b]: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-28a9f64b]:root, [data-theme=st][data-v-28a9f64b] { /* 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-28a9f64b]:root, [data-theme=st][data-v-28a9f64b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-28a9f64b]:root, [data-theme=st][data-v-28a9f64b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-28a9f64b] { /* 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-28a9f64b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-28a9f64b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-28a9f64b] { /* 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-28a9f64b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-org-app .st-table th[data-v-28a9f64b] { 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}:root { font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family: "Inter var", sans-serif; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --text-color: #334155; --text-color-secondary: #64748b; --primary-color: #10b981; --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f8fafc; --surface-100: #f1f5f9; --surface-200: #e2e8f0; --surface-300: #cbd5e1; --surface-400: #94a3b8; --surface-500: #64748b; --surface-600: #475569; --surface-700: #334155; --surface-800: #1e293b; --surface-900: #0f172a; --surface-950: #020617; --gray-0: #ffffff; --gray-50: #f8fafc; --gray-100: #f1f5f9; --gray-200: #e2e8f0; --gray-300: #cbd5e1; --gray-400: #94a3b8; --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155; --gray-800: #1e293b; --gray-900: #0f172a; --gray-950: #020617; --content-padding: 1.125rem; --inline-spacing: 0.5rem; --border-radius: 6px; --surface-ground: #f8fafc; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #e2e8f0; --surface-hover: #f1f5f9; --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #ecfdf5; --highlight-text-color: #047857; --p-anchor-gutter: 2px; color-scheme: light; } :root { --p-focus-ring-color: var(--primary-color); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: normal; font-named-instance: "Regular"; src: url("/assets/Inter-roman.var-C-r5W2Hj.woff2?v=3.19") format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; font-display: swap; font-style: italic; font-named-instance: "Italic"; src: url("/assets/Inter-italic.var-DhD-tpjY.woff2?v=3.19") format("woff2"); } :root { --blue-50:#f5f9ff; --blue-100:#d0e1fd; --blue-200:#abc9fb; --blue-300:#85b2f9; --blue-400:#609af8; --blue-500:#3b82f6; --blue-600:#326fd1; --blue-700:#295bac; --blue-800:#204887; --blue-900:#183462; --green-50:#f4fcf7; --green-100:#caf1d8; --green-200:#a0e6ba; --green-300:#76db9b; --green-400:#4cd07d; --green-500:#22c55e; --green-600:#1da750; --green-700:#188a42; --green-800:#136c34; --green-900:#0e4f26; --yellow-50:#fefbf3; --yellow-100:#faedc4; --yellow-200:#f6de95; --yellow-300:#f2d066; --yellow-400:#eec137; --yellow-500:#eab308; --yellow-600:#c79807; --yellow-700:#a47d06; --yellow-800:#816204; --yellow-900:#5e4803; --cyan-50:#f3fbfd; --cyan-100:#c3edf5; --cyan-200:#94e0ed; --cyan-300:#65d2e4; --cyan-400:#35c4dc; --cyan-500:#06b6d4; --cyan-600:#059bb4; --cyan-700:#047f94; --cyan-800:#036475; --cyan-900:#024955; --pink-50:#fef6fa; --pink-100:#fad3e7; --pink-200:#f7b0d3; --pink-300:#f38ec0; --pink-400:#f06bac; --pink-500:#ec4899; --pink-600:#c93d82; --pink-700:#a5326b; --pink-800:#822854; --pink-900:#5e1d3d; --indigo-50:#f7f7fe; --indigo-100:#dadafc; --indigo-200:#bcbdf9; --indigo-300:#9ea0f6; --indigo-400:#8183f4; --indigo-500:#6366f1; --indigo-600:#5457cd; --indigo-700:#4547a9; --indigo-800:#363885; --indigo-900:#282960; --teal-50:#f3fbfb; --teal-100:#c7eeea; --teal-200:#9ae0d9; --teal-300:#6dd3c8; --teal-400:#41c5b7; --teal-500:#14b8a6; --teal-600:#119c8d; --teal-700:#0e8174; --teal-800:#0b655b; --teal-900:#084a42; --orange-50:#fff8f3; --orange-100:#feddc7; --orange-200:#fcc39b; --orange-300:#fba86f; --orange-400:#fa8e42; --orange-500:#f97316; --orange-600:#d46213; --orange-700:#ae510f; --orange-800:#893f0c; --orange-900:#642e09; --bluegray-50:#f7f8f9; --bluegray-100:#dadee3; --bluegray-200:#bcc3cd; --bluegray-300:#9fa9b7; --bluegray-400:#818ea1; --bluegray-500:#64748b; --bluegray-600:#556376; --bluegray-700:#465161; --bluegray-800:#37404c; --bluegray-900:#282e38; --purple-50:#fbf7ff; --purple-100:#ead6fd; --purple-200:#dab6fc; --purple-300:#c996fa; --purple-400:#b975f9; --purple-500:#a855f7; --purple-600:#8f48d2; --purple-700:#763cad; --purple-800:#5c2f88; --purple-900:#432263; --red-50:#fff5f5; --red-100:#ffd0ce; --red-200:#ffaca7; --red-300:#ff8780; --red-400:#ff6259; --red-500:#ff3d32; --red-600:#d9342b; --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; --primary-50:#f3fcf9; --primary-100:#c6eee1; --primary-200:#98e1c9; --primary-300:#6bd4b1; --primary-400:#3dc699; --primary-500:#10b981; --primary-600:#0e9d6e; --primary-700:#0b825a; --primary-800:#096647; --primary-900:#064a34; } .p-editor-container .p-editor-toolbar { background: #ffffff; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #e2e8f0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #64748b; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.25rem 0.25rem; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #334155; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #1e293b; background: #f1f5f9; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 0.75rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #e2e8f0; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #334155; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #334155; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #334155; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #10b981; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #10b981; } @layer primevue { .p-component, .p-component * { box-sizing: border-box; } .p-hidden-space { visibility: hidden; } .p-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .p-disabled, .p-disabled * { cursor: default; pointer-events: none; user-select: none; } .p-component-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .p-unselectable-text { user-select: none; } .p-sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .p-link { text-align: left; background-color: transparent; margin: 0; padding: 0; border: none; cursor: pointer; user-select: none; } .p-link:disabled { cursor: default; } /* Non vue overlay animations */ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; transform: scaleY(1); } .p-connected-overlay-hidden { opacity: 0; transform: scaleY(1); transition: opacity 0.1s linear; } /* Vue based overlay animations */ .p-connected-overlay-enter-from { opacity: 0; transform: scaleY(0.8); } .p-connected-overlay-leave-to { opacity: 0; } .p-connected-overlay-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-leave-active { transition: opacity 0.1s linear; } /* Toggleable Content */ .p-toggleable-content-enter-from, .p-toggleable-content-leave-to { max-height: 0; } .p-toggleable-content-enter-to, .p-toggleable-content-leave-from { max-height: 1000px; } .p-toggleable-content-leave-active { overflow: hidden; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); } .p-toggleable-content-enter-active { overflow: hidden; transition: max-height 1s ease-in-out; } * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #f87171; } .p-text-secondary { color: #64748b; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; border-radius: 6px; outline-color: transparent; } .p-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } .p-autocomplete { display: inline-flex; } .p-autocomplete-loader { position: absolute; top: 50%; margin-top: -0.5rem; } .p-autocomplete-dd .p-autocomplete-input { flex: 1 1 auto; width: 1%; } .p-autocomplete-dd .p-autocomplete-input, .p-autocomplete-dd .p-autocomplete-multiple-container { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-autocomplete-dd .p-autocomplete-dropdown { border-top-left-radius: 0; border-bottom-left-radius: 0px; } .p-autocomplete .p-autocomplete-panel { min-width: 100%; } .p-autocomplete-panel { position: absolute; overflow: auto; top: 0; left: 0; } .p-autocomplete-items { margin: 0; padding: 0; list-style-type: none; } .p-autocomplete-item { cursor: pointer; white-space: nowrap; position: relative; overflow: hidden; } .p-autocomplete-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-autocomplete-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-autocomplete-token-icon { cursor: pointer; } .p-autocomplete-input-token { flex: 1 1 auto; display: inline-flex; } .p-autocomplete-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-autocomplete { display: flex; } .p-fluid .p-autocomplete-dd .p-autocomplete-input { width: 1%; } .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.25rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #94a3b8; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.75rem; gap: 0.5rem; outline-color: transparent; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #e2e8f0; color: #0f172a; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-autocomplete-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.25rem 0.25rem; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { margin-top: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { margin-bottom: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #047857; background: #ecfdf5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: #d1fae5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-calendar { display: inline-flex; max-width: 100%; } .p-calendar .p-inputtext { flex: 1 1 auto; width: 1%; } .p-calendar-w-btn .p-inputtext { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-calendar-w-btn .p-datepicker-trigger { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-calendar .p-datepicker-trigger-icon { cursor: pointer; } /* Fluid */ .p-fluid .p-calendar { display: flex; } .p-fluid .p-calendar .p-inputtext { width: 1%; } /* Datepicker */ .p-calendar .p-datepicker { min-width: 100%; } .p-datepicker { width: auto; } .p-datepicker-inline { display: inline-block; overflow-x: auto; } /* Header */ .p-datepicker-header { display: flex; align-items: center; justify-content: space-between; } .p-datepicker-header .p-datepicker-title { margin: 0 auto; } .p-datepicker-prev, .p-datepicker-next { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Multiple Month DatePicker */ .p-datepicker-multiple-month .p-datepicker-group-container { display: flex; } .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group { flex: 1 1 auto; } /* DatePicker Table */ .p-datepicker table { width: 100%; border-collapse: collapse; } .p-datepicker td > span { display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 auto; overflow: hidden; position: relative; } /* Month Picker */ .p-monthpicker-month { width: 33.3%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Year Picker */ .p-yearpicker-year { width: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } /* Button Bar */ .p-datepicker-buttonbar { display: flex; justify-content: space-between; align-items: center; } /* Time Picker */ .p-timepicker { display: flex; justify-content: center; align-items: center; } .p-timepicker button { display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; position: relative; } .p-timepicker > div { display: flex; align-items: center; flex-direction: column; } /* Touch UI */ .p-datepicker-touch-ui, .p-calendar .p-datepicker-touch-ui { min-width: 80vw; } .p-calendar.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-datepicker { padding: 0.75rem; background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0 0 0.5rem 0; color: #334155; background: #ffffff; font-weight: 500; margin: 0 0 0 0; border-bottom: 1px solid #e2e8f0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 1.75rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; font-weight: 500; padding: 0.25rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #10b981; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0 0 0; } .p-datepicker table th { padding: 0.25rem; } .p-datepicker table th > span { width: 2rem; height: 2rem; } .p-datepicker table td { padding: 0.25rem; } .p-datepicker table td > span { width: 2rem; height: 2rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border: 1px solid transparent; outline-color: transparent; } .p-datepicker table td > span.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker table td > span:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker table td.p-datepicker-today > span { background: #e2e8f0; color: #0f172a; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker .p-datepicker-buttonbar { padding: 0.5rem 0 0 0; border-top: 1px solid #e2e8f0; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #e2e8f0; padding: 0; } .p-datepicker .p-timepicker button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datepicker .p-timepicker button:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datepicker .p-timepicker button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0 0 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.25rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker .p-yearpicker { margin: 0.5rem 0 0 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.25rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #047857; background: #ecfdf5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e2e8f0; padding-right: 0.75rem; padding-left: 0.75rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker.p-datepicker-mobile table th, .p-datepicker.p-datepicker-mobile table td { padding: 0.25rem; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) { outline-color: transparent; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-cascadeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-cascadeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-cascadeselect-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-cascadeselect-label-empty { overflow: hidden; visibility: hidden; } .p-cascadeselect .p-cascadeselect-panel { min-width: 100%; } .p-cascadeselect-item { cursor: pointer; font-weight: normal; white-space: nowrap; } .p-cascadeselect-item-content { display: flex; align-items: center; overflow: hidden; position: relative; } .p-cascadeselect-group-icon { margin-left: auto; } .p-cascadeselect-items { margin: 0; padding: 0; list-style-type: none; min-width: 100%; } .p-fluid .p-cascadeselect { display: flex; } .p-fluid .p-cascadeselect .p-cascadeselect-label { width: 1%; } .p-cascadeselect-sublist { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-cascadeselect-item-active { overflow: visible; } .p-cascadeselect-item-active > .p-cascadeselect-sublist { display: block; left: 100%; top: 0; } .p-cascadeselect-enter-from, .p-cascadeselect-leave-active { opacity: 0; } .p-cascadeselect-enter-active { transition: opacity 150ms; } .p-cascadeselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-cascadeselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-cascadeselect.p-variant-filled { background-color: #f8fafc; } .p-cascadeselect.p-variant-filled:enabled:hover { background-color: #f8fafc; } .p-cascadeselect.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #64748b; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { border-color: #f87171; } .p-cascadeselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.25rem 0.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { margin-top: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { margin-bottom: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #047857; background: #ecfdf5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: #d1fae5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 0.75rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-checkbox { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-checkbox-input { cursor: pointer; } .p-checkbox-box { display: flex; justify-content: center; align-items: center; } .p-checkbox { width: 1.25rem; height: 1.25rem; } .p-checkbox .p-checkbox-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #cbd5e1; border-radius: 6px; } .p-checkbox .p-checkbox-box { border: 1px solid #cbd5e1; background: #ffffff; width: 1.25rem; height: 1.25rem; color: #334155; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 0.875rem; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-checkbox.p-highlight .p-checkbox-box { border-color: #10b981; background: #10b981; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: #94a3b8; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { border-color: #059669; background: #059669; color: #ffffff; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-checkbox.p-invalid > .p-checkbox-box { border-color: #f87171; } .p-checkbox.p-variant-filled .p-checkbox-box { background-color: #f8fafc; } .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { background: #10b981; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f8fafc; } .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #059669; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8fafc; } .p-input-filled .p-checkbox.p-highlight .p-checkbox-box { background: #10b981; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background-color: #f8fafc; } .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { background: #059669; } .p-chips { display: inline-flex; } .p-chips-multiple-container { margin: 0; padding: 0; list-style-type: none; cursor: text; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; } .p-chips-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-chips-input-token { flex: 1 1 auto; display: inline-flex; } .p-chips-token-icon { cursor: pointer; } .p-chips-input-token input { border: 0 none; outline: 0 none; background-color: transparent; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: 100%; } .p-fluid .p-chips { display: flex; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #94a3b8; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.75rem; outline-color: transparent; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #e2e8f0; color: #0f172a; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; padding: 0; margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-colorpicker-panel .p-colorpicker-color { background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); } .p-colorpicker-panel .p-colorpicker-hue { background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); } .p-colorpicker-preview { width: 1.5rem; height: 1.5rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-dropdown { display: inline-flex; cursor: pointer; position: relative; user-select: none; } .p-dropdown-clear-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-dropdown-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-dropdown-label { display: block; white-space: nowrap; overflow: hidden; flex: 1 1 auto; width: 1%; text-overflow: ellipsis; cursor: pointer; } .p-dropdown-label-empty { overflow: hidden; opacity: 0; } input.p-dropdown-label { cursor: default; } .p-dropdown .p-dropdown-panel { min-width: 100%; } .p-dropdown-panel { position: absolute; top: 0; left: 0; } .p-dropdown-items-wrapper { overflow: auto; } .p-dropdown-item { cursor: pointer; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; display: flex; align-items: center; } .p-dropdown-item-group { cursor: auto; } .p-dropdown-items { margin: 0; padding: 0; list-style-type: none; } .p-dropdown-filter { width: 100%; } .p-dropdown-filter-container { position: relative; } .p-dropdown-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-fluid .p-dropdown { display: flex; } .p-fluid .p-dropdown .p-dropdown-label { width: 1%; } .p-dropdown { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-dropdown:not(.p-disabled):hover { border-color: #94a3b8; } .p-dropdown:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-dropdown.p-variant-filled { background: #f8fafc; } .p-dropdown.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #64748b; } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { color: #94a3b8; right: 2.5rem; } .p-dropdown.p-invalid.p-component { border-color: #f87171; } .p-dropdown-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.75rem; margin-right: -1.75rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; color: #94a3b8; } .p-dropdown-panel .p-dropdown-items { padding: 0.25rem 0.25rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { margin-top: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { margin-bottom: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #047857; background: #ecfdf5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: #d1fae5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { position: relative; margin-left: -0.5rem; margin-right: 0.5rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-float-label { display: block; position: relative; } .p-float-label label { position: absolute; pointer-events: none; top: 50%; margin-top: -0.5rem; transition-property: all; transition-timing-function: ease; line-height: 1; } .p-float-label:has(textarea) label { top: 1rem; } .p-float-label:has(input:focus) label, .p-float-label:has(input.p-filled) label, .p-float-label:has(input:-webkit-autofill) label, .p-float-label:has(textarea:focus) label, .p-float-label:has(textarea.p-filled) label, .p-float-label:has(.p-inputwrapper-focus) label, .p-float-label:has(.p-inputwrapper-filled) label { top: -0.75rem; font-size: 12px; } .p-float-label .p-placeholder, .p-float-label input::placeholder, .p-float-label .p-inputtext::placeholder { opacity: 0; transition-property: all; transition-timing-function: ease; } .p-float-label .p-focus .p-placeholder, .p-float-label input:focus::placeholder, .p-float-label .p-inputtext:focus::placeholder { opacity: 1; transition-property: all; transition-timing-function: ease; } .p-icon-field { position: relative; } .p-icon-field > .p-input-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-inputotp { display: flex; align-items: center; gap: 0.5rem; } .p-inputotp-input { text-align: center; width: 2.5rem; } .p-inputgroup { display: flex; align-items: stretch; width: 100%; } .p-inputgroup-addon { display: flex; align-items: center; justify-content: center; } .p-inputgroup .p-float-label { display: flex; align-items: stretch; width: 100%; } .p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-fluid .p-inputgroup .p-input { flex: 1 1 auto; width: 1%; } .p-inputgroup-addon { background: #ffffff; color: #64748b; border-top: 1px solid #cbd5e1; border-left: 1px solid #cbd5e1; border-bottom: 1px solid #cbd5e1; padding: 0.5rem 0.75rem; min-width: 2.5rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #cbd5e1; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.5rem; } .p-fluid .p-icon-field-left, .p-fluid .p-icon-field-right { width: 100%; } .p-icon-field-left > .p-input-icon:first-of-type { left: 0.75rem; color: #94a3b8; } .p-icon-field-right > .p-input-icon:last-of-type { right: 0.75rem; color: #94a3b8; } .p-inputnumber { display: inline-flex; } .p-inputnumber-button { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label { display: none; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up { border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; padding: 0; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group { display: flex; flex-direction: column; } .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button { flex: 1 1 auto; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { order: 3; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-inputnumber-buttons-horizontal .p-inputnumber-input { order: 2; border-radius: 0; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { order: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-inputnumber-buttons-vertical { flex-direction: column; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up { order: 1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } .p-inputnumber-buttons-vertical .p-inputnumber-input { order: 2; border-radius: 0; text-align: center; } .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down { order: 3; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; } .p-inputnumber-input { flex: 1 1 auto; } .p-fluid .p-inputnumber { width: 100%; } .p-fluid .p-inputnumber .p-inputnumber-input { width: 1%; } .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input { width: 100%; } .p-inputnumber.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-inputnumber.p-variant-filled > .p-inputnumber-input { background-color: #f8fafc; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover { background-color: #f8fafc; } .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus { background-color: #ffffff; } .p-inputswitch { display: inline-block; } .p-inputswitch-input { cursor: pointer; } .p-inputswitch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; } .p-inputswitch-slider:before { position: absolute; content: ""; top: 50%; } .p-inputswitch { width: 2.5rem; height: 1.5rem; } .p-inputswitch .p-inputswitch-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider { background: #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 30px; outline-color: transparent; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1rem; height: 1rem; left: 0.25rem; margin-top: -0.5rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-highlight .p-inputswitch-slider { background: #10b981; } .p-inputswitch.p-highlight .p-inputswitch-slider:before { background: #ffffff; transform: translateX(1rem); } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { background: #94a3b8; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { background: #059669; } .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-inputswitch.p-invalid > .p-inputswitch-slider { border-color: #f87171; } .p-fluid .p-inputtext { width: 100%; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #334155; background: #ffffff; padding: 0.5rem 0.75rem; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; appearance: none; border-radius: 6px; outline-color: transparent; } .p-inputtext:enabled:hover { border-color: #94a3b8; } .p-inputtext:enabled:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-inputtext.p-invalid.p-component { border-color: #f87171; } .p-inputtext.p-variant-filled { background-color: #f8fafc; } .p-inputtext.p-variant-filled:enabled:hover { background-color: #f8fafc; } .p-inputtext.p-variant-filled:enabled:focus { background-color: #ffffff; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } .p-float-label > label { left: 0.75rem; color: #64748b; transition-duration: 0.2s; } .p-float-label > .p-invalid + label { color: #f87171; } .p-icon-field-left > .p-inputtext { padding-left: 2.5rem; } .p-icon-field-left.p-float-label > label { left: 2.5rem; } .p-icon-field-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { color: #64748b; } :-moz-placeholder { color: #64748b; } ::-moz-placeholder { color: #64748b; } :-ms-input-placeholder { color: #64748b; } .p-input-filled .p-inputtext { background-color: #f8fafc; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8fafc; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.65625rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.9375rem; } .p-knob-range { fill: none; transition: stroke 0.1s ease-in; } .p-knob-value { animation-name: dash-frame; animation-fill-mode: forwards; fill: none; } .p-knob-text { font-size: 1.3rem; text-align: center; } @keyframes dash-frame { 100% { stroke-dashoffset: 0; } } .p-listbox-list-wrapper { overflow: auto; } .p-listbox-list { list-style-type: none; margin: 0; padding: 0; } .p-listbox-item { cursor: pointer; position: relative; overflow: hidden; } .p-listbox-item-group { cursor: auto; } .p-listbox-filter-container { position: relative; } .p-listbox-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-listbox-filter { width: 100%; } .p-listbox { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-listbox .p-listbox-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.75rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; color: #94a3b8; } .p-listbox .p-listbox-list { padding: 0.25rem 0.25rem; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-listbox .p-listbox-list .p-listbox-item:first-child { margin-top: 0; } .p-listbox .p-listbox-list .p-listbox-item:last-child { margin-bottom: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #047857; background: #ecfdf5; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: #d1fae5; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #1e293b; background: #f1f5f9; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-listbox.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-listbox.p-invalid { border-color: #f87171; } .p-multiselect { display: inline-flex; cursor: pointer; user-select: none; } .p-multiselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-multiselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-multiselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-multiselect-label-empty { overflow: hidden; visibility: hidden; } .p-multiselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-multiselect-token-icon { cursor: pointer; } .p-multiselect .p-multiselect-panel { min-width: 100%; } .p-multiselect-items-wrapper { overflow: auto; } .p-multiselect-items { margin: 0; padding: 0; list-style-type: none; } .p-multiselect-item { cursor: pointer; display: flex; align-items: center; font-weight: normal; white-space: nowrap; position: relative; overflow: hidden; } .p-multiselect-item-group { cursor: auto; } .p-multiselect-header { display: flex; align-items: center; justify-content: space-between; } .p-multiselect-filter-container { position: relative; flex: 1 1 auto; } .p-multiselect-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-multiselect-filter-container .p-inputtext { width: 100%; } .p-multiselect-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; margin-left: auto; } .p-fluid .p-multiselect { display: flex; } .p-multiselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-multiselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-multiselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-multiselect.p-variant-filled { background: #f8fafc; } .p-multiselect.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-multiselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #64748b; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-multiselect.p-invalid.p-component { border-color: #f87171; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } .p-multiselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.75rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; color: #94a3b8; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-multiselect-panel .p-multiselect-items { padding: 0.25rem 0.25rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { margin-top: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { margin-bottom: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #047857; background: #ecfdf5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: #d1fae5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #1e293b; background: #f1f5f9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-password { display: inline-flex; } .p-password .p-password-panel { min-width: 100%; } .p-password-meter { height: 10px; } .p-password-strength { height: 100%; width: 0; transition: width 1s ease-in-out; } .p-fluid .p-password { display: flex; } .p-password-input::-ms-reveal, .p-password-input::-ms-clear { display: none; } .p-password.p-invalid.p-component > .p-inputtext { border-color: #f87171; } .p-password-panel { padding: 0 1.125rem 1.125rem 1.125rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #e2e8f0; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } .p-radiobutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-radiobutton-input { cursor: pointer; } .p-radiobutton-box { display: flex; justify-content: center; align-items: center; } .p-radiobutton-icon { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0) scale(0.1); border-radius: 50%; visibility: hidden; } .p-radiobutton.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1, 1); visibility: visible; } .p-radiobutton { width: 1.25rem; height: 1.25rem; } .p-radiobutton .p-radiobutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #cbd5e1; border-radius: 50%; } .p-radiobutton .p-radiobutton-box { border: 1px solid #cbd5e1; background: #ffffff; width: 1.25rem; height: 1.25rem; color: #334155; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 0.75rem; height: 0.75rem; transition-duration: 0.2s; background-color: #10b981; } .p-radiobutton.p-highlight .p-radiobutton-box { border-color: #10b981; background: #ffffff; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { border-color: #94a3b8; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { border-color: #059669; background: #ffffff; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { background-color: #059669; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-radiobutton.p-invalid > .p-radiobutton-box { border-color: #f87171; } .p-radiobutton.p-variant-filled .p-radiobutton-box { background-color: #f8fafc; } .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { background: #ffffff; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f8fafc; } .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #ffffff; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8fafc; } .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { background: #ffffff; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { background-color: #f8fafc; } .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { background: #ffffff; } .p-rating { position: relative; display: flex; align-items: center; } .p-rating-item { display: inline-flex; align-items: center; cursor: pointer; } .p-rating.p-readonly .p-rating-item { cursor: default; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item { outline-color: transparent; border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; font-size: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f87171; } .p-rating .p-rating-item.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #10b981; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #ef4444; } .p-selectbutton .p-button { background: #f1f5f9; border: 1px solid #f1f5f9; color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #64748b; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; border-color: #f1f5f9; color: #334155; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #334155; } .p-selectbutton .p-button.p-highlight { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #0f172a; } .p-selectbutton .p-button.p-highlight:hover { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #0f172a; } .p-selectbutton.p-invalid > .p-button { border-color: #f87171; } .p-slider { position: relative; } .p-slider .p-slider-handle { cursor: grab; touch-action: none; display: block; } .p-slider-range { display: block; } .p-slider-horizontal .p-slider-range { top: 0; left: 0; height: 100%; } .p-slider-horizontal .p-slider-handle { top: 50%; } .p-slider-vertical { height: 100px; } .p-slider-vertical .p-slider-handle { left: 50%; } .p-slider-vertical .p-slider-range { bottom: 0; left: 0; width: 100%; } .p-slider { background: #e2e8f0; border: 0 none; border-radius: 6px; } .p-slider.p-slider-horizontal { height: 3px; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -10px; margin-left: -10px; } .p-slider.p-slider-vertical { width: 3px; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -10px; margin-bottom: -10px; } .p-slider .p-slider-handle { height: 20px; width: 20px; background: #e2e8f0; border: 0 none; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-slider .p-slider-range { background: #10b981; border-radius: 6px; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #e2e8f0; border-color: transparent; } .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } .p-treeselect { display: inline-flex; cursor: pointer; user-select: none; } .p-treeselect-trigger { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-treeselect-label-container { overflow: hidden; flex: 1 1 auto; cursor: pointer; } .p-treeselect-label { display: block; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .p-treeselect-label-empty { overflow: hidden; visibility: hidden; } .p-treeselect-token { cursor: default; display: inline-flex; align-items: center; flex: 0 0 auto; } .p-treeselect .p-treeselect-panel { min-width: 100%; } .p-treeselect-items-wrapper { overflow: auto; } .p-fluid .p-treeselect { display: flex; } .p-treeselect { background: #ffffff; border: 1px solid #cbd5e1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-treeselect:not(.p-disabled):hover { border-color: #94a3b8; } .p-treeselect:not(.p-disabled).p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-treeselect.p-variant-filled { background: #f8fafc; } .p-treeselect.p-variant-filled:not(.p-disabled):hover { background-color: #f8fafc; } .p-treeselect.p-variant-filled:not(.p-disabled).p-focus { background-color: #ffffff; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #64748b; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.75rem; margin-right: 0.5rem; background: #f1f5f9; color: #1e293b; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #94a3b8; width: 2.5rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-treeselect.p-invalid.p-component { border-color: #f87171; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.75rem; } .p-treeselect-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 0.75rem; color: #334155; background: transparent; } .p-input-filled .p-treeselect { background: #f8fafc; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8fafc; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-togglebutton { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; } .p-togglebutton-input { cursor: pointer; } .p-togglebutton .p-button { flex: 1 1 auto; } .p-togglebutton .p-togglebutton-input { appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; z-index: 1; outline: 0 none; border: 1px solid #f1f5f9; border-radius: 6px; } .p-togglebutton .p-button { background: #f1f5f9; border: 1px solid #f1f5f9; color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-togglebutton .p-button .p-button-icon-left, .p-togglebutton .p-button .p-button-icon-right { color: #64748b; } .p-togglebutton.p-highlight .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-togglebutton.p-highlight .p-button .p-button-icon-left, .p-togglebutton.p-highlight .p-button .p-button-icon-right { color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #334155; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { color: #334155; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button { background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left, .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right { color: #0f172a; } .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-togglebutton.p-invalid > .p-button { border-color: #f87171; } .p-button { display: inline-flex; cursor: pointer; user-select: none; align-items: center; vertical-align: bottom; text-align: center; overflow: hidden; position: relative; } .p-button-label { flex: 1 1 auto; } .p-button-icon-right { order: 1; } .p-button:disabled { cursor: default; } .p-button-icon-only { justify-content: center; } .p-button-icon-only .p-button-label { visibility: hidden; width: 0; flex: 0 0 auto; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-button-group .p-button { margin: 0; } .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover { border-right: 0 none; } .p-button-group .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } .p-button-group .p-button:first-of-type:not(:only-of-type) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-button-group .p-button:last-of-type:not(:only-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-button-group .p-button:focus { position: relative; z-index: 1; } .p-button { color: #ffffff; background: #10b981; border: 1px solid #10b981; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-button:not(:disabled):hover { background: #059669; color: #ffffff; border-color: #059669; } .p-button:not(:disabled):active { background: #047857; color: #ffffff; border-color: #047857; } .p-button.p-button-outlined { background-color: transparent; color: #10b981; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(16, 185, 129, 0.04); color: #10b981; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(16, 185, 129, 0.16); color: #10b981; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #334155; border-color: #334155; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f1f5f9; color: #334155; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e2e8f0; color: #334155; } .p-button.p-button-text { background-color: transparent; color: #10b981; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(16, 185, 129, 0.04); color: #10b981; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(16, 185, 129, 0.16); color: #10b981; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #334155; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f1f5f9; color: #334155; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e2e8f0; color: #334155; } .p-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #10b981; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.5rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.5rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.5rem; } .p-fluid .p-button-group { display: flex; } .p-fluid .p-button-group .p-button { flex: 1; } .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 245, 249, 0.04); color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 245, 249, 0.16); color: #f1f5f9; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #f1f5f9; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 245, 249, 0.04); border-color: transparent; color: #f1f5f9; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 245, 249, 0.16); border-color: transparent; color: #f1f5f9; } .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0ea5e9; border: 1px solid #0ea5e9; } .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0369a1; color: #ffffff; border-color: #0369a1; } .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(14, 165, 233, 0.16); color: #0ea5e9; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0ea5e9; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(14, 165, 233, 0.04); border-color: transparent; color: #0ea5e9; } .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(14, 165, 233, 0.16); border-color: transparent; color: #0ea5e9; } .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22c55e; border: 1px solid #22c55e; } .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #16a34a; color: #ffffff; border-color: #16a34a; } .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #15803d; color: #ffffff; border-color: #15803d; } .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); color: #22c55e; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22c55e; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22c55e; } .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22c55e; } .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #f97316; border: 1px solid #f97316; } .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ea580c; color: #ffffff; border-color: #ea580c; } .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c2410c; color: #ffffff; border-color: #c2410c; } .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(249, 115, 22, 0.16); color: #f97316; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f97316; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(249, 115, 22, 0.04); border-color: transparent; color: #f97316; } .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(249, 115, 22, 0.16); border-color: transparent; color: #f97316; } .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #a855f7; border: 1px solid #a855f7; } .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9333ea; color: #ffffff; border-color: #9333ea; } .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7e22ce; color: #ffffff; border-color: #7e22ce; } .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); color: #a855f7; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #a855f7; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #a855f7; } .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #a855f7; } .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ef4444; border: 1px solid #ef4444; } .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #dc2626; color: #ffffff; border-color: #dc2626; } .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #b91c1c; color: #ffffff; border-color: #b91c1c; } .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); color: #ef4444; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ef4444; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #ef4444; } .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #ef4444; } .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button { color: #ffffff; background: #020617; border: 1px solid #020617; } .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover { background: #1e293b; color: #ffffff; border-color: #1e293b; } .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined { background-color: transparent; color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 6, 23, 0.04); color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 6, 23, 0.16); color: #020617; border: 1px solid; } .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text { background-color: transparent; color: #020617; border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 6, 23, 0.04); border-color: transparent; color: #020617; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 6, 23, 0.16); border-color: transparent; color: #020617; } .p-button.p-button-link { color: #059669; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #059669; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; color: #059669; border-color: transparent; } .p-speeddial { position: absolute; display: flex; } .p-speeddial-button { z-index: 1; } .p-speeddial-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; transition: top 0s linear 0.2s; pointer-events: none; z-index: 2; } .p-speeddial-item { transform: scale(0); opacity: 0; transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; will-change: transform; } .p-speeddial-action { display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: hidden; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { position: absolute; } .p-speeddial-rotate { transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; will-change: transform; } .p-speeddial-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-mask-visible { pointer-events: none; opacity: 1; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .p-speeddial-opened .p-speeddial-list { pointer-events: auto; } .p-speeddial-opened .p-speeddial-item { transform: scale(1); opacity: 1; } .p-speeddial-opened .p-speeddial-rotate { transform: rotate(45deg); } .p-speeddial-button.p-button.p-button-icon-only { width: 2.5rem; height: 2.5rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1rem; height: 1rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-speeddial-action { width: 2.5rem; height: 2.5rem; background: #f1f5f9; color: #475569; outline-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-speeddial-action:hover { background: #e2e8f0; color: #334155; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } .p-splitbutton { display: inline-flex; position: relative; } .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { flex: 1 1 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 none; } .p-splitbutton-menubutton, .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button { display: flex; align-items: center; justify-content: center; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-splitbutton .p-menu { min-width: 100%; } .p-fluid .p-splitbutton { display: flex; } .p-splitbutton { border-radius: 6px; } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-carousel { display: flex; flex-direction: column; } .p-carousel-content { display: flex; flex-direction: column; overflow: auto; } .p-carousel-prev, .p-carousel-next { align-self: center; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-carousel-container { display: flex; flex-direction: row; } .p-carousel-items-content { overflow: hidden; width: 100%; } .p-carousel-items-container { display: flex; flex-direction: row; } .p-carousel-indicators { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .p-carousel-indicator > button { display: flex; align-items: center; justify-content: center; } /* Vertical */ .p-carousel-vertical .p-carousel-container { flex-direction: column; } .p-carousel-vertical .p-carousel-items-container { flex-direction: column; height: 100%; } /* Keyboard Support */ .p-items-hidden .p-carousel-item { visibility: hidden; } .p-items-hidden .p-carousel-item.p-carousel-item-active { visibility: visible; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e2e8f0; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #cbd5e1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-datatable { position: relative; } .p-datatable-table { border-spacing: 0px; width: 100%; } .p-datatable .p-sortable-column { cursor: pointer; user-select: none; } .p-datatable .p-sortable-column .p-column-title, .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable .p-sortable-column .p-sortable-column-badge { vertical-align: middle; } .p-datatable .p-sortable-column .p-sortable-column-badge { display: inline-flex; align-items: center; justify-content: center; } .p-datatable-hoverable-rows .p-selectable-row { cursor: pointer; } /* Scrollable */ .p-datatable-scrollable > .p-datatable-wrapper { position: relative; } .p-datatable-scrollable-table > .p-datatable-thead { top: 0; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-frozen-tbody { position: sticky; z-index: 1; } .p-datatable-scrollable-table > .p-datatable-tfoot { bottom: 0; z-index: 1; } .p-datatable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-datatable-scrollable th.p-frozen-column { z-index: 1; } .p-datatable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-datatable-flex-scrollable > .p-datatable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header { position: sticky; z-index: 1; } /* Resizable */ .p-datatable-resizable-table > .p-datatable-thead > tr > th, .p-datatable-resizable-table > .p-datatable-tfoot > tr > td, .p-datatable-resizable-table > .p-datatable-tbody > tr > td { overflow: hidden; white-space: nowrap; } .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { display: none; } .p-datatable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-datatable .p-column-header-content { display: flex; align-items: center; } .p-datatable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-datatable .p-row-editor-init, .p-datatable .p-row-editor-save, .p-datatable .p-row-editor-cancel { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Expand */ .p-datatable .p-row-toggler { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Reorder */ .p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-down { position: absolute; display: none; } .p-reorderable-column, .p-datatable-reorderablerow-handle { cursor: move; } /* Loader */ .p-datatable .p-datatable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Filter */ .p-column-filter-row { display: flex; align-items: center; width: 100%; } .p-column-filter-menu { display: inline-flex; margin-left: auto; } .p-column-filter-row .p-column-filter-element { flex: 1 1 auto; width: 1%; } .p-column-filter-menu-button, .p-column-filter-clear-button { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-column-filter-row-items { margin: 0; padding: 0; list-style: none; } .p-column-filter-row-item { cursor: pointer; } .p-column-filter-add-button, .p-column-filter-remove-button { justify-content: center; } .p-column-filter-add-button .p-button-label, .p-column-filter-remove-button .p-button-label { flex-grow: 0; } .p-column-filter-buttonbar { display: flex; align-items: center; justify-content: space-between; } .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) { width: auto; } /* Responsive */ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { display: none; } /* VirtualScroller */ .p-datatable-virtualscroller-spacer { display: flex; } .p-datatable .p-virtualscroller .p-virtualscroller-loading { transform: none !important; min-height: 0; position: sticky; top: 0; left: 0; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #64748b; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1rem; min-width: 1rem; line-height: 1rem; color: #047857; background: #ecfdf5; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #475569; } .p-datatable .p-sortable-column.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover { background: #ecfdf5; color: #047857; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #047857; } .p-datatable .p-sortable-column:focus-visible { box-shadow: 0 none; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #ecfdf5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #ecfdf5; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-datatable .p-column-resizer-helper { background: #10b981; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { background-color: #ffffff; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable .p-datatable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { background: #f8fafc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { background: #ecfdf5; color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { color: #047857; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.375rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 0.9375rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 0.9375rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-dataview .p-dataview-content { background: #ffffff; color: #334155; border: 0 none; padding: 0; } .p-dataview .p-dataview-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-column-filter-menu-button:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f1f5f9; color: #475569; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #ecfdf5; color: #047857; } .p-column-filter-menu-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-column-filter-clear-button { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-column-filter-clear-button:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-column-filter-clear-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-column-filter-overlay { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.25rem 0.25rem; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 2px 0; padding: 0.5rem 0.75rem; border: 0 none; color: #334155; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { margin-top: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { margin-bottom: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #047857; background: #ecfdf5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #1e293b; background: #f1f5f9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 0.5rem 0 0.5rem; border-bottom: 0 none; color: #334155; background: #ffffff; margin: 0 0 0 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0 1.125rem 1.125rem 1.125rem; border-bottom: 1px solid #e2e8f0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0 1.125rem 1.125rem 1.125rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0 1.125rem 1.125rem 1.125rem; } .p-orderlist { display: flex; } .p-orderlist-controls { display: flex; flex-direction: column; justify-content: center; } .p-orderlist-list-container { flex: 1 1 auto; } .p-orderlist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-orderlist-item { cursor: pointer; overflow: hidden; position: relative; } .p-orderlist.p-state-disabled .p-orderlist-item, .p-orderlist.p-state-disabled .p-button { cursor: default; } .p-orderlist.p-state-disabled .p-orderlist-list { overflow: hidden; } .p-orderlist .p-orderlist-controls { padding: 0 1.125rem 1.125rem 1.125rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-list-container { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-orderlist .p-orderlist-header { color: #334155; padding: 1.125rem; font-weight: 600; } .p-orderlist .p-orderlist-list { color: #334155; padding: 0.25rem 0.25rem; outline: 0 none; } .p-orderlist .p-orderlist-list:not(:first-child) { border-top: 1px solid #e2e8f0; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 0.75rem; margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { margin-bottom: 0; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #1e293b; background: #f1f5f9; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #047857; background: #ecfdf5; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: #d1fae5; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8fafc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #f1f5f9; } .p-organizationchart-table { border-spacing: 0; border-collapse: separate; margin: 0 auto; } .p-organizationchart-table > tbody > tr > td { text-align: center; vertical-align: top; padding: 0 0.75rem; } .p-organizationchart-node-content { display: inline-block; position: relative; } .p-organizationchart-node-content .p-node-toggler { position: absolute; bottom: -0.75rem; margin-left: -0.75rem; z-index: 2; left: 50%; user-select: none; cursor: pointer; width: 1.5rem; height: 1.5rem; text-decoration: none; } .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { position: relative; top: 0.25rem; } .p-organizationchart-line-down { margin: 0 auto; height: 20px; width: 1px; } .p-organizationchart-line-right { border-radius: 0px; } .p-organizationchart-line-left { border-radius: 0; } .p-organizationchart-selectable-node { cursor: pointer; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #ecfdf5; color: #047857; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #79f1b8; } .p-organizationchart .p-organizationchart-line-down { background: #e2e8f0; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #e2e8f0; border-color: #e2e8f0; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #e2e8f0; border-color: #e2e8f0; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; padding: 0 1.125rem 1.125rem 1.125rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; outline-color: transparent; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-paginator-default { display: flex; } .p-paginator { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .p-paginator-left-content { margin-right: auto; } .p-paginator-right-content { margin-left: auto; } .p-paginator-page, .p-paginator-next, .p-paginator-last, .p-paginator-first, .p-paginator-prev, .p-paginator-current { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; line-height: 1; user-select: none; overflow: hidden; position: relative; } .p-paginator-element:focus { z-index: 1; position: relative; } .p-paginator { background: #ffffff; color: #334155; border: solid #e2e8f0; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #f1f5f9; border-color: transparent; color: #475569; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .p-paginator .p-paginator-last { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.5rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.5rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #64748b; min-width: 2.5rem; height: 2.5rem; margin: 0.143rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #ecfdf5; border-color: #ecfdf5; color: #047857; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f1f5f9; border-color: transparent; color: #475569; } .p-picklist { display: flex; } .p-picklist-buttons { display: flex; flex-direction: column; justify-content: center; } .p-picklist-list-wrapper { flex: 1 1 50%; } .p-picklist-list { list-style-type: none; margin: 0; padding: 0; overflow: auto; min-height: 12rem; max-height: 24rem; } .p-picklist-item { cursor: pointer; overflow: hidden; position: relative; } .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to, .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to { transition: none; } .p-picklist .p-picklist-buttons { padding: 0 1.125rem 1.125rem 1.125rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-list-wrapper { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-picklist .p-picklist-header { color: #334155; padding: 1.125rem; font-weight: 600; } .p-picklist .p-picklist-list { color: #334155; padding: 0.25rem 0.25rem; outline: 0 none; } .p-picklist .p-picklist-list:not(:first-child) { border-top: 1px solid #e2e8f0; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 0.75rem; margin: 2px 0; border: 0 none; color: #334155; background: transparent; transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; } .p-picklist .p-picklist-list .p-picklist-item:last-child { margin-bottom: 0; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { color: #1e293b; background: #f1f5f9; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #1e293b; background: #f1f5f9; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #047857; background: #ecfdf5; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: #d1fae5; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f8fafc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #f1f5f9; } .p-timeline { display: flex; flex-grow: 1; flex-direction: column; } .p-timeline-left .p-timeline-event-opposite { text-align: right; } .p-timeline-left .p-timeline-event-content { text-align: left; } .p-timeline-right .p-timeline-event { flex-direction: row-reverse; } .p-timeline-right .p-timeline-event-opposite { text-align: left; } .p-timeline-right .p-timeline-event-content { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: row-reverse; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { text-align: right; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { text-align: left; } .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { text-align: right; } .p-timeline-event { display: flex; position: relative; min-height: 70px; } .p-timeline-event:last-child { min-height: 0; } .p-timeline-event-opposite { flex: 1; padding: 0 1rem; } .p-timeline-event-content { flex: 1; padding: 0 1rem; } .p-timeline-event-separator { flex: 0; display: flex; align-items: center; flex-direction: column; } .p-timeline-event-marker { display: flex; align-self: baseline; } .p-timeline-event-connector { flex-grow: 1; } .p-timeline-horizontal { flex-direction: row; } .p-timeline-horizontal .p-timeline-event { flex-direction: column; flex: 1; } .p-timeline-horizontal .p-timeline-event:last-child { flex: 0; } .p-timeline-horizontal .p-timeline-event-separator { flex-direction: row; } .p-timeline-horizontal .p-timeline-event-connector { width: 100%; } .p-timeline-bottom .p-timeline-event { flex-direction: column-reverse; } .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: column-reverse; } .p-timeline .p-timeline-event-marker { border: 2px solid #e2e8f0; border-radius: 50%; width: 1.125rem; height: 1.125rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #e2e8f0; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree-container { margin: 0; padding: 0; list-style-type: none; overflow: auto; } .p-treenode-children { margin: 0; padding: 0; list-style-type: none; } .p-tree-wrapper { overflow: auto; } .p-treenode-selectable { cursor: pointer; user-select: none; } .p-tree-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; flex-shrink: 0; } .p-treenode-leaf > .p-treenode-content .p-tree-toggler { visibility: hidden; } .p-treenode-content { display: flex; align-items: center; } .p-tree-filter { width: 100%; } .p-tree-filter-container { position: relative; display: block; width: 100%; } .p-tree-filter-icon { position: absolute; top: 50%; margin-top: -0.5rem; } .p-tree-loading { position: relative; min-height: 4rem; } .p-tree .p-tree-loading-overlay { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; } .p-tree-flex-scrollable { display: flex; flex: 1; height: 100%; flex-direction: column; } .p-tree-flex-scrollable .p-tree-wrapper { flex: 1; } .p-tree { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; padding: 0 1.125rem 1.125rem 1.125rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0 0; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; padding: 0.25rem 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #475569; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #334155; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #ecfdf5; color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.75rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; color: #94a3b8; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable { position: relative; } .p-treetable table { border-collapse: collapse; width: 100%; table-layout: fixed; } .p-treetable .p-sortable-column { cursor: pointer; user-select: none; } .p-treetable-responsive-scroll > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-responsive-scroll > .p-treetable-wrapper > table, .p-treetable-auto-layout > .p-treetable-wrapper > table { table-layout: auto; } .p-treetable-hoverable-rows .p-treetable-tbody > tr { cursor: pointer; } .p-treetable-toggler { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; position: relative; } .p-treetable-toggler + .p-checkbox { vertical-align: middle; } .p-treetable-toggler + .p-checkbox + span { vertical-align: middle; } /* Resizable */ .p-treetable-resizable > .p-treetable-wrapper { overflow-x: auto; } .p-treetable-resizable .p-treetable-thead > tr > th, .p-treetable-resizable .p-treetable-tfoot > tr > td, .p-treetable-resizable .p-treetable-tbody > tr > td { overflow: hidden; } .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer { display: none; } .p-treetable .p-column-resizer { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 0.5rem; height: 100%; padding: 0px; cursor: col-resize; border: 1px solid transparent; } .p-treetable .p-column-resizer-helper { width: 1px; position: absolute; z-index: 10; display: none; } .p-treetable .p-treetable-loading-overlay { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 2; } /* Scrollable */ .p-treetable-scrollable .p-treetable-wrapper { position: relative; overflow: auto; } .p-treetable-scrollable .p-treetable-table { display: block; } .p-treetable-scrollable .p-treetable-thead, .p-treetable-scrollable .p-treetable-tbody, .p-treetable-scrollable .p-treetable-tfoot { display: block; } .p-treetable-scrollable .p-treetable-thead > tr, .p-treetable-scrollable .p-treetable-tbody > tr, .p-treetable-scrollable .p-treetable-tfoot > tr { display: flex; flex-wrap: nowrap; width: 100%; } .p-treetable-scrollable .p-treetable-thead > tr > th, .p-treetable-scrollable .p-treetable-tbody > tr > td, .p-treetable-scrollable .p-treetable-tfoot > tr > td { display: flex; flex: 1 1 0; align-items: center; } .p-treetable-scrollable .p-treetable-thead { position: sticky; top: 0; z-index: 1; } .p-treetable-scrollable .p-treetable-tfoot { position: sticky; bottom: 0; z-index: 1; } .p-treetable-scrollable .p-frozen-column { position: sticky; background: inherit; } .p-treetable-scrollable th.p-frozen-column { z-index: 1; } .p-treetable-scrollable-both .p-treetable-thead > tr > th, .p-treetable-scrollable-both .p-treetable-tbody > tr > td, .p-treetable-scrollable-both .p-treetable-tfoot > tr > td, .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td, .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td { flex: 0 0 auto; } .p-treetable-flex-scrollable { display: flex; flex-direction: column; height: 100%; } .p-treetable-flex-scrollable .p-treetable-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; font-weight: 600; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; font-weight: 600; color: #334155; background: #ffffff; } .p-treetable .p-sortable-column { outline-color: var(--p-focus-ring-color); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #64748b; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1rem; min-width: 1rem; line-height: 1rem; color: #047857; background: #ecfdf5; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #475569; } .p-treetable .p-sortable-column.p-highlight { background: #ecfdf5; color: #047857; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #047857; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; padding: 0.75rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #334155; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid var(--p-focus-ring-color); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #ecfdf5; color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #047857; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f1f5f9; color: #1e293b; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #1e293b; } .p-treetable .p-column-resizer-helper { background: #10b981; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #ffffff; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.65625rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.375rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 0.9375rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 1.25rem; } .p-accordion-header-action { cursor: pointer; display: flex; align-items: center; user-select: none; position: relative; text-decoration: none; } .p-accordion-header-action:focus { z-index: 1; } .p-accordion-header-text { line-height: 1; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.125rem 1.125rem 1.125rem 1.125rem; border: 0 none; color: #64748b; background: #ffffff; font-weight: 600; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #ffffff; border-color: #e2e8f0; color: #334155; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #e2e8f0; background: #ffffff; color: #334155; } .p-accordion .p-accordion-content { padding: 0 1.125rem 1.125rem 1.125rem; border: 0 none; background: #ffffff; color: #334155; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion .p-accordion-tab { margin-bottom: 0; } .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { border-radius: 0; } .p-accordion .p-accordion-tab .p-accordion-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-top: 0 none; } .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-accordion .p-accordion-tab:last-child .p-accordion-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-card { background: #ffffff; color: #334155; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-card .p-card-body { padding: 1.5rem; } .p-card .p-card-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #64748b; } .p-card .p-card-content { padding: 0 0 0 0; } .p-card .p-card-footer { padding: 0 0 0 0; } .p-fieldset-legend > a, .p-fieldset-legend > span { display: flex; align-items: center; justify-content: center; } .p-fieldset-toggleable .p-fieldset-legend a { cursor: pointer; user-select: none; overflow: hidden; position: relative; text-decoration: none; } .p-fieldset-legend-text { line-height: 1; } .p-fieldset { border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.125rem; border: 1px solid #e2e8f0; color: #334155; background: #ffffff; font-weight: 600; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.125rem; color: #334155; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: #1e293b; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #ffffff; border-color: #ffffff; color: #1e293b; } .p-fieldset .p-fieldset-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-divider-horizontal { display: flex; width: 100%; position: relative; align-items: center; } .p-divider-horizontal:before { position: absolute; display: block; top: 50%; left: 0; width: 100%; content: ""; } .p-divider-content { z-index: 1; } .p-divider-vertical { min-height: 100%; margin: 0 1rem; display: flex; position: relative; justify-content: center; } .p-divider-vertical:before { position: absolute; display: block; top: 0; left: 50%; height: 100%; content: ""; } .p-divider.p-divider-solid.p-divider-horizontal:before { border-top-style: solid; } .p-divider.p-divider-solid.p-divider-vertical:before { border-left-style: solid; } .p-divider.p-divider-dashed.p-divider-horizontal:before { border-top-style: dashed; } .p-divider.p-divider-dashed.p-divider-vertical:before { border-left-style: dashed; } .p-divider.p-divider-dotted.p-divider-horizontal:before { border-top-style: dotted; } .p-divider.p-divider-dotted.p-divider-vertical:before { border-left-style: dotted; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px solid #e2e8f0; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px solid #e2e8f0; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel-header { display: flex; justify-content: space-between; align-items: center; } .p-panel-title { line-height: 1; } .p-panel-header-icon { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; } .p-panel .p-panel-header { border: 1px solid #e2e8f0; padding: 1.125rem; background: #ffffff; color: #334155; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.125rem; } .p-panel .p-panel-content { padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panel .p-panel-footer { padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; background: #ffffff; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 0 none; } .p-scrollpanel-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; } .p-scrollpanel-content { height: calc(100% + 18px); width: calc(100% + 18px); padding: 0 18px 18px 0; position: relative; overflow: auto; box-sizing: border-box; scrollbar-width: none; } .p-scrollpanel-content::-webkit-scrollbar { display: none; } .p-scrollpanel-bar { position: relative; background: #c1c1c1; border-radius: 3px; z-index: 2; cursor: pointer; opacity: 0; transition: opacity 0.25s linear; } .p-scrollpanel-bar-y { width: 9px; top: 0; } .p-scrollpanel-bar-x { height: 9px; bottom: 0; } .p-scrollpanel-hidden { visibility: hidden; } .p-scrollpanel:hover .p-scrollpanel-bar, .p-scrollpanel:active .p-scrollpanel-bar { opacity: 1; } .p-scrollpanel-grabbed { user-select: none; } .p-scrollpanel .p-scrollpanel-bar { background: #f1f5f9; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-splitter { display: flex; flex-wrap: nowrap; } .p-splitter-vertical { flex-direction: column; } .p-splitter-gutter { flex-grow: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: col-resize; } .p-splitter-horizontal.p-splitter-resizing { cursor: col-resize; user-select: none; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { height: 24px; width: 100%; } .p-splitter-horizontal > .p-splitter-gutter { cursor: col-resize; } .p-splitter-vertical.p-splitter-resizing { cursor: row-resize; user-select: none; } .p-splitter-vertical > .p-splitter-gutter { cursor: row-resize; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { width: 24px; height: 100%; } .p-splitter-panel { flex-grow: 1; overflow: hidden; } .p-splitter-panel-nested { display: flex; } .p-splitter-panel .p-splitter { flex-grow: 1; border: 0 none; } .p-splitter { border: 1px solid #e2e8f0; background: #ffffff; border-radius: 6px; color: #334155; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; background: #e2e8f0; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e2e8f0; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { background: #e2e8f0; } .p-stepper .p-stepper-nav { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style-type: none; overflow-x: auto; } .p-stepper-vertical .p-stepper-nav { flex-direction: column; } .p-stepper-header { position: relative; display: flex; flex: 1 1 auto; align-items: center; } .p-stepper-header:last-of-type { flex: initial; } .p-stepper-header .p-stepper-action { border: 0 none; display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; } .p-stepper-header .p-stepper-action:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper.p-stepper-readonly .p-stepper-header { cursor: auto; } .p-stepper-header.p-highlight .p-stepper-action { cursor: default; } .p-stepper-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-stepper-number { position: relative; display: flex; align-items: center; justify-content: center; } .p-stepper-separator { flex: 1 1 0; } .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .p-stepper .p-stepper-header { padding: 0.5rem; } .p-stepper .p-stepper-header .p-stepper-action { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number { color: #64748b; border: 1px solid #e2e8f0; border-width: 2px; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: #334155; font-weight: 500; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ecfdf5; color: #047857; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #334155; } .p-stepper .p-stepper-header:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator { background-color: #10b981; } .p-stepper .p-stepper-panels { background: #ffffff; padding: 0.875rem 1.125rem 1.125rem 1.125rem; color: #334155; } .p-stepper .p-stepper-separator { background-color: #e2e8f0; width: 100%; height: 2px; margin-inline-start: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-stepper.p-stepper-vertical { display: flex; flex-direction: column; } .p-stepper.p-stepper-vertical .p-stepper-toggleable-content { display: flex; flex: 1 1 auto; background: #ffffff; color: #334155; } .p-stepper.p-stepper-vertical .p-stepper-panel { display: flex; flex-direction: column; flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active { flex: 1 1 auto; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header { flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; height: auto; margin-inline-start: calc(1.75rem + 2px); } .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { background-color: #10b981; } .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { padding-left: 3rem; } .p-tabview-nav-container { position: relative; } .p-tabview-scrollable .p-tabview-nav-container { overflow: hidden; } .p-tabview-nav-content { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior: contain auto; } .p-tabview-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex: 1 1 auto; } .p-tabview-header-action { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; overflow: hidden; } .p-tabview-ink-bar { display: none; z-index: 1; } .p-tabview-header-action:focus { z-index: 1; } .p-tabview-title { line-height: 1; white-space: nowrap; } .p-tabview-nav-btn { position: absolute; top: 0; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; } .p-tabview-nav-prev { left: 0; } .p-tabview-nav-next { right: 0; } .p-tabview-nav-content::-webkit-scrollbar { display: none; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #e2e8f0; border-width: 0 0 1px 0; border-color: transparent transparent #e2e8f0 transparent; background: #ffffff; color: #64748b; padding: 1rem 1.125rem; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin: 0 0 -1px 0; outline-color: transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #e2e8f0; color: #10b981; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #10b981; width: 2.5rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; outline-color: transparent; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 0.875rem 1.125rem 1.125rem 1.125rem; border: 0 none; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .p-toolbar-group-start, .p-toolbar-group-center, .p-toolbar-group-end { display: flex; align-items: center; } .p-toolbar-group-left, .p-toolbar-group-right { display: flex; align-items: center; } .p-toolbar { background: #ffffff; border: 1px solid #e2e8f0; padding: 1.125rem; border-radius: 6px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { position: absolute; margin-top: 10px; top: 0; left: 0; } .p-confirm-popup-flipped { margin-top: -10px; margin-bottom: 10px; } /* Animation */ .p-confirm-popup-enter-from { opacity: 0; transform: scaleY(0.8); } .p-confirm-popup-leave-to { opacity: 0; } .p-confirm-popup-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-confirm-popup-leave-active { transition: opacity 0.1s linear; } .p-confirm-popup:after, .p-confirm-popup:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-confirm-popup:after { border-width: 8px; margin-left: -8px; } .p-confirm-popup:before { border-width: 10px; margin-left: -10px; } .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before { bottom: auto; top: 100%; } .p-confirm-popup.p-confirm-popup-flipped:after { border-bottom-color: transparent; } .p-confirm-popup.p-confirm-popup-flipped:before { border-bottom-color: transparent; } .p-confirm-popup .p-confirm-popup-content { display: flex; align-items: center; } .p-confirm-popup { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0 1rem 1rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border-style: solid; border-color: rgba(226, 232, 240, 0); border-bottom-color: #d3dce8; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #e2e8f0; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog-mask.p-component-overlay { pointer-events: auto; } .p-dialog { max-height: 90%; transform: scale(1); } .p-dialog-content { overflow-y: auto; } .p-dialog-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-dialog-footer { flex-shrink: 0; } .p-dialog .p-dialog-header-icons { display: flex; align-items: center; } .p-dialog .p-dialog-header-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } /* Fluid */ .p-fluid .p-dialog-footer .p-button { width: auto; } /* Animation */ /* Center */ .p-dialog-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-dialog-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-dialog-enter-from, .p-dialog-leave-to { opacity: 0; transform: scale(0.7); } /* Top, Bottom, Left, Right, Top* and Bottom* */ .p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-topleft .p-dialog, .p-dialog-topright .p-dialog, .p-dialog-bottomleft .p-dialog, .p-dialog-bottomright .p-dialog { margin: 0.75rem; transform: translate3d(0px, 0px, 0px); } .p-dialog-top .p-dialog-enter-active, .p-dialog-top .p-dialog-leave-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-bottom .p-dialog-leave-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-left .p-dialog-leave-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-right .p-dialog-leave-active, .p-dialog-topleft .p-dialog-enter-active, .p-dialog-topleft .p-dialog-leave-active, .p-dialog-topright .p-dialog-enter-active, .p-dialog-topright .p-dialog-leave-active, .p-dialog-bottomleft .p-dialog-enter-active, .p-dialog-bottomleft .p-dialog-leave-active, .p-dialog-bottomright .p-dialog-enter-active, .p-dialog-bottomright .p-dialog-leave-active { transition: all 0.3s ease-out; } .p-dialog-top .p-dialog-enter-from, .p-dialog-top .p-dialog-leave-to { transform: translate3d(0px, -100%, 0px); } .p-dialog-bottom .p-dialog-enter-from, .p-dialog-bottom .p-dialog-leave-to { transform: translate3d(0px, 100%, 0px); } .p-dialog-left .p-dialog-enter-from, .p-dialog-left .p-dialog-leave-to, .p-dialog-topleft .p-dialog-enter-from, .p-dialog-topleft .p-dialog-leave-to, .p-dialog-bottomleft .p-dialog-enter-from, .p-dialog-bottomleft .p-dialog-leave-to { transform: translate3d(-100%, 0px, 0px); } .p-dialog-right .p-dialog-enter-from, .p-dialog-right .p-dialog-leave-to, .p-dialog-topright .p-dialog-enter-from, .p-dialog-topright .p-dialog-leave-to, .p-dialog-bottomright .p-dialog-enter-from, .p-dialog-bottomright .p-dialog-leave-to { transform: translate3d(100%, 0px, 0px); } /* Maximize */ .p-dialog-maximized { width: 100vw !important; height: 100vh !important; top: 0px !important; left: 0px !important; max-height: 100%; height: 100%; } .p-dialog-maximized .p-dialog-content { flex-grow: 1; } .p-confirm-dialog .p-dialog-content { display: flex; align-items: center; } .p-dialog { border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #334155; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 600; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #334155; padding: 0 1.5rem 1.5rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #334155; padding: 0 1.5rem 1.5rem 1.5rem; display: flex; justify-content: flex-end; gap: 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) { margin-left: 1rem; } .p-overlaypanel { margin-top: 10px; } .p-overlaypanel-flipped { margin-top: -10px; margin-bottom: 10px; } .p-overlaypanel-close { display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* Animation */ .p-overlaypanel-enter-from { opacity: 0; transform: scaleY(0.8); } .p-overlaypanel-leave-to { opacity: 0; } .p-overlaypanel-enter-active { transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-overlaypanel-leave-active { transition: opacity 0.1s linear; } .p-overlaypanel:after, .p-overlaypanel:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-overlaypanel:after { border-width: 8px; margin-left: -8px; } .p-overlaypanel:before { border-width: 10px; margin-left: -10px; } .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before { bottom: auto; top: 100%; } .p-overlaypanel.p-overlaypanel-flipped:after { border-bottom-color: transparent; } .p-overlaypanel.p-overlaypanel-flipped:before { border-bottom-color: transparent; } .p-overlaypanel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-overlaypanel .p-overlaypanel-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-overlaypanel .p-overlaypanel-close { background: #10b981; color: #ffffff; width: 1.75rem; height: 1.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; position: absolute; top: -0.875rem; right: -0.875rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #059669; color: #ffffff; } .p-overlaypanel:after { border-style: solid; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border-style: solid; border-color: rgba(226, 232, 240, 0); border-bottom-color: #d3dce8; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #e2e8f0; } .p-sidebar-mask { display: none; pointer-events: none; background-color: transparent; transition-property: background-color; } .p-sidebar-mask.p-component-overlay { pointer-events: auto; } .p-sidebar-visible { display: flex; } .p-sidebar { display: flex; flex-direction: column; pointer-events: auto; transform: translate3d(0px, 0px, 0px); position: relative; transition: transform 0.3s; } .p-sidebar-content { overflow-y: auto; flex-grow: 1; } .p-sidebar-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .p-sidebar-icon { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-sidebar-full .p-sidebar { transition: none; transform: none; width: 100vw !important; height: 100vh !important; max-height: 100%; top: 0px !important; left: 0px !important; } /* Animation */ /* Center */ .p-sidebar-left .p-sidebar-enter-from, .p-sidebar-left .p-sidebar-leave-to { transform: translateX(-100%); } .p-sidebar-right .p-sidebar-enter-from, .p-sidebar-right .p-sidebar-leave-to { transform: translateX(100%); } .p-sidebar-top .p-sidebar-enter-from, .p-sidebar-top .p-sidebar-leave-to { transform: translateY(-100%); } .p-sidebar-bottom .p-sidebar-enter-from, .p-sidebar-bottom .p-sidebar-leave-to { transform: translateY(100%); } .p-sidebar-full .p-sidebar-enter-from, .p-sidebar-full .p-sidebar-leave-to { opacity: 0; } .p-sidebar-full .p-sidebar-enter-active, .p-sidebar-full .p-sidebar-leave-active { transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } /* Size */ .p-sidebar-left .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-right .p-sidebar { width: 20rem; height: 100%; } .p-sidebar-top .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-bottom .p-sidebar { height: 10rem; width: 100%; } .p-sidebar-left .p-sidebar-sm, .p-sidebar-right .p-sidebar-sm { width: 20rem; } .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-md { width: 40rem; } .p-sidebar-left .p-sidebar-lg, .p-sidebar-right .p-sidebar-lg { width: 60rem; } .p-sidebar-top .p-sidebar-sm, .p-sidebar-bottom .p-sidebar-sm { height: 10rem; } .p-sidebar-top .p-sidebar-md, .p-sidebar-bottom .p-sidebar-md { height: 20rem; } .p-sidebar-top .p-sidebar-lg, .p-sidebar-bottom .p-sidebar-lg { height: 30rem; } .p-sidebar-left .p-sidebar-content, .p-sidebar-right .p-sidebar-content, .p-sidebar-top .p-sidebar-content, .p-sidebar-bottom .p-sidebar-content { width: 100%; height: 100%; } @media screen and (max-width: 64em) { .p-sidebar-left .p-sidebar-lg, .p-sidebar-left .p-sidebar-md, .p-sidebar-right .p-sidebar-lg, .p-sidebar-right .p-sidebar-md { width: 20rem; } } .p-sidebar { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } .p-sidebar .p-sidebar-header { padding: 1.125rem; } .p-sidebar .p-sidebar-header .p-sidebar-header-content { font-weight: 600; font-size: 1.25rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 0 1.125rem 1.125rem 1.125rem; } .p-tooltip { position: absolute; display: none; padding: 0.25em 0.5rem; max-width: 12.5rem; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 0.25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding: 0.25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; scale: 2; } .p-tooltip-right .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0.25em 0.25em 0; } .p-tooltip-left .p-tooltip-arrow { margin-top: -0.25rem; border-width: 0.25em 0 0.25em 0.25rem; } .p-tooltip.p-tooltip-top { padding: 0.25em 0; } .p-tooltip-top .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0.25em 0.25em 0; } .p-tooltip-bottom .p-tooltip-arrow { margin-left: -0.25rem; border-width: 0 0.25em 0.25rem; } .p-tooltip .p-tooltip-text { background: #334155; color: #ffffff; padding: 0.5rem 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #334155; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #334155; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #334155; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #334155; } .p-fileupload-content { position: relative; } .p-fileupload-content .p-progressbar { width: 100%; position: absolute; top: 0; left: 0; } .p-button.p-fileupload-choose { position: relative; overflow: hidden; } .p-fileupload-buttonbar { display: flex; flex-wrap: wrap; } .p-fileupload > input[type=file], .p-fileupload-basic input[type=file] { display: none; } .p-fluid .p-fileupload .p-button { width: auto; } .p-fileupload-file { display: flex; flex-wrap: wrap; align-items: center; } .p-fileupload-file-thumbnail { flex-shrink: 0; } .p-fileupload-file-actions { margin-left: auto; } .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1.125rem; border: 1px solid #e2e8f0; color: #334155; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 0 1.125rem 1.125rem 1.125rem; border: 1px solid #e2e8f0; color: #334155; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border: 1px dashed #10b981; background-color: #ecfdf5; } .p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #e2e8f0; border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file:last-child { margin-bottom: 0; } .p-fileupload .p-fileupload-file-name { margin-bottom: 0.5rem; } .p-fileupload .p-fileupload-file-size { margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 0.75rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #059669; color: #ffffff; border-color: #059669; } .p-fileupload-choose:not(.p-disabled):active { background: #047857; color: #ffffff; border-color: #047857; } .p-breadcrumb { overflow-x: auto; } .p-breadcrumb .p-breadcrumb-list { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: nowrap; } .p-breadcrumb .p-menuitem-text { line-height: 1; } .p-breadcrumb .p-menuitem-link { text-decoration: none; display: flex; align-items: center; } .p-breadcrumb .p-menuitem-separator { display: flex; align-items: center; } .p-breadcrumb::-webkit-scrollbar { display: none; } .p-breadcrumb { background: #ffffff; border: 0 none; border-radius: 6px; padding: 1rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; outline-color: transparent; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #94a3b8; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #334155; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #94a3b8; } .p-contextmenu ul { margin: 0; padding: 0; list-style: none; } .p-contextmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; } .p-contextmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-contextmenu .p-menuitem-text { line-height: 1; } .p-contextmenu .p-menuitem { position: relative; } .p-contextmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-contextmenu-enter-from, .p-contextmenu-leave-active { opacity: 0; } .p-contextmenu-enter-active { transition: opacity 250ms; } .p-contextmenu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; min-width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem { margin: 2px 0; } .p-contextmenu .p-menuitem:first-child { margin-top: 0; } .p-contextmenu .p-menuitem:last-child { margin-bottom: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock { position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; } .p-dock-list-container { display: flex; pointer-events: auto; } .p-dock-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; } .p-dock-item { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } .p-dock-link { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: default; } .p-dock-item-second-prev, .p-dock-item-second-next { transform: scale(1.2); } .p-dock-item-prev, .p-dock-item-next { transform: scale(1.4); } .p-dock-item-current { transform: scale(1.6); z-index: 1; } /* Position */ /* top */ .p-dock-top { left: 0; top: 0; width: 100%; } .p-dock-top .p-dock-item { transform-origin: center top; } /* bottom */ .p-dock-bottom { left: 0; bottom: 0; width: 100%; } .p-dock-bottom .p-dock-item { transform-origin: center bottom; } /* right */ .p-dock-right { right: 0; top: 0; height: 100%; } .p-dock-right .p-dock-item { transform-origin: center right; } .p-dock-right .p-dock-list { flex-direction: column; } /* left */ .p-dock-left { left: 0; top: 0; height: 100%; } .p-dock-left .p-dock-item { transform-origin: center left; } .p-dock-left .p-dock-list { flex-direction: column; } .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 6px; } .p-dock .p-dock-item.p-focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: 0 none; } .p-dock .p-dock-link { width: 3rem; height: 3rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock.p-dock-mobile .p-dock-list .p-dock-item { transform: none; margin: 0; } .p-megamenu { display: flex; position: relative; } .p-megamenu-root-list { margin: 0; padding: 0; list-style: none; } .p-megamenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-megamenu .p-menuitem-text { line-height: 1; } .p-megamenu-panel { display: none; width: auto; z-index: 1; left: 0; min-width: 100%; } .p-megamenu-panel:not(.p-megamenu-mobile) { position: absolute; } .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { display: block; } .p-megamenu-submenu { margin: 0; padding: 0; list-style: none; } .p-megamenu-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } /* Horizontal */ .p-megamenu-horizontal { align-items: center; } .p-megamenu-horizontal .p-megamenu-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-megamenu-horizontal .p-megamenu-end { margin-left: auto; align-self: center; } /* Vertical */ .p-megamenu-vertical { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) { display: inline-flex; } .p-megamenu-vertical .p-megamenu-root-list { flex-direction: column; } .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { left: 100%; top: 0; } .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { margin-left: auto; } .p-megamenu-grid { display: flex; } .p-megamenu-col-2, .p-megamenu-col-3, .p-megamenu-col-4, .p-megamenu-col-6, .p-megamenu-col-12 { flex: 0 0 auto; padding: 0.5rem; } .p-megamenu-col-2 { width: 16.6667%; } .p-megamenu-col-3 { width: 25%; } .p-megamenu-col-4 { width: 33.3333%; } .p-megamenu-col-6 { width: 50%; } .p-megamenu-col-12 { width: 100%; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { display: flex; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { position: absolute; display: none; width: 100%; } .p-megamenu.p-megamenu-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem { width: 100%; position: static; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-megamenu.p-megamenu-mobile .p-megamenu-grid { flex-wrap: wrap; overflow: auto; max-height: 90%; } .p-megamenu { padding: 0.5rem 0.5rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem { margin: 2px 0; } .p-megamenu .p-menuitem:first-child { margin-top: 0; } .p-megamenu .p-menuitem:last-child { margin-bottom: 0; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-megamenu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { padding: 0.25rem 0.25rem; min-width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-megamenu.p-megamenu-vertical { min-width: 12.5rem; padding: 0.25rem 0.25rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.5rem 0.75rem; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { width: 100%; padding: 0.5rem 0.5rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-button { width: 1.75rem; height: 1.75rem; color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { color: #334155; background: #f1f5f9; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 1.5rem; } .p-menu ul { margin: 0; padding: 0; list-style: none; } .p-menu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menu .p-menuitem-text { line-height: 1; } .p-menu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; min-width: 12.5rem; } .p-menu .p-menuitem { margin: 2px 0; } .p-menu .p-menuitem:first-child { margin-top: 0; } .p-menu .p-menuitem:last-child { margin-bottom: 0; } .p-menu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menu.p-menu-overlay { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-menu .p-submenu-header { margin: 0; padding: 0.5rem 0.75rem; color: #94a3b8; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar { display: flex; align-items: center; } .p-menubar ul { margin: 0; padding: 0; list-style: none; } .p-menubar .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-menubar .p-menuitem-text { line-height: 1; } .p-menubar .p-menuitem { position: relative; } .p-menubar-root-list { display: flex; align-items: center; flex-wrap: wrap; } .p-menubar-root-list > li ul { display: none; z-index: 1; } .p-menubar-root-list > .p-menuitem-active > .p-submenu-list { display: block; } .p-menubar .p-submenu-list { display: none; position: absolute; z-index: 1; } .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-menubar .p-menubar-end { margin-left: auto; align-self: center; } .p-menubar-button { display: none; cursor: pointer; align-items: center; justify-content: center; text-decoration: none; } .p-menubar.p-menubar-mobile { position: relative; } .p-menubar.p-menubar-mobile .p-menubar-button { display: flex; } .p-menubar.p-menubar-mobile .p-menubar-root-list { position: absolute; display: none; width: 100%; } .p-menubar.p-menubar-mobile .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } .p-menubar { padding: 0.5rem 0.5rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.5rem 0.75rem; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem { margin: 2px 0; } .p-menubar .p-menuitem:first-child { margin-top: 0; } .p-menubar .p-menuitem:last-child { margin-bottom: 0; } .p-menubar .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-menubar .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); min-width: 12.5rem; border-radius: 6px; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-button { width: 1.75rem; height: 1.75rem; color: #94a3b8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: #334155; background: #f1f5f9; } .p-menubar.p-menubar-mobile .p-menubar-button:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-menubar.p-menubar-mobile .p-menubar-root-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 1.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 4.5rem; } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.5rem; } .p-panelmenu .p-panelmenu-header-action { display: flex; align-items: center; user-select: none; cursor: pointer; position: relative; text-decoration: none; } .p-panelmenu .p-panelmenu-header-action:focus { z-index: 1; } .p-panelmenu .p-submenu-list { margin: 0; padding: 0; list-style: none; } .p-panelmenu .p-menuitem-link { display: flex; align-items: center; user-select: none; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; } .p-panelmenu .p-menuitem-text { line-height: 1; } .p-panelmenu .p-panelmenu-header { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: #64748b; background: #ffffff; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #64748b; padding: 1.125rem 1.125rem 1.125rem 1.125rem; font-weight: 600; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: #e2e8f0; color: #334155; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e2e8f0; background: #ffffff; color: #334155; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0.25rem; border: 0 none; background: #ffffff; color: #334155; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 2px 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { margin-top: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { margin-bottom: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-steps { position: relative; } .p-steps .p-steps-list { padding: 0; margin: 0; list-style-type: none; display: flex; } .p-steps-item { position: relative; display: flex; justify-content: center; flex: 1 1 auto; overflow: hidden; } .p-steps-item .p-menuitem-link { display: inline-flex; flex-direction: column; align-items: center; overflow: hidden; text-decoration: none; cursor: pointer; } .p-steps.p-steps-readonly .p-steps-item { cursor: auto; } .p-steps-item.p-steps-current .p-menuitem-link { cursor: default; } .p-steps-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .p-steps-number { display: flex; align-items: center; justify-content: center; } .p-steps-title { display: block; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; background: #ffffff; outline-color: transparent; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #64748b; border: 1px solid #e2e8f0; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #334155; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #ecfdf5; color: #047857; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 500; color: #334155; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #e2e8f0; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu { overflow-x: auto; } .p-tabmenu-nav { display: flex; margin: 0; padding: 0; list-style-type: none; flex-wrap: nowrap; } .p-tabmenu-nav a { cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; text-decoration: none; text-decoration: none; overflow: hidden; } .p-tabmenu-nav a:focus { z-index: 1; } .p-tabmenu-nav .p-menuitem-text { line-height: 1; } .p-tabmenu-ink-bar { display: none; z-index: 1; } .p-tabmenu::-webkit-scrollbar { display: none; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e2e8f0; border-width: 0 0 1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #e2e8f0; border-width: 0 0 1px 0; border-color: transparent transparent #e2e8f0 transparent; background: #ffffff; color: #64748b; padding: 1rem 1.125rem; font-weight: 600; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin: 0 0 -1px 0; outline-color: transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -2px; box-shadow: inset none; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #e2e8f0; color: #334155; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #e2e8f0; color: #10b981; } .p-tieredmenu ul { margin: 0; padding: 0; list-style: none; } .p-tieredmenu .p-submenu-list { position: absolute; min-width: 100%; z-index: 1; display: none; } .p-tieredmenu .p-menuitem-link { cursor: pointer; display: flex; align-items: center; text-decoration: none; overflow: hidden; position: relative; } .p-tieredmenu .p-menuitem-text { line-height: 1; } .p-tieredmenu .p-menuitem { position: relative; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { margin-left: auto; } .p-tieredmenu .p-menuitem-active > .p-submenu-list { display: block; left: 100%; top: 0; } .p-tieredmenu-enter-from, .p-tieredmenu-leave-active { opacity: 0; } .p-tieredmenu-enter-active { transition: opacity 250ms; } .p-tieredmenu { padding: 0.25rem 0.25rem; background: #ffffff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; min-width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0.25rem; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tieredmenu .p-menuitem { margin: 2px 0; } .p-tieredmenu .p-menuitem:first-child { margin-top: 0; } .p-tieredmenu .p-menuitem:last-child { margin-bottom: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #334155; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 4px; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #334155; padding: 0.5rem 0.75rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #94a3b8; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #94a3b8; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; background: #ecfdf5; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #d1fae5; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #334155; background: #f1f5f9; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #334155; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #334155; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e2e8f0; margin: 2px 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; } .p-inline-message-icon { flex-shrink: 0; } .p-inline-message-icon-only .p-inline-message-text { visibility: hidden; width: 0; } .p-fluid .p-inline-message { display: flex; } .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; border-radius: 6px; } .p-inline-message.p-inline-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #2563eb; } .p-inline-message.p-inline-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #16a34a; } .p-inline-message.p-inline-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #ca8a04; } .p-inline-message.p-inline-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #dc2626; } .p-inline-message.p-inline-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-inline-message.p-inline-message-secondary .p-inline-message-icon { color: #475569; } .p-inline-message.p-inline-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-inline-message.p-inline-message-contrast .p-inline-message-icon { color: #f8fafc; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message-wrapper { display: flex; align-items: center; } .p-message-icon { flex-shrink: 0; } .p-message-close { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-message-close.p-link { margin-left: auto; overflow: hidden; position: relative; } .p-message-enter-from { opacity: 0; } .p-message-enter-active { transition: opacity 0.3s; } .p-message.p-message-leave-from { max-height: 1000px; } .p-message.p-message-leave-to { max-height: 0; opacity: 0; margin: 0; } .p-message-leave-active { overflow: hidden; transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; } .p-message-leave-active .p-message-close { display: none; } .p-message { margin: 1rem 0; border-radius: 6px; } .p-message .p-message-wrapper { padding: 0.5rem 0.75rem; } .p-message .p-message-close { width: 1.75rem; height: 1.75rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-message.p-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-message.p-message-info .p-message-icon { color: #2563eb; } .p-message.p-message-info .p-message-close { color: #2563eb; } .p-message.p-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-message.p-message-success .p-message-icon { color: #16a34a; } .p-message.p-message-success .p-message-close { color: #16a34a; } .p-message.p-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-message.p-message-warn .p-message-icon { color: #ca8a04; } .p-message.p-message-warn .p-message-close { color: #ca8a04; } .p-message.p-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-message.p-message-error .p-message-icon { color: #dc2626; } .p-message.p-message-error .p-message-close { color: #dc2626; } .p-message.p-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-message.p-message-secondary .p-message-icon { color: #475569; } .p-message.p-message-secondary .p-message-close { color: #475569; } .p-message.p-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-message.p-message-contrast .p-message-icon { color: #f8fafc; } .p-message.p-message-contrast .p-message-close { color: #f8fafc; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-message .p-icon:not(.p-message-close-icon) { width: 1rem; height: 1rem; } .p-toast { width: 25rem; white-space: pre-line; word-break: break-word; } .p-toast-message-icon { flex-shrink: 0; } .p-toast-message-content { display: flex; align-items: flex-start; } .p-toast-message-text { flex: 1 1 auto; } .p-toast-top-center { transform: translateX(-50%); } .p-toast-bottom-center { transform: translateX(-50%); } .p-toast-center { min-width: 20vw; transform: translate(-50%, -50%); } .p-toast-icon-close { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .p-toast-icon-close.p-link { cursor: pointer; } /* Animations */ .p-toast-message-enter-from { opacity: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .p-toast-message-leave-from { max-height: 1000px; } .p-toast .p-toast-message.p-toast-message-leave-to { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; } .p-toast-message-enter-active { -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .p-toast-message-leave-active { -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; } .p-toast { opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-toast .p-toast-message .p-toast-message-content { padding: 0.75rem; border-width: 1px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 0.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 1.125rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { width: 1.125rem; height: 1.125rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 500; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 1.125rem; height: 1.125rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(239, 246, 255, 0.95); border: solid #bfdbfe; border-width: 1px; color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #2563eb; } .p-toast .p-toast-message.p-toast-message-success { background: rgba(240, 253, 244, 0.95); border: solid #bbf7d0; border-width: 1px; color: #16a34a; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #16a34a; } .p-toast .p-toast-message.p-toast-message-warn { background: rgba(254, 252, 232, 0.95); border: solid #fde68a; border-width: 1px; color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-error { background: rgba(254, 242, 242, 0.95); border: solid #fecaca; border-width: 1px; color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #dc2626; } .p-toast .p-toast-message.p-toast-message-secondary { background: #f1f5f9; border: solid #e2e8f0; border-width: 1px; color: #475569; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { color: #475569; } .p-toast .p-toast-message.p-toast-message-contrast { background: #020617; border: solid #64748b; border-width: 1px; color: #f8fafc; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { color: #f8fafc; } .p-galleria-content { display: flex; flex-direction: column; } .p-galleria-item-wrapper { display: flex; flex-direction: column; position: relative; } .p-galleria-item-container { position: relative; display: flex; height: 100%; } .p-galleria-item-nav { position: absolute; top: 50%; margin-top: -0.5rem; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-item-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-galleria-item-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-galleria-item { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .p-galleria-item-nav-onhover .p-galleria-item-nav { pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { pointer-events: all; opacity: 1; } .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { pointer-events: none; } .p-galleria-caption { position: absolute; bottom: 0; left: 0; width: 100%; } /* Thumbnails */ .p-galleria-thumbnail-wrapper { display: flex; flex-direction: column; overflow: auto; flex-shrink: 0; } .p-galleria-thumbnail-prev, .p-galleria-thumbnail-next { align-self: center; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .p-galleria-thumbnail-prev span, .p-galleria-thumbnail-next span { display: flex; justify-content: center; align-items: center; } .p-galleria-thumbnail-container { display: flex; flex-direction: row; } .p-galleria-thumbnail-items-container { overflow: hidden; width: 100%; } .p-galleria-thumbnail-items { display: flex; } .p-galleria-thumbnail-item { overflow: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; } .p-galleria-thumbnail-item:hover { opacity: 1; transition: opacity 0.3s; } .p-galleria-thumbnail-item-current { opacity: 1; } /* Positions */ /* Thumbnails */ .p-galleria-thumbnails-left .p-galleria-content, .p-galleria-thumbnails-right .p-galleria-content { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-right .p-galleria-item-wrapper { flex-direction: row; } .p-galleria-thumbnails-left .p-galleria-item-wrapper, .p-galleria-thumbnails-top .p-galleria-item-wrapper { order: 2; } .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper { order: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-container, .p-galleria-thumbnails-right .p-galleria-thumbnail-container { flex-direction: column; flex-grow: 1; } .p-galleria-thumbnails-left .p-galleria-thumbnail-items, .p-galleria-thumbnails-right .p-galleria-thumbnail-items { flex-direction: column; height: 100%; } /* Indicators */ .p-galleria-indicators { display: flex; align-items: center; justify-content: center; } .p-galleria-indicator > button { display: inline-flex; align-items: center; } .p-galleria-indicators-left .p-galleria-item-wrapper, .p-galleria-indicators-right .p-galleria-item-wrapper { flex-direction: row; align-items: center; } .p-galleria-indicators-left .p-galleria-item-container, .p-galleria-indicators-top .p-galleria-item-container { order: 2; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-top .p-galleria-indicators { order: 1; } .p-galleria-indicators-left .p-galleria-indicators, .p-galleria-indicators-right .p-galleria-indicators { flex-direction: column; } .p-galleria-indicator-onitem .p-galleria-indicators { position: absolute; display: flex; z-index: 1; } .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { top: 0; left: 0; width: 100%; align-items: flex-start; } .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { right: 0; top: 0; height: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { bottom: 0; left: 0; width: 100%; align-items: flex-end; } .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { left: 0; top: 0; height: 100%; align-items: flex-start; } /* FullScreen */ .p-galleria-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .p-galleria-close { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } .p-galleria-mask .p-galleria-item-nav { position: fixed; top: 50%; margin-top: -0.5rem; } /* Animation */ .p-galleria-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-galleria-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-galleria-enter-from, .p-galleria-leave-to { opacity: 0; transform: scale(0.7); } .p-galleria-enter-active .p-galleria-item-nav { opacity: 0; } /* Keyboard Support */ .p-items-hidden .p-galleria-thumbnail-item { visibility: hidden; } .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active { visibility: visible; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f1f5f9; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f1f5f9; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 6px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f1f5f9; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e2e8f0; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #cbd5e1; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #ecfdf5; color: #047857; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f1f5f9; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f1f5f9; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { outline-color: transparent; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { display: flex; align-items: center; justify-content: center; } .p-image-preview-container { position: relative; display: inline-block; line-height: 0; } .p-image-preview-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; border: none; padding: 0; } .p-image-preview-container:hover > .p-image-preview-indicator { opacity: 1; cursor: pointer; } .p-image-preview-container > img { cursor: pointer; } .p-image-toolbar { position: absolute; top: 0; right: 0; display: flex; z-index: 1; } .p-image-action.p-link { display: flex; justify-content: center; align-items: center; } .p-image-action.p-disabled { pointer-events: auto; } .p-image-preview { transition: transform 0.15s; max-width: 100vw; max-height: 100vh; } .p-image-preview-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-image-preview-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-image-preview-enter-from, .p-image-preview-leave-to { opacity: 0; transform: scale(0.7); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8fafc; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; height: 1.5rem; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8fafc; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1rem; } .p-avatar.p-avatar-image { background-color: transparent; } .p-avatar.p-avatar-circle { border-radius: 50%; } .p-avatar-circle img { border-radius: 50%; } .p-avatar .p-avatar-icon { font-size: 1rem; } .p-avatar img { width: 100%; height: 100%; } .p-avatar-group .p-avatar + .p-avatar { margin-left: -1rem; } .p-avatar-group { display: flex; align-items: center; } .p-avatar { background-color: #e2e8f0; border-radius: 6px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 0.5rem; } .p-overlay-badge { position: relative; } .p-overlay-badge .p-badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0; margin: 0; } .p-badge.p-badge-dot { width: 0.5rem; min-width: 0.5rem; height: 0.5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } .p-badge { background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #f1f5f9; color: #475569; } .p-badge.p-badge-success { background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-secondary { background-color: #f1f5f9; color: #475569; } .p-badge.p-badge-contrast { background-color: #020617; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-blockui-container { position: relative; } .p-blockui.p-component-overlay { position: absolute; } .p-blockui-document.p-component-overlay { position: fixed; } .p-blockui { border-radius: 6px; } .p-chip { display: inline-flex; align-items: center; } .p-chip-text { line-height: 1.5; } .p-chip-icon.pi { line-height: 1.5; } .p-chip-remove-icon { line-height: 1.5; cursor: pointer; } .p-chip img { border-radius: 50%; } .p-chip { background-color: #f1f5f9; color: #1e293b; border-radius: 16px; padding: 0 0.75rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.75rem; margin-right: 0.5rem; } .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { display: inline; cursor: pointer; } .p-inplace .p-inplace-content { display: inline; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content { display: flex; } .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext { flex: 1 1 auto; width: 1%; } .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f1f5f9; color: #1e293b; } .p-inplace .p-inplace-display:focus { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-metergroup { display: flex; } .p-metergroup-meters { display: flex; } .p-metergroup-vertical .p-metergroup-meters { flex-direction: column; } .p-metergroup-labels { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .p-metergroup-vertical .p-metergroup-labels { align-items: start; } .p-metergroup-labels-vertical { flex-direction: column; } .p-metergroup-label { display: inline-flex; align-items: center; } .p-metergroup-label-marker { display: inline-flex; } .p-metergroup { gap: 1rem; } .p-metergroup .p-metergroup-meters { background: #e2e8f0; border-radius: 6px; } .p-metergroup .p-metergroup-meter { border: 0 none; background: #10b981; } .p-metergroup .p-metergroup-labels .p-metergroup-label { gap: 0.5rem; } .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { background: #10b981; width: 0.5rem; height: 0.5rem; border-radius: 100%; } .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { width: 1rem; height: 1rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { gap: 0.5rem; } .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { gap: 1rem; } .p-metergroup.p-metergroup-horizontal { flex-direction: column; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { height: 0.5rem; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-metergroup.p-metergroup-vertical { flex-direction: row; } .p-metergroup.p-metergroup-vertical .p-metergroup-meters { width: 0.5rem; height: 100%; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .p-progressbar { position: relative; overflow: hidden; } .p-progressbar-determinate .p-progressbar-value { height: 100%; width: 0%; position: absolute; display: none; border: 0 none; display: flex; align-items: center; justify-content: center; overflow: hidden; } .p-progressbar-determinate .p-progressbar-label { display: inline-flex; } .p-progressbar-determinate .p-progressbar-value-animate { transition: width 1s ease-in-out; } .p-progressbar-indeterminate .p-progressbar-value::before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .p-progressbar-indeterminate .p-progressbar-value::after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes p-progressbar-indeterminate-anim { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes p-progressbar-indeterminate-anim-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .p-progressbar { border: 0 none; height: 1.25rem; background: #e2e8f0; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #10b981; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.25rem; } .p-progress-spinner { position: relative; margin: 0 auto; width: 100px; height: 100px; display: inline-block; } .p-progress-spinner::before { content: ""; display: block; padding-top: 100%; } .p-progress-spinner-svg { height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .p-progress-spinner-svg { animation: p-progress-spinner-rotate 2s linear infinite; } .p-progress-spinner-circle { stroke-dasharray: 89, 200; stroke-dashoffset: 0; stroke: #dc2626; animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes p-progress-spinner-rotate { 100% { transform: rotate(360deg); } } @keyframes p-progress-spinner-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes p-progress-spinner-color { 100%, 0% { stroke: #dc2626; } 40% { stroke: #2563eb; } 66% { stroke: #16a34a; } 80%, 90% { stroke: #ca8a04; } } .p-ripple { overflow: hidden; position: relative; } .p-ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); pointer-events: none; } .p-ink-active { animation: ripple 0.4s linear; } .p-ripple-disabled .p-ink { display: none; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } .p-scrolltop { position: fixed; bottom: 20px; right: 20px; display: flex; align-items: center; justify-content: center; } .p-scrolltop-sticky { position: sticky; } .p-scrolltop-sticky.p-link { margin-left: auto; } .p-scrolltop-enter-from { opacity: 0; } .p-scrolltop-enter-active { transition: opacity 0.15s; } .p-scrolltop.p-scrolltop-leave-to { opacity: 0; } .p-scrolltop-leave-active { transition: opacity 0.15s; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8fafc; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { overflow: hidden; } .p-skeleton::after { content: ""; animation: p-skeleton-animation 1.2s infinite; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); z-index: 1; } .p-skeleton.p-skeleton-circle { border-radius: 50%; } .p-skeleton-none::after { animation: none; } @keyframes p-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); } } .p-skeleton { background-color: #e2e8f0; border-radius: 6px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { display: inline-flex; align-items: center; justify-content: center; } .p-tag-icon, .p-tag-value, .p-tag-icon.pi { line-height: 1.5; } .p-tag.p-tag-rounded { border-radius: 10rem; } .p-tag { background: #10b981; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { background-color: #ef4444; color: #ffffff; } .p-tag.p-tag-secondary { background-color: #f1f5f9; color: #475569; } .p-tag.p-tag-contrast { background-color: #020617; color: #ffffff; } .p-tag .p-tag-icon { font-size: 0.75rem; } .p-tag .p-tag-icon:not(:last-child) { margin-right: 0.25rem; } .p-tag .p-tag-icon.p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { height: 18rem; overflow: auto; } .p-terminal-prompt-container { display: flex; align-items: center; } .p-terminal-input { flex: 1 1 auto; border: 0 none; background-color: transparent; color: inherit; padding: 0; outline: 0 none; } .p-terminal-input::-ms-clear { display: none; } .p-terminal { background: #ffffff; color: #334155; border: 1px solid #e2e8f0; padding: 0 1.125rem 1.125rem 1.125rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } } @layer primevue { .p-accordion .p-accordion-header .p-accordion-header-link { border-radius: 6px !important; flex-direction: row-reverse; justify-content: space-between; } .p-accordion .p-accordion-header .p-accordion-header-link:hover { border-bottom-color: #e2e8f0; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { transform: rotate(90deg); } .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { transform: rotate(-180deg); } .p-accordion .p-accordion-tab { border-bottom: 1px solid #e2e8f0; } .p-accordion .p-accordion-tab:last-child { border-bottom: 0 none; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.25rem; gap: 0.25rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { border-radius: 4px; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.375rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { margin-left: 0.5rem; } .p-autocomplete.p-disabled { opacity: 1; } .p-button-label { font-weight: 500; } .p-button.p-button-success:enabled:focus-visible { outline-color: #22c55e; } .p-button.p-button-info:enabled:focus-visible { outline-color: #0ea5e9; } .p-button.p-button-warning:enabled:focus-visible { outline-color: #f97316; } .p-button.p-button-help:enabled:focus-visible { outline-color: #a855f7; } .p-button.p-button-danger:enabled:focus-visible { outline-color: #ef4444; } .p-button.p-button-contrast:enabled:focus-visible { outline-color: #020617; } .p-button.p-button-outlined { border-color: var(--primary-200); } .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { border-color: var(--primary-200); } .p-button.p-button-outlined.p-button-secondary { border-color: var(--surface-200); color: #64748b; } .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { color: #64748b; background-color: #f1f5f9; border-color: var(--surface-200); } .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { color: #64748b; background-color: #e2e8f0; border-color: var(--surface-200); } .p-button.p-button-outlined.p-button-success { border-color: #bbf7d0; } .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { border-color: #bbf7d0; } .p-button.p-button-outlined.p-button-info { border-color: #bae6fd; } .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { border-color: #bae6fd; } .p-button.p-button-outlined.p-button-warning { border-color: #fed7aa; } .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { border-color: #fed7aa; } .p-button.p-button-outlined.p-button-help { border-color: #e9d5ff; } .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { border-color: #e9d5ff; } .p-button.p-button-outlined.p-button-danger { border-color: #fecaca; } .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { border-color: #fecaca; } .p-button.p-button-outlined.p-button-contrast { border-color: #334155; } .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { border-color: #334155; } .p-button.p-button-secondary.p-button-text { color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover { background: #f1f5f9; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active { background: #e2e8f0; color: #64748b; } .p-datepicker-buttonbar .p-button { padding: 0.25rem 0.75rem; font-size: 0.875rem; } .p-datepicker .p-datepicker-group-container + .p-timepicker { margin-top: 0.5rem; padding-top: 0.5rem; } .p-datepicker table th { font-weight: 500; } .p-card { border-radius: 12px; display: flex; flex-direction: column; } .p-card .p-card-caption { display: flex; flex-direction: column; gap: 0.5rem; } .p-card .p-card-caption .p-card-title, .p-card .p-card-caption .p-card-subtitle { margin-bottom: 0; } .p-card .p-card-body { display: flex; flex-direction: column; gap: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #10b981; } .p-cascadeselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-cascadeselect .p-cascadeselect-label { box-shadow: none; } .p-cascadeselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-cascadeselect.p-disabled .p-cascadeselect-label { color: #64748b; } div.p-cascadeselect-panel { border: 0 none; box-shadow: none; } .p-checkbox .p-checkbox-box { border-radius: 4px; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline-width: 1px; outline-offset: 2px; } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { border-color: #10b981; } .p-checkbox.p-disabled { opacity: 1; } .p-checkbox.p-disabled .p-checkbox-box { background-color: #e2e8f0; border: 1px solid #cbd5e1; } .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { color: #64748b; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.25rem; gap: 0.25rem; } .p-chips .p-chips-multiple-container .p-chips-token { border-radius: 4px; margin: 0; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.375rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { margin-left: 0.5rem; } .p-chips.p-disabled .p-chips-multiple-container { opacity: 1; background-color: #e2e8f0; } .p-chip { border-radius: 16px; padding: 0.25rem 0.75rem; } .p-chip .p-chip-text { margin-top: 0; margin-bottom: 0; } .p-chip .p-chip-remove-icon { margin-left: 0.375rem; } .p-chip:has(.p-chip-remove-icon) { padding-right: 0.5rem; } .p-chip img { margin-left: -0.5rem; } .p-colorpicker-preview { padding: 0; } .p-colorpicker-preview:enabled:focus { outline-offset: 2px; } .p-colorpicker-preview.p-inputtext.p-disabled { opacity: 0.6; } .p-confirm-popup { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #10b981; } .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { border-bottom-color: #c0f8de; } .p-datatable .p-datatable-tbody > tr.p-highlight > td { border-bottom-color: #c0f8de; } .p-dataview-layout-options.p-selectbutton .p-button svg { position: relative; } .p-dialog { border-radius: 12px; background-color: #ffffff; } .p-dialog.p-dialog-maximized { border-radius: 0; } .p-dialog .p-dialog-header { border-top-right-radius: 12px; border-top-left-radius: 12px; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .p-dialog .p-dialog-footer { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .p-dropdown { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-dropdown .p-dropdown-label { box-shadow: none; } .p-dropdown.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-dropdown.p-disabled .p-dropdown-label { color: #64748b; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { margin-left: -0.375rem; margin-right: 0.375rem; } .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { border-bottom-color: #c0f8de; } .p-treetable .p-treetable-tbody > tr.p-highlight > td { border-bottom-color: #c0f8de; } .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { background-color: #ecfdf5; color: #047857; } .p-fieldset { padding: 0 1.125rem 1.125rem 1.125rem; margin: 0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.5rem 0.75rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { padding: 0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { color: #64748b; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background-color: #f1f5f9; } .p-fieldset .p-fieldset-legend { border: 0 none; padding: 0; margin-bottom: 0.375rem; } .p-fieldset .p-fieldset-legend span { padding: 0.5rem 0.75rem; } .p-fieldset .p-fieldset-content { padding: 0; } .p-column-filter-overlay-menu { padding: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0; } .p-column-filter-overlay-menu .p-column-filter-constraints { display: flex; flex-direction: column; gap: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0 0 0 0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { margin-bottom: 0; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0; } .p-fileupload .p-fileupload-content { border-top: 0 none; padding-top: 1.125rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #10b981; } .p-inline-message-text { font-weight: 500; } .p-inline-message { backdrop-filter: blur(1.5px); } .p-inline-message.p-inline-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-inline-message.p-inline-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-inline-message.p-inline-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-inline-message.p-inline-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-inline-message.p-inline-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-inline-message.p-inline-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-inputgroup-addon { padding: 0.5rem; } .p-inputnumber.p-inputnumber-buttons-stacked { position: relative; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { position: absolute; top: 1px; right: 1px; height: calc(100% - 2px); } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent; border: 0 none; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { background-color: transparent; border: 1px solid #cbd5e1; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { border-left: 0 none; } .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { border-right: 0 none; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { background-color: transparent; border: 1px solid #cbd5e1; color: #64748b; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { background-color: #f1f5f9; color: #475569; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { background-color: #e2e8f0; color: #334155; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { border-bottom: 0 none; } .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { border-top: 0 none; } .p-inputswitch .p-inputswitch-slider { border: 0 none; } .p-inputswitch.p-highlight p-inputswitch-slider:before { left: 1.25rem; transform: none; } .p-inputswitch.p-invalid > .p-inputswitch-slider { background: #f87171; } .p-inputswitch.p-invalid > .p-inputswitch-slider:before { background: #ffffff; } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-inputtext:disabled { opacity: 1; background-color: #e2e8f0; color: #64748b; } .p-knob svg { border-radius: 6px; outline-color: transparent; transition: outline-color 0.2s; } .p-knob svg:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-listbox { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-listbox.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-listbox.p-disabled .p-listbox-list .p-listbox-item { color: #64748b; } .p-message { backdrop-filter: blur(1.5px); } .p-message.p-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-message.p-message-info .p-message-close:focus-visible { outline-color: #2563eb; } .p-message.p-message-info .p-message-close:hover { background: #dbeafe; } .p-message.p-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-message.p-message-success .p-message-close:focus-visible { outline-color: #16a34a; } .p-message.p-message-success .p-message-close:hover { background: #dcfce7; } .p-message.p-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-message.p-message-warn .p-message-close:focus-visible { outline-color: #ca8a04; } .p-message.p-message-warn .p-message-close:hover { background: #fef9c3; } .p-message.p-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-message.p-message-error .p-message-close:focus-visible { outline-color: #dc2626; } .p-message.p-message-error .p-message-close:hover { background: #fee2e2; } .p-message.p-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-message.p-message-secondary .p-message-close:focus-visible { outline-color: #475569; } .p-message.p-message-secondary .p-message-close:hover { background: #e2e8f0; } .p-message.p-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-message.p-message-contrast .p-message-close:focus-visible { outline-color: #f8fafc; } .p-message.p-message-contrast .p-message-close:hover { background: #1e293b; } .p-multiselect-panel .p-multiselect-header { padding-left: 1rem; padding-right: 1rem; } .p-multiselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-multiselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-multiselect.p-disabled .p-multiselect-label { color: #64748b; } .p-multiselect.p-multiselect-chip .p-multiselect-token { border-radius: 4px; margin-right: 0.25rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.375rem; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.25rem; } .p-panelmenu .p-panelmenu-header { border-radius: 4px; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { background: #e2e8f0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #334155; padding: 0.5rem 0.75rem; font-weight: 600; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { color: #94a3b8; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { background: #f1f5f9; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { color: #334155; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content { border-radius: 6px; padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { margin-top: 2px; } .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { margin-top: 2px; } .p-panelmenu .p-panelmenu-panel { padding: 0.25rem 0.25rem; overflow: hidden; margin-bottom: 0.75rem; border: 1px solid #e2e8f0; border-radius: 6px; } .p-password-panel { background-color: #ffffff; border: 1px solid #e2e8f0; padding: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.75rem; background: #e2e8f0; border-radius: 6px; } .p-password-panel .p-password-meter .p-password-strength { border-radius: 6px; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } .p-orderlist-controls .p-button { transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-orderlist-controls .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-orderlist-controls .p-button:not(:disabled):focus { box-shadow: none; } .p-orderlist-controls .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-orderlist .p-orderlist-header { background: #ffffff; color: #334155; border: 0 none; border-bottom: 0 none; padding: 0.75rem 1rem 0.5rem 1rem; font-weight: 600; color: #64748b; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { border: 1px solid #cbd5e1; border: 0 none; background: #ffffff; color: #334155; padding: 0.25rem 0.25rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-orderlist .p-orderlist-list .p-orderlist-item { border-radius: 6px; } .p-orderlist .p-orderlist-list:not(:first-child) { border: 0 none; } .p-organizationchart .p-organizationchart-node-content { padding: 0.75rem 1rem; border-radius: 6px; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; border: 1px solid #e2e8f0; display: inline-flex; justify-content: center; align-items: center; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { position: static; } .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { padding: 0.75rem 1rem 1.25rem 1rem; } .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { border-right: 0 none; } .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { border-top-right-radius: 6px; } .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { border-left: 1px solid #e2e8f0; border-top-left-radius: 6px; } .p-overlaypanel { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .p-overlaypanel .p-overlaypanel-content { padding: 0.75rem; } .p-overlaypanel .p-overlaypanel-close { width: 1.75rem; height: 1.75rem; color: #64748b; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; outline-color: transparent; position: absolute; top: 0.25rem; right: 0.25rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { color: #475569; border-color: transparent; background: #f1f5f9; } .p-overlaypanel .p-overlaypanel-close:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: 2px; box-shadow: none; } .p-panel { border: 1px solid #e2e8f0; border-radius: 6px; background-color: #ffffff; } .p-panel .p-panel-header, .p-panel .p-panel-content, .p-panel .p-panel-footer { background: transparent; border: 0 none; } .p-panel:has(.p-panel-footer) .p-panel-content { padding-bottom: 0.875rem; } .p-picklist-buttons .p-button { transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; color: #475569; background: #f1f5f9; border: 1px solid #f1f5f9; } .p-picklist-buttons .p-button:not(:disabled):hover { background: #e2e8f0; color: #334155; border-color: #e2e8f0; } .p-picklist-buttons .p-button:not(:disabled):focus { box-shadow: none; } .p-picklist-buttons .p-button:not(:disabled):active { background: #cbd5e1; color: #1e293b; border-color: #cbd5e1; } .p-picklist .p-picklist-header { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; border: 0 none; padding: 0.75rem 1rem 0.5rem 1rem; font-weight: 600; color: #64748b; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-picklist .p-picklist-list { border: 1px solid #cbd5e1; border: 0 none; background: #ffffff; color: #334155; padding: 0.25rem 0.25rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-picklist .p-picklist-list .p-picklist-item { border-radius: 6px; } .p-picklist .p-picklist-list:not(:first-child) { border: 0 none; } .p-progressbar-label { font-size: 0.75rem; font-weight: 600; } .p-radiobutton .p-radiobutton-box { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline-width: 1px; outline-offset: 2px; } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { border-color: #10b981; } .p-radiobutton.p-disabled { opacity: 1; } .p-radiobutton.p-disabled .p-radiobutton-box { border: 1px solid #cbd5e1; background-color: #e2e8f0; } .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { background-color: #64748b; } .p-rating { gap: 0.25rem; } .p-selectbutton .p-button .pi, .p-selectbutton .p-button .p-button-label { position: relative; transition: none; } .p-selectbutton .p-button::before { content: ""; background-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; position: absolute; left: 0.25rem; top: 0.25rem; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); border-radius: 4px; } .p-selectbutton .p-button.p-highlight::before { background: #ffffff; border-color: #ffffff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-selectbutton .p-button:focus-visible { outline: 1px solid var(--p-focus-ring-color); outline-offset: -1px; box-shadow: none; border-color: #94a3b8; } .p-selectbutton .p-button.p-disabled { opacity: 1; color: #94a3b8; } .p-selectbutton.p-invalid { box-shadow: 0 0 0 1px #f87171; border-radius: 6px; } .p-selectbutton.p-invalid > .p-button { border: 1px solid #f1f5f9; } .p-selectbutton.p-disabled { opacity: 1; } .p-selectbutton.p-disabled .p-button { color: #94a3b8; } .p-slider .p-slider-handle { display: flex !important; justify-content: center; align-items: center; } .p-slider .p-slider-handle::before { content: ""; width: 16px; height: 16px; display: block; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); } .p-slider .p-slider-handle:focus-visible { outline: 0 none; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; } .p-speeddial-item.p-focus > .p-speeddial-action { outline-color: #71f3c8; } .p-speeddial-button.p-speeddial-rotate { transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-splitter-gutter-handle { border-radius: 6px; } .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #10b981; } .p-stepper .p-stepper-header.p-highlight .p-stepper-title { color: #10b981; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { border-width: 2px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { font-weight: 500; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-steps .p-steps-item .p-steps-number { position: relative; font-weight: 500; } .p-steps .p-steps-item .p-steps-number::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #ffffff; color: #10b981; } .p-steps .p-steps-item.p-highlight .p-steps-title { color: #10b981; } .p-steps .p-steps-item.p-disabled { opacity: 1; } .p-steps .p-steps-item:before { border-top-width: 2px; margin-top: calc(-1rem + 1px); } .p-steps .p-steps-item:first-child::before { width: calc(50% + 1rem); transform: translateX(100%); } .p-steps .p-steps-item:last-child::before { width: 50%; } .p-tabmenu .p-tabmenu-ink-bar { z-index: 1; display: block; position: absolute; bottom: -1px; height: 1px; background-color: #10b981; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } .p-tabmenu .p-tabmenu-nav { position: relative; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-tabview .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 1px; background-color: #10b981; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } .p-tabview .p-tabview-nav { position: relative; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; } .p-tabview .p-tabview-nav-btn.p-link { color: #64748b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); } .p-tabview .p-tabview-nav-btn.p-link:hover { color: #475569; } .p-tag { background: var(--primary-100); color: var(--primary-700); } .p-tag.p-tag-success { background: var(--green-100); color: var(--green-700); } .p-tag.p-tag-info { background: var(--blue-100); color: var(--blue-700); } .p-tag.p-tag-warning { background: var(--orange-100); color: var(--orange-700); } .p-tag.p-tag-danger { background: var(--red-100); color: var(--red-700); } .p-terminal { background: #ffffff; color: #334155; border: 1px solid #cbd5e1; padding: 0.5rem 0.75rem; border-radius: 6px; } .p-terminal .p-terminal-prompt { margin-right: 0.25rem; } .p-terminal .p-terminal-response { margin: 2px 0; } .p-timeline .p-timeline-event-marker { display: inline-flex; align-items: center; justify-content: center; position: relative; } .p-timeline .p-timeline-event-marker::before { content: " "; border-radius: 50%; width: 0.375rem; height: 0.375rem; background-color: #10b981; } .p-timeline .p-timeline-event-marker::after { content: " "; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .p-toast .p-toast-message { backdrop-filter: blur(1.5px); } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { font-size: 0.875rem; } .p-toast .p-toast-message .p-toast-icon-close { width: 1.75rem; height: 1.75rem; margin-top: -25%; right: -25%; position: relative; } .p-toast .p-toast-message.p-toast-message-info { box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); } .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { outline-color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { background: #dbeafe; } .p-toast .p-toast-message.p-toast-message-success { box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); } .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { outline-color: #16a34a; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { background: #dcfce7; } .p-toast .p-toast-message.p-toast-message-warn { box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); } .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { outline-color: #ca8a04; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { background: #fef9c3; } .p-toast .p-toast-message.p-toast-message-error { box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); } .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { color: #334155; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { background: #fee2e2; } .p-toast .p-toast-message.p-toast-message-secondary { box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { background: #e2e8f0; } .p-toast .p-toast-message.p-toast-message-contrast { box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { outline-color: #dc2626; } .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { background: #1e293b; } .p-togglebutton .p-button .p-button-label, .p-togglebutton .p-button .p-button-icon { position: relative; transition: none; } .p-togglebutton .p-button::before { content: ""; background-color: transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; position: absolute; left: 0.25rem; top: 0.25rem; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); border-radius: 4px; } .p-togglebutton.p-highlight .p-button::before { background: #ffffff; border-color: #ffffff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); } .p-togglebutton.p-disabled { opacity: 1; } .p-togglebutton.p-disabled .p-button { color: #94a3b8; } .p-togglebutton.p-disabled .p-button .p-button-icon { color: #94a3b8; } .p-toolbar { padding: 0.75rem; } .p-tree { border: 0 none; padding: 1rem; } .p-tree .p-tree-container .p-treenode { margin: 2px 0; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline-offset: -2px; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { background-color: #ecfdf5; } .p-tree .p-tree-container > .p-treenode:first-child { margin-top: 0; } .p-tree .p-tree-container > .p-treenode:last-child { margin-bottom: 0; } .p-treeselect-panel .p-tree { padding: 0.25rem 0.25rem; } .p-treeselect { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); } .p-treeselect.p-disabled { opacity: 1; background-color: #e2e8f0; } .p-treeselect.p-disabled .p-treeselect-label { color: #64748b; } } :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-e8a8bf32]: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-e8a8bf32]: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-e8a8bf32]:root, [data-theme=st][data-v-e8a8bf32] { /* 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-e8a8bf32]:root, [data-theme=st][data-v-e8a8bf32] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-e8a8bf32]:root, [data-theme=st][data-v-e8a8bf32] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-e8a8bf32] { /* 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-e8a8bf32] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-e8a8bf32] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-e8a8bf32] { /* 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-e8a8bf32] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-card[data-v-e8a8bf32] { overflow: visible !important; } .person-identification[data-v-e8a8bf32] { width: 100%; } .person-identification h2[data-v-e8a8bf32] { 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-e8a8bf32] { font-size: 2em !important; } } .person-identification a[data-v-e8a8bf32]:focus { border: solid calc(2 / var(--base-font-size, 16) * 1rem) #514f4f; } .person-identification__button[data-v-e8a8bf32] { margin-top: calc(24 / var(--base-font-size, 16) * 1rem); } .person-identification .link[data-v-e8a8bf32] { margin-top: 16px; text-align: center; } .person-identification .link a.disabled[data-v-e8a8bf32] { 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; }.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-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); } } [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-879427bc]: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-879427bc]: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-879427bc]:root, [data-theme=st][data-v-879427bc] { /* 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-879427bc]:root, [data-theme=st][data-v-879427bc] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-879427bc]:root, [data-theme=st][data-v-879427bc] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-879427bc] { /* 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-879427bc] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-879427bc] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-879427bc] { /* 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-879427bc] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .user-invitation-box[data-v-879427bc] { 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-879427bc] { 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-879427bc] { 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-5f78ea1d] { max-width: 100%; } .info-section[data-v-5f78ea1d] { margin-top: 11px; } .break-line[data-v-5f78ea1d] { width: 100%; height: 1px; position: absolute; z-index: 2; opacity: 0.7; background-color: #d6d3d0; } .users-content h2[data-v-5f78ea1d] { font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .users-content[data-v-5f78ea1d] { margin-bottom: 48px; } @media (max-width: 767.9px) { .users-content[data-v-5f78ea1d] { margin-bottom: 0px; } } .users-content .section-row[data-v-5f78ea1d] { padding-bottom: 50px; padding-top: 35px; } @media (max-width: 767.9px) { .users-content .section-row[data-v-5f78ea1d] { padding-bottom: 0; padding-top: 35px; margin-right: 0px; } } .users-content .list-section[data-v-5f78ea1d] { margin-top: -55px; } @media (max-width: 767.9px) { .users-content .list-section[data-v-5f78ea1d] { margin-top: 0px; margin-right: 0px; } } @media (max-width: 767.9px) { .users-content .list-section .list-section-content[data-v-5f78ea1d] { padding-right: 0; } } .users-content .st-button[data-v-5f78ea1d] { margin-top: 0px; white-space: nowrap; font-size: 18px; } @media (max-width: 1194px) { .users-content .st-button[data-v-5f78ea1d] { padding: 0px 14px; margin-top: 0px; } } @media (max-width: 767px) { .users-content .st-button[data-v-5f78ea1d] { margin-top: 34px; } } [data-v-426fca39]: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-426fca39]: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-426fca39]:root, [data-theme=st][data-v-426fca39] { /* 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-426fca39]:root, [data-theme=st][data-v-426fca39] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-426fca39]:root, [data-theme=st][data-v-426fca39] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-426fca39] { /* 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-426fca39] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-426fca39] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-426fca39] { /* 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-426fca39] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .login[data-v-426fca39] { width: 100%; } .login__identify-button[data-v-426fca39] { display: flex; justify-content: center; } .login .error-paragraph[data-v-426fca39] { margin-top: calc(10 / var(--base-font-size, 16) * 1rem); text-align: center !important; } .login #bank-id[data-v-426fca39] { margin-top: 0; margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .login h3[data-v-426fca39] { text-align: center; margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .login p[data-v-426fca39] { text-align: center !important; } .login .checkbox-group[data-v-426fca39] { margin-bottom: calc(20 / var(--base-font-size, 16) * 1rem); } .accept-terms-link[data-v-426fca39]:focus { outline-color: var(--border-color-quaternary); } [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-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-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; } } [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-7cd9697b]: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-7cd9697b]: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-7cd9697b]:root, [data-theme=st][data-v-7cd9697b] { /* 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-7cd9697b]:root, [data-theme=st][data-v-7cd9697b] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-7cd9697b]:root, [data-theme=st][data-v-7cd9697b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-7cd9697b] { /* 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-7cd9697b] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-7cd9697b] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-7cd9697b] { /* 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-7cd9697b] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-recipient-input[data-v-7cd9697b] { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; align-items: flex-start; } @media (min-width: 1025px) { .st-ticket-recipient-input[data-v-7cd9697b] { flex-direction: row; } } .st-ticket-recipient-input__recipient[data-v-7cd9697b] { 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-7cd9697b] { flex-direction: row; margin-bottom: 0; } } @media (min-width: 1025px) { .st-ticket-recipient-input__recipient[data-v-7cd9697b] > * { flex-grow: 1; flex-basis: 0; } } .st-ticket-recipient-input__recipient__autocomplete[data-v-7cd9697b] { display: flex; flex-direction: column; width: 100%; } .st-ticket-recipient-input__recipient__autocomplete__label[data-v-7cd9697b] { 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-7cd9697b] > :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-7cd9697b] > :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-7cd9697b] { padding: 0 calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient-input__recipient__autocomplete__traveller[data-v-7cd9697b] { display: flex; align-items: center; } .st-ticket-recipient-input__recipient__autocomplete__traveller[data-v-7cd9697b] > :not(:last-child) { margin-right: calc(8 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient-input__recipient__actions[data-v-7cd9697b] { 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-7cd9697b] { flex-direction: row; align-items: flex-end; justify-content: space-between; } } .st-ticket-recipient-input__recipient__actions[data-v-7cd9697b] > :first-child { width: calc(146 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1200px) { .st-ticket-recipient-input__recipient__actions[data-v-7cd9697b] > :first-child { margin-top: calc(29 / var(--base-font-size, 16) * 1rem); } }.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-subscription-recipient[data-v-03797244] { color: var(--text-color-primary); padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-subscription-recipient[data-v-03797244] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-subscription-recipient__checkbox[data-v-03797244] { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-subscription-recipient__time-selector[data-v-03797244] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } .st-subscription-recipient__time-selector__rg[data-v-03797244] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-subscription-recipient__time-selector__rg[data-v-03797244] { flex-direction: row; } } .st-subscription-recipient__time-selector__datepickers[data-v-03797244] { display: grid; grid-template-columns: 1fr; gap: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-subscription-recipient__time-selector__datepickers[data-v-03797244] { grid-template-columns: repeat(2, 1fr); } }.st-create-subscription[data-v-c509674c] { display: flex; justify-content: center; margin: calc(24 / var(--base-font-size, 16) * 1rem) 0; min-height: 50vh; } @media (min-width: 1025px) { .st-create-subscription[data-v-c509674c] { margin: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-create-subscription__container[data-v-c509674c] { display: flex; flex-direction: column; gap: calc(48 / var(--base-font-size, 16) * 1rem); padding: calc(8 / var(--base-font-size, 16) * 1rem); width: 100%; max-width: calc(1200 / var(--base-font-size, 16) * 1rem); } .st-create-subscription__container__centered[data-v-c509674c] { margin: auto; }.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-e0d50f83] { 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-e0d50f83] { margin-bottom: calc(40 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__header[data-v-e0d50f83] > :last-child { margin-top: calc(4 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__inputs[data-v-e0d50f83] { 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-e0d50f83] { flex-direction: row; flex-wrap: wrap; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-add-traveller-form__inputs[data-v-e0d50f83] > * { 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-e0d50f83] > *:nth-child(odd):last-child { max-width: calc(50% - 8 / var(--base-font-size, 16) * 1rem); } } .st-add-traveller-form__buttons[data-v-e0d50f83] { display: flex; flex-direction: column; } .st-add-traveller-form__buttons[data-v-e0d50f83] > :first-child { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-add-traveller-form__buttons[data-v-e0d50f83] { flex-direction: row; } .st-add-traveller-form__buttons[data-v-e0d50f83] > :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-e0d50f83] { 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-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-72a7155d]: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-72a7155d]: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-72a7155d]:root, [data-theme=st][data-v-72a7155d] { /* 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-72a7155d]:root, [data-theme=st][data-v-72a7155d] { --font-primary: "Source Sans Pro"; --font-secondary: "Bitter"; } [data-v-72a7155d]:root, [data-theme=st][data-v-72a7155d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-font-size)) * 1rem); --border-radius: calc((6 / var(--base-font-size)) * 1rem); --border-radius-xl: calc((24 / var(--base-font-size)) * 1rem); } [data-theme=ot][data-v-72a7155d] { /* 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-72a7155d] { --font-primary: "HelveticaNeueW01-45Ligh", sans-serif; --font-secondary: "Bitter"; } [data-theme=bt][data-v-72a7155d] { --base-font-size: 16; --font-weight-regular: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --xs: calc((4 / var(--base-font-size)) * 1rem); --sm: calc((8 / var(--base-font-size)) * 1rem); --md: calc((12 / var(--base-font-size)) * 1rem); --lg: calc((16 / var(--base-font-size)) * 1rem); --xl: calc((24 / var(--base-font-size)) * 1rem); --xxl: calc((48 / var(--base-font-size)) * 1rem); --border-width--thin: calc((1 / var(--base-font-size)) * 1rem); --border-width: calc((2 / var(--base-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-72a7155d] { /* 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-72a7155d] { --font-primary: Roboto, Arial, sans-serif; --font-secondary: barmeno, Roboto, Arial, sans-serif; } .st-ticket-recipient[data-v-72a7155d] { color: var(--text-color-primary); padding-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient[data-v-72a7155d] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__title[data-v-72a7155d] { 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-72a7155d] { 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-72a7155d] { flex-direction: row; } } .st-ticket-recipient__action-bar[data-v-72a7155d] > :first-child { width: calc(164 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__action-bar[data-v-72a7155d] > :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-72a7155d] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-ticket-recipient__divider[data-v-72a7155d] { 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-612bd831] { 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-612bd831] { margin: calc(24 / var(--base-font-size, 16) * 1rem); } } .st-cr-tickets__container[data-v-612bd831] { 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-612bd831] { 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-612bd831] { margin: auto; grid-column: 1/-1; } .st-cr-tickets__fixed-summary[data-v-612bd831] { 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-612bd831] { 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-ee151d56] { display: flex; flex-direction: column; min-height: 70vh; padding: calc(24 / var(--base-font-size, 16) * 1rem) 0; } .st-order-confirmation[data-v-ee151d56] > :last-child { margin-bottom: calc(32 / var(--base-font-size, 16) * 1rem); } @media (min-width: 600px) { .st-order-confirmation[data-v-ee151d56] { padding: calc(24 / var(--base-font-size, 16) * 1rem); } } @media (min-width: 1025px) { .st-order-confirmation[data-v-ee151d56] { flex-direction: row; justify-content: center; } .st-order-confirmation[data-v-ee151d56] > :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-ee151d56] > :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-ee151d56] { 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-ee151d56] { align-self: flex-start; } } .st-order-confirmation__cart__container[data-v-ee151d56] { 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-ee151d56] > :nth-child(1), .st-order-confirmation__cart__container[data-v-ee151d56] > :nth-child(2) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__card[data-v-ee151d56] { 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-ee151d56] > :nth-child(even):not(:last-child) { margin-bottom: calc(24 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__card[data-v-ee151d56] > :nth-child(odd) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__card[data-v-ee151d56] { align-self: flex-start; } } .st-order-confirmation__dl-list[data-v-ee151d56] { 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-ee151d56] { font-weight: 600; } .st-order-confirmation__dl-list dd[data-v-ee151d56] { 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-ee151d56] { font-weight: 600; } .st-order-confirmation__dl-list__middle-wrapper[data-v-ee151d56] { 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-ee151d56] { 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-ee151d56] { margin-bottom: 0; } .st-order-confirmation__dl-list__first-column[data-v-ee151d56] { grid-column: 1/-1; } } .st-order-confirmation__address[data-v-ee151d56] { 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-ee151d56] { display: flex; flex-direction: column; color: var(--text-color-primary); } .st-order-confirmation__distribution[data-v-ee151d56] > :first-child { font-weight: 600; margin-bottom: calc(4 / var(--base-font-size, 16) * 1rem); } .st-order-confirmation__tickets[data-v-ee151d56] > :not(:last-child) { margin-bottom: calc(16 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__tickets[data-v-ee151d56] { max-height: calc(600 / var(--base-font-size, 16) * 1rem); overflow-y: auto; } } .st-order-confirmation__summary[data-v-ee151d56] { 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-ee151d56] { 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-ee151d56] { 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-ee151d56] > :first-child { margin-bottom: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-order-confirmation__summary__buttons[data-v-ee151d56] { flex-direction: row-reverse; } .st-order-confirmation__summary__buttons[data-v-ee151d56] > :first-child { margin-left: calc(16 / var(--base-font-size, 16) * 1rem); margin-bottom: 0; } } .st-order-confirmation__warning[data-v-ee151d56] { margin: calc(24 / var(--base-font-size, 16) * 1rem) 0; } .st-order-confirmation__fixed-summary[data-v-ee151d56] { 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-ee151d56] { 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-46ef82e3] { --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-46ef82e3] { transform: rotate(90deg); } @media (min-width: 1025px) { .st-traveller-details[data-v-46ef82e3] > :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-46ef82e3] { display: flex; justify-content: center; align-items: center; min-height: 50vh; } .st-traveller-details__error[data-v-46ef82e3] { display: flex; justify-content: center; align-items: center; min-height: 50vh; } .st-traveller-details__title[data-v-46ef82e3] { font-family: var(--font-secondary); font-weight: 700; line-height: 150%; } .st-traveller-details__title--h1[data-v-46ef82e3] { font-size: calc(24 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-traveller-details__title--h2[data-v-46ef82e3] { font-size: calc(18 / var(--base-font-size, 16) * 1rem); color: var(--text-color-primary); } .st-traveller-details__header[data-v-46ef82e3] { 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-46ef82e3] { flex-direction: row; width: calc(var(--column-width) * 2 + var(--container-gap)); } .st-traveller-details__header[data-v-46ef82e3] > :last-child { margin-left: auto; } } .st-traveller-details__container[data-v-46ef82e3] { display: flex; flex-direction: column; justify-content: center; gap: var(--container-gap); } @media (min-width: 1025px) { .st-traveller-details__container[data-v-46ef82e3] { flex-direction: row; align-items: flex-start; } .st-traveller-details__container[data-v-46ef82e3] > * { width: var(--column-width); } } .st-traveller-details__traveller[data-v-46ef82e3] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); } .st-traveller-details__traveller[data-v-46ef82e3] > :last-child { align-self: flex-end; } .st-traveller-details__traveller__form[data-v-46ef82e3] { 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-46ef82e3] > * { width: 100%; } .st-traveller-details__traveller__form__btns[data-v-46ef82e3] { 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-46ef82e3] { flex-direction: row; } } .st-traveller-details__related[data-v-46ef82e3] { 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-46ef82e3] { display: flex; flex-direction: column; gap: calc(16 / var(--base-font-size, 16) * 1rem); padding: 0; } .st-traveller-details__related__subscriptions__item[data-v-46ef82e3] { display: flex; flex-direction: column; } .st-traveller-details__related__subscriptions__item__actions[data-v-46ef82e3] { 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-46ef82e3] { 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-46ef82e3] { flex-direction: row; justify-content: space-between; } } .st-traveller-details__related__info[data-v-46ef82e3] { 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-46ef82e3] > :first-child { margin-top: calc(8 / var(--base-font-size, 16) * 1rem); } @media (min-width: 1025px) { .st-traveller-details__related__info[data-v-46ef82e3] { margin-top: 0; } } .st-traveller-details__related__divider[data-v-46ef82e3] { 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; }/*$vite$:1*/