:root{--menu-yellow-bg: #FFF8DE;--menu-yellow-bg-active: hsl(50, 100%, 82%);--menu-yellow-accent: #D3B000;--menu-green-bg: #EDF8F4;--menu-green-bg-active: hsl(159, 42%, 83%);--menu-green-accent: #21A67A;--menu-blue-bg: #E5F4FF;--menu-blue-bg-active: hsl(206, 100%, 85%);--menu-blue-accent: #0074CC;--menu-pink-bg: #FFE5ED;--menu-pink-bg-active: hsl(343, 100%, 80%);--menu-pink-accent: #FF336D;--menu-map-bg: var(--menu-yellow-bg);--menu-map-bg-active: var(--menu-yellow-bg-active);--menu-map-accent: var(--menu-yellow-accent);--menu-timetable-bg: var(--menu-blue-bg);--menu-timetable-bg-active: var(--menu-blue-bg-active);--menu-timetable-accent: var(--menu-blue-accent);--menu-planner-bg: var(--menu-green-bg);--menu-planner-bg-active: var(--menu-green-bg-active);--menu-planner-accent: var(--menu-green-accent);--menu-disturb-bg: var(--menu-pink-bg);--menu-disturb-bg-active: var(--menu-pink-bg-active);--menu-disturb-accent: var(--menu-pink-accent);--menu-ticketing-bg: var(--menu-yellow-bg);--menu-ticketing-bg-active: var(--menu-yellow-bg-active);--menu-ticketing-accent: var(--menu-yellow-accent);--menu-traveltips-bg: var(--menu-blue-bg);--menu-traveltips-bg-active: var(--menu-blue-bg-active);--menu-traveltips-accent: var(--menu-blue-accent);--menu-events-bg: var(--menu-pink-bg);--menu-events-bg-active: var(--menu-pink-bg-active);--menu-events-accent: var(--menu-pink-accent);--menu-help-bg: var(--menu-yellow-bg);--menu-help-bg-active: var(--menu-yellow-bg-active);--menu-help-accent: var(--menu-yellow-accent);--menu-pos-bg: var(--menu-yellow-bg);--menu-pos-bg-active: var(--menu-yellow-bg-active);--menu-pos-accent: var(--menu-yellow-accent);--menu-feedback-bg: var(--menu-green-bg);--menu-feedback-bg-active: var(--menu-green-bg-active);--menu-feedback-accent: var(--menu-green-accent)}.menu{position:absolute;display:flex;flex-flow:column;top:50%;width:auto;border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--box-shadow-stoomlink-large);transform:translateY(-50%);overflow:visible;z-index:10}.menu__button{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:4px 0 0;width:64px;height:64px;font-size:12px;border-radius:0;border-top-right-radius:var(--border-radius)}.menu__button::-webkit-details-marker{display:none}.menu__button::marker{display:none}.menu__button--secondary{border-top-right-radius:0;border-bottom-right-radius:var(--border-radius);background-color:var(--color-background)}.menu__button__label{margin-top:8px}.menu__button__label--menu{margin-top:9px}.menu__toggle{position:relative}.menu__list{position:absolute;padding:14px 8px;top:calc(50% - 32px);left:0;border-radius:0 var(--border-radius-large) var(--border-radius-large) 0;background-color:var(--color-background);box-shadow:var(--box-shadow-stoomlink-large);transform:translateY(-50%);z-index:1}.menu__list__item{position:relative;display:block;padding:16px 68px 16px 12px;margin:8px;border-radius:var(--border-radius);overflow:hidden;transition:all .25s cubic-bezier(.2,0,.38,.9)}.menu__list__item--active{margin:-2px 0;padding:18px 68px 18px 20px}.menu__list__item--map{background-color:var(--menu-map-bg)}.menu__list__item--map:hover,.menu__list__item--map.menu__list__item--active{background-color:var(--menu-map-bg-active)}.menu__list__item--timetable{background-color:var(--menu-timetable-bg)}.menu__list__item--timetable:hover,.menu__list__item--timetable.menu__list__item--active{background-color:var(--menu-timetable-bg-active)}.menu__list__item--planner{background-color:var(--menu-planner-bg)}.menu__list__item--planner:hover,.menu__list__item--planner.menu__list__item--active{background-color:var(--menu-planner-bg-active)}.menu__list__item--ticketing{background-color:var(--menu-ticketing-bg)}.menu__list__item--ticketing:hover,.menu__list__item--ticketing.menu__list__item--active{background-color:var(--menu-ticketing-bg-active)}.menu__list__item--traveltips{background-color:var(--menu-traveltips-bg)}.menu__list__item--traveltips:hover,.menu__list__item--traveltips.menu__list__item--active{background-color:var(--menu-traveltips-bg-active)}.menu__list__item--events{background-color:var(--menu-events-bg)}.menu__list__item--events:hover,.menu__list__item--events.menu__list__item--active{background-color:var(--menu-events-bg-active)}.menu__list__item--help{background-color:var(--menu-help-bg)}.menu__list__item--help:hover,.menu__list__item--help.menu__list__item--active{background-color:var(--menu-help-bg-active)}.menu__list__item--pos{background-color:var(--menu-pos-bg)}.menu__list__item--pos:hover,.menu__list__item--pos.menu__list__item--active{background-color:var(--menu-pos-bg-active)}.menu__list__item--disturb{background-color:var(--menu-disturb-bg)}.menu__list__item--disturb:hover,.menu__list__item--disturb.menu__list__item--active{background-color:var(--menu-disturb-bg-active)}.menu__list__item--feedback{background-color:var(--menu-feedback-bg)}.menu__list__item--feedback:hover,.menu__list__item--feedback.menu__list__item--active{background-color:var(--menu-feedback-bg-active)}.menu__list__item__title{font-weight:var(--font-bold);font-size:20px;line-height:24px;color:var(--color-font-dark)}.menu__list__item__icon{position:absolute;top:0;right:0;width:56px;height:56px;background-size:cover;background-position:right center;margin-right:0}