`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n @include font-size($lead-font-size);\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n @include font-size($display1-size);\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n @include font-size($display2-size);\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n @include font-size($display3-size);\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n @include font-size($display4-size);\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n @include font-size($small-font-size);\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n @include font-size(90%);\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n display: block;\n @include font-size($blockquote-small-font-size);\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014\\00A0\"; // em dash, nbsp\n }\n}\n","// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$h1-font-size: $font-size-base * 1.5;\n$h1-font-size-md: $font-size-base * 2.625;\n$h2-font-size: $font-size-base * 1.25;\n$h2-font-size-md: $font-size-base * 1.5;\n$h3-font-size: $font-size-base * 1.25;\n$h3-font-size-md: $font-size-base * 1.5;\n\n$h1-line-height-md: 1.1428571429;\n$h2-line-height-md: 1.3;\n$h3-line-height-md: 1.3;\n$headings-line-height: 1.3;\n$headings-line-height-md: 1.25;\n$h1-font-weight: $font-weight-light;\n$h2-font-weight: $font-weight-light;\n$h3-font-weight: $font-weight-base;\n\n$display1-size: $h1-font-size;\n$display1-size-md: $font-size-base * 3;\n$display1-line-height-md: 1.125;\n$display2-size: $h2-font-size;\n$display2-size-md: $h2-font-size-md;\n$display3-size: $h3-font-size;\n$display3-size-md: $h3-font-size-md;\n\n$display1-weight: $font-weight-light;\n$display2-weight: $font-weight-base;\n$display3-weight: $font-weight-medium;\n\n$display-line-height: $headings-line-height;\n$display-line-height-md: $headings-line-height-md;\n\n$font-size-lg: $font-size-base * 1.125;\n$font-size-sm: $font-size-base * .875;\n\n$lead-font-size: $h2-font-size;\n$lead-font-weight: 400;\n\n$blockquote-font-size: $font-size-base;\n\n$container-max-width: 1004px;\n\n$grid-gutter-width: 40px;\n\n$btn-padding-y: .75rem; // 12px\n\n$input-padding-y: .813rem; // 13px\n\n$btn-only-icon-padding: 1rem;\n\n$custom-control-indicator-size: .875rem; // 14px\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","/* base\n ========================================================================== */\n\nbody {\n min-height: 100vh;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: $body-bg;\n}\n","@font-face {\n font-family: Avenir;\n src: url(\"../assets/fonts/avenir/avenir-lighter.woff\");\n font-weight: 300;\n}\n\n@font-face {\n font-family: Avenir;\n src: url(\"../assets/fonts/avenir/avenir-book.woff\");\n font-weight: 400;\n}\n\n@font-face {\n font-family: Avenir;\n src: url(\"../assets/fonts/avenir/avenir-medium.woff\");\n font-weight: 500;\n}\n\n@font-face {\n font-family: Avenir;\n src: url(\"../assets/fonts/avenir/avenir-black.woff\");\n font-weight: 900;\n}\n","@font-face {\n font-family: \"icons\";\n src: url(\"../assets/fonts/icons/icons.eot?473fe4c85d583bba4d10858566a1d238?#iefix\") format(\"embedded-opentype\"),\nurl(\"../assets/fonts/icons/icons.woff2?473fe4c85d583bba4d10858566a1d238\") format(\"woff2\"),\nurl(\"../assets/fonts/icons/icons.woff?473fe4c85d583bba4d10858566a1d238\") format(\"woff\"),\nurl(\"../assets/fonts/icons/icons.ttf?473fe4c85d583bba4d10858566a1d238\") format(\"truetype\"),\nurl(\"../assets/fonts/icons/icons.svg?473fe4c85d583bba4d10858566a1d238#icons\") format(\"svg\");\n}\n\ni {\n line-height: 1;\n}\n\ni:before {\n font-family: icons !important;\n font-style: normal;\n font-weight: normal !important;\n vertical-align: top;\n}\n\n.icons-add:before {\n content: \"\\f101\";\n}\n.icons-admin:before {\n content: \"\\f102\";\n}\n.icons-alert-notification:before {\n content: \"\\f103\";\n}\n.icons-ambulant-sales:before {\n content: \"\\f104\";\n}\n.icons-arrow-double:before {\n content: \"\\f105\";\n}\n.icons-arrow-down:before {\n content: \"\\f106\";\n}\n.icons-arrow-next:before {\n content: \"\\f107\";\n}\n.icons-arrow-prev:before {\n content: \"\\f108\";\n}\n.icons-arrow-real:before {\n content: \"\\f109\";\n}\n.icons-arrow-up:before {\n content: \"\\f10a\";\n}\n.icons-arrow:before {\n content: \"\\f10b\";\n}\n.icons-booking:before {\n content: \"\\f10c\";\n}\n.icons-bookmark-off:before {\n content: \"\\f10d\";\n}\n.icons-bookmark:before {\n content: \"\\f10e\";\n}\n.icons-bypass:before {\n content: \"\\f10f\";\n}\n.icons-calendar-time:before {\n content: \"\\f110\";\n}\n.icons-calendar:before {\n content: \"\\f111\";\n}\n.icons-checked:before {\n content: \"\\f112\";\n}\n.icons-circle-account-connected:before {\n content: \"\\f113\";\n}\n.icons-circle-arrow:before {\n content: \"\\f114\";\n}\n.icons-circle-back-top:before {\n content: \"\\f115\";\n}\n.icons-circle-cancelled:before {\n content: \"\\f116\";\n}\n.icons-circle-delay:before {\n content: \"\\f117\";\n}\n.icons-circle-delete:before {\n content: \"\\f118\";\n}\n.icons-circle-disruption:before {\n content: \"\\f119\";\n}\n.icons-circle-facebook:before {\n content: \"\\f11a\";\n}\n.icons-circle-flux-rss:before {\n content: \"\\f11b\";\n}\n.icons-circle-google-plus:before {\n content: \"\\f11c\";\n}\n.icons-circle-information:before {\n content: \"\\f11d\";\n}\n.icons-circle-instagram:before {\n content: \"\\f11e\";\n}\n.icons-circle-linkedin:before {\n content: \"\\f11f\";\n}\n.icons-circle-mail:before {\n content: \"\\f120\";\n}\n.icons-circle-pinterest:before {\n content: \"\\f121\";\n}\n.icons-circle-print:before {\n content: \"\\f122\";\n}\n.icons-circle-reverse:before {\n content: \"\\f123\";\n}\n.icons-circle-tooltip:before {\n content: \"\\f124\";\n}\n.icons-circle-twitter:before {\n content: \"\\f125\";\n}\n.icons-circle-works:before {\n content: \"\\f126\";\n}\n.icons-clock:before {\n content: \"\\f127\";\n}\n.icons-close-circle:before {\n content: \"\\f128\";\n}\n.icons-close:before {\n content: \"\\f129\";\n}\n.icons-disabled-service:before {\n content: \"\\f12a\";\n}\n.icons-distribution:before {\n content: \"\\f12b\";\n}\n.icons-document:before {\n content: \"\\f12c\";\n}\n.icons-document2:before {\n content: \"\\f12d\";\n}\n.icons-download:before {\n content: \"\\f12e\";\n}\n.icons-eco-consumption:before {\n content: \"\\f12f\";\n}\n.icons-external-link:before {\n content: \"\\f130\";\n}\n.icons-facebook:before {\n content: \"\\f131\";\n}\n.icons-favorite-on:before {\n content: \"\\f132\";\n}\n.icons-file:before {\n content: \"\\f133\";\n}\n.icons-filters:before {\n content: \"\\f134\";\n}\n.icons-free-bike:before {\n content: \"\\f135\";\n}\n.icons-instagram:before {\n content: \"\\f136\";\n}\n.icons-itinerary-bike:before {\n content: \"\\f137\";\n}\n.icons-itinerary-bullet:before {\n content: \"\\f138\";\n}\n.icons-itinerary-bus-2:before {\n content: \"\\f139\";\n}\n.icons-itinerary-bus:before {\n content: \"\\f13a\";\n}\n.icons-itinerary-car:before {\n content: \"\\f13b\";\n}\n.icons-itinerary-line-idf-a:before {\n content: \"\\f13c\";\n}\n.icons-itinerary-line-idf-b:before {\n content: \"\\f13d\";\n}\n.icons-itinerary-line-idf-c:before {\n content: \"\\f13e\";\n}\n.icons-itinerary-line-idf-d:before {\n content: \"\\f13f\";\n}\n.icons-itinerary-line-idf-e:before {\n content: \"\\f140\";\n}\n.icons-itinerary-line-idf-h:before {\n content: \"\\f141\";\n}\n.icons-itinerary-line-idf-j:before {\n content: \"\\f142\";\n}\n.icons-itinerary-line-idf-k:before {\n content: \"\\f143\";\n}\n.icons-itinerary-line-idf-l:before {\n content: \"\\f144\";\n}\n.icons-itinerary-line-idf-n:before {\n content: \"\\f145\";\n}\n.icons-itinerary-line-idf-p:before {\n content: \"\\f146\";\n}\n.icons-itinerary-line-idf-r:before {\n content: \"\\f147\";\n}\n.icons-itinerary-line-idf-u:before {\n content: \"\\f148\";\n}\n.icons-itinerary-line-metro-1:before {\n content: \"\\f149\";\n}\n.icons-itinerary-line-metro-10:before {\n content: \"\\f14a\";\n}\n.icons-itinerary-line-metro-11:before {\n content: \"\\f14b\";\n}\n.icons-itinerary-line-metro-12:before {\n content: \"\\f14c\";\n}\n.icons-itinerary-line-metro-13:before {\n content: \"\\f14d\";\n}\n.icons-itinerary-line-metro-14:before {\n content: \"\\f14e\";\n}\n.icons-itinerary-line-metro-2:before {\n content: \"\\f14f\";\n}\n.icons-itinerary-line-metro-3:before {\n content: \"\\f150\";\n}\n.icons-itinerary-line-metro-3bis:before {\n content: \"\\f151\";\n}\n.icons-itinerary-line-metro-4:before {\n content: \"\\f152\";\n}\n.icons-itinerary-line-metro-5:before {\n content: \"\\f153\";\n}\n.icons-itinerary-line-metro-6:before {\n content: \"\\f154\";\n}\n.icons-itinerary-line-metro-7:before {\n content: \"\\f155\";\n}\n.icons-itinerary-line-metro-7bis:before {\n content: \"\\f156\";\n}\n.icons-itinerary-line-metro-8:before {\n content: \"\\f157\";\n}\n.icons-itinerary-line-metro-9:before {\n content: \"\\f158\";\n}\n.icons-itinerary-line-tram-1:before {\n content: \"\\f159\";\n}\n.icons-itinerary-line-tram-10:before {\n content: \"\\f15a\";\n}\n.icons-itinerary-line-tram-11:before {\n content: \"\\f15b\";\n}\n.icons-itinerary-line-tram-12:before {\n content: \"\\f15c\";\n}\n.icons-itinerary-line-tram-13:before {\n content: \"\\f15d\";\n}\n.icons-itinerary-line-tram-2:before {\n content: \"\\f15e\";\n}\n.icons-itinerary-line-tram-3:before {\n content: \"\\f15f\";\n}\n.icons-itinerary-line-tram-3a:before {\n content: \"\\f160\";\n}\n.icons-itinerary-line-tram-3b:before {\n content: \"\\f161\";\n}\n.icons-itinerary-line-tram-3est:before {\n content: \"\\f162\";\n}\n.icons-itinerary-line-tram-4:before {\n content: \"\\f163\";\n}\n.icons-itinerary-line-tram-5:before {\n content: \"\\f164\";\n}\n.icons-itinerary-line-tram-6:before {\n content: \"\\f165\";\n}\n.icons-itinerary-line-tram-7:before {\n content: \"\\f166\";\n}\n.icons-itinerary-line-tram-8:before {\n content: \"\\f167\";\n}\n.icons-itinerary-line-tram-9:before {\n content: \"\\f168\";\n}\n.icons-itinerary-metro:before {\n content: \"\\f169\";\n}\n.icons-itinerary-pedestrian:before {\n content: \"\\f16a\";\n}\n.icons-itinerary-rer:before {\n content: \"\\f16b\";\n}\n.icons-itinerary-train-station:before {\n content: \"\\f16c\";\n}\n.icons-itinerary-train:before {\n content: \"\\f16d\";\n}\n.icons-itinerary-tram:before {\n content: \"\\f16e\";\n}\n.icons-itinerary-tramway:before {\n content: \"\\f16f\";\n}\n.icons-label:before {\n content: \"\\f170\";\n}\n.icons-large-building:before {\n content: \"\\f171\";\n}\n.icons-large-clock:before {\n content: \"\\f172\";\n}\n.icons-large-conversation:before {\n content: \"\\f173\";\n}\n.icons-large-creditcard:before {\n content: \"\\f174\";\n}\n.icons-large-france:before {\n content: \"\\f175\";\n}\n.icons-large-group:before {\n content: \"\\f176\";\n}\n.icons-large-headphones:before {\n content: \"\\f177\";\n}\n.icons-large-information:before {\n content: \"\\f178\";\n}\n.icons-large-itinerary-bike:before {\n content: \"\\f179\";\n}\n.icons-large-itinerary-bus-2:before {\n content: \"\\f17a\";\n}\n.icons-large-itinerary-bus:before {\n content: \"\\f17b\";\n}\n.icons-large-itinerary-car:before {\n content: \"\\f17c\";\n}\n.icons-large-itinerary-metro:before {\n content: \"\\f17d\";\n}\n.icons-large-itinerary-pedestrian:before {\n content: \"\\f17e\";\n}\n.icons-large-itinerary-rer:before {\n content: \"\\f17f\";\n}\n.icons-large-itinerary-train-station:before {\n content: \"\\f180\";\n}\n.icons-large-itinerary-train:before {\n content: \"\\f181\";\n}\n.icons-large-itinerary-tram:before {\n content: \"\\f182\";\n}\n.icons-large-itinerary-tramway:before {\n content: \"\\f183\";\n}\n.icons-large-lightbulb:before {\n content: \"\\f184\";\n}\n.icons-large-luggage:before {\n content: \"\\f185\";\n}\n.icons-large-mail:before {\n content: \"\\f186\";\n}\n.icons-large-phone:before {\n content: \"\\f187\";\n}\n.icons-large-search-recent:before {\n content: \"\\f188\";\n}\n.icons-large-seat:before {\n content: \"\\f189\";\n}\n.icons-large-skateboard:before {\n content: \"\\f18a\";\n}\n.icons-large-smartphone:before {\n content: \"\\f18b\";\n}\n.icons-large-sncf:before {\n content: \"\\f18c\";\n}\n.icons-large-stroller:before {\n content: \"\\f18d\";\n}\n.icons-large-suitcase:before {\n content: \"\\f18e\";\n}\n.icons-large-swipecard:before {\n content: \"\\f18f\";\n}\n.icons-large-ticket:before {\n content: \"\\f190\";\n}\n.icons-large-truck:before {\n content: \"\\f191\";\n}\n.icons-large-warning:before {\n content: \"\\f192\";\n}\n.icons-linkedin:before {\n content: \"\\f193\";\n}\n.icons-list:before {\n content: \"\\f194\";\n}\n.icons-localisation-pin:before {\n content: \"\\f195\";\n}\n.icons-lounge-car:before {\n content: \"\\f196\";\n}\n.icons-menu-account:before {\n content: \"\\f197\";\n}\n.icons-menu-burger:before {\n content: \"\\f198\";\n}\n.icons-menu-searchbar:before {\n content: \"\\f199\";\n}\n.icons-message:before {\n content: \"\\f19a\";\n}\n.icons-mosaic:before {\n content: \"\\f19b\";\n}\n.icons-nursery-service:before {\n content: \"\\f19c\";\n}\n.icons-options:before {\n content: \"\\f19d\";\n}\n.icons-pause:before {\n content: \"\\f19e\";\n}\n.icons-pencil:before {\n content: \"\\f19f\";\n}\n.icons-play-area:before {\n content: \"\\f1a0\";\n}\n.icons-play:before {\n content: \"\\f1a1\";\n}\n.icons-position:before {\n content: \"\\f1a2\";\n}\n.icons-print:before {\n content: \"\\f1a3\";\n}\n.icons-professionnal-area:before {\n content: \"\\f1a4\";\n}\n.icons-quiet-area:before {\n content: \"\\f1a5\";\n}\n.icons-refresh:before {\n content: \"\\f1a6\";\n}\n.icons-rent-bike:before {\n content: \"\\f1a7\";\n}\n.icons-sami-confused:before {\n content: \"\\f1a8\";\n}\n.icons-sami-grin:before {\n content: \"\\f1a9\";\n}\n.icons-sami-sad:before {\n content: \"\\f1aa\";\n}\n.icons-sami-smile:before {\n content: \"\\f1ab\";\n}\n.icons-search-recent:before {\n content: \"\\f1ac\";\n}\n.icons-search:before {\n content: \"\\f1ad\";\n}\n.icons-share:before {\n content: \"\\f1ae\";\n}\n.icons-slider-off:before {\n content: \"\\f1af\";\n}\n.icons-slider-on:before {\n content: \"\\f1b0\";\n}\n.icons-sort:before {\n content: \"\\f1b1\";\n}\n.icons-support:before {\n content: \"\\f1b2\";\n}\n.icons-tag:before {\n content: \"\\f1b3\";\n}\n.icons-tgv-family:before {\n content: \"\\f1b4\";\n}\n.icons-toolbar-bold:before {\n content: \"\\f1b5\";\n}\n.icons-toolbar-center:before {\n content: \"\\f1b6\";\n}\n.icons-toolbar-italic:before {\n content: \"\\f1b7\";\n}\n.icons-toolbar-left:before {\n content: \"\\f1b8\";\n}\n.icons-toolbar-list:before {\n content: \"\\f1b9\";\n}\n.icons-toolbar-underline:before {\n content: \"\\f1ba\";\n}\n.icons-twitter:before {\n content: \"\\f1bb\";\n}\n.icons-volume-down:before {\n content: \"\\f1bc\";\n}\n.icons-volume-up:before {\n content: \"\\f1bd\";\n}\n.icons-warning:before {\n content: \"\\f1be\";\n}\n.icons-wifi-area:before {\n content: \"\\f1bf\";\n}\n.icons-young-service:before {\n content: \"\\f1c0\";\n}\n","/* type\n ========================================================================== */\n\n//\n// Headings\n//\n\nh1,\n.h1,\nh2,\n.h2,\n.display-1 {\n text-transform: uppercase;\n}\n\nh1,\n.h1,\n.display-1 {\n font-weight: $h1-font-weight;\n line-height: $h1-line-height;\n}\n\nh2,\n.h2 {\n font-weight: $h2-font-weight;\n}\n\nh3,\n.h3 {\n font-weight: $h3-font-weight;\n}\n\n.display-2 {\n font-size: $h2-font-size;\n text-transform: none;\n}\n\n.display-3 {\n font-size: $h3-font-size;\n text-transform: none;\n}\n\n.lead {\n color: $lead-color;\n}\n\n// Blockquotes\n.blockquote-decoration {\n position: relative;\n padding-right: rem(30px);\n padding-left: rem(30px);\n font-weight: $font-weight-medium;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n width: rem(14px);\n height: rem(18px);\n content: \"\";\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n }\n\n &::before {\n top: 0;\n left: 0;\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 541.3 500.03'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3earrow-double%3c/title%3e%3cpath class='a' d='M0,250.87,235.7,11.37c15.2-15.2,42.6-15.2,61.6,0h0c15.2,15.2,15.2,46.4,0,61.6L123.2,250.87,298,424.17c15.2,19,15.2,46.4,0,61.6l-7.6,7.6c-19,11.4-42.6,7.6-57.8-7.6Z' transform='translate(0 0.03)'/%3e%3cpath class='a' d='M231.9,250.87,467.6,11.37c15.2-15.2,42.6-15.2,61.6,0h0c15.1,15.2,15.1,46.4-.1,61.6L355,250.87l174.9,173.3c15.2,19,15.2,46.4,0,61.6l-7.6,7.6c-19,11.4-42.6,7.6-57.8-7.6Z' transform='translate(0 0.03)'/%3e%3c/svg%3e\");\n }\n &::after {\n right: 0;\n bottom: 0;\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 541.3 500.03'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%230088ce;%7d%3c/style%3e%3c/defs%3e%3ctitle%3earrow-double%3c/title%3e%3cpath class='a' d='M541.3,249.1,305.6,488.6c-15.2,15.2-42.6,15.2-61.6,0h0c-15.2-15.2-15.2-46.4,0-61.6L418.1,249.1,243.3,75.8c-15.2-19-15.2-46.4,0-61.6l7.6-7.6c19-11.4,42.6-7.6,57.8,7.6Z' transform='translate(0 0.03)'/%3e%3cpath class='a' d='M309.4,249.1,73.7,488.6c-15.2,15.2-42.6,15.2-61.6,0h0C-3,473.4-3,442.2,12.2,427L186.3,249.1,11.4,75.8c-15.2-19-15.2-46.4,0-61.6L19,6.6C38-4.8,61.6-1,76.8,14.2Z' transform='translate(0 0.03)'/%3e%3c/svg%3e\");\n }\n}\n\n.blockquote-footer {\n padding-right: rem(30px);\n padding-left: rem(30px);\n font-size: $font-size-base;\n font-weight: $font-weight-medium;\n text-align: right;\n\n &::before {\n content: \"\"; // remove em dash, nbsp\n }\n}\n\n@include media-breakpoint-up(md) {\n h1,\n .h1 {\n font-size: $h1-font-size-md;\n line-height: $h1-line-height-md;\n }\n\n h2,\n .h2 {\n font-size: $h2-font-size-md;\n line-height: $headings-line-height-md;\n }\n\n h3,\n .h3 {\n font-size: $h3-font-size-md;\n line-height: $headings-line-height-md;\n }\n\n .display-1 {\n font-size: $display1-size-md;\n line-height: $display1-line-height-md;\n }\n\n .display-2 {\n font-size: $display2-size-md;\n line-height: $display-line-height-md;\n }\n\n .display-3 {\n font-size: $display3-size-md;\n line-height: $display-line-height-md;\n }\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n max-width: $container-max-width + $grid-gutter-width;\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","/* mastheader\n ========================================================================== */\n\n$mastheader-height: rem(32px);\n\n.mastheader {\n position: fixed;\n top: 0;\n left: 0;\n z-index: ($zindex-fixed + 1);\n display: flex;\n align-items: center;\n width: 100%;\n height: $mastheader-height;\n font-size: $font-size-sm;\n background-color: gray(\"600\");\n\n > .container {\n display: flex;\n justify-content: space-between;\n height: 100%;\n }\n}\n\n.mastheader-logo {\n padding-right: rem(20px);\n}\n\n.mastheader-title {\n margin-bottom: 0;\n font-size: $font-size-sm;\n font-weight: $font-weight-base;\n color: color(\"white\");\n text-transform: none;\n}\n\n.mastheader-toolbar {\n padding-left: 0;\n list-style: none;\n}\n\n.mastheader-toolbar-item {\n height: 100%;\n padding-left: rem(10px);\n\n &:not(:last-child) {\n padding-right: rem(10px);\n }\n\n > button {\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0;\n color: color(\"white\");\n cursor: pointer;\n background-color: transparent;\n border: none;\n }\n}\n\n.mastheader-toolbar-item-lg {\n > button {\n padding-right: rem(20px);\n padding-left: rem(20px);\n text-transform: uppercase;\n background-color: gray(\"500\");\n }\n}\n","/* actionbar\n ========================================================================== */\n\n$actionbar-min-height: rem(62px);\n$actionbar-max-height: rem(90px);\n\n// md/768 +\n$actionbar-min-height-md: rem(80px);\n$actionbar-max-height-md: rem(105px);\n\n// lg/1024 +\n$actionbar-min-height-lg: rem(70px);\n$actionbar-max-height-lg: rem(108px);\n\n// xl/1280 +\n$actionbar-min-height-xl: rem(80px);\n$actionbar-max-height-xl: rem(125px);\n\n.actionbar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n height: $actionbar-min-height;\n padding-right: rem(20px);\n padding-left: rem(20px);\n background-color: $actionbar-bg;\n\n > nav .breadcrumb {\n padding-top: rem(3px);\n }\n\n .breadcrumb {\n border-bottom: none;\n }\n}\n\n.actionbar.light {\n * {\n color: color(\"white\");\n }\n}\n\n.actionbar.has-tabs {\n height: $actionbar-max-height;\n}\n\n.actionbar-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n h1,\n .h1 {\n a {\n display: flex;\n align-items: center;\n\n &:not(:hover) {\n color: $headings-color;\n }\n }\n }\n\n .breadcrumb {\n height: rem(30px);\n }\n}\n\n@include media-breakpoint-down(sm) {\n .actionbar {\n border-bottom: 1px solid #d8d8d8;\n }\n}\n\n@include media-breakpoint-up(md) {\n .actionbar {\n height: $actionbar-min-height-md;\n }\n\n .actionbar.has-tabs {\n justify-content: flex-end;\n height: $actionbar-max-height-md;\n }\n}\n\n@include media-breakpoint-up(lg) {\n .actionbar {\n width: 100%;\n height: $actionbar-min-height-lg;\n padding-right: rem(12px);\n padding-bottom: rem(10px);\n padding-left: rem(30px);\n }\n\n .actionbar.has-tabs {\n height: $actionbar-max-height-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .actionbar {\n height: $actionbar-min-height-xl;\n padding-right: rem(30px);\n }\n\n .actionbar.has-tabs {\n height: $actionbar-max-height-xl;\n padding-bottom: rem(20px);\n }\n}\n","/* menubar\n ========================================================================== */\n\n$menubar-height: rem(60px);\n\n// md/768 +\n$menubar-height-md: rem(76px);\n\n.mastnav {\n position: fixed;\n top: $mastheader-height;\n left: 0;\n z-index: $zindex-fixed;\n width: 100%;\n background-color: $menubar-bg;\n}\n\n.menubar {\n width: 100%;\n height: $menubar-height;\n color: $menubar-color;\n border-bottom: 1px solid $border-color;\n\n > .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n }\n\n a:not(:hover) {\n color: gray(\"600\");\n }\n}\n\n//\n// nav\n//\n\n.nav-item {\n display: flex;\n align-items: center;\n padding: 0;\n font-weight: $font-weight-medium;\n color: $menubar-color;\n cursor: pointer;\n background-color: transparent;\n border: none;\n\n // &:focus { outline: 0; }\n}\n\n//\n// menu\n//\n\n.menu {\n position: absolute;\n z-index: $zindex-sticky;\n color: color(\"white\");\n background-color: theme-color(\"primary\");\n}\n\n//\n// subnav\n//\n\n.subnav-item {\n display: flex;\n align-items: center;\n padding: 0;\n font-weight: $font-weight-medium;\n color: $menu-secondary-color;\n white-space: nowrap;\n background-color: transparent;\n border: none;\n\n + .subnav-item {\n padding-top: rem(22px);\n }\n\n // &:focus { outline: 0; }\n}\n\n.subnav-btn {\n display: flex;\n align-items: center;\n color: inherit;\n background-color: transparent;\n border: none;\n\n &.active {\n &::after {\n position: absolute;\n left: 100%;\n z-index: 2;\n display: block;\n width: rem(18px);\n height: rem(18px);\n margin-left: rem(-9px);\n content: \"\";\n background-color: theme-color(\"primary\");\n transform: rotate(45deg);\n }\n }\n}\n\n\n//\n// Mobile\n//\n\n@include media-breakpoint-down(sm) {\n .mastnav {\n z-index: $zindex-fixed;\n }\n\n .menubar-menu {\n position: absolute;\n top: $menubar-height;\n left: 0;\n width: 100%;\n height: calc(100vh - #{$menubar-height});\n padding-top: rem(15px);\n padding-right: rem(20px);\n padding-left: rem(20px);\n background-color: color(\"white\");\n\n &:not(.active) {\n display: none;\n }\n }\n\n //\n // nav\n //\n\n .nav {\n display: flex;\n flex-direction: column;\n }\n\n .nav-item {\n width: 100%;\n\n + .nav-item {\n margin-top: rem(12px);\n }\n }\n\n //\n // menu\n //\n\n .menu {\n position: fixed;\n //top: 0; Seems to create some problems ?\n left: 0;\n width: 100%;\n > .container {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n .panel-inner {\n display: flex;\n flex-direction: column;\n }\n\n .panel-head,\n .panel-content {\n @include make-container();\n }\n\n .panel-head {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: $menubar-height;\n color: gray(\"600\");\n background-color: color(\"white\");\n border-bottom: 1px solid $border-color;\n\n .h3 {\n display: flex;\n align-items: center;\n }\n }\n\n .panel-content {\n flex: 1 1 auto;\n padding-top: rem(30px);\n overflow-y: auto;\n }\n\n .panel-close {\n position: relative;\n color: gray(\"600\");\n\n &::before {\n position: absolute;\n top: calc(50% - #{rem(9px)});\n left: 0;\n display: block;\n width: rem(1px);\n height: rem(18px);\n content: \"\";\n background-color: #e6e6e6;\n }\n }\n\n .panel-lead {\n display: none;\n }\n\n .primary-panel,\n .secondary-panel {\n min-height: 100vh;\n\n &:not(.active) {\n display: none;\n }\n }\n\n .primary-panel {\n z-index: 2;\n }\n\n .secondary-panel {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 3;\n width: 100%;\n background-color: theme-color(\"primary-dark\");\n }\n}\n\n\n//\n// Desktop\n//\n\n@include media-breakpoint-up(md) {\n .menubar {\n height: $menubar-height-md;\n }\n\n .menubar-menu,\n .nav,\n .nav-item {\n height: 100%;\n }\n\n .menubar-menu {\n flex: 1 1 100%;\n padding: 0 0 0 rem(50px);\n }\n\n //\n // nav\n //\n\n .nav-item {\n height: 100%;\n + .nav-item {\n padding-left: rem(40px);\n }\n\n [class^=\"icons-arrow-\"] {\n transition: transform .15s ease-out;\n }\n\n &.active {\n [class^=\"icons-arrow-\"] {\n transform: rotate(180deg);\n }\n }\n }\n\n //\n // menu\n //\n\n .menu {\n top: calc(100% - #{rem(1px)}); // minus border-bottom\n left: 0;\n width: 100%;\n overflow: hidden;\n font-weight: $font-weight-medium;\n color: $menu-color;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n a,\n button {\n color: $menu-color;\n }\n\n > .container {\n display: flex;\n }\n }\n\n .menu-item {\n padding-top: rem(50px);\n padding-bottom: rem(50px);\n a,\n button {\n cursor: pointer;\n }\n &.secondary-panel .subnav-item {\n color: $menu-secondary-color;\n }\n }\n\n .panel-head {\n display: none;\n }\n\n .primary-panel,\n .secondary-panel {\n &:not(.active) {\n display: none;\n }\n }\n\n .primary-panel {\n flex: 0 0 61.7529880478%;\n\n .panel-content {\n display: flex;\n justify-content: space-between;\n }\n\n .panel-lead {\n max-width: rem(260px);\n }\n\n .subnav {\n position: relative;\n display: flex;\n flex: 0 0 auto;\n flex-direction: column;\n align-items: flex-end;\n min-width: 0;\n padding-right: 12.904%;\n padding-left: 8.067%;\n }\n }\n\n .secondary-panel {\n position: relative;\n flex: 0 0 38.2470119522%;\n background-color: theme-color(\"primary-dark\");\n\n &:not(.active) {\n display: none;\n }\n\n &::after {\n position: absolute;\n top: 0;\n left: 100%;\n display: block;\n width: 100vw;\n height: 100%;\n content: \"\";\n background-color: theme-color(\"primary-dark\");\n }\n\n .panel-content {\n padding-left: 20.836%;\n }\n }\n}\n","/* mastcontainer\n ========================================================================== */\n\n.mastcontainer {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n padding-top: $menubar-height;\n}\n\n.mastcontent {\n flex: 1 1 auto;\n background-color: $mastcontent-bg;\n}\n\n@include media-breakpoint-up(md) {\n .mastcontainer {\n padding-top: $mastheader-height + $menubar-height-md;\n }\n}\n","/* mastfooter\n ========================================================================== */\n\n.mastfooter {\n .text-gray300 {\n @include hover-focus-active { color: color(\"white\"); }\n }\n}\n.mastfooter-lang {\n li {\n display: inline-block;\n padding-right: rem(2px);\n padding-left: rem(2px);\n }\n a {\n display: inline-block;\n @include hover-focus-active {\n text-decoration: none;\n }\n &:not(:last-child) { padding-right: rem(10px); }\n font-weight: 500;\n }\n}\n\n.mastfooter-links {\n padding-left: 0;\n list-style: none;\n}\n\n@include media-breakpoint-down(sm) {\n .mastfooter-links {\n border-bottom: 1px solid #4d4f53;\n }\n}\n","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active,\n &.active {\n @content;\n }\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `![]()
`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: $spacer / 2;\n line-height: 1;\n}\n\n.figure-caption {\n @include font-size($figure-caption-font-size);\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Inline code\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n @include font-size(100%);\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n @include font-size($input-font-size);\n font-weight: $input-font-weight;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on