:root {
    --adapt-device-small: 0;
    --adapt-device-medium: 45em;
    --adapt-device-large: 60em;
    --adapt-device-xlarge: 80em
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --adapt-viewport-height: 100vh;
    --adapt-navigation-height: calc(1.5rem + (1rem * 2))
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

html {
    overflow-y: scroll
}

img,
object,
embed {
    max-width: 100%
}

img {
    display: block;
    min-width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    img[src$=".svg"] {
        width: 100%
    }
}

button {
    border: 0;
    padding: 0
}

button:not(.is-disabled):not(.is-locked) {
    cursor: pointer
}

.dir-rtl body {
    direction: rtl
}

zw {
    display: inline-block;
    width: 0
}

nb {
    white-space: nowrap
}

dialog {
    background: transparent;
    padding: 0;
    margin: 0;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    border: 0
}

dialog::backdrop {
    background: transparent
}

:root {
    --adapt-cubic-bezier-linear: linear;
    --adapt-cubic-bezier-ease: ease;
    --adapt-cubic-bezier-easein: ease-in;
    --adapt-cubic-bezier-easeout: ease-out;
    --adapt-cubic-bezier-eastinout: ease-in-out;
    --adapt-cubic-bezier-easeinsine: cubic-bezier(.47, 0, .745, .715);
    --adapt-cubic-bezier-easeoutsine: cubic-bezier(.39, .575, .565, 1);
    --adapt-cubic-bezier-easeinoutsine: cubic-bezier(.445, .05, .55, .95);
    --adapt-cubic-bezier-easeinquad: cubic-bezier(.55, .085, .68, .53);
    --adapt-cubic-bezier-easeoutquad: cubic-bezier(.25, .46, .45, .94);
    --adapt-cubic-bezier-easeinoutquad: cubic-bezier(.455, .03, .515, .955);
    --adapt-cubic-bezier-easeincubic: cubic-bezier(.55, .055, .675, .19);
    --adapt-cubic-bezier-easeoutcubic: cubic-bezier(.215, .61, .355, 1);
    --adapt-cubic-bezier-easeinoutcubic: cubic-bezier(.645, .045, .355, 1);
    --adapt-cubic-bezier-easeinquart: cubic-bezier(.895, .03, .685, .22);
    --adapt-cubic-bezier-easeoutquart: cubic-bezier(.165, .84, .44, 1);
    --adapt-cubic-bezier-easeinoutquart: cubic-bezier(.77, 0, .175, 1);
    --adapt-cubic-bezier-easeinquint: cubic-bezier(.755, .05, .855, .06);
    --adapt-cubic-bezier-easeoutquint: cubic-bezier(.23, 1, .32, 1);
    --adapt-cubic-bezier-easeinoutquint: cubic-bezier(.86, 0, .07, 1);
    --adapt-cubic-bezier-easeinexpo: cubic-bezier(.95, .05, .795, .035);
    --adapt-cubic-bezier-easeoutexpo: cubic-bezier(.19, 1, .22, 1);
    --adapt-cubic-bezier-easeinoutexpo: cubic-bezier(1, 0, 0, 1);
    --adapt-cubic-bezier-easeincirc: cubic-bezier(.55, 0, 1, .45);
    --adapt-cubic-bezier-easeoutcirc: cubic-bezier(0, .55, .45, 1);
    --adapt-cubic-bezier-easeinoutcirc: cubic-bezier(.85, 0, .15, 1);
    --adapt-cubic-bezier-easeinback: cubic-bezier(.6, -0.28, .735, .045);
    --adapt-cubic-bezier-easeoutback: cubic-bezier(.175, .885, .32, 1.275);
    --adapt-cubic-bezier-easeinoutback: cubic-bezier(.68, -0.55, .265, 1.55)
}

@font-face {
    font-family: "vanilla";
    src: url('fonts/vanilla.woff2') format('woff2'), url('fonts/vanilla.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.icon:before {
    display: block;
    font-family: "vanilla";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-with-circle-down:before {
    content: "\e900"
}

.icon-arrow-with-circle-left:before {
    content: "\e901"
}

.dir-rtl .icon-arrow-with-circle-left:before {
    content: "\e902"
}

.icon-arrow-with-circle-right:before {
    content: "\e902"
}

.dir-rtl .icon-arrow-with-circle-right:before {
    content: "\e901"
}

.icon-arrow-with-circle-up:before {
    content: "\e903"
}

.icon-chevron-with-circle-down:before {
    content: "\e904"
}

.icon-chevron-with-circle-left:before {
    content: "\e905"
}

.dir-rtl .icon-chevron-with-circle-left:before {
    content: "\e906"
}

.icon-chevron-with-circle-right:before {
    content: "\e906"
}

.dir-rtl .icon-chevron-with-circle-right:before {
    content: "\e905"
}

.icon-chevron-with-circle-up:before {
    content: "\e907"
}

.icon-info-with-circle:before {
    content: "\e908"
}

.icon-location:before {
    content: "\e909"
}

.icon-medal:before {
    content: "\e90a"
}

.icon-price-ribbon:before {
    content: "\e90b"
}

.icon-shield:before {
    content: "\e90c"
}

.icon-stopwatch:before {
    content: "\e90d"
}

.icon-text-document-inverted:before {
    content: "\e90e"
}

.icon-text-document:before {
    content: "\e90f"
}

.icon-trophy:before {
    content: "\e910"
}

.icon-arrow-down:before {
    content: "\e911"
}

.icon-arrow-left:before {
    content: "\e912"
}

.dir-rtl .icon-arrow-left:before {
    content: "\e913"
}

.icon-arrow-right:before {
    content: "\e913"
}

.dir-rtl .icon-arrow-right:before {
    content: "\e912"
}

.icon-arrow-up:before {
    content: "\e914"
}

.icon-bookmark:before {
    content: "\e915"
}

.icon-message:before {
    content: "\e916"
}

.icon-mouse:before {
    content: "\e917"
}

.icon-mobile:before {
    content: "\e918"
}

.icon-desktop:before {
    content: "\e919"
}

.icon-pencil:before {
    content: "\e91a"
}

.icon-forward-arrow:before {
    content: "\e91b"
}

.dir-rtl .icon-forward-arrow:before {
    content: "\e91c"
}

.icon-backwards-arrow:before {
    content: "\e91c"
}

.dir-rtl .icon-backwards-arrow:before {
    content: "\e91b"
}

.icon-person:before {
    content: "\e91d"
}

.icon-persons:before {
    content: "\e91e"
}

.icon-profile:before {
    content: "\e91f"
}

.icon-pin:before {
    content: "\e920"
}

.icon-map:before {
    content: "\e921"
}

.icon-point:before {
    content: "\e922"
}

.icon-star:before {
    content: "\e923"
}

.icon-star-hollow:before {
    content: "\e924"
}

.icon-comments:before {
    content: "\e925"
}

.icon-comment:before {
    content: "\e926"
}

.icon-home:before {
    content: "\e927"
}

.icon-popup:before {
    content: "\e928"
}

.icon-search:before {
    content: "\e929"
}

.icon-printer:before {
    content: "\e92a"
}

.icon-link:before {
    content: "\e92b"
}

.icon-flag:before {
    content: "\e92c"
}

.icon-cog:before {
    content: "\e92d"
}

.icon-tools:before {
    content: "\e92e"
}

.icon-tag:before {
    content: "\e92f"
}

.icon-camera:before {
    content: "\e930"
}

.icon-feedback:before {
    content: "\e931"
}

.icon-book:before {
    content: "\e932"
}

.icon-article:before {
    content: "\e933"
}

.icon-eye:before {
    content: "\e934"
}

.icon-time:before {
    content: "\e935"
}

.icon-microphone:before {
    content: "\e936"
}

.icon-calendar:before {
    content: "\e937"
}

.icon-timer:before {
    content: "\e938"
}

.icon-drag:before {
    content: "\e939"
}

.icon-light-bulb:before {
    content: "\e93a"
}

.icon-checklist:before {
    content: "\e93b"
}

.icon-ticket:before {
    content: "\e93c"
}

.icon-wi-fi:before {
    content: "\e93d"
}

.icon-line-graph:before {
    content: "\e93e"
}

.icon-pie-chart:before {
    content: "\e93f"
}

.icon-bar-graph:before {
    content: "\e940"
}

.icon-scatter-graph:before {
    content: "\e941"
}

.icon-padlock-locked:before {
    content: "\e942"
}

.icon-padlock-unlocked:before {
    content: "\e943"
}

.icon-tick:before {
    content: "\e944"
}

.icon-cross:before {
    content: "\e945"
}

.icon-minus:before {
    content: "\e946"
}

.icon-plus:before {
    content: "\e947"
}

.icon-info:before {
    content: "\e948"
}

.icon-question:before {
    content: "\e949"
}

.icon-warning:before {
    content: "\e94a"
}

.icon-list:before {
    content: "\e94b"
}

.icon-add-to-list:before {
    content: "\e94c"
}

.icon-menu:before {
    content: "\e94d"
}

.icon-grid:before {
    content: "\e94e"
}

.icon-portrait:before {
    content: "\e94f"
}

.icon-screens:before {
    content: "\e950"
}

.icon-landscape:before {
    content: "\e951"
}

.icon-images:before {
    content: "\e952"
}

.icon-media:before {
    content: "\e953"
}

.icon-folder:before {
    content: "\e954"
}

.icon-documents:before {
    content: "\e955"
}

.icon-delete:before {
    content: "\e956"
}

.icon-save:before {
    content: "\e957"
}

.icon-download:before {
    content: "\e958"
}

.icon-upload:before {
    content: "\e959"
}

.icon-expand:before {
    content: "\e95a"
}

.icon-shrink:before {
    content: "\e95b"
}

.icon-volume:before {
    content: "\e95c"
}

.icon-sound:before {
    content: "\e95d"
}

.icon-sound-mute:before {
    content: "\e95e"
}

.icon-controls-down:before {
    content: "\e95f"
}

.icon-controls-left:before {
    content: "\e960"
}

.dir-rtl .icon-controls-left:before {
    content: "\e961"
}

.icon-controls-right:before {
    content: "\e961"
}

.dir-rtl .icon-controls-right:before {
    content: "\e960"
}

.icon-controls-up:before {
    content: "\e962"
}

.icon-triangle-down:before {
    content: "\e963"
}

.icon-triangle-left:before {
    content: "\e964"
}

.dir-rtl .icon-triangle-left:before {
    content: "\e965"
}

.icon-triangle-right:before {
    content: "\e965"
}

.dir-rtl .icon-triangle-right:before {
    content: "\e964"
}

.icon-triangle-up:before {
    content: "\e966"
}

.icon-dot:before {
    content: "\e967"
}

.icon-ellipsis:before {
    content: "\e968"
}

.icon-up-down:before {
    content: "\e969"
}

.icon-controls-small-down:before {
    content: "\e96a"
}

.icon-controls-small-left:before {
    content: "\e96b"
}

.dir-rtl .icon-controls-small-left:before {
    content: "\e96c"
}

.icon-controls-small-right:before {
    content: "\e96c"
}

.dir-rtl .icon-controls-small-right:before {
    content: "\e96b"
}

.icon-controls-small-up:before {
    content: "\e96d"
}

.icon-radio-checked:before {
    content: "\e96e"
}

.icon-radio-unchecked:before {
    content: "\e96f"
}

.icon-language-1:before {
    content: "\e970"
}

.icon-accessibility:before {
    content: "\e971"
}

.icon-globe:before {
    content: "\e972"
}

.icon-language-2:before {
    content: "\e973"
}

.icon-checkbox-checked:before {
    content: "\e974"
}

.icon-checkbox-unchecked:before {
    content: "\e975"
}

.icon-accessibility-2:before {
    content: "\e976"
}

.icon-alert:before {
    content: "\e977"
}

.icon-arrow-down-2:before {
    content: "\e978"
}

.icon-arrow-left-2:before {
    content: "\e979"
}

.dir-rtl .icon-arrow-left-2:before {
    content: "\e97a"
}

.icon-arrow-right-2:before {
    content: "\e97a"
}

.dir-rtl .icon-arrow-right-2:before {
    content: "\e979"
}

.icon-arrow-up-2:before {
    content: "\e97b"
}

.icon-arrow-down-3:before {
    content: "\e97c"
}

.icon-arrow-left-3:before {
    content: "\e97d"
}

.dir-rtl .icon-arrow-left-3:before {
    content: "\e97e"
}

.icon-arrow-right-3:before {
    content: "\e97e"
}

.dir-rtl .icon-arrow-right-3:before {
    content: "\e97d"
}

.icon-arrow-up-3:before {
    content: "\e97f"
}

.icon-attachment:before {
    content: "\e980"
}

.icon-block:before {
    content: "\e981"
}

.icon-camera-off:before {
    content: "\e982"
}

.icon-camera-on:before {
    content: "\e983"
}

.icon-cloud:before {
    content: "\e984"
}

.icon-compass:before {
    content: "\e985"
}

.icon-copy-file:before {
    content: "\e986"
}

.icon-copyright:before {
    content: "\e987"
}

.icon-crop:before {
    content: "\e988"
}

.icon-devices:before {
    content: "\e989"
}

.icon-down-up:before {
    content: "\e98a"
}

.icon-ellipsis-vertical:before {
    content: "\e98b"
}

.icon-exclamation:before {
    content: "\e98c"
}

.icon-expand_1:before {
    content: "\e98d"
}

.icon-extension:before {
    content: "\e98e"
}

.icon-favourite:before {
    content: "\e98f"
}

.icon-google-translate:before {
    content: "\e990"
}

.icon-hand:before {
    content: "\e991"
}

.icon-lightning:before {
    content: "\e992"
}

.icon-list-2:before {
    content: "\e993"
}

.icon-microphone-off:before {
    content: "\e994"
}

.icon-move:before {
    content: "\e995"
}

.icon-mute:before {
    content: "\e996"
}

.icon-ordered-list:before {
    content: "\e997"
}

.icon-question-circle:before {
    content: "\e998"
}

.icon-quote-close:before {
    content: "\e999"
}

.icon-quote-open:before {
    content: "\e99a"
}

.icon-refresh:before {
    content: "\e99b"
}

.icon-send:before {
    content: "\e99c"
}

.icon-sound-down:before {
    content: "\e99d"
}

.icon-sync:before {
    content: "\e99e"
}

.icon-tablet:before {
    content: "\e99f"
}

.icon-thumb-down:before {
    content: "\e9a0"
}

.icon-thumb-up:before {
    content: "\e9a1"
}

.icon-timer-empty:before {
    content: "\e9a2"
}

.icon-timer-full:before {
    content: "\e9a3"
}

.icon-video-captions-off-2:before {
    content: "\e9a4"
}

.icon-video-captions-off:before {
    content: "\e9a5"
}

.icon-video-captions:before {
    content: "\e9a6"
}

.icon-video-exit-fullscreen:before {
    content: "\e9a7"
}

.icon-video-fast-forward:before {
    content: "\e9a8"
}

.icon-video-fullscreen:before {
    content: "\e9a9"
}

.icon-video-loop:before {
    content: "\e9aa"
}

.icon-video-pause-circle:before {
    content: "\e9ab"
}

.icon-video-pause:before {
    content: "\e9ac"
}

.icon-video-play-circle:before {
    content: "\e9ad"
}

.icon-video-play:before {
    content: "\e9ae"
}

.icon-video-replay:before {
    content: "\e9af"
}

.icon-video-rewind:before {
    content: "\e9b0"
}

.icon-video-skip-back:before {
    content: "\e9b1"
}

.icon-video-skip-forward:before {
    content: "\e9b2"
}

.icon-video-stop:before {
    content: "\e9b3"
}

.icon-quote-close-2:before {
    content: "\e9b4"
}

.icon-quote-open-2:before {
    content: "\e9b5"
}

.icon-emotion-happy:before {
    content: "\e9b6"
}

.icon-emotion-not-ok:before {
    content: "\e9b7"
}

.icon-emotion-ok:before {
    content: "\e9b8"
}

.icon-emotion-sad:before {
    content: "\e9b9"
}

.icon-emotion-very-happy:before {
    content: "\e9ba"
}

.icon-emotion-very-unhappy:before {
    content: "\e9bb"
}

.icon-blogger-2:before {
    content: "\e9bc"
}

.icon-blogger:before {
    content: "\e9bd"
}

.icon-deviantart-2:before {
    content: "\e9be"
}

.icon-deviantart:before {
    content: "\e9bf"
}

.icon-doc-excel:before {
    content: "\e9c0"
}

.icon-doc-pdf:before {
    content: "\e9c1"
}

.icon-doc-word:before {
    content: "\e9c2"
}

.icon-facebook-2:before {
    content: "\e9c3"
}

.icon-facebook:before {
    content: "\e9c4"
}

.icon-flickr-2:before {
    content: "\e9c5"
}

.icon-flickr:before {
    content: "\e9c6"
}

.icon-github:before {
    content: "\e9c7"
}

.icon-instagram-2:before {
    content: "\e9c8"
}

.icon-instagram:before {
    content: "\e9c9"
}

.icon-linkedin-2:before {
    content: "\e9ca"
}

.icon-linkedin:before {
    content: "\e9cb"
}

.icon-paypal:before {
    content: "\e9cc"
}

.icon-pintrest-2:before {
    content: "\e9cd"
}

.icon-pintrest:before {
    content: "\e9ce"
}

.icon-qq-2:before {
    content: "\e9cf"
}

.icon-qq:before {
    content: "\e9d0"
}

.icon-reddit-2:before {
    content: "\e9d1"
}

.icon-reddit:before {
    content: "\e9d2"
}

.icon-rss-2:before {
    content: "\e9d3"
}

.icon-rss:before {
    content: "\e9d4"
}

.icon-sina-weibo-2:before {
    content: "\e9d5"
}

.icon-sina-weibo:before {
    content: "\e9d6"
}

.icon-soundcloud-2:before {
    content: "\e9d7"
}

.icon-soundcloud:before {
    content: "\e9d8"
}

.icon-steam-2:before {
    content: "\e9d9"
}

.icon-steam:before {
    content: "\e9da"
}

.icon-trello-2:before {
    content: "\e9db"
}

.icon-trello:before {
    content: "\e9dc"
}

.icon-tumbler-2:before {
    content: "\e9dd"
}

.icon-tumblr:before {
    content: "\e9de"
}

.icon-twitch:before {
    content: "\e9df"
}

.icon-twitter-2:before {
    content: "\e9e0"
}

.icon-twitter:before {
    content: "\e9e1"
}

.icon-vimeo-2:before {
    content: "\e9e2"
}

.icon-vimeo:before {
    content: "\e9e3"
}

.icon-wechat-2:before {
    content: "\e9e4"
}

.icon-wechat:before {
    content: "\e9e5"
}

.icon-weibo-2:before {
    content: "\e9e6"
}

.icon-weibo:before {
    content: "\e9e7"
}

.icon-xing-2:before {
    content: "\e9e8"
}

.icon-xing:before {
    content: "\e9e9"
}

.icon-youku-2:before {
    content: "\e9ea"
}

.icon-youku:before {
    content: "\e9eb"
}

.icon-youtube-2:before {
    content: "\e9ec"
}

.icon-youtube:before {
    content: "\e9ed"
}

.icon-sidebar-01:before {
    content: "\e9ee"
}

.icon-sidebar-02:before {
    content: "\e9ef"
}

.icon-sidebar-03:before {
    content: "\e9f0"
}

.icon-sidebar-04:before {
    content: "\e9f1"
}

.u-clearfix:before,
.u-clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.u-clearfix:after {
    clear: both
}

.u-clearfix {
    zoom: 1
}

.u-display-none {
    display: none !important
}

.u-visibility-hidden {
    visibility: hidden !important
}

.u-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.is-nav-bottom:not(.adapt-scrolling),
.is-nav-bottom.adapt-scrolling body {
    scroll-padding-bottom: var(--adapt-navigation-height)
}

.is-nav-top:not(.adapt-scrolling),
.is-nav-top.adapt-scrolling body {
    scroll-padding-top: var(--adapt-navigation-height)
}

.component {
    position: relative
}

.block {
    position: relative
}

.visually-hidden {
    display: block;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.aria-label {
    display: block;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none
}

.aria-label-focusable:not(:focus):not(:focus-within),
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    display: block;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.a11y-focusguard {
    left: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
    color: rgba(0, 0, 0, 0) !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    z-index: 1
}

.touchevents .a11y-focusguard {
    position: absolute !important
}

.no-touchevents .a11y-focusguard {
    position: fixed !important
}

#a11y-focuser {
    bottom: 0 !important;
    position: fixed !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
    color: rgba(0, 0, 0, 0) !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    z-index: 1
}

.a11y-disable-focusoutline *:focus {
    outline: none !important
}

.article__header-inner {
    margin: 0 auto;
    max-width: 60rem
}

.block__inner {
    margin: 0 auto;
    max-width: 60rem
}

.btn-icon {
    padding: 1rem;
    border: 0
}

.btn-text {
    padding: .5rem 1rem
}

.btn__response-container {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.btn__action:not(.is-full-width) {
    width: calc(50% - 1rem);
    margin-inline-end: 1rem
}

.btn__feedback:not(.is-full-width) {
    width: calc(50% - 1rem);
    margin-inline-start: 1rem
}

.btn__action.is-full-width,
.btn__feedback.is-full-width {
    width: 100%
}

.can-show-marking .btn__action.is-full-width,
.can-show-marking .btn__feedback.is-full-width {
    margin-inline-end: 2.5rem
}

.btn__marking {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.dir-rtl .btn__marking {
    left: inherit;
    right: 50%;
    transform: translate(50%, -50%)
}

.btn__marking.is-full-width {
    left: inherit;
    right: .5rem;
    transform: translate(0, -50%)
}

.dir-rtl .btn__marking.is-full-width {
    left: .5rem;
    right: inherit
}

.btn__marking.is-correct {
    background-color: #13BE19;
    color: #fff
}

.btn__marking.is-correct .icon:before {
    content: "\e944"
}

.btn__marking.is-incorrect {
    background-color: #E6193A;
    color: #fff
}

.btn__marking.is-incorrect .icon:before {
    content: "\e945"
}

.component {
    width: 100%
}

.component__container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width:45rem) {
    .component__container {
        flex-direction: row
    }
}

@media (min-width:45rem) {
    .component.is-left {
        width: 50%
    }

    .component.is-right {
        margin-inline-start: auto;
        width: 50%
    }
}

.drawer {
    position: fixed;
    top: 0;
    height: 100%;
    width: 20rem;
    overflow: hidden;
    z-index: 100
}

.drawer.is-position-auto,
.drawer.is-position-right {
    left: inherit;
    right: -20rem
}

.drawer.is-position-auto.anim-show-after,
.drawer.is-position-right.anim-show-after {
    right: 0
}

.drawer.is-position-auto.anim-hide-after,
.drawer.is-position-right.anim-hide-after {
    right: -20rem
}

.dir-rtl .drawer:not(.is-position-right),
.drawer.is-position-left {
    right: inherit;
    left: -20rem
}

.dir-rtl .drawer:not(.is-position-right).anim-show-after,
.drawer.is-position-left.anim-show-after {
    left: 0
}

.dir-rtl .drawer:not(.is-position-right).anim-hide-after,
.drawer.is-position-left.anim-hide-after {
    left: -20rem
}

.drawer__inner {
    position: relative;
    height: 100%;
    padding-top: var(--adapt-navigation-height)
}

.drawer__holder {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.drawer__toolbar {
    position: absolute;
    top: 0;
    width: 100%;
    height: var(--adapt-navigation-height);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.drawer__back {
    margin-inline-end: auto
}

.drawer__back .icon:before {
    content: "\e96b"
}

.dir-rtl .drawer__back .icon:before {
    content: "\e96c"
}

.drawer__close .icon:before {
    content: "\e945"
}

.drawer__item-btn {
    width: 100%
}

.drawer__item-title,
.drawer__item-body {
    display: block
}

.menu__title-inner,
.menu-item__title-inner,
.page__title-inner,
.article__title-inner,
.block__title-inner,
.component__title-inner {
    display: inline;
    vertical-align: middle
}

.loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    z-index: 100
}

.html.is-nav-top #wrapper {
    padding-top: var(--adapt-navigation-height)
}

.html.is-nav-bottom #wrapper {
    padding-bottom: var(--adapt-navigation-height)
}

.nav {
    position: fixed;
    width: 100%;
    z-index: 80
}

.html.is-nav-top .nav {
    top: 0
}

.html.is-nav-bottom .nav {
    bottom: 0
}

.nav__inner {
    margin: 0 auto;
    max-width: 90rem;
    display: flex;
    align-items: stretch
}

.nav__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none !important
}

.nav.hide-label .nav__btn:not(.nav__skip-btn) .nav__btn-label,
.nav__btn.hide-label .nav__btn-label {
    display: none
}

.nav.show-label.show-label-small .nav__btn-label {
    display: none
}

@media (min-width:0) {
    .nav.show-label.show-label-small .nav__btn:not(.hide-label) .nav__btn-label {
        display: initial
    }
}

.nav.show-label.show-label-medium .nav__btn-label {
    display: none
}

@media (min-width:45rem) {
    .nav.show-label.show-label-medium .nav__btn:not(.hide-label) .nav__btn-label {
        display: initial
    }
}

.nav.show-label.show-label-large .nav__btn-label {
    display: none
}

@media (min-width:60rem) {
    .nav.show-label.show-label-large .nav__btn:not(.hide-label) .nav__btn-label {
        display: initial
    }
}

.nav.has-label-right .nav__btn-label {
    margin-inline-start: .5rem
}

.nav.has-label-bottom .nav__btn {
    flex-direction: column
}

.nav.has-label-bottom .nav__btn-label {
    margin-top: .5rem
}

.nav.has-label-top .nav__btn {
    flex-direction: column
}

.nav.has-label-top .nav__btn-label {
    order: -1;
    margin-bottom: .5rem
}

.has-label-left .nav__btn-label {
    order: -1
}

.nav.has-label-left .icon~.nav__btn-label {
    margin-inline-end: .5rem
}

.nav.has-label-auto .icon~.nav__btn-label {
    margin-inline-start: .5rem
}

.nav__spacer {
    flex-grow: 1
}

.nav__skip-btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100
}

.html:not(.has-accessibility) .nav__skip-btn {
    display: none !important
}

.nav__skip-btn:not(:focus):not(:focus-within) {
    display: block;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.nav__back-btn .icon:before {
    content: "\e96b"
}

.dir-rtl .nav__back-btn .icon:before {
    content: "\e96c"
}

.notify {
    z-index: 100
}

.notify__popup {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    height: fit-content;
    width: 100%;
    overflow-y: hidden;
    max-height: 100vh;
    z-index: 100;
    background-color: #fff
}

.notify__popup-inner {
    margin: 0 auto;
    max-width: 60rem
}

.notify__close-btn .icon:before {
    content: "\e945"
}

.notify__icon .icon.is-prompt:before {
    content: "\e949"
}

.notify__icon .icon.is-alert:before {
    content: "\e94a"
}

.notify__popup.has-image .notify__section-inner {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

@media (min-width:45rem) {

    .notify__popup.has-image.align-image-left .notify__section-inner,
    .notify__popup.has-image.align-image-right .notify__section-inner {
        flex-direction: row;
        column-gap: 1rem
    }

    .notify__popup.has-image.align-image-left .notify__section-inner .notify__text,
    .notify__popup.has-image.align-image-right .notify__section-inner .notify__text {
        width: 60%
    }

    .notify__popup.has-image.align-image-left .notify__section-inner .notify__image-container,
    .notify__popup.has-image.align-image-right .notify__section-inner .notify__image-container {
        width: 40%
    }
}

.notify-push {
    position: fixed;
    left: auto;
    right: 0;
    height: auto;
    width: 20rem;
    opacity: 0;
    z-index: 100;
    background-color: #fff
}

.notify-push.is-active {
    opacity: 1
}

.dir-rtl .notify-push {
    right: auto;
    left: 0
}

.notify-push__inner {
    cursor: pointer
}

.notify-push__close-btn .icon:before {
    content: "\e945"
}

.page {
    margin: 0 auto;
    max-width: 90rem
}

.page__header-inner {
    margin: 0 auto;
    max-width: 60rem
}

.html.adapt-scrolling {
    height: 100%;
    overflow: auto
}

.html.adapt-scrolling .nav {
    width: calc(100% - 18px);
    width: calc(100% - var(--adapt-scrollbar-width))
}

.html.adapt-scrolling body {
    height: 100%;
    overflow: hidden;
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.shadow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 90
}

:root {
    --adapt-tooltip-arrow: true;
    --adapt-tooltip-offset: .35rem;
    --adapt-tooltip-distance: 1rem;
    --adapt-tooltip-viewport-padding: 8px;
    --adapt-tooltip-target-position-left: 0;
    --adapt-tooltip-target-position-top: 0;
    --adapt-tooltip-target-position-right: 0;
    --adapt-tooltip-target-position-bottom: 0;
    --adapt-tooltip-target-position-width: 0;
    --adapt-tooltip-target-position-height: 0;
    --adapt-tooltip-target-distancetoedge-left: 0;
    --adapt-tooltip-target-distancetoedge-top: 0;
    --adapt-tooltip-target-distancetoedge-right: 0;
    --adapt-tooltip-target-distancetoedge-bottom: 0;
    --adapt-tooltip-scroll-top: 0;
    --adapt-tooltip-scroll-left: 0
}

.test {
    color: transparent !important
}

.test .tooltip__body {
    pointer-events: all !important;
    background-color: transparent !important;
    outline: 1px solid black !important
}

.test .tooltip__body:hover {
    background-color: red !important;
    color: white !important
}

.tooltip__container {
    overflow: hidden
}

.tooltip {
    position: absolute;
    left: calc(var(--adapt-tooltip-target-position-left) + var(--adapt-tooltip-scroll-left));
    top: calc(var(--adapt-tooltip-target-position-top) + var(--adapt-tooltip-scroll-top));
    width: var(--adapt-tooltip-target-position-width);
    height: var(--adapt-tooltip-target-position-height);
    pointer-events: none;
    opacity: 0;
    z-index: 0
}

.is-shown.tooltip {
    opacity: 1
}

.is-loading.tooltip {
    visibility: hidden
}

.is-fixed.tooltip {
    position: fixed;
    z-index: 82
}

.tooltip__body {
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    width: max-content;
    min-width: 3rem;
    max-width: 20rem;
    color: white;
    font-size: .9rem;
    line-height: 1.5;
    padding: .5rem .75rem .55rem;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: .35rem
}

@media (min-width:45rem) {
    .tooltip__body {
        max-width: 30rem
    }
}

.tooltip__arrow {
    position: absolute;
    width: .7rem;
    height: .7rem
}

:not(.has-arrow)>.tooltip__arrow {
    display: none
}

.tooltip__arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .7rem;
    height: .7rem;
    transform-origin: 50% 50%;
    border-width: 0 .35rem .35rem;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.85)
}

.is-top.is-outside.is-vertical-axis .tooltip__body {
    bottom: 100%;
    margin-bottom: var(--adapt-tooltip-distance)
}

.is-bottom.is-outside.is-vertical-axis .tooltip__body {
    top: 100%;
    margin-top: var(--adapt-tooltip-distance)
}

.is-center.is-outside.is-vertical-axis .tooltip__body {
    top: 50%;
    transform: translateY(-50%)
}

.is-left.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2))
}

.dir-rtl .is-left.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2));
    right: initial
}

.is-left.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body {
    right: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.dir-rtl .is-left.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body {
    left: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset));
    right: initial
}

.is-left.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    right: 0%
}

.dir-rtl .is-left.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    left: 0%;
    right: initial
}

.is-middle.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    left: calc(0% + .7rem);
    transform: translate(-50%)
}

.dir-rtl .is-middle.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    right: calc(0% + .7rem);
    left: initial;
    transform: translate(50%)
}

.is-middle.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body {
    left: 50%;
    transform: translate(-50%)
}

.is-middle.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem);
    transform: translate(-50%)
}

.dir-rtl .is-middle.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem);
    left: initial;
    transform: translate(50%)
}

.is-right.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    left: 0%
}

.dir-rtl .is-right.is-arrow-start.is-outside.is-vertical-axis .tooltip__body {
    right: 0%;
    left: initial
}

.is-right.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body {
    left: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.dir-rtl .is-right.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body {
    right: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset));
    left: initial
}

.is-right.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2))
}

.dir-rtl .is-right.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2));
    left: initial
}

.is-middle.is-center.is-arrow-start.is-outside.is-vertical-axis .tooltip__body,
.is-middle.is-center.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body,
.is-middle.is-center.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    transform: translate(-50%, -50%)
}

.dir-rtl .is-middle.is-center.is-arrow-start.is-outside.is-vertical-axis .tooltip__body,
.dir-rtl .is-middle.is-center.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body,
.dir-rtl .is-middle.is-center.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    transform: translate(50%, -50%)
}

.is-fill-width.is-arrow-start.is-outside.is-vertical-axis .tooltip__body,
.is-fill-width.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body,
.is-fill-width.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    left: calc(var(--adapt-tooltip-target-distancetoedge-left) * -1);
    right: calc(var(--adapt-tooltip-target-distancetoedge-right) * -1);
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    width: initial;
    transform: initial
}

.dir-rtl .is-fill-width.is-arrow-start.is-outside.is-vertical-axis .tooltip__body,
.dir-rtl .is-fill-width.is-arrow-middle.is-outside.is-vertical-axis .tooltip__body,
.dir-rtl .is-fill-width.is-arrow-end.is-outside.is-vertical-axis .tooltip__body {
    left: calc(var(--adapt-tooltip-target-distancetoedge-left) * -1);
    right: calc(var(--adapt-tooltip-target-distancetoedge-right) * -1)
}

.is-top.is-fill-width.is-outside.is-vertical-axis .tooltip__body {
    max-height: calc(var(--adapt-tooltip-target-distancetoedge-top) - var(--adapt-tooltip-distance))
}

.is-bottom.is-fill-width.is-outside.is-vertical-axis .tooltip__body {
    max-height: calc(var(--adapt-tooltip-target-distancetoedge-bottom) - var(--adapt-tooltip-distance))
}

.tooltip__container .is-snap-left.is-outside.is-vertical-axis .tooltip__body {
    left: calc(var(--adapt-tooltip-target-distancetoedge-left) * -1);
    transform: none;
    right: initial
}

.tooltip__container .is-snap-right.is-outside.is-vertical-axis .tooltip__body {
    right: calc(var(--adapt-tooltip-target-distancetoedge-right) * -1);
    transform: none;
    left: initial
}

.is-left.is-outside.is-horizontal-axis .tooltip__body {
    right: 100%;
    margin-inline-end: var(--adapt-tooltip-distance)
}

.dir-rtl .is-left.is-outside.is-horizontal-axis .tooltip__body {
    left: 100%;
    right: initial
}

.is-right.is-outside.is-horizontal-axis .tooltip__body {
    left: 100%;
    margin-inline-start: var(--adapt-tooltip-distance)
}

.dir-rtl .is-right.is-outside.is-horizontal-axis .tooltip__body {
    right: 100%;
    left: initial
}

.is-middle.is-outside.is-horizontal-axis .tooltip__body {
    left: 50%;
    transform: translateX(-50%)
}

.dir-rtl .is-middle.is-outside.is-horizontal-axis .tooltip__body {
    right: 50%;
    transform: translateX(50%);
    left: initial
}

.is-top.is-arrow-start.is-outside.is-horizontal-axis .tooltip__body {
    bottom: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2))
}

.is-top.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__body {
    bottom: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.is-top.is-arrow-end.is-outside.is-horizontal-axis .tooltip__body {
    bottom: 0%
}

.is-center.is-arrow-start.is-outside.is-horizontal-axis .tooltip__body {
    top: calc(0% + .7rem);
    transform: translateY(-50%)
}

.is-center.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__body {
    top: 50%;
    transform: translateY(-50%)
}

.is-center.is-arrow-end.is-outside.is-horizontal-axis .tooltip__body {
    top: calc(100% - .7rem);
    transform: translateY(-50%)
}

.is-bottom.is-arrow-start.is-outside.is-horizontal-axis .tooltip__body {
    top: 0%
}

.is-bottom.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__body {
    top: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.is-bottom.is-arrow-end.is-outside.is-horizontal-axis .tooltip__body {
    top: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2))
}

.is-left.is-fill-height.is-outside.is-horizontal-axis .tooltip__body {
    left: calc(var(--adapt-tooltip-target-distancetoedge-left) * -1);
    max-height: var(--adapt-tooltip-viewport-constrained-height);
    max-width: unset;
    width: unset
}

.dir-rtl .is-left.is-fill-height.is-outside.is-horizontal-axis .tooltip__body {
    right: calc(var(--adapt-tooltip-target-distancetoedge-right) * -1);
    left: 100%
}

.is-right.is-fill-height.is-outside.is-horizontal-axis .tooltip__body {
    right: calc(var(--adapt-tooltip-target-distancetoedge-right) * -1);
    max-height: var(--adapt-tooltip-viewport-constrained-height);
    max-width: unset;
    width: unset
}

.dir-rtl .is-right.is-fill-height.is-outside.is-horizontal-axis .tooltip__body {
    left: calc(var(--adapt-tooltip-target-distancetoedge-left) * -1);
    right: 100%
}

.is-center.is-middle.is-arrow-start.is-outside.is-horizontal-axis .tooltip__body,
.is-center.is-middle.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__body,
.is-center.is-middle.is-arrow-end.is-outside.is-horizontal-axis .tooltip__body {
    transform: translate(-50%, -50%)
}

.dir-rtl .is-center.is-middle.is-arrow-start.is-outside.is-horizontal-axis .tooltip__body,
.dir-rtl .is-center.is-middle.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__body,
.dir-rtl .is-center.is-middle.is-arrow-end.is-outside.is-horizontal-axis .tooltip__body {
    transform: translate(50%, -50%)
}

.tooltip__container .is-snap-top.is-outside.is-horizontal-axis .tooltip__body {
    top: calc(var(--adapt-tooltip-target-distancetoedge-top) * -1);
    transform: none;
    bottom: initial
}

.tooltip__container .is-snap-bottom.is-outside.is-horizontal-axis .tooltip__body {
    bottom: calc(var(--adapt-tooltip-target-distancetoedge-bottom) * -1);
    transform: none;
    top: initial
}

.is-top.is-inside.is-vertical-axis .tooltip__body {
    top: 0%;
    margin-top: var(--adapt-tooltip-viewport-padding)
}

.is-bottom.is-inside.is-vertical-axis .tooltip__body {
    bottom: 0%;
    margin-bottom: var(--adapt-tooltip-viewport-padding)
}

.is-center.is-inside.is-vertical-axis .tooltip__body {
    top: 50%;
    transform: translateY(-50%)
}

.is-left.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding))
}

.dir-rtl .is-left.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding));
    right: initial
}

.is-left.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body {
    right: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.dir-rtl .is-left.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body {
    left: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset));
    right: initial
}

.is-left.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    right: var(--adapt-tooltip-viewport-padding)
}

.dir-rtl .is-left.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    left: var(--adapt-tooltip-viewport-padding);
    right: initial
}

.is-middle.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    left: calc(0% + .7rem + var(--adapt-tooltip-viewport-padding));
    transform: translate(-50%)
}

.dir-rtl .is-middle.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    right: calc(0% + .7rem + var(--adapt-tooltip-viewport-padding));
    left: initial;
    transform: translate(50%)
}

.is-middle.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body {
    left: 50%;
    transform: translate(-50%)
}

.is-middle.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem - var(--adapt-tooltip-viewport-padding));
    transform: translate(-50%)
}

.dir-rtl .is-middle.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem - var(--adapt-tooltip-viewport-padding));
    left: initial;
    transform: translate(50%)
}

.is-right.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    left: var(--adapt-tooltip-viewport-padding)
}

.dir-rtl .is-right.is-arrow-start.is-inside.is-vertical-axis .tooltip__body {
    right: var(--adapt-tooltip-viewport-padding);
    left: initial
}

.is-right.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body {
    left: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.dir-rtl .is-right.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body {
    right: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset));
    left: initial
}

.is-right.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    left: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding))
}

.dir-rtl .is-right.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    right: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding));
    left: initial
}

.is-middle.is-center.is-arrow-start.is-inside.is-vertical-axis .tooltip__body,
.is-middle.is-center.is-arrow-middle.is-inside.is-vertical-axis .tooltip__body,
.is-middle.is-center.is-arrow-end.is-inside.is-vertical-axis .tooltip__body {
    transform: translate(-50%, -50%)
}

.is-left.is-inside.is-horizontal-axis .tooltip__body {
    left: 0%;
    margin-inline-start: var(--adapt-tooltip-viewport-padding)
}

.dir-rtl .is-left.is-inside.is-horizontal-axis .tooltip__body {
    right: 0%;
    left: initial
}

.is-right.is-inside.is-horizontal-axis .tooltip__body {
    right: 0%;
    margin-inline-end: var(--adapt-tooltip-viewport-padding)
}

.dir-rtl .is-right.is-inside.is-horizontal-axis .tooltip__body {
    left: 100%;
    right: initial
}

.is-middle.is-inside.is-horizontal-axis .tooltip__body {
    left: 50%;
    transform: translateX(-50%)
}

.is-top.is-arrow-start.is-inside.is-horizontal-axis .tooltip__body {
    bottom: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding))
}

.is-top.is-arrow-middle.is-inside.is-horizontal-axis .tooltip__body {
    bottom: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.is-top.is-arrow-end.is-inside.is-horizontal-axis .tooltip__body {
    bottom: var(--adapt-tooltip-viewport-padding)
}

.is-center.is-arrow-start.is-inside.is-horizontal-axis .tooltip__body {
    top: calc(0% + .7rem + var(--adapt-tooltip-viewport-padding));
    transform: translateY(-50%)
}

.is-center.is-arrow-middle.is-inside.is-horizontal-axis .tooltip__body {
    top: 50%;
    transform: translateY(-50%)
}

.is-center.is-arrow-end.is-inside.is-horizontal-axis .tooltip__body {
    top: calc(100% - .7rem - var(--adapt-tooltip-viewport-padding));
    transform: translateY(-50%)
}

.is-bottom.is-arrow-start.is-inside.is-horizontal-axis .tooltip__body {
    top: var(--adapt-tooltip-viewport-padding)
}

.is-bottom.is-arrow-middle.is-inside.is-horizontal-axis .tooltip__body {
    top: calc(50% - (.7rem / 2) - var(--adapt-tooltip-offset))
}

.is-bottom.is-arrow-end.is-inside.is-horizontal-axis .tooltip__body {
    top: calc(100% - .7rem - (var(--adapt-tooltip-offset) * 2) - var(--adapt-tooltip-viewport-padding))
}

.is-center.is-middle.is-arrow-start.is-inside.is-horizontal-axis .tooltip__body,
.is-center.is-middle.is-arrow-middle.is-inside.is-horizontal-axis .tooltip__body,
.is-center.is-middle.is-arrow-end.is-inside.is-horizontal-axis .tooltip__body {
    transform: translate(-50%, -50%)
}

.is-top.is-outside.is-vertical-axis .tooltip__arrow {
    bottom: 100%;
    margin-bottom: var(--adapt-tooltip-distance)
}

.is-top.is-outside.is-vertical-axis .tooltip__arrow::before {
    transform: translateY(99%) rotate(180deg)
}

.is-bottom.is-outside.is-vertical-axis .tooltip__arrow {
    top: 100%;
    margin-top: var(--adapt-tooltip-distance)
}

.is-bottom.is-outside.is-vertical-axis .tooltip__arrow::before {
    transform: translateY(-99%)
}

.is-fill-height.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow,
.is-fill-width.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow,
.is-left.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.dir-rtl .is-fill-height.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow,
.dir-rtl .is-fill-width.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow,
.dir-rtl .is-left.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(100% - .7rem - var(--adapt-tooltip-offset));
    right: initial
}

.is-fill-height.is-arrow-middle.is-outside.is-vertical-axis .tooltip__arrow,
.is-fill-width.is-arrow-middle.is-outside.is-vertical-axis .tooltip__arrow,
.is-left.is-arrow-middle.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(50% - (.7rem / 2))
}

.is-fill-height.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow,
.is-fill-width.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow,
.is-left.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(0% + var(--adapt-tooltip-offset))
}

.dir-rtl .is-fill-height.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow,
.dir-rtl .is-fill-width.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow,
.dir-rtl .is-left.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(0% + var(--adapt-tooltip-offset));
    right: initial
}

.is-middle.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(0% + var(--adapt-tooltip-offset))
}

.dir-rtl .is-middle.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(0% + var(--adapt-tooltip-offset));
    left: initial
}

.is-middle.is-arrow-middle.is-outside.is-vertical-axis .tooltip__arrow {
    left: 50%;
    transform: translate(-50%)
}

.is-middle.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.dir-rtl .is-middle.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(100% - .7rem - var(--adapt-tooltip-offset));
    left: initial
}

.is-right.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(0% + var(--adapt-tooltip-offset))
}

.dir-rtl .is-right.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(0% + var(--adapt-tooltip-offset));
    left: initial
}

.is-right.is-arrow-middle.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(50% - (.7rem / 2))
}

.is-right.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.dir-rtl .is-right.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc(100% - .7rem - var(--adapt-tooltip-offset));
    left: initial
}

.tooltip__container .is-arrow-snap.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc((var(--adapt-tooltip-target-distancetoedge-left) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    right: initial
}

.dir-rtl .tooltip__container .is-arrow-snap.is-arrow-start.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc((var(--adapt-tooltip-target-distancetoedge-right) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    left: initial
}

.tooltip__container .is-arrow-snap.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    right: calc((var(--adapt-tooltip-target-distancetoedge-right) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    left: initial
}

.dir-rtl .tooltip__container .is-arrow-snap.is-arrow-end.is-outside.is-vertical-axis .tooltip__arrow {
    left: calc((var(--adapt-tooltip-target-distancetoedge-left) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    right: initial
}

.is-left.is-outside.is-horizontal-axis .tooltip__arrow {
    right: 100%;
    margin-inline-end: var(--adapt-tooltip-distance)
}

.is-left.is-outside.is-horizontal-axis .tooltip__arrow::before {
    transform: translateX(99%) rotate(90deg)
}

.dir-rtl .is-left.is-outside.is-horizontal-axis .tooltip__arrow {
    left: 100%;
    right: initial
}

.dir-rtl .is-left.is-outside.is-horizontal-axis .tooltip__arrow::before {
    transform: translateX(-99%) rotate(270deg)
}

.is-right.is-outside.is-horizontal-axis .tooltip__arrow {
    left: 100%;
    margin-inline-start: var(--adapt-tooltip-distance)
}

.is-right.is-outside.is-horizontal-axis .tooltip__arrow::before {
    transform: translateX(-99%) rotate(270deg)
}

.dir-rtl .is-right.is-outside.is-horizontal-axis .tooltip__arrow {
    right: 100%;
    left: initial
}

.dir-rtl .is-right.is-outside.is-horizontal-axis .tooltip__arrow::before {
    transform: translateX(99%) rotate(90deg)
}

.is-fill-height.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow,
.is-fill-width.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow,
.is-top.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow {
    bottom: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.is-fill-height.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__arrow,
.is-fill-width.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__arrow,
.is-top.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__arrow {
    bottom: calc(50% - (.7rem / 2))
}

.is-fill-height.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow,
.is-fill-width.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow,
.is-top.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow {
    bottom: calc(0% + var(--adapt-tooltip-offset))
}

.is-center.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(0% + var(--adapt-tooltip-offset))
}

.is-center.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(50% - (.7rem / 2))
}

.is-center.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.is-bottom.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(0% + var(--adapt-tooltip-offset))
}

.is-bottom.is-arrow-middle.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(50% - (.7rem / 2))
}

.is-bottom.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc(100% - .7rem - var(--adapt-tooltip-offset))
}

.tooltip__container .is-arrow-snap.is-arrow-start.is-outside.is-horizontal-axis .tooltip__arrow {
    top: calc((var(--adapt-tooltip-target-distancetoedge-top) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    bottom: initial
}

.tooltip__container .is-arrow-snap.is-arrow-end.is-outside.is-horizontal-axis .tooltip__arrow {
    bottom: calc((var(--adapt-tooltip-target-distancetoedge-bottom) * -1) + var(--adapt-tooltip-offset));
    transform: none;
    top: initial
}

.is-inside .tooltip__arrow {
    display: none
}

.is-shown:not(.was-shown).tooltip {
    animation: toolTip--fadeScaleIn .4s forwards
}

.is-top.is-left.is-inside .tooltip__body {
    transform-origin: top left
}

.dir-rtl .is-top.is-left.is-inside .tooltip__body {
    transform-origin: top right
}

.is-top.is-middle.is-inside .tooltip__body {
    transform-origin: top center
}

.is-top.is-right.is-inside .tooltip__body {
    transform-origin: top right
}

.dir-rtl .is-top.is-right.is-inside .tooltip__body {
    transform-origin: top left
}

.is-center.is-left.is-inside .tooltip__body {
    transform-origin: center left
}

.dir-rtl .is-center.is-left.is-inside .tooltip__body {
    transform-origin: center right
}

.is-center.is-middle.is-inside .tooltip__body {
    transform-origin: center
}

.is-center.is-right.is-inside .tooltip__body {
    transform-origin: center right
}

.dir-rtl .is-center.is-right.is-inside .tooltip__body {
    transform-origin: center left
}

.is-bottom.is-left.is-inside .tooltip__body {
    transform-origin: bottom left
}

.dir-rtl .is-bottom.is-left.is-inside .tooltip__body {
    transform-origin: bottom right
}

.is-bottom.is-middle.is-inside .tooltip__body {
    transform-origin: bottom center
}

.is-bottom.is-right.is-inside .tooltip__body {
    transform-origin: bottom right
}

.dir-rtl .is-bottom.is-right.is-inside .tooltip__body {
    transform-origin: bottom left
}

@media (prefers-reduced-motion) {
    .tooltip.is-shown {
        animation: none
    }
}

@keyframes toolTip--fadeScaleIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.accordion {
    overflow-anchor: none
}

.accordion-item__btn {
    width: 100%
}

.accordion-item__content {
    display: none
}

.accordion-item__btn.is-closed .accordion-item__icon .icon:before {
    content: "\e947"
}

.accordion-item__btn.is-visited .accordion-item__icon .icon:before {
    content: "\e944"
}

.accordion-item.is-center-aligned .accordion-item__btn {
    text-align: center
}

.accordion-item.is-center-aligned .accordion-item__title-icon,
.accordion-item.is-center-aligned .accordion-item__title {
    display: block
}

.accordion-item.is-center-aligned .accordion-item__icon {
    display: block
}

.accordion-item.is-center-aligned .accordion-item__content {
    text-align: center
}

.accordion-item.has-image .accordion-item__body {
    margin-bottom: 1rem
}

@media (min-width:45rem) {

    .accordion-item.has-image.align-image-left .accordion-item__body,
    .accordion-item.has-image.align-image-right .accordion-item__body {
        margin-bottom: 0
    }
}

@media (min-width:45rem) {

    .accordion-item.align-image-left .accordion-item__content-inner,
    .accordion-item.align-image-right .accordion-item__content-inner {
        display: flex;
        align-items: flex-start
    }

    .accordion-item.align-image-left .accordion-item__body,
    .accordion-item.align-image-right .accordion-item__body {
        width: 60%
    }

    .accordion-item.align-image-left .accordion-item__image-container,
    .accordion-item.align-image-right .accordion-item__image-container {
        width: 40%
    }

    .accordion-item.align-image-left .accordion-item__content-inner {
        flex-direction: row-reverse
    }

    .accordion-item.align-image-left .accordion-item__image-container {
        margin-inline-end: 1rem
    }

    .accordion-item.align-image-right .accordion-item__content-inner {
        flex-direction: row
    }

    .accordion-item.align-image-right .accordion-item__image-container {
        margin-inline-start: 1rem
    }
}

.confidenceslider .slider__item-input-fill-linked {
    position: absolute;
    left: 0;
    height: .375rem;
    background-color: #999;
    mix-blend-mode: screen
}

.graphic.is-scrollable .graphic__image-container {
    display: block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden
}

.graphic.is-scrollable .graphic__image-container img {
    max-width: initial
}

.hotgraphic__widget {
    position: relative
}

.hotgraphic__pin {
    position: absolute;
    top: 0;
    left: 0;
    padding: .5rem
}

@media (min-width:45rem) {
    .hotgraphic__pin {
        padding: 1rem
    }
}

.hotgraphic__pin .icon:before {
    content: "\e920"
}

.hotgraphic__pin.is-visited .icon:before {
    content: "\e944"
}

.hotgraphic__pin.offset-origin {
    transform: translate(-50%, -50%)
}

.hotgraphic__pin.has-pin-image {
    padding: 0
}

.hotgraphic__pin-number {
    display: block
}

.hotgraphic__pin.has-pin-image .hotgraphic__pin-number,
.hotgraphic__pin.has-pin-image.is-visited .icon {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.hotgraphic__pin-tooltip.is-static {
    --adapt-tooltip-distance: 0;
    --adapt-tooltip-arrow: false
}

.hotgraphic__pin-tooltip.is-static .tooltip__body {
    color: #19110B;
    background-color: transparent
}

.pin-state.is-default .hotgraphic__pin-image.is-default {
    display: block
}

.pin-state.is-default .hotgraphic__pin-image.is-hover,
.pin-state.is-default .hotgraphic__pin-image.is-visited {
    display: none
}

.pin-state.is-hover .hotgraphic__pin-image.is-hover {
    display: block
}

.pin-state.is-hover .hotgraphic__pin-image.is-default,
.pin-state.is-hover .hotgraphic__pin-image.is-visited {
    display: none
}

.pin-state.is-visited .hotgraphic__pin-image.is-visited {
    display: block
}

.pin-state.is-visited .hotgraphic__pin-image.is-default,
.pin-state.is-visited .hotgraphic__pin-image.is-hover {
    display: none
}

.hotgraphic__pin.has-pin-image-states .hotgraphic__pin-image.is-default {
    display: block
}

.hotgraphic__pin.has-pin-image-states .hotgraphic__pin-image.is-hover,
.hotgraphic__pin.has-pin-image-states .hotgraphic__pin-image.is-visited {
    display: none
}

.no-touch .hotgraphic__pin.has-pin-image-states:hover .hotgraphic__pin-image.is-hover {
    display: block
}

.no-touch .hotgraphic__pin.has-pin-image-states:hover .hotgraphic__pin-image.is-default,
.no-touch .hotgraphic__pin.has-pin-image-states:hover .hotgraphic__pin-image.is-visited {
    display: none
}

.hotgraphic__pin.has-pin-image-states.is-visited .hotgraphic__pin-image.is-visited {
    display: block
}

.hotgraphic__pin.has-pin-image-states.is-visited .hotgraphic__pin-image.is-default,
.hotgraphic__pin.has-pin-image-states.is-visited .hotgraphic__pin-image.is-hover {
    display: none
}

.hotgraphic__tile {
    position: relative;
    width: 100%
}

.hotgraphic__tile-item-container {
    display: flex;
    flex-wrap: wrap
}

.hotgraphic__tile-item {
    width: 50%;
    line-height: 0
}

.hotgraphic__tile .icon {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    padding: .5rem
}

@media (min-width:45rem) {
    .hotgraphic__tile .icon {
        padding: 1rem
    }
}

.hotgraphic__tile.is-visited .icon:before {
    content: "\e944"
}

.hotgraphic-popup {
    position: relative
}

.hotgraphic-popup__inner {
    padding-top: 3.5rem
}

.hotgraphic-popup__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%
}

.hotgraphic-popup__toolbar.hide-pagination {
    justify-content: flex-end
}

.hotgraphic-popup__nav {
    display: flex;
    align-items: center
}

.hotgraphic-popup__count {
    padding: 1rem;
    line-height: 1
}

@media (min-width:45rem) {
    .hotgraphic-popup__item {
        display: flex;
        flex-direction: column;
        row-gap: 1rem
    }
}

.hotgraphic-popup__item.is-round .hotgraphic-popup__item-image {
    border-radius: 50%
}

.hotgraphic-popup__controls.back .icon:before {
    content: "\e96b"
}

.dir-rtl .hotgraphic-popup__controls.back .icon:before {
    content: "\e96c"
}

.hotgraphic-popup__controls.next .icon:before {
    content: "\e96c"
}

.dir-rtl .hotgraphic-popup__controls.next .icon:before {
    content: "\e96b"
}

.hotgraphic-popup__close .icon:before {
    content: "\e945"
}

.hotgraphic-popup__item:not(.is-active) {
    display: none !important
}

@media (min-width:45rem) {

    .hotgraphic-popup__item.align-image-left,
    .hotgraphic-popup__item.align-image-right {
        flex-direction: row;
        column-gap: 1rem
    }

    .hotgraphic-popup__item.align-image-left .hotgraphic-popup__item-content,
    .hotgraphic-popup__item.align-image-right .hotgraphic-popup__item-content {
        width: 60%
    }

    .hotgraphic-popup__item.align-image-left .hotgraphic-popup__item-image-container,
    .hotgraphic-popup__item.align-image-right .hotgraphic-popup__item-image-container {
        width: 40%
    }
}

@media (min-width:45rem) {
    .hotgraphic-popup__item.hide-desktop-image .hotgraphic-popup__item-content {
        width: 100%
    }

    .hotgraphic-popup__item.hide-desktop-image .hotgraphic-popup__item-image-container {
        display: none !important
    }
}

.hotgraphic-popup__item.hide-popup-image .hotgraphic-popup__item-content {
    width: 100%
}

.hotgraphic-popup__item.hide-popup-image .hotgraphic-popup__item-image-container {
    display: none !important
}

.mcq__widget:not(.is-complete) .mcq-item__answer-icon {
    display: block
}

.mcq__widget.show-user-answer .is-correct .is-selected .mcq-item__correct-icon,
.mcq__widget.show-user-answer .is-incorrect .is-selected .mcq-item__incorrect-icon {
    display: block
}

.mcq__widget.show-user-answer .mcq-item:not(.is-correct):not(.is-incorrect) .is-selected .mcq-item__answer-icon {
    display: block
}

.mcq__widget.show-correct-answer .is-correct .is-selected .mcq-item__correct-icon,
.mcq__widget.show-correct-answer .is-incorrect .is-selected .mcq-item__correct-icon {
    display: block
}

.mcq__widget.show-correct-answer .mcq-item:not(.is-correct):not(.is-incorrect) .is-selected .mcq-item__answer-icon {
    display: block
}

.mcq__widget.show-correctness .mcq-item__answer-icon {
    display: block
}

.mcq__widget.show-correctness .is-correct .mcq-item__correct-icon,
.mcq__widget.show-correctness .is-incorrect .mcq-item__incorrect-icon {
    display: block
}

.mcq-item {
    position: relative
}

.mcq-item__input {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.mcq-item__label {
    display: block;
    z-index: 1
}

.mcq-item__label:not(.is-disabled) {
    cursor: pointer
}

.mcq-item__icon {
    display: none
}

.mcq-item__text {
    display: block
}

.mcq-item__answer-icon.is-radio .icon:before {
    content: "\e96f"
}

.mcq-item__answer-icon.is-checkbox .icon:before {
    content: "\e975"
}

.mcq-item__label.is-selected .mcq-item__answer-icon.is-radio .icon:before {
    content: "\e96e"
}

.mcq-item__label.is-selected .mcq-item__answer-icon.is-checkbox .icon:before {
    content: "\e974"
}

.mcq-item__correct-icon .icon:before {
    content: "\e944"
}

.mcq-item__incorrect-icon .icon:before {
    content: "\e945"
}

.media video {
    object-fit: fill
}

.media__skip-to-transcript {
    margin-bottom: .5rem
}

html:not(.has-accessibility) .media__skip-to-transcript {
    display: none !important
}

.media__skip-to-transcript:not(:focus):not(:focus-within) {
    display: block;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.media__transcript-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.media__transcript-btn-icon {
    margin-inline-start: .5rem
}

.media.is-complete .media__transcript-btn-icon .icon:before {
    content: "\e944"
}

.media__transcript-btn-inline .icon:before {
    content: "\e947"
}

.media__transcript-body-inline {
    display: none
}

.media .me-plugin {
    position: relative;
    width: 100%;
    height: 100% !important
}

.media .me-plugin object {
    width: 100% !important;
    height: 100% !important
}

.media .me-plugin embed {
    width: 100% !important;
    height: 100% !important
}

.media__widget.external-source .mejs-container {
    position: relative;
    overflow: hidden
}

.media__widget.external-source .mejs-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media__widget.external-source .mejs-overlay-play {
    display: none !important
}

.media__widget.video-vimeo .mejs-controls {
    display: none !important;
    height: 0 !important
}

.media.toggle-captions .mejs-captions-selector {
    display: none !important
}

.mejs-offscreen {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.mejs-container:focus-visible {
    outline: none
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(bigplay.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(bigplay.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(controls.svg) no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(controls.png)
}

.mejs-controls .mejs-button button:focus-visible {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
    visibility: visible
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(background.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
    display: block
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important
}

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background: transparent url(jumpforward.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(skipback.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff
}

.mejs-container {
    width: 100% !important;
    background-color: transparent
}

.mejs-container .mejs-controls .mejs-time {
    padding-right: 0;
    padding-left: 0
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 0
}

.no-touch .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-button {
    background-image: url(assets/bigplay.svg)
}

.no-svg .mejs-overlay-button {
    background-image: url(assets/bigplay.png)
}

.mejs-overlay-loading,
.mejs-container .mejs-controls,
.mejs-controls .mejs-volume-button .mejs-volume-slider,
.mejs-controls .mejs-captions-button .mejs-captions-selector,
.mejs-captions-text,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector,
.mejs-postroll-layer,
.mejs-postroll-close,
.mejs-controls .mejs-speed-button .mejs-speed-selector {
    background-image: url(assets/background.png)
}

.mejs-overlay-loading span {
    background-image: url(assets/loading.gif)
}

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background-image: url(assets/jumpforward.png)
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background-image: url(assets/skipback.png)
}

.mejs-controls .mejs-button button {
    background-image: url(assets/controls.svg)
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(assets/controls.png)
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100% !important;
    height: 100% !important;
    background-color: black
}

.orientation-portrait .mejs-container-fullscreen video {
    object-fit: contain
}

.mejs-offscreen {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}

.narrative__instruction.has-error {
    display: flex;
    color: #E6193A
}

.narrative__instruction.has-error .icon:before {
    content: "\e98c"
}

.narrative__inner:not(.items-are-full-width) .narrative__content {
    display: none
}

@media (min-width:45rem) {
    .narrative__inner:not(.items-are-full-width) .narrative__content {
        display: block;
        float: right;
        margin-inline-start: 2%;
        width: 38%
    }

    .dir-rtl .narrative__inner:not(.items-are-full-width) .narrative__content {
        float: left
    }
}

.narrative__content-item:not(.is-active) {
    display: none !important;
    visibility: hidden !important
}

.narrative__strapline {
    position: relative
}

.mode-large .narrative__strapline {
    display: none !important
}

.narrative__strapline-header {
    position: relative;
    overflow: hidden
}

.narrative__strapline-btn {
    position: relative;
    float: left;
    padding: 0;
    outline-offset: -5px
}

.dir-rtl .narrative__strapline-btn {
    float: right
}

.narrative__strapline-title {
    display: block;
    margin-inline-end: 3.5rem;
    padding: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem
}

.narrative__strapline-title-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.narrative__strapline-icon {
    position: absolute;
    top: 0;
    right: 0
}

.dir-rtl .narrative__strapline-icon {
    right: inherit;
    left: 0
}

.narrative__strapline-icon .icon:before {
    content: "\e947"
}

.narrative__slide-container {
    position: relative;
    width: 100%;
    overflow-x: hidden
}

@media (min-width:45rem) {
    .narrative__slide-container {
        width: 60%
    }
}

.narrative__slider-image-container {
    float: left
}

.dir-rtl .narrative__slider-image-container {
    float: right
}

.narrative__slider-image {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.narrative__controls-container {
    position: relative
}

.narrative__controls {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%)
}

.narrative__controls-left {
    left: 0
}

.dir-rtl .narrative__controls-left {
    left: inherit;
    right: 0
}

.narrative__controls-left .icon:before {
    content: "\e960"
}

.dir-rtl .narrative__controls-left .icon:before {
    content: "\e961"
}

.narrative__controls-right {
    right: 0
}

.dir-rtl .narrative__controls-right {
    right: inherit;
    left: 0
}

.narrative__controls-right .icon:before {
    content: "\e961"
}

.dir-rtl .narrative__controls-right .icon:before {
    content: "\e960"
}

.narrative__indicators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

@media (min-width:45rem) {
    .narrative__indicators {
        width: 60%
    }
}

.narrative__progress {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
    width: 1rem;
    margin: .25rem;
    background-color: #19110B;
    color: #fff;
    border: .125rem solid #19110B
}

.narrative__progress.is-selected {
    background-color: #fff;
    color: #19110B
}

.narrative__progress.is-visited .icon:before {
    content: "\e944"
}

.narrative__progress.is-visited .icon:before {
    font-size: .75rem
}

@media (prefers-reduced-motion:no-preference) {

    html:not(.disable-animation) .narrative__slider,
    html:not(.disable-animation) .narrative__strapline-header-inner {
        transition: transform 400ms ease-in-out
    }
}

.narrative__content .narrative__controls,
.narrative__content .narrative__indicators {
    display: none
}

.narrative__text-controls .narrative__content {
    position: relative;
    padding-top: 4.5rem
}

.mode-small .narrative__text-controls .narrative__content .narrative__indicators {
    display: flex;
    width: 100%;
    margin-bottom: 0
}

.narrative__text-controls .narrative__content .narrative__controls-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.narrative__text-controls .narrative__content .narrative__controls {
    position: relative;
    top: 0;
    display: block;
    transform: none
}

@media (min-width:45rem) {
    .narrative__text-controls .narrative__slide-container .narrative__controls {
        display: none !important
    }
}

.items-are-full-width .narrative__widget {
    display: flex;
    flex-wrap: wrap
}

.items-are-full-width .narrative__content {
    display: flex;
    width: 100%;
    margin-left: inherit;
    order: 1
}

.items-are-full-width .narrative__strapline {
    display: none !important
}

.items-are-full-width .narrative__slide-container,
.items-are-full-width .narrative__indicators {
    width: 100%;
    order: 0
}

.items-are-full-width .narrative__indicators {
    margin-bottom: .5rem
}

.mode-small .narrative__text-controls .narrative__slide-container .narrative__controls,
.mode-small .narrative__text-controls .narrative__slide-indicators {
    display: none !important
}

.narrative__inner.is-stacked .narrative__title+.aria-label {
    display: none !important
}

.narrative__inner.is-stacked .narrative__instruction {
    display: none !important
}

.narrative__inner.is-stacked .narrative__content {
    display: block
}

.narrative__inner.is-stacked .narrative__content-item {
    display: block !important;
    visibility: visible !important
}

.slider__label-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.slider__number-container {
    position: relative;
    min-height: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.dir-rtl .slider__number-container {
    transform: rotateY(180deg)
}

.slider__number,
.slider__number-selection,
.slider__number-model-answer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.dir-rtl .slider__number,
.dir-rtl .slider__number-selection,
.dir-rtl .slider__number-model-answer {
    transform: translateX(-50%) rotateY(180deg)
}

.slider__state {
    position: relative;
    min-height: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.dir-rtl .slider__state {
    transform: rotateY(180deg)
}

.slider__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.dir-rtl .slider__icon {
    transform: translateX(-50%) rotateY(180deg)
}

.slider__correct-icon .icon:before {
    content: "\e944"
}

.slider__incorrect-icon .icon:before {
    content: "\e945"
}

.slider__scale-container {
    position: relative;
    height: 1px;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    background-color: #19110B
}

.slider__scale-notch {
    position: absolute;
    top: -5px;
    height: 10px;
    width: 1px;
    transform: translateX(-50%);
    background-color: #19110B
}

.slider__scale-notch-start {
    left: 0
}

.slider__scale-notch-end {
    left: 100%
}

.slider__item {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.slider__item-input-track,
.slider__item-input-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: .375rem
}

.slider__item-input-track {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    background-color: #ccc
}

.dir-rtl .slider__item-input-track {
    transform: rotateY(180deg)
}

.slider__item-input-fill {
    background-color: #19110B
}

.slider__item input {
    position: relative;
    display: block;
    height: .375rem;
    width: 100%;
    appearance: none;
    background-color: transparent
}

.slider__item input:not([disabled]) {
    cursor: pointer
}

.slider__item input[type=range]::-webkit-slider-thumb {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    appearance: none
}

.is-disabled .slider__item input[type=range]::-webkit-slider-thumb {
    box-shadow: none;
    background-color: transparent;
    cursor: default
}

.slider__item input[type=range]::-moz-range-thumb {
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.is-disabled .slider__item input[type=range]::-moz-range-thumb {
    box-shadow: none;
    background-color: transparent;
    cursor: default
}

.slider__item input[type=range]::-webkit-slider-runnable-track {
    height: .375rem;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    appearance: none
}

.slider__item input[type=range]::-moz-range-track {
    height: .375rem;
    width: 100%;
    background-color: transparent;
    box-shadow: none
}

.slider__widget.show-correct-answer .slider__number-selection {
    opacity: 0
}

.list__container.has-columns .list-item.has-image .list-item__inner {
    flex-wrap: wrap
}

.list__container.has-columns .list-item__image-container {
    width: 100%
}

.list__container.has-columns .list-item__image-container+.list-item__content {
    width: 100%
}

@media (min-width:45rem) {
    .list__container.has-columns {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch
    }

    .list__container.has-columns .list-item__inner {
        flex-direction: column
    }
}

.list__container.has-columns .list-item,
.list__container:not(.has-columns) .list-item:not(:last-child) {
    margin-bottom: 1rem
}

.list__container.is-ordered-list .list-item {
    counter-increment: step-counter
}

.list__container.is-ordered-list .list-item__bullet:before {
    content: counter(step-counter)
}

.list.item-justify-start .list__container.has-columns {
    justify-content: flex-start
}

.list.item-justify-center .list__container.has-columns {
    justify-content: center
}

.list.item-justify-end .list__container.has-columns {
    justify-content: flex-end
}

.list.bullet-align-start .list-item__inner {
    align-items: flex-start
}

.list.bullet-align-center .list-item__inner {
    align-items: center
}

.list.bullet-align-end .list-item__inner {
    align-items: flex-end
}

.list__body-after {
    margin-top: 1rem
}

.list.is-animating .list__body-after {
    visibility: hidden !important
}

.list-item__inner {
    display: flex;
    flex-wrap: nowrap
}

.list-item__image-container,
.list-item__bullet {
    display: flex
}

.list-item__image-container {
    align-items: flex-start;
    justify-content: center;
    width: 5rem
}

.list-item__image-container+.list-item__content {
    width: calc(100% - 5rem)
}

.list-item__bullet {
    align-items: center;
    height: 1.8rem
}

.list-item:not(.has-title) .list-item__bullet {
    height: 1.5rem
}

.list-item__bullet:before {
    content: "";
    height: .5rem;
    width: .5rem
}

.list__container.is-ordered-list .list-item__bullet:before {
    height: 1.5rem;
    width: 1.5rem
}

.list__container.has-columns .list-item__image-container {
    padding-inline-end: inherit;
    margin-bottom: 1rem
}

@media (min-width:45rem) {
    .list__container.has-columns .list-item__inner {
        margin: .5rem
    }

    .list__container.has-columns .list-item__bullet {
        padding-inline: inherit;
        margin-bottom: 1rem
    }
}

.list.is-animated-list .list__widget {
    overflow: hidden
}

.list.is-animated-list .list-item {
    position: relative;
    right: -100%;
    opacity: 0;
    transition: all .8s ease-in-out
}

.dir-rtl .list.is-animated-list .list-item {
    right: inherit;
    left: -100%
}

.list.is-animated-list .list-item.is-animating {
    right: 0;
    opacity: 1
}

.dir-rtl .list.is-animated-list .list-item.is-animating {
    right: inherit;
    left: 0
}

.list-item__title {
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

.list-item__title+.list-item__body {
    margin-top: 1rem
}

.list-item__content {
    width: 100%
}

.list-item__image-container {
    padding-inline-end: 1rem
}

.list-item__bullet {
    padding-inline: 1rem
}

.list-item__bullet:before {
    text-align: center;
    background-color: #19110B;
    color: #fff;
    border-radius: 50%
}

.pagenav__widget {
    position: relative
}

.pagenav__btn-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pagenav__btn-inner {
    display: flex;
    align-items: center
}

.pagenav__btn {
    margin: .5rem
}

.pagenav__btn-icon .icon {
    display: block
}

.pagenav__btn.btn-icon.btn-text.has-icon-left .icon,
.dir-ltr .pagenav__btn.btn-icon.btn-text.has-icon-auto .icon,
.dir-rtl .pagenav__btn.btn-icon.btn-text.has-icon-auto[data-type="_next"] .icon {
    padding-left: 0;
    padding-right: .5rem
}

.dir-rtl .pagenav__btn.btn-icon.btn-text.has-icon-left .icon {
    padding-right: 0;
    padding-left: .5rem
}

.dir-rtl .pagenav__btn.btn-icon.btn-text.has-icon-auto[data-type="_next"] .pagenav__btn-inner {
    flex-direction: row-reverse
}

.pagenav__btn.btn-icon.btn-text.has-icon-right .icon,
.dir-rtl .pagenav__btn.btn-icon.btn-text.has-icon-auto .icon,
.dir-ltr .pagenav__btn.btn-icon.btn-text.has-icon-auto[data-type="_next"] .icon {
    padding-right: 0;
    padding-left: .5rem
}

.dir-rtl .pagenav__btn.btn-icon.btn-text.has-icon-right .icon {
    padding-left: 0;
    padding-right: .5rem
}

.pagenav__btn.btn-icon.btn-text.has-icon-right .pagenav__btn-inner,
.dir-ltr .pagenav__btn.btn-icon.btn-text.has-icon-auto[data-type="_next"] .pagenav__btn-inner {
    flex-direction: row-reverse
}

.pagenav__btn.btn-icon.btn-text.has-icon-top .pagenav__btn-inner {
    flex-direction: column
}

.pagenav__btn.btn-icon.btn-text.has-icon-top .icon {
    padding-bottom: .25rem
}

.pagenav__btn.btn-icon.btn-text.has-icon-bottom .pagenav__btn-inner {
    flex-direction: column-reverse
}

.pagenav__btn.btn-icon.btn-text.has-icon-bottom .icon {
    padding-top: .25rem
}

.pagenav__btn.is-locked .icon:before {
    content: "\e942"
}

.pagenav__btn.btn-icon:not(.btn-text) {
    padding: 1rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50rem
}

.no-touch .pagenav__btn.btn-icon:not(.btn-text):not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.pagenav__btn.btn-icon:not(.btn-text).is-locked,
.pagenav__btn.btn-icon:not(.btn-text).is-disabled {
    background-color: #EEE;
    color: #19110B
}

.nav__adaptclose-btn .icon:before {
    content: "\e945"
}

.drawer__toolbar {
    z-index: 2
}

.glossary__header {
    position: sticky;
    top: 0rem;
    z-index: 1
}

.glossary__textbox-container {
    position: relative
}

.glossary__textbox {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 1rem 2.5rem
}

.glossary__textbox::-ms-clear {
    display: none !important
}

.glossary__cancel-btn,
.glossary__search-icon {
    position: absolute;
    top: 50%;
    right: 2rem;
    padding: 0;
    transform: translateY(-50%);
    background-color: transparent
}

.dir-rtl .glossary__cancel-btn,
.dir-rtl .glossary__search-icon {
    right: inherit;
    left: 2rem
}

.glossary__search-icon .icon:before {
    content: "\e929"
}

.glossary__cancel-btn .icon:before {
    content: "\e945"
}

.glossary__index-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.glossary__items-container,
.glossary__item-not-found {
    position: relative
}

.glossary__item-description {
    display: none
}

.languagepicker__inner {
    margin: 0 auto;
    max-width: 60rem
}

.notify__popup.is-ltr {
    direction: ltr
}

.notify__popup.is-ltr .notify__icon {
    left: inherit;
    right: 0
}

.notify__popup.is-rtl {
    direction: rtl
}

.notify__popup.is-rtl .notify__icon {
    right: inherit;
    left: 0
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator-wrapper {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem
}

.drawer .pagelevelprogress__item-btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.drawer .pagelevelprogress__item-title {
    width: 75%
}

.drawer .pagelevelprogress__indicator {
    margin-inline-start: calc(25% - 1rem)
}

.drawer .pagelevelprogress__item-btn.is-locked .pagelevelprogress__item-icon {
    margin-inline-start: auto
}

.drawer .pagelevelprogress__item-btn:not(.is-locked) .pagelevelprogress__item-icon {
    display: none
}

.drawer .pagelevelprogress__item-btn.is-locked .pagelevelprogress__item-icon .icon:before {
    content: "\e942"
}

.drawer .pagelevelprogress__item-btn.is-locked .pagelevelprogress__indicator {
    display: none
}

.drawer .pagelevelprogress__item-optional {
    width: 5rem
}

.drawer .pagelevelprogress__item-optional-inner {
    font-size: .75rem
}

.drawer .pagelevelprogress__item-children {
    margin-left: .5em
}

.pagelevelprogress__indicator {
    display: flex;
    width: 2rem;
    font-size: 1rem;
    border: .0625rem solid #19110B;
    border-radius: 50px;
    overflow: hidden;
    padding: .0625rem
}

.pagelevelprogress__indicator-inner {
    position: relative;
    display: block;
    height: .375rem;
    width: 100%;
    border-radius: 50px;
    overflow: hidden
}

.pagelevelprogress__indicator-bar {
    display: block;
    height: inherit;
    min-width: 15%;
    background-color: #19110B;
    width: var(--adapt-pagelevelprogress-percentage)
}

.pagelevelprogress__indicator .js-indicator-aria-label {
    top: 0
}

.resources__filter-inner {
    display: flex
}

.resources__filter.has-extra-types .resources__filter-inner {
    flex-wrap: wrap
}

.resources__filter-btn {
    flex-grow: 1;
    white-space: nowrap
}

html:not(.ie) .resources__filter-btn {
    flex-basis: 0
}

.article {
    position: relative
}

.trickle__inner {
    z-index: 80
}

.trickle__btn {
    position: relative;
    display: block;
    margin: auto
}

.trickle.is-full-width .trickle__btn {
    width: 100%
}

.trickle__btn-icon .icon:before {
    content: "\e96a"
}

.trickle__btn.is-locked .trickle__btn-icon .icon:before {
    content: "\e942"
}

.trickle.is-full-width .trickle__inner {
    position: fixed;
    left: 0;
    right: 0
}

html.is-nav-top .trickle.is-full-width .trickle__inner {
    bottom: 0
}

html.is-nav-bottom .trickle.is-full-width .trickle__inner {
    bottom: var(--adapt-navigation-height)
}

.tutor__inner {
    position: relative;
    display: none;
    min-height: 100%
}

.tutor__btn-icon {
    position: absolute;
    top: 0;
    right: 0
}

.dir-rtl .tutor__btn-icon {
    right: inherit;
    left: 0
}

.tutor__btn-icon .icon:before {
    content: "\e945"
}

.tutor-type-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    height: 101%
}

.devtools__nav-btn .icon:before {
    content: "\e92d"
}

.devtools__item {
    position: relative
}

.devtools__item-input {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.devtools__item-label {
    display: block;
    z-index: 1
}

.devtools__item-label:not(.is-disabled) {
    cursor: pointer
}

.devtools__item-icon .icon:before {
    content: "\e975"
}

.devtools__item-label.is-selected .devtools__item-icon .icon:before {
    content: "\e974"
}

.devtools__item-title {
    display: block
}

.devtools {
    color: #19110B
}

.devtools__section-title {
    position: relative;
    text-align: center
}

.devtools__section-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 0;
    width: 100%;
    border-bottom: 1px dotted #19110B;
    z-index: -1
}

.devtools__section-title-inner {
    display: inline-block;
    padding: .5rem;
    background-color: #fff
}

.devtools__item-label {
    background-color: #fff;
    color: #19110B
}

.no-touch .devtools__item-label:not(.is-disabled):not(.is-selected):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.devtools__item-label.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.devtools__item-label.is-selected {
    background-color: #fff;
    color: #19110B
}

.devtools__item-state {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .devtools__item-state {
    left: inherit;
    right: 1rem
}

.devtools__item-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 3.5rem 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal
}

.devtools__item.is-tip {
    padding: .5rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

.devtools__item.is-tip ul {
    padding: .5rem 0 0 1rem;
    margin: 0
}

.devtools__item.is-tip code,
.devtools__item.is-tip kbd {
    font-style: normal;
    background: rgba(0, 0, 0, 0.6);
    padding: .1rem
}

.touch .devtools__item.is-tip.auto-correct {
    display: none !important
}

.devtools__item-btn-container {
    display: flex
}

.devtools__item-btn {
    flex-grow: 1;
    margin-bottom: .25rem;
    padding: .5rem 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
    background-color: #19110B;
    color: #fff
}

.no-touch .devtools__item-btn:hover {
    background-color: #000;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.devtools__item-btn.open-map,
.devtools__item-btn.unlock-menu {
    margin-right: .25rem
}

.devtools__item-btn.end-trickle {
    margin-right: .25rem
}

.devtools__item-btn.pass {
    background-color: #13BE19;
    color: #fff
}

.no-touch .devtools__item-btn.pass:hover {
    background-color: #0e9013;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.devtools__item-btn.half {
    margin-left: .25rem;
    margin-right: .25rem
}

.devtools__item-btn.fail {
    background-color: #E6193A;
    color: #fff
}

.no-touch .devtools__item-btn.fail:hover {
    background-color: #b8142e;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.mcq__widget:not(.is-complete) .mcq__item.hint-is-correct,
.mcq__widget:not(.is-complete) .gmcq__item.hint-is-correct,
.mcq__widget:not(.is-complete) .matching__item.hint-is-correct,
.gmcq__widget:not(.is-complete) .mcq__item.hint-is-correct,
.gmcq__widget:not(.is-complete) .gmcq__item.hint-is-correct,
.gmcq__widget:not(.is-complete) .matching__item.hint-is-correct,
.matching__widget:not(.is-complete) .mcq__item.hint-is-correct,
.matching__widget:not(.is-complete) .gmcq__item.hint-is-correct,
.matching__widget:not(.is-complete) .matching__item.hint-is-correct {
    opacity: 1
}

.mcq__widget:not(.is-complete) .mcq__item.hint-is-incorrect,
.mcq__widget:not(.is-complete) .gmcq__item.hint-is-incorrect,
.mcq__widget:not(.is-complete) .matching__item.hint-is-incorrect,
.gmcq__widget:not(.is-complete) .mcq__item.hint-is-incorrect,
.gmcq__widget:not(.is-complete) .gmcq__item.hint-is-incorrect,
.gmcq__widget:not(.is-complete) .matching__item.hint-is-incorrect,
.matching__widget:not(.is-complete) .mcq__item.hint-is-incorrect,
.matching__widget:not(.is-complete) .gmcq__item.hint-is-incorrect,
.matching__widget:not(.is-complete) .matching__item.hint-is-incorrect {
    opacity: .3
}

.slider__widget:not(.is-complete) .slider__number.hint-is-correct {
    opacity: 1
}

.slider__widget:not(.is-complete) .slider__number.hint-is-incorrect {
    opacity: .3
}

.devtools__annotation {
    position: absolute
}

.js-heading,
.resources__filter-btn {
    position: relative
}

.js-indicator-aria-label {
    top: 0
}

.devtools__annotation {
    font-size: .875rem;
    pointer-events: none;
    z-index: 100
}

.devtools__annotation-order {
    display: flex;
    column-gap: .25rem;
    align-items: flex-start
}

.is-left .devtools__annotation-order {
    flex-direction: row-reverse
}

.devtools__annotation-inner {
    background-color: #13BE19;
    color: #fff;
    opacity: 0
}

.devtools__annotation-inner .description {
    background-color: #000;
    color: #fff;
    opacity: 0
}

.has-mouse-over .devtools__annotation-inner,
.has-mouse-over .devtools__annotation-inner .description {
    opacity: 1
}

.devtools__annotation.has-mouse-over {
    z-index: 101
}

.devtools__annotation .button {
    padding: .125rem;
    background-color: #13BE19;
    color: #fff;
    border-radius: .25rem;
    pointer-events: all;
    cursor: pointer
}

.devtools__annotation-outline {
    outline: 3px solid orange
}

.has-annotation-warning .devtools__annotation-inner {
    background-color: #E6193A;
    color: #fff
}

.devtools__annotation.has-annotation-warning .button {
    background-color: #E6193A;
    color: #fff
}

.devtools-map-hatched {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAEklEQVQYlWNgoBJooFjB0LcCALLcAwF+SpItAAAAAElFTkSuQmCC');
    background-color: unset;
    color: black
}

html.has-devtools-map body {
    margin: 0 auto;
    max-width: 90rem;
    overflow-x: hidden;
    overflow-y: auto !important
}

.devtools__map-section {
    display: flex;
    width: 100%
}

.devtools__map-section.is-block {
    flex-wrap: wrap
}

.devtools__map-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 80%
}

.devtools__map-section-title,
.devtools__map-component {
    text-decoration: none
}

.devtools__map-section-title {
    position: relative
}

.devtools__map-section-title.is-content-object,
.devtools__map-section-title.is-article {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%
}

.devtools__map-section-title.is-block {
    width: 100%
}

.devtools__map-component {
    position: relative;
    width: 50%
}

.devtools__map-component.index-0.is-last {
    width: 100%
}

.devtools__map-info.is-content-object,
.devtools__map-info.is-article {
    position: absolute;
    top: .25rem;
    left: .25rem
}

.devtools__map-info.is-article,
.devtools__map-info.is-block {
    display: flex;
    align-items: center;
    justify-content: center
}

.devtools__map-info.is-component {
    position: absolute;
    bottom: .25rem;
    display: flex;
    align-items: center;
    font-family: 'Courier New', Courier;
    font-style: italic;
    font-weight: 700;
    font-size: .625rem
}

.devtools__map-component.index-0 .devtools__map-info.is-component {
    left: .25rem
}

.devtools__map-component.index-1 .devtools__map-info.is-component {
    right: .25rem
}

.devtools__map-id.is-component {
    position: absolute;
    top: .25rem;
    left: .25rem
}

.devtools__map-component.index-1 .devtools__map-id.is-component {
    left: auto;
    right: .25rem
}

.devtools__map-id {
    font-family: 'Courier New', Courier;
    font-style: italic;
    font-weight: 700;
    font-size: .75rem
}

.devtools__map-trickle {
    margin-left: .25rem;
    border-top: 10px solid #19110B;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent
}

.devtools__map-label {
    font-size: .875rem;
    font-weight: 700;
    text-align: center
}

.devtools__map-label.is-component {
    padding: .5rem 0
}

.devtools__map-component .icon:before {
    font-size: 1rem
}

.devtools__map-component.is-correct .icon:before {
    content: "\e944"
}

.devtools__map-component.is-incorrect .icon:before {
    content: "\e945"
}

.devtools__map-section-title.is-content-object {
    background-color: #19110B;
    color: #fff
}

.devtools__map-section-title.is-article {
    background-color: #333;
    color: #fff
}

.devtools__map-section-title.is-block {
    background-color: #444;
    color: #fff
}

.devtools__map-section-title.is-optional {
    background-color: #EEE;
    color: #19110B
}

.devtools__map-section-title:not(.is-available) {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAEklEQVQYlWNgoBJooFjB0LcCALLcAwF+SpItAAAAAElFTkSuQmCC');
    background-color: unset;
    color: black
}

.devtools__map-section-title.is-complete {
    background-color: #13BE19;
    color: #fff
}

.devtools__map-component {
    background-color: #444;
    color: #fff
}

.devtools__map-component.is-optional {
    background-color: #EEE;
    color: #19110B
}

.devtools__map-component.is-complete {
    background-color: #13BE19;
    color: #fff
}

.devtools__map-component:not(.is-available) {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAEklEQVQYlWNgoBJooFjB0LcCALLcAwF+SpItAAAAAElFTkSuQmCC');
    background-color: unset;
    color: black
}

.devtools__map-section.is-content-object:not(.is-last),
.devtools__map-section.is-article:not(.is-last),
.devtools__map-section.is-block:not(.is-last) {
    border-bottom: 1px solid #19110B
}

.devtools__map-trickle {
    border-top-color: #fff
}

.hide-nav-home-btn .nav__homebutton-btn {
    display: none !important
}

.inspector {
    position: absolute;
    z-index: 501;
    cursor: default;
    font: 11px "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    text-align: center
}

.inspector.inline {
    margin-top: 4px
}

.inspector:not(.inline) {
    padding-bottom: 8px
}

.inspector-inner {
    position: relative;
    display: inline-block;
    border: 1px solid #333;
    border-radius: 3px;
    background-color: #333
}

.inspector:not(.inline) .inspector-inner:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 8px solid transparent;
    border-top-color: inherit;
    content: "";
    transform: translate(-50%, 100%)
}

.inspector-text {
    padding: 5px;
    color: #3cf
}

a.inspector-text {
    display: inline-block;
    text-decoration: none
}

.inspector-id {
    color: #ccc
}

.inspector-visible {
    outline: 1px dashed
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 90rem
}

@media (min-width:45rem) {
    .footer__inner {
        flex-wrap: nowrap
    }
}

.footer.justify-start .footer__inner {
    justify-content: flex-start
}

.footer.justify-end .footer__inner {
    justify-content: flex-end
}

.footer.justify-center .footer__inner {
    justify-content: center
}

.footer.justify-space-around .footer__inner {
    justify-content: space-around
}

.footer.justify-space-between .footer__inner {
    justify-content: space-between
}

.footer.align-start .footer__inner {
    align-items: flex-start
}

.footer.align-center .footer__inner {
    align-items: center
}

.footer.align-end .footer__inner {
    align-items: flex-end
}

.footer {
    position: relative;
    width: 100%
}

.footer__inner {
    padding: 2rem 1rem
}

.footer__image-container {
    margin: 1rem
}

.footer.is-horizontal .footer__image-container {
    min-width: 10rem
}

.footer.is-vertical .footer__image-container {
    min-width: 5rem
}

.footer-color.black {
    background-color: #19110B;
    color: #fff
}

.footer-color.black .footer__body a {
    color: inherit
}

.footer-color.white {
    background-color: #fff;
    color: #19110B
}

.footer-color.white .footer__body a {
    color: inherit
}

.footer-color.background {
    background-color: #19110B;
    color: #fff
}

.footer-color.background .footer__body a {
    color: inherit
}

.footer-color.transparent-light {
    background-color: transparent;
    color: #19110B
}

.footer-color.transparent-light .footer__body a {
    color: inherit
}

.footer-color.transparent-dark {
    background-color: transparent;
    color: #fff
}

.footer-color.transparent-dark .footer__body a {
    color: inherit
}

.navigation-logo__inner:not(.is-fill) {
    padding: .5rem
}

.navigation-logo__image {
    height: 2.5rem
}

.is-fill .navigation-logo__image {
    height: var(--adapt-navigation-height)
}

.navigation-logo.has-link {
    cursor: pointer
}

.boxmenu {
    margin: 0 auto;
    max-width: 90rem
}

.boxmenu__header-inner {
    margin: 0 auto;
    max-width: 60rem
}

.boxmenu__image {
    min-width: auto
}

.boxmenu__item-container .boxmenu__item-container-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 60rem
}

.boxmenu.title-align-left .boxmenu__title,
.boxmenu.body-align-left .boxmenu__body,
.boxmenu.instruction-align-left .boxmenu__instruction {
    text-align: start
}

.boxmenu.title-align-center .boxmenu__title,
.boxmenu.body-align-center .boxmenu__body,
.boxmenu.instruction-align-center .boxmenu__instruction {
    text-align: center
}

.boxmenu.title-align-right .boxmenu__title,
.boxmenu.body-align-right .boxmenu__body,
.boxmenu.instruction-align-right .boxmenu__instruction {
    text-align: end
}

.boxmenu-group__header-inner {
    margin: 0 auto;
    max-width: 60rem
}

.boxmenu-group__item-container-inner {
    display: flex;
    flex-wrap: wrap
}

.boxmenu-item {
    width: 100%
}

.boxmenu-item.is-locked .boxmenu-item__status .icon:before {
    content: "\e942"
}

.boxmenu-item.is-complete .boxmenu-item__status .icon:before {
    content: "\e944"
}

@media (min-width:45rem) {
    .boxmenu-item {
        width: 50%
    }
}

.has-animation {
    overflow: hidden
}

.fade-in-before>div {
    opacity: 0;
    transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s
}

.fade-in-after>div {
    opacity: 1
}

.fade-in-top-before>div {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s;
    transition-delay: .1s
}

.fade-in-top-after>div {
    opacity: 1;
    transform: translateY(0)
}

.fade-in-bottom-before>div {
    opacity: 0;
    transform: translateY(100px);
    transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s;
    transition-delay: .1s
}

.fade-in-bottom-after>div {
    opacity: 1;
    transform: translateY(0)
}

.fade-in-left-before>div {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s;
    transition-delay: .1s
}

.fade-in-left-after>div {
    opacity: 1;
    transform: translateX(0)
}

.fade-in-right-before>div {
    opacity: 0;
    transform: translateX(100px);
    transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s;
    transition-delay: .1s
}

.fade-in-right-after>div {
    opacity: 1;
    transform: translateX(0)
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype')
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

b,
strong {
    font-weight: 700
}

.background-blend-mode.color {
    background-blend-mode: color
}

.mix-blend-mode.color {
    mix-blend-mode: color
}

.background-blend-mode.color-burn {
    background-blend-mode: color-burn
}

.mix-blend-mode.color-burn {
    mix-blend-mode: color-burn
}

.background-blend-mode.color-dodge {
    background-blend-mode: color-dodge
}

.mix-blend-mode.color-dodge {
    mix-blend-mode: color-dodge
}

.background-blend-mode.darken {
    background-blend-mode: darken
}

.mix-blend-mode.darken {
    mix-blend-mode: darken
}

.background-blend-mode.difference {
    background-blend-mode: difference
}

.mix-blend-mode.difference {
    mix-blend-mode: difference
}

.background-blend-mode.exclusion {
    background-blend-mode: exclusion
}

.mix-blend-mode.exclusion {
    mix-blend-mode: exclusion
}

.background-blend-mode.hard-light {
    background-blend-mode: hard-light
}

.mix-blend-mode.hard-light {
    mix-blend-mode: hard-light
}

.background-blend-mode.hue {
    background-blend-mode: hue
}

.mix-blend-mode.hue {
    mix-blend-mode: hue
}

.background-blend-mode.lighten {
    background-blend-mode: lighten
}

.mix-blend-mode.lighten {
    mix-blend-mode: lighten
}

.background-blend-mode.luminosity {
    background-blend-mode: luminosity
}

.mix-blend-mode.luminosity {
    mix-blend-mode: luminosity
}

.background-blend-mode.multiply {
    background-blend-mode: multiply
}

.mix-blend-mode.multiply {
    mix-blend-mode: multiply
}

.background-blend-mode.overlay {
    background-blend-mode: overlay
}

.mix-blend-mode.overlay {
    mix-blend-mode: overlay
}

.background-blend-mode.saturation {
    background-blend-mode: saturation
}

.mix-blend-mode.saturation {
    mix-blend-mode: saturation
}

.background-blend-mode.screen {
    background-blend-mode: screen
}

.mix-blend-mode.screen {
    mix-blend-mode: screen
}

.background-blend-mode.soft-light {
    background-blend-mode: soft-light
}

.mix-blend-mode.soft-light {
    mix-blend-mode: soft-light
}

.filter.grayscale img {
    filter: grayscale(1)
}

.filter.invert img {
    filter: invert(1)
}

.filter.sepia img {
    filter: sepia(1)
}

.article {
    position: relative
}

.article.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.article__inner {
    position: relative
}

.article__header-inner {
    padding: 0 1rem
}

.article__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    color: #19110B
}

@media (min-width:45rem) {
    .article__title {
        font-size: 2.5rem
    }
}

.article__body {
    margin-bottom: 1rem
}

.article__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.article__body a,
.article__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .article__body a:hover,
.no-touch .article__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.has-attribution {
    position: relative;
    display: block
}

.component__attribution {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    background-color: rgba(25, 17, 11, 0.5);
    color: #fff;
    transform: translate3d(0, 0, 0)
}

.gmcq__attribution {
    position: relative;
    display: flex
}

.block {
    position: relative
}

.block.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.block__inner {
    position: relative;
    padding: 4rem 1rem
}

.block__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    color: #19110B
}

@media (min-width:45rem) {
    .block__title {
        font-size: 2.5rem
    }
}

.block__body {
    margin-bottom: 1rem
}

.block__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.block__body a,
.block__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .block__body a:hover,
.no-touch .block__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.block.double-padding-top .block__inner {
    padding-top: 8rem
}

.block.double-padding-bottom .block__inner {
    padding-bottom: 8rem
}

.block.half-padding-top .block__inner {
    padding-top: 2rem
}

.block.half-padding-bottom .block__inner {
    padding-bottom: 2rem
}

.block.remove-padding-top .block__inner {
    padding-top: 0
}

.block.remove-padding-bottom .block__inner {
    padding-bottom: 0
}

.block.align-vert-center .block__inner,
.block.align-vert-center .component__container {
    min-height: inherit
}

.block.align-vert-center .component__container {
    align-items: center
}

.block.align-vert-bottom .component__container {
    align-items: flex-end
}

.block.align-horz-center .component__container {
    justify-content: center
}

.block.align-horz-right .component__container {
    justify-content: flex-end
}

.btn__container {
    margin-top: 1rem
}

.btn-icon {
    background-color: #fff;
    color: #19110B
}

.no-touch .btn-icon:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.btn-text {
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none
}

.btn-text {
    background-color: #fff;
    color: #19110B;
    border-radius: 50rem
}

.no-touch .btn-text:not(.is-disabled):not(.is-locked):hover {
    background-color: #fff;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.btn-icon.is-disabled,
.btn-text.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.btn-icon.is-locked,
.btn-text.is-locked {
    background-color: #EEE;
    color: #19110B;
    cursor: not-allowed
}

.btn__marking {
    padding: .75rem;
    border-radius: 50%
}

.can-show-marking .btn__action.is-full-width,
.can-show-marking .btn__feedback.is-full-width {
    margin-inline-end: 4rem
}

.component {
    position: relative
}

.component.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.component__container {
    flex-direction: unset;
    margin-left: -1rem;
    margin-right: -1rem
}

.component__inner {
    position: relative;
    padding: 2rem 1rem
}

.component__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: inherit;
    text-transform: none;
    color: #19110B
}

@media (min-width:45rem) {
    .component__title {
        font-size: 2.5rem
    }
}

.component__body {
    margin-bottom: 1rem
}

.component__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.component__body a,
.component__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .component__body a:hover,
.no-touch .component__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.drawer {
    background-color: #fff;
    color: #19110B
}

.drawer__toolbar {
    border-bottom: 1px solid #19110B
}

.drawer__btn {
    margin: .5rem;
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50%
}

.no-touch .drawer__btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #e6e6e6;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.drawer:not(.disable-animation) {
    opacity: 0
}

.drawer:not(.disable-animation).anim-show-before {
    transition: left var(--adapt-drawer-duration) var(--adapt-drawer-show-easing), right var(--adapt-drawer-duration) var(--adapt-drawer-show-easing), opacity var(--adapt-drawer-duration) var(--adapt-drawer-show-easing)
}

.drawer:not(.disable-animation).anim-hide-before {
    transition: left var(--adapt-drawer-duration) var(--adapt-drawer-hide-easing), right var(--adapt-drawer-duration) var(--adapt-drawer-hide-easing), opacity var(--adapt-drawer-duration) var(--adapt-drawer-hide-easing)
}

.drawer:not(.disable-animation).is-position-auto.anim-show-after,
.drawer:not(.disable-animation).is-position-right.anim-show-after {
    opacity: 1
}

.drawer:not(.disable-animation).is-position-auto.anim-hide-after,
.drawer:not(.disable-animation).is-position-right.anim-hide-after {
    opacity: 0
}

.dir-rtl .drawer:not(.disable-animation):not(.is-position-right).anim-show-after,
.drawer:not(.disable-animation).is-position-left.anim-show-after {
    opacity: 1
}

.dir-rtl .drawer:not(.disable-animation):not(.is-position-right).anim-hide-after,
.drawer:not(.disable-animation).is-position-left.anim-hide-after {
    opacity: 0
}

.drawer__item-btn {
    display: block;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #19110B;
    color: #19110B
}

.no-touch .drawer__item-btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.drawer__item-btn.is-locked,
.drawer__item-btn.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.drawer__item-btn.is-selected {
    background-color: #fff;
    color: #19110B
}

.drawer__item-title {
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: start
}

.drawer__item-title+.drawer__item-body {
    margin-top: .25rem
}

.drawer__item-body {
    margin-bottom: 0;
    font-family: 'LouisVuitton', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: start
}

body {
    background-color: #F6F5F3
}

.inline-icon {
    display: inline-block;
    vertical-align: middle
}

blockquote,
figure {
    margin: 1rem
}

.figure-quote {
    margin: 0;
    font-size: 1.25rem;
    font-family: 'LouisVuitton', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    letter-spacing: normal
}

.figure-quote figcaption {
    margin: 1rem;
    font-size: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    letter-spacing: normal
}

.aside-pull-quote {
    margin: 1rem;
    padding: 1rem;
    border-bottom: 2px solid #117F93;
    background-color: #f9f9f9;
    color: #19110B;
    font-size: 1.5rem;
    font-family: 'LouisVuitton', sans-serif;
    font-weight: 700;
    line-height: 1.5;
    font-style: normal;
    letter-spacing: normal
}

@media (min-width:45rem) {
    .aside-pull-quote {
        font-size: 2rem
    }
}

@media (min-width:45rem) {
    .aside-pull-quote {
        margin: 2rem;
        padding: 2rem
    }
}

.is-bold {
    font-weight: 700
}

.is-italic {
    font-style: italic
}

.loading {
    background-color: rgba(25, 17, 11, 0.54);
    color: #fff
}

.loading__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: -9999rem
}

.loading__inner {
    width: 3rem;
    height: 3rem;
    border: .25rem solid rgba(25, 17, 11, 0.5);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s 0s infinite normal ease-in-out none
}

@keyframes spin {
    0% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

.nav {
    background-color: #fff
}

.nav__inner {
    max-width: inherit
}

.nav__inner {
    padding-left: 0;
    padding-right: 0
}

.nav__btn {
    margin: 0 0;
    background-color: #fff;
    color: #19110B;
    border-radius: 0
}

.no-touch .nav__btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #e6e6e6;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.nav__btn-label {
    font-size: .875rem
}

.notify__popup {
    background-color: #fff;
    color: #19110B
}

.notify__popup-inner {
    position: relative;
    padding: 4rem 1rem
}

.notify__icon {
    display: none
}

.notify__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    padding-inline-end: 3.5rem
}

@media (min-width:45rem) {
    .notify__title {
        font-size: 2.5rem
    }
}

@media (min-width:45rem) {
    .notify__title {
        padding-inline-end: inherit
    }
}

.notify__body {
    margin-bottom: 1rem
}

.notify__instruction {
    margin-bottom: 0;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.notify__body a,
.notify__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .notify__body a:hover,
.no-touch .notify__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .notify__body a:hover,
.no-touch .notify__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.notify__btn-container {
    margin-top: 1rem
}

.notify__btn {
    background-color: #fff;
    color: #19110B
}

.no-touch .notify__btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #fff;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.notify__btn-icon {
    margin: .5rem;
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50%
}

.no-touch .notify__btn-icon:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.notify__close-btn {
    position: absolute;
    top: 0;
    right: 0
}

.dir-rtl .notify__close-btn {
    right: inherit;
    left: 0
}

.notify:not(.disable-animation)>.notify__popup {
    transition: top var(--adapt-notify-duration) cubic-bezier(.23, 1, .32, 1), transform var(--adapt-notify-duration) cubic-bezier(.23, 1, .32, 1), opacity var(--adapt-notify-duration) cubic-bezier(.23, 1, .32, 1), height var(--adapt-notify-duration) cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    transform: translateY(0%)
}

.anim-show-after.notify:not(.disable-animation)>.notify__popup {
    transform: translateY(-50%);
    opacity: 1
}

.anim-hide-after.notify:not(.disable-animation)>.notify__popup {
    transform: translateY(0%);
    opacity: 0
}

.notify:not(.disable-animation)>.notify__shadow {
    transition: opacity var(--adapt-notify-duration) cubic-bezier(.23, 1, .32, 1);
    opacity: 0
}

.anim-show-after.notify:not(.disable-animation)>.notify__shadow {
    opacity: 1
}

.anim-hide-after.notify:not(.disable-animation)>.notify__shadow {
    opacity: 0
}

.notify-push {
    background-color: #fff;
    color: #19110B;
    transform: translateY(25px);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.notify-push.is-active {
    transform: translateY(0)
}

.notify-push__inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 1rem 4.5rem
}

.notify-push__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

@media (min-width:45rem) {
    .notify-push__title {
        font-size: 2.5rem
    }
}

.notify-push__body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .notify-push__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .notify-push__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.notify-push__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: .5rem;
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50%
}

.no-touch .notify-push__close-btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.dir-rtl .notify-push__close-btn {
    right: auto;
    left: 0
}

.page {
    position: relative;
    padding: 0 0
}

.page.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.page__inner {
    position: relative
}

.page__header {
    position: relative
}

.page__header.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.page__header-inner {
    position: relative;
    padding: 2rem 1rem
}

.page__title {
    margin-bottom: 2rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    color: #19110B
}

@media (min-width:45rem) {
    .page__title {
        font-size: 3rem
    }
}

.page__subtitle {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

@media (min-width:45rem) {
    .page__subtitle {
        font-size: 2rem
    }
}

.page__body {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.page__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.page__body a,
.page__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .page__body a:hover,
.no-touch .page__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.shadow {
    background-color: rgba(25, 17, 11, 0.54)
}

.shadow:not(.disable-animation) {
    transition: opacity .2s ease-in;
    opacity: 0
}

.shadow:not(.disable-animation).anim-show-after {
    opacity: 1
}

.shadow:not(.disable-animation).anim-hide-after {
    opacity: 0
}

.accordion-item {
    margin-bottom: .25rem
}

.accordion-item__btn {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline-start: 1rem;
    padding-inline-end: 3.5rem;
    text-align: start;
    background-color: #19110B;
    color: #fff;
    border-radius: 0
}

.no-touch .accordion-item__btn:not(.is-selected):hover {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.accordion-item__btn.has-title-icon {
    padding-inline-start: 3.5rem
}

.accordion-item__btn.is-visited {
    background-color: #000;
    color: #fff
}

.accordion-item__btn.is-selected {
    background-color: #444;
    color: #fff
}

.accordion-item:not(.is-center-aligned) .accordion-item__title-icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .accordion-item:not(.is-center-aligned) .accordion-item__title-icon {
    left: inherit;
    right: 1rem
}

.accordion-item:not(.is-center-aligned) .accordion-item__icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .accordion-item:not(.is-center-aligned) .accordion-item__icon {
    right: inherit;
    left: 1rem
}

.accordion-item__content {
    padding: 1rem;
    border-radius: 0
}

.accordion-item__body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .accordion-item__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.accordion-item.has-img-zoom .accordion-item__image-container {
    overflow: hidden
}

.accordion-item.has-img-zoom .accordion-item__image-container img {
    transition: transform .75s ease-in-out
}

.no-touch .accordion-item.has-img-zoom .accordion-item__image-container img:hover {
    transform: scale(1.1)
}

.accordion-item.is-center-aligned .accordion-item__btn {
    padding-inline: 1rem
}

.accordion-item.is-center-aligned .accordion-item__title-icon,
.accordion-item.is-center-aligned .accordion-item__title {
    padding-bottom: .5rem
}

.assessmentresults__retry-feedback {
    margin-bottom: 1rem
}

.boxmenu {
    position: relative;
    max-width: inherit;
    padding: 0 0
}

.boxmenu.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.boxmenu__inner {
    position: relative
}

.boxmenu__header {
    position: relative
}

.boxmenu__header.has-bg-image>.background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.boxmenu__header-inner {
    position: relative;
    padding: 2rem 1rem;
    background-color: transparent
}

.boxmenu__title {
    margin-bottom: 2rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    color: #fff
}

@media (min-width:45rem) {
    .boxmenu__title {
        font-size: 3rem
    }
}

.boxmenu__subtitle {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    color: #fff
}

@media (min-width:45rem) {
    .boxmenu__subtitle {
        font-size: 2rem
    }
}

.boxmenu__body {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff
}

.boxmenu__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none;
    color: #fff
}

.boxmenu__body a,
.boxmenu__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .boxmenu__body a:hover,
.no-touch .boxmenu__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.boxmenu__item-container {
    margin-top: 1.5rem
}

.boxmenu-group__header-inner {
    padding: 2rem 1rem
}

.boxmenu-group__title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

@media (min-width:45rem) {
    .boxmenu-group__title {
        font-size: 2rem
    }
}

.boxmenu-group__body {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.boxmenu-group__instruction {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    font-style: normal;
    text-transform: none
}

.boxmenu-group__body a,
.boxmenu-group__instruction a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .boxmenu-group__body a:hover,
.no-touch .boxmenu-group__instruction a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.boxmenu-item {
    display: flex
}

.boxmenu-item__inner {
    width: 100%;
    margin: 0 .5rem 1rem;
    padding: 1rem 1rem;
    background-color: #fff;
    color: #19110B;
    border: 1px solid #fff;
    border-radius: 0
}

.boxmenu-item__image-container+.boxmenu-item__details {
    margin-top: 1rem
}

.boxmenu-item__title {
    margin-bottom: .75rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

.boxmenu-item__body {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.boxmenu-item__body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .boxmenu-item__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.boxmenu-item__duration {
    margin-bottom: .5rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.boxmenu-item__progress {
    margin-bottom: 0
}

.boxmenu-item__button-container {
    display: flex;
    align-items: center
}

.boxmenu-item__button {
    background-color: #fff;
    color: #19110B
}

.no-touch .boxmenu-item__button:not(.is-disabled):not(.is-locked):hover {
    background-color: #fff;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.boxmenu-item__button.is-locked,
.boxmenu-item__button.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.boxmenu-item__status {
    margin-left: .5rem
}

.boxmenu-item.has-img-zoom .boxmenu-item__image-container {
    overflow: hidden
}

.boxmenu-item.has-img-zoom .boxmenu-item__image-container img {
    transition: transform .75s ease-in-out
}

.no-touch .boxmenu-item.has-img-zoom .boxmenu-item__image-container img:hover {
    transform: scale(1.1)
}

.confidenceslider .slider__item-input-fill-linked {
    background-color: #19110B
}

.glossary__textbox-container {
    padding: 1rem
}

.glossary__textbox {
    line-height: 1.5
}

.glossary__checkbox-container {
    padding: 0 1rem 1rem
}

.glossary__checkbox-input,
.glossary__checkbox-label {
    vertical-align: middle
}

.glossary__checkbox-label {
    margin-inline-start: .5rem;
    color: #19110B
}

.glossary__search-container,
.glossary__index-container {
    background-color: #fff;
    border-bottom: 1px solid #19110B
}

.glossary__index-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem
}

.glossary__index-link {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .glossary__index-link:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .glossary__index-link:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.glossary__items-group-header {
    background-color: #19110B;
    color: #fff;
    text-align: center
}

.glossary__item-description {
    padding: 1rem;
    border-bottom: 1px solid #19110B;
    color: #19110B
}

.glossary__item-description a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .glossary__item-description a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .glossary__item-description a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.glossary__item-not-found {
    padding: 1rem;
    line-height: 1.2;
    border-bottom: 1px solid #19110B;
    color: #19110B
}

.gmcq-item__label {
    margin: .5rem
}

.no-touch .gmcq-item__label:not(.is-disabled):not(.is-selected):hover .gmcq-item__icon {
    animation: scalePulse .5s 0s 1 normal ease-in-out none
}

@keyframes scalePulse {
    0% {
        transform: none
    }

    50% {
        transform: scale(1.2, 1.2)
    }

    100% {
        transform: none
    }
}

.gmcq-item__option {
    margin-top: .5rem;
    padding: .5rem;
    background-color: #19110B;
    color: #fff;
    border-radius: 0
}

.no-touch .gmcq-item__label:not(.is-disabled):not(.is-selected):hover .gmcq-item__option,
html:not(.a11y-disable-focusoutline) .gmcq-item__input:focus-visible+.gmcq-item__label .gmcq-item__option {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.gmcq-item__label.is-disabled .gmcq-item__option {
    background-color: #EEE;
    color: #19110B
}

.gmcq-item__label.is-selected .gmcq-item__option {
    background-color: #444;
    color: #fff
}

.gmcq-item__state {
    min-height: 1.5rem
}

.gmcq-item__text {
    margin-top: .5rem;
    text-align: center
}

.gmcq:not(.can-show-correctness) .gmcq-item__option {
    position: relative
}

.gmcq:not(.can-show-correctness) .gmcq-item__state-correctness {
    position: absolute;
    top: .5rem;
    left: 0;
    right: 0
}

.graphic.has-img-zoom .graphic__image-container {
    overflow: hidden
}

.graphic.has-img-zoom .graphic__image-container img {
    transition: transform .75s ease-in-out
}

.no-touch .graphic.has-img-zoom .graphic__image-container img:hover {
    transform: scale(1.1)
}

.hotgraphic__pin.has-pin-image {
    background-color: transparent
}

.no-touch .hotgraphic__pin.has-pin-image:not(.is-disabled):not(.is-locked):hover {
    background-color: transparent
}

.hotgraphic__pin:not(.has-pin-image) {
    background-color: #19110B;
    color: #fff;
    border-radius: 50%
}

.no-touch .hotgraphic__pin:not(.has-pin-image):not(.is-disabled):not(.is-locked):hover {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.hotgraphic__pin:not(.has-pin-image).is-visited {
    background-color: #000;
    color: #fff
}

.hotgraphic__pin-number {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center
}

.hotgraphic__pin.has-pin-image .hotgraphic__pin-number,
.hotgraphic__pin.has-pin-image.is-visited .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    height: 3rem;
    width: 3rem
}

.hotgraphic__tile.is-visited .icon {
    background-color: #000;
    color: #fff;
    border-radius: 50%
}

.hotgraphic-popup__inner {
    padding-top: 4rem
}

.hotgraphic-popup__controls,
.hotgraphic-popup__close {
    margin: .5rem;
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50%
}

.no-touch .hotgraphic-popup__controls:not(.is-disabled):not(.is-locked):hover,
.no-touch .hotgraphic-popup__close:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.hotgraphic-popup__item-title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

@media (min-width:45rem) {
    .hotgraphic-popup__item-title {
        font-size: 2.5rem
    }
}

.hotgraphic-popup__item-body {
    margin-bottom: 1rem
}

.hotgraphic-popup__item-body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .hotgraphic-popup__item-body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .hotgraphic-popup__item-body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.hotgraphic.has-img-zoom .hotgraphic-popup__item-image-container {
    overflow: hidden
}

.hotgraphic.has-img-zoom .hotgraphic-popup__item-image-container img {
    transition: transform .75s ease-in-out
}

.no-touch .hotgraphic.has-img-zoom .hotgraphic-popup__item-image-container img:hover {
    transform: scale(1.1)
}

.languagepicker__inner {
    padding: 2rem 1rem
}

.languagepicker__title {
    margin-bottom: 2rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

@media (min-width:45rem) {
    .languagepicker__title {
        font-size: 3rem
    }
}

.languagepicker__body {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.languagepicker__body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .languagepicker__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.languagepicker__languages-inner {
    display: flex;
    flex-wrap: wrap
}

.languagepicker__language-btn {
    margin: .25rem
}

.dropdown__btn {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 1rem 3.5rem;
    line-height: 1.5;
    text-align: start;
    background-color: #19110B;
    color: #fff
}

.no-touch .dropdown__btn:not(.is-disabled):not([aria-expanded="true"]):hover,
html:not(.a11y-disable-focusoutline) .dropdown__btn:focus-visible {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.dropdown__btn.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.dropdown__btn[aria-expanded="true"] {
    background-color: #444;
    color: #fff
}

.dropdown__icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .dropdown__icon {
    right: inherit;
    left: 1rem
}

.dropdown__list {
    border: .19rem solid #444
}

.dropdown-item {
    padding: 1rem;
    background-color: #19110B;
    border-bottom: 1px solid #333;
    color: #fff
}

.dropdown-item:last-child {
    border-bottom: none
}

.no-touch .dropdown-item:not(:focus-visible):not([aria-selected="true"]):hover {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.dropdown-item:focus-visible,
.dropdown-item[aria-selected="true"] {
    background-color: #444;
    color: #fff
}

.matching__widget.is-disabled .matching-item__select-icon {
    color: #19110B
}

.matching__widget:not(.is-complete) .matching-item__select-container.has-error .dropdown__btn {
    box-shadow: 0 0 0 1px #E6193A inset
}

.matching-item {
    margin-bottom: .25rem
}

.matching-item__title {
    padding: 1rem
}

.matching-item__select-container {
    position: relative
}

.matching-item__select-state {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .matching-item__select-state {
    right: inherit;
    left: 1rem
}

.mcq-item__label {
    margin-bottom: .25rem;
    background-color: #19110B;
    color: #fff;
    border-radius: 0
}

.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover,
html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover .mcq-item__icon {
    animation: scalePulse .5s 0s 1 normal ease-in-out none
}

@keyframes scalePulse {
    0% {
        transform: none
    }

    50% {
        transform: scale(1.2, 1.2)
    }

    100% {
        transform: none
    }
}

.mcq-item__label.is-disabled {
    background-color: #EEE;
    color: #19110B
}

.mcq-item__label.is-selected {
    background-color: #444;
    color: #fff
}

.mcq-item__state {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .mcq-item__state {
    left: inherit;
    right: 1rem
}

.mcq-item__text {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 3.5rem 1rem
}

.mcq.can-show-correctness .mcq-item__state-correctness {
    left: inherit;
    right: 1rem
}

.dir-rtl .mcq.can-show-correctness .mcq-item__state-correctness {
    right: inherit;
    left: 1rem
}

.mcq.can-show-correctness .mcq-item__text {
    padding-inline: 3.5rem
}

.media__transcript-container {
    margin-top: .5rem
}

.media__transcript-btn {
    padding: 1rem;
    background-color: #19110B;
    color: #fff;
    border-radius: 0
}

.no-touch .media__transcript-btn:not([aria-expanded="true"]):hover {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.media.is-complete .media__transcript-btn {
    background-color: #000;
    color: #fff
}

.media__transcript-btn[aria-expanded="true"] {
    background-color: #444;
    color: #fff
}

.media__transcript-body-inline {
    margin-top: .5rem;
    padding: 1rem
}

.media__transcript-body-inline a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .media__transcript-body-inline a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.mejs-container .mejs-overlay .mejs-overlay-button {
    transform: translate(-50%, -50%);
    height: 4rem;
    width: 4rem;
    margin: 0;
    padding: .5rem;
    background: none;
    box-shadow: 0 0 0 3px #fff;
    border-radius: 50%;
    color: #fff;
    opacity: .75
}

@media (min-width:0) {
    .mejs-container .mejs-overlay .mejs-overlay-button {
        height: 5.5rem;
        width: 5.5rem
    }
}

.invert-play-icon .mejs-container .mejs-overlay .mejs-overlay-button {
    color: #19110B;
    box-shadow: 0 0 0 3px #19110B
}

.no-touch .mejs-container .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 0;
    opacity: 1;
    transition: opacity .2s ease-in
}

.mejs-container .mejs-overlay .icon:before {
    content: "\e9ae"
}

.mejs-container .mejs-overlay .icon:before {
    font-size: 3rem
}

@media (min-width:0) {
    .mejs-container .mejs-overlay .icon:before {
        font-size: 4.5rem
    }
}

.mejs-container .mejs-controls {
    background: none;
    background-color: #19110B
}

.mejs-container .mejs-controls .mejs-time,
.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    color: #fff
}

.mejs-container .mejs-controls .mejs-button button {
    color: #fff
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    background: none;
    background-color: #808080
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: none;
    background-color: #bfbfbf
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    background: none;
    background-color: #fff
}

.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector,
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
    background: none;
    background-color: #19110B
}

.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    background: none;
    background-color: #fff
}

.mejs-container .mejs-controls .mejs-play button:before {
    content: "\e9ae"
}

.mejs-container .mejs-controls .mejs-pause button:before {
    content: "\e9ac"
}

.mejs-container .mejs-controls .mejs-fullscreen-button button:before {
    content: "\e9a9"
}

.mejs-container .mejs-controls .mejs-unfullscreen button:before {
    content: "\e9a7"
}

.mejs-container .mejs-controls .mejs-mute button:before {
    content: "\e95d"
}

.mejs-container .mejs-controls .mejs-unmute button:before {
    content: "\e95e"
}

.mejs-container .mejs-controls .mejs-captions-button button:before {
    content: "\e9a4"
}

.mejs-container .mejs-controls .mejs-captions-enabled button:before {
    content: "\e9a6"
}

.mejs-container .mejs-controls {
    height: 3rem
}

.mejs-container .mejs-controls .mejs-time-rail {
    height: .125rem;
    margin: 1.4375rem .5rem;
    padding: 0
}

.mejs-container .mejs-controls .mejs-time-rail span {
    height: .125rem
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
    height: .125rem;
    margin: 0
}

.mejs-container .mejs-controls .mejs-time {
    height: .75rem;
    margin: .625rem .5rem;
    padding: 0;
    font-size: .75rem;
    line-height: 1
}

.mejs-container .mejs-controls .mejs-button {
    height: 1.5rem;
    width: 1.5rem;
    margin: .25rem
}

.mejs-container .mejs-controls .mejs-button button {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0;
    background: none
}

.mejs-container .mejs-controls .mejs-button button:before {
    display: block;
    font-family: "vanilla";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
    top: -1.5rem;
    height: calc(0.75rem + 2px);
    width: calc(2rem + 2px);
    margin-left: -1rem;
    background: none;
    background-color: #fff;
    color: #19110B;
    border-color: #19110B
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current {
    height: .75rem;
    width: 2rem;
    margin: 0;
    font-size: .75rem;
    line-height: 1
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    top: 1rem;
    left: 1rem;
    transform: translate(-50%, -50%);
    border-color: #fff transparent transparent transparent
}

.mejs-container .mejs-controls .mejs-time-rail span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector {
    bottom: 2.5rem;
    left: -0.25rem;
    right: auto;
    width: 6rem;
    height: 6.5rem;
    padding: .5rem;
    overflow-y: scroll;
    font-size: .75rem;
    line-height: 1
}

.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: .25rem
}

.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    margin: 0;
    float: none
}

.mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    float: none;
    width: auto;
    margin-left: .5rem;
    padding: 0;
    font-size: .75rem;
    line-height: 1
}

.mejs-container .mejs-captions-layer {
    font-size: 1rem;
    line-height: 1.5;
    color: inherit
}

.mejs-container .mejs-captions-position-hover {
    bottom: 3.125rem
}

.mejs-container .mejs-captions-text {
    padding: .25rem;
    background: none;
    background-color: #19110B;
    color: #fff
}

.offset-media-controls .media__widget {
    padding-bottom: 3rem
}

.offset-media-controls .mejs-video:not(.mejs-container-fullscreen) .mejs-controls {
    bottom: -3rem
}

.narrative__content-title {
    margin-bottom: 1rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none
}

.narrative__content-body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .narrative__content-body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.narrative__controls {
    background-color: #19110B;
    color: #fff
}

.no-touch .narrative__controls:not(.is-disabled):not(.is-locked):hover {
    background-color: #333;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.narrative__progress {
    background-color: #19110B;
    color: #fff;
    border-color: #fff;
    border-radius: 50%
}

.narrative__progress.is-visited {
    background-color: #000;
    color: #fff;
    border-color: #fff
}

.narrative__progress.is-selected {
    background-color: #444;
    color: #fff;
    border-color: #444
}

.narrative__strapline-btn {
    text-align: start;
    background-color: #19110B;
    color: #fff
}

.narrative__strapline-icon {
    background-color: transparent;
    color: #fff
}

.no-touch .narrative__strapline-btn:not(.is-disabled):not(.is-locked):hover,
.no-touch .narrative__strapline-btn:not(.is-disabled):not(.is-locked):hover .narrative__strapline-icon {
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.no-touch .narrative__strapline-btn:not(.is-disabled):not(.is-locked):hover {
    background-color: #333
}

.no-touch .narrative__strapline-btn:not(.is-disabled):not(.is-locked):hover .narrative__strapline-icon {
    background-color: transparent
}

.narrative__strapline-btn.is-visited,
.narrative__strapline-btn.is-visited .narrative__strapline-icon {
    color: #fff
}

.narrative__strapline-btn.is-visited {
    background-color: #000
}

.narrative__strapline-btn.is-visited .narrative__strapline-icon {
    background-color: transparent
}

.narrative.has-img-zoom .narrative__slider-image-container {
    overflow: hidden
}

.narrative.has-img-zoom .narrative__slider-image-container img {
    transition: transform .75s ease-in-out
}

.no-touch .narrative.has-img-zoom .narrative__slider-image-container img:hover {
    transform: scale(1.1)
}

.narrative__inner.is-stacked .narrative__content-item {
    margin-bottom: 2rem
}

.narrative__inner.is-stacked .narrative__content-image {
    margin-bottom: 1rem
}

.js-heading+.pagelevelprogress__indicator {
    display: inline-block;
    vertical-align: middle
}

.pagelevelprogress__indicator {
    border-radius: 50px;
    border-color: #19110B
}

.pagelevelprogress__indicator-inner {
    background-color: #fff
}

.pagelevelprogress__indicator-bar {
    background-color: #19110B;
    transition: width .5s linear
}

.menu-item__progress .pagelevelprogress__indicator {
    border-color: #19110B
}

.menu-item__progress .pagelevelprogress__indicator-inner {
    background-color: #fff
}

.menu-item__progress .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator {
    border-color: #19110B
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator-inner {
    background-color: #fff
}

.pagelevelprogress__nav-btn .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.no-touch .pagelevelprogress__nav-btn:hover .pagelevelprogress__indicator {
    border-color: #19110B;
    transition: border-color .2s ease-in
}

.no-touch .pagelevelprogress__nav-btn:hover .pagelevelprogress__indicator-inner {
    background-color: #fff;
    transition: background-color .2s ease-in
}

.no-touch .pagelevelprogress__nav-btn:hover .pagelevelprogress__indicator-bar {
    background-color: #19110B;
    transition: background-color .2s ease-in
}

.pagelevelprogress__item-btn:not(.is-disabled) .pagelevelprogress__indicator {
    border-color: #19110B
}

.pagelevelprogress__item-btn:not(.is-disabled) .pagelevelprogress__indicator-inner {
    background-color: #fff
}

.pagelevelprogress__item-btn:not(.is-disabled) .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.no-touch .pagelevelprogress__item-btn:not(.is-disabled):hover .pagelevelprogress__indicator {
    border-color: #fff;
    transition: border-color .2s ease-in
}

.no-touch .pagelevelprogress__item-btn:not(.is-disabled):hover .pagelevelprogress__indicator-inner {
    background-color: #19110B;
    transition: background-color .2s ease-in
}

.no-touch .pagelevelprogress__item-btn:not(.is-disabled):hover .pagelevelprogress__indicator-bar {
    background-color: #fff;
    transition: background-color .2s ease-in
}

.pagelevelprogress__item-btn.is-disabled .pagelevelprogress__indicator {
    border-color: #19110B
}

.pagelevelprogress__item-btn.is-disabled .pagelevelprogress__indicator-inner {
    background-color: #EEE
}

.pagelevelprogress__item-btn.is-disabled .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.resources__filter-btn {
    padding: 1rem .5rem;
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    border-bottom: 1px solid #19110B;
    border-right: 1px solid #19110B;
    color: #19110B
}

.no-touch .resources__filter-btn:not(.is-disabled):not(.is-selected):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.resources__filter-btn:last-child {
    border-right: none
}

.resources__filter-btn.is-selected {
    background-color: #fff;
    color: #19110B;
    box-shadow: inset 0 -0.625rem 0 -0.4375rem #19110B
}

.resources__item-btn {
    text-decoration: none
}

.slider__number-container {
    min-height: 2.5rem
}

.slider__number,
.slider__number-selection,
.slider__number-model-answer {
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5;
    text-align: center;
    border-radius: 50%
}

.slider__widget:not(.is-disabled) .slider__number {
    cursor: pointer
}

.slider__number-selection {
    background-color: #19110B;
    color: #fff
}

.slider__number-model-answer {
    background-color: #19110B;
    color: #fff
}

.slider__scale-container {
    background-color: #e3cfbf
}

.slider__scale-notch {
    background-color: #e3cfbf
}

.slider__item-input-track {
    background-color: #ccc;
    border-radius: 10px;
    overflow: hidden
}

.slider__item-input-fill {
    background-color: #19110B
}

.slider__widget.show-user-answer.is-correct .slider__number-selection {
    background-color: #13BE19;
    color: #fff
}

.slider__widget.show-user-answer.is-correct .slider__item-input-fill {
    background-color: #13BE19
}

.slider__widget.show-user-answer.is-incorrect .slider__number-selection {
    background-color: #E6193A;
    color: #fff
}

.slider__widget.show-user-answer.is-incorrect .slider__item-input-fill {
    background-color: #E6193A
}

.slider__widget.show-correct-answer.is-correct .slider__item-input-fill,
.slider__widget.show-correct-answer.is-incorrect .slider__item-input-fill {
    background-color: #13BE19
}

.slider__widget.show-correct-answer.is-correct .slider__number-model-answer,
.slider__widget.show-correct-answer.is-incorrect .slider__number-model-answer {
    background-color: #13BE19;
    color: #fff
}

.textinput__widget.is-disabled .textinput-item__textbox {
    background-color: #EEE;
    border-color: #EEE;
    color: #19110B
}

.textinput__widget.is-disabled .textinput-item__icon {
    color: #19110B
}

.textinput-item {
    margin-bottom: .25rem
}

.textinput-item__prefix-container,
.textinput-item__suffix-container {
    text-align: center
}

.textinput-item__textbox-container {
    position: relative
}

.textinput-item__textbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: 1rem 3.5rem;
    line-height: 1.5
}

.textinput-item__state {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.dir-rtl .textinput-item__state {
    right: inherit;
    left: 1rem
}

.trickle__btn-icon {
    display: inline-block;
    vertical-align: middle
}

.trickle__btn-text {
    display: inline-block;
    vertical-align: middle
}

.tutor__content-inner {
    padding: 4rem 1rem;
    padding: 1rem
}

.tutor__title {
    font-family: 'LouisVuitton', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
    margin-bottom: 1rem
}

@media (min-width:45rem) {
    .tutor__title {
        font-size: 2.5rem
    }
}

.tutor__body {
    margin-bottom: 1rem
}

.tutor__btn {
    margin-top: 1rem
}

.tutor__btn-icon {
    margin: .5rem;
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50%
}

.no-touch .tutor__btn-icon:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    transition: background-color .2s ease-in, color .2s ease-in
}

.tutor-type-overlay .tutor__inner {
    background-color: #fff;
    color: #19110B
}

.tutor-type-overlay .tutor__title {
    padding-inline-end: 2.5rem
}

.tutor-type-overlay .tutor__body a {
    font-family: 'LouisVuitton', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #19110B
}

.no-touch .tutor-type-overlay .tutor__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.no-touch .tutor-type-overlay .tutor__body a:hover {
    color: #19110B;
    transition: color .2s ease-in
}

.tutor-type-overlay .tutor__btn {
    background-color: #fff;
    color: #19110B
}

.no-touch .tutor-type-overlay .tutor__btn:hover {
    background-color: #fff;
    color: #19110B;
    transition: background-color .2s ease-in, color .2s ease-in
}

.tutor-type-overlay .tutor__btn-icon {
    background-color: #fff;
    color: #19110B
}

.no-touch .tutor-type-overlay .tutor__btn-icon:hover {
    background-color: #19110B;
    color: #fff
}

@media (min-width:0) {
    .boxmenu-item.col-xs-1 {
        width: 8.33333333%
    }

    .component.col-xs-1 {
        width: 8.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-2 {
        width: 16.66666667%
    }

    .component.col-xs-2 {
        width: 16.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-3 {
        width: 25%
    }

    .component.col-xs-3 {
        width: 25%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-4 {
        width: 33.33333333%
    }

    .component.col-xs-4 {
        width: 33.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-5 {
        width: 41.66666667%
    }

    .component.col-xs-5 {
        width: 41.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-6 {
        width: 50%
    }

    .component.col-xs-6 {
        width: 50%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-7 {
        width: 58.33333333%
    }

    .component.col-xs-7 {
        width: 58.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-8 {
        width: 66.66666667%
    }

    .component.col-xs-8 {
        width: 66.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-9 {
        width: 75%
    }

    .component.col-xs-9 {
        width: 75%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-10 {
        width: 83.33333333%
    }

    .component.col-xs-10 {
        width: 83.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-11 {
        width: 91.66666667%
    }

    .component.col-xs-11 {
        width: 91.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-xs-12 {
        width: 100%
    }

    .component.col-xs-12 {
        width: 100%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-1 {
        width: 8.33333333%
    }

    .component.col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-2 {
        width: 16.66666667%
    }

    .component.col-sm-2 {
        width: 16.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-3 {
        width: 25%
    }

    .component.col-sm-3 {
        width: 25%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-4 {
        width: 33.33333333%
    }

    .component.col-sm-4 {
        width: 33.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-5 {
        width: 41.66666667%
    }

    .component.col-sm-5 {
        width: 41.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-6 {
        width: 50%
    }

    .component.col-sm-6 {
        width: 50%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-7 {
        width: 58.33333333%
    }

    .component.col-sm-7 {
        width: 58.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-8 {
        width: 66.66666667%
    }

    .component.col-sm-8 {
        width: 66.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-9 {
        width: 75%
    }

    .component.col-sm-9 {
        width: 75%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-10 {
        width: 83.33333333%
    }

    .component.col-sm-10 {
        width: 83.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-11 {
        width: 91.66666667%
    }

    .component.col-sm-11 {
        width: 91.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.col-sm-12 {
        width: 100%
    }

    .component.col-sm-12 {
        width: 100%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-1 {
        width: 8.33333333%
    }

    .component.col-md-1 {
        width: 8.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-2 {
        width: 16.66666667%
    }

    .component.col-md-2 {
        width: 16.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-3 {
        width: 25%
    }

    .component.col-md-3 {
        width: 25%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-4 {
        width: 33.33333333%
    }

    .component.col-md-4 {
        width: 33.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-5 {
        width: 41.66666667%
    }

    .component.col-md-5 {
        width: 41.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-6 {
        width: 50%
    }

    .component.col-md-6 {
        width: 50%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-7 {
        width: 58.33333333%
    }

    .component.col-md-7 {
        width: 58.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-8 {
        width: 66.66666667%
    }

    .component.col-md-8 {
        width: 66.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-9 {
        width: 75%
    }

    .component.col-md-9 {
        width: 75%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-10 {
        width: 83.33333333%
    }

    .component.col-md-10 {
        width: 83.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-11 {
        width: 91.66666667%
    }

    .component.col-md-11 {
        width: 91.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.col-md-12 {
        width: 100%
    }

    .component.col-md-12 {
        width: 100%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-1 {
        width: 8.33333333%
    }

    .component.col-lg-1 {
        width: 8.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-2 {
        width: 16.66666667%
    }

    .component.col-lg-2 {
        width: 16.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-3 {
        width: 25%
    }

    .component.col-lg-3 {
        width: 25%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-4 {
        width: 33.33333333%
    }

    .component.col-lg-4 {
        width: 33.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-5 {
        width: 41.66666667%
    }

    .component.col-lg-5 {
        width: 41.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-6 {
        width: 50%
    }

    .component.col-lg-6 {
        width: 50%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-7 {
        width: 58.33333333%
    }

    .component.col-lg-7 {
        width: 58.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-8 {
        width: 66.66666667%
    }

    .component.col-lg-8 {
        width: 66.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-9 {
        width: 75%
    }

    .component.col-lg-9 {
        width: 75%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-10 {
        width: 83.33333333%
    }

    .component.col-lg-10 {
        width: 83.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-11 {
        width: 91.66666667%
    }

    .component.col-lg-11 {
        width: 91.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.col-lg-12 {
        width: 100%
    }

    .component.col-lg-12 {
        width: 100%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-1 {
        width: 8.33333333%
    }

    .component.col-xl-1 {
        width: 8.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-2 {
        width: 16.66666667%
    }

    .component.col-xl-2 {
        width: 16.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-3 {
        width: 25%
    }

    .component.col-xl-3 {
        width: 25%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-4 {
        width: 33.33333333%
    }

    .component.col-xl-4 {
        width: 33.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-5 {
        width: 41.66666667%
    }

    .component.col-xl-5 {
        width: 41.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-6 {
        width: 50%
    }

    .component.col-xl-6 {
        width: 50%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-7 {
        width: 58.33333333%
    }

    .component.col-xl-7 {
        width: 58.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-8 {
        width: 66.66666667%
    }

    .component.col-xl-8 {
        width: 66.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-9 {
        width: 75%
    }

    .component.col-xl-9 {
        width: 75%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-10 {
        width: 83.33333333%
    }

    .component.col-xl-10 {
        width: 83.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-11 {
        width: 91.66666667%
    }

    .component.col-xl-11 {
        width: 91.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.col-xl-12 {
        width: 100%
    }

    .component.col-xl-12 {
        width: 100%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-1 {
        margin-inline-start: 8.33333333%
    }

    .component.margin-start-sm-1 {
        margin-inline-start: 8.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-2 {
        margin-inline-start: 16.66666667%
    }

    .component.margin-start-sm-2 {
        margin-inline-start: 16.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-3 {
        margin-inline-start: 25%
    }

    .component.margin-start-sm-3 {
        margin-inline-start: 25%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-4 {
        margin-inline-start: 33.33333333%
    }

    .component.margin-start-sm-4 {
        margin-inline-start: 33.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-5 {
        margin-inline-start: 41.66666667%
    }

    .component.margin-start-sm-5 {
        margin-inline-start: 41.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-6 {
        margin-inline-start: 50%
    }

    .component.margin-start-sm-6 {
        margin-inline-start: 50%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-7 {
        margin-inline-start: 58.33333333%
    }

    .component.margin-start-sm-7 {
        margin-inline-start: 58.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-8 {
        margin-inline-start: 66.66666667%
    }

    .component.margin-start-sm-8 {
        margin-inline-start: 66.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-9 {
        margin-inline-start: 75%
    }

    .component.margin-start-sm-9 {
        margin-inline-start: 75%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-10 {
        margin-inline-start: 83.33333333%
    }

    .component.margin-start-sm-10 {
        margin-inline-start: 83.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-11 {
        margin-inline-start: 91.66666667%
    }

    .component.margin-start-sm-11 {
        margin-inline-start: 91.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-start-sm-12 {
        margin-inline-start: 100%
    }

    .component.margin-start-sm-12 {
        margin-inline-start: 100%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-1 {
        margin-inline-start: 8.33333333%
    }

    .component.margin-start-md-1 {
        margin-inline-start: 8.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-2 {
        margin-inline-start: 16.66666667%
    }

    .component.margin-start-md-2 {
        margin-inline-start: 16.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-3 {
        margin-inline-start: 25%
    }

    .component.margin-start-md-3 {
        margin-inline-start: 25%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-4 {
        margin-inline-start: 33.33333333%
    }

    .component.margin-start-md-4 {
        margin-inline-start: 33.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-5 {
        margin-inline-start: 41.66666667%
    }

    .component.margin-start-md-5 {
        margin-inline-start: 41.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-6 {
        margin-inline-start: 50%
    }

    .component.margin-start-md-6 {
        margin-inline-start: 50%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-7 {
        margin-inline-start: 58.33333333%
    }

    .component.margin-start-md-7 {
        margin-inline-start: 58.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-8 {
        margin-inline-start: 66.66666667%
    }

    .component.margin-start-md-8 {
        margin-inline-start: 66.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-9 {
        margin-inline-start: 75%
    }

    .component.margin-start-md-9 {
        margin-inline-start: 75%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-10 {
        margin-inline-start: 83.33333333%
    }

    .component.margin-start-md-10 {
        margin-inline-start: 83.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-11 {
        margin-inline-start: 91.66666667%
    }

    .component.margin-start-md-11 {
        margin-inline-start: 91.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-start-md-12 {
        margin-inline-start: 100%
    }

    .component.margin-start-md-12 {
        margin-inline-start: 100%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-1 {
        margin-inline-start: 8.33333333%
    }

    .component.margin-start-lg-1 {
        margin-inline-start: 8.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-2 {
        margin-inline-start: 16.66666667%
    }

    .component.margin-start-lg-2 {
        margin-inline-start: 16.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-3 {
        margin-inline-start: 25%
    }

    .component.margin-start-lg-3 {
        margin-inline-start: 25%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-4 {
        margin-inline-start: 33.33333333%
    }

    .component.margin-start-lg-4 {
        margin-inline-start: 33.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-5 {
        margin-inline-start: 41.66666667%
    }

    .component.margin-start-lg-5 {
        margin-inline-start: 41.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-6 {
        margin-inline-start: 50%
    }

    .component.margin-start-lg-6 {
        margin-inline-start: 50%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-7 {
        margin-inline-start: 58.33333333%
    }

    .component.margin-start-lg-7 {
        margin-inline-start: 58.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-8 {
        margin-inline-start: 66.66666667%
    }

    .component.margin-start-lg-8 {
        margin-inline-start: 66.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-9 {
        margin-inline-start: 75%
    }

    .component.margin-start-lg-9 {
        margin-inline-start: 75%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-10 {
        margin-inline-start: 83.33333333%
    }

    .component.margin-start-lg-10 {
        margin-inline-start: 83.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-11 {
        margin-inline-start: 91.66666667%
    }

    .component.margin-start-lg-11 {
        margin-inline-start: 91.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-start-lg-12 {
        margin-inline-start: 100%
    }

    .component.margin-start-lg-12 {
        margin-inline-start: 100%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-1 {
        margin-inline-start: 8.33333333%
    }

    .component.margin-start-xl-1 {
        margin-inline-start: 8.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-2 {
        margin-inline-start: 16.66666667%
    }

    .component.margin-start-xl-2 {
        margin-inline-start: 16.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-3 {
        margin-inline-start: 25%
    }

    .component.margin-start-xl-3 {
        margin-inline-start: 25%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-4 {
        margin-inline-start: 33.33333333%
    }

    .component.margin-start-xl-4 {
        margin-inline-start: 33.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-5 {
        margin-inline-start: 41.66666667%
    }

    .component.margin-start-xl-5 {
        margin-inline-start: 41.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-6 {
        margin-inline-start: 50%
    }

    .component.margin-start-xl-6 {
        margin-inline-start: 50%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-7 {
        margin-inline-start: 58.33333333%
    }

    .component.margin-start-xl-7 {
        margin-inline-start: 58.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-8 {
        margin-inline-start: 66.66666667%
    }

    .component.margin-start-xl-8 {
        margin-inline-start: 66.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-9 {
        margin-inline-start: 75%
    }

    .component.margin-start-xl-9 {
        margin-inline-start: 75%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-10 {
        margin-inline-start: 83.33333333%
    }

    .component.margin-start-xl-10 {
        margin-inline-start: 83.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-11 {
        margin-inline-start: 91.66666667%
    }

    .component.margin-start-xl-11 {
        margin-inline-start: 91.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-start-xl-12 {
        margin-inline-start: 100%
    }

    .component.margin-start-xl-12 {
        margin-inline-start: 100%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-1 {
        margin-inline-end: 8.33333333%
    }

    .component.margin-end-sm-1 {
        margin-inline-end: 8.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-2 {
        margin-inline-end: 16.66666667%
    }

    .component.margin-end-sm-2 {
        margin-inline-end: 16.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-3 {
        margin-inline-end: 25%
    }

    .component.margin-end-sm-3 {
        margin-inline-end: 25%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-4 {
        margin-inline-end: 33.33333333%
    }

    .component.margin-end-sm-4 {
        margin-inline-end: 33.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-5 {
        margin-inline-end: 41.66666667%
    }

    .component.margin-end-sm-5 {
        margin-inline-end: 41.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-6 {
        margin-inline-end: 50%
    }

    .component.margin-end-sm-6 {
        margin-inline-end: 50%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-7 {
        margin-inline-end: 58.33333333%
    }

    .component.margin-end-sm-7 {
        margin-inline-end: 58.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-8 {
        margin-inline-end: 66.66666667%
    }

    .component.margin-end-sm-8 {
        margin-inline-end: 66.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-9 {
        margin-inline-end: 75%
    }

    .component.margin-end-sm-9 {
        margin-inline-end: 75%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-10 {
        margin-inline-end: 83.33333333%
    }

    .component.margin-end-sm-10 {
        margin-inline-end: 83.33333333%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-11 {
        margin-inline-end: 91.66666667%
    }

    .component.margin-end-sm-11 {
        margin-inline-end: 91.66666667%
    }
}

@media (min-width:0) {
    .boxmenu-item.margin-end-sm-12 {
        margin-inline-end: 100%
    }

    .component.margin-end-sm-12 {
        margin-inline-end: 100%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-1 {
        margin-inline-end: 8.33333333%
    }

    .component.margin-end-md-1 {
        margin-inline-end: 8.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-2 {
        margin-inline-end: 16.66666667%
    }

    .component.margin-end-md-2 {
        margin-inline-end: 16.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-3 {
        margin-inline-end: 25%
    }

    .component.margin-end-md-3 {
        margin-inline-end: 25%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-4 {
        margin-inline-end: 33.33333333%
    }

    .component.margin-end-md-4 {
        margin-inline-end: 33.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-5 {
        margin-inline-end: 41.66666667%
    }

    .component.margin-end-md-5 {
        margin-inline-end: 41.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-6 {
        margin-inline-end: 50%
    }

    .component.margin-end-md-6 {
        margin-inline-end: 50%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-7 {
        margin-inline-end: 58.33333333%
    }

    .component.margin-end-md-7 {
        margin-inline-end: 58.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-8 {
        margin-inline-end: 66.66666667%
    }

    .component.margin-end-md-8 {
        margin-inline-end: 66.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-9 {
        margin-inline-end: 75%
    }

    .component.margin-end-md-9 {
        margin-inline-end: 75%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-10 {
        margin-inline-end: 83.33333333%
    }

    .component.margin-end-md-10 {
        margin-inline-end: 83.33333333%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-11 {
        margin-inline-end: 91.66666667%
    }

    .component.margin-end-md-11 {
        margin-inline-end: 91.66666667%
    }
}

@media (min-width:45rem) {
    .boxmenu-item.margin-end-md-12 {
        margin-inline-end: 100%
    }

    .component.margin-end-md-12 {
        margin-inline-end: 100%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-1 {
        margin-inline-end: 8.33333333%
    }

    .component.margin-end-lg-1 {
        margin-inline-end: 8.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-2 {
        margin-inline-end: 16.66666667%
    }

    .component.margin-end-lg-2 {
        margin-inline-end: 16.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-3 {
        margin-inline-end: 25%
    }

    .component.margin-end-lg-3 {
        margin-inline-end: 25%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-4 {
        margin-inline-end: 33.33333333%
    }

    .component.margin-end-lg-4 {
        margin-inline-end: 33.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-5 {
        margin-inline-end: 41.66666667%
    }

    .component.margin-end-lg-5 {
        margin-inline-end: 41.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-6 {
        margin-inline-end: 50%
    }

    .component.margin-end-lg-6 {
        margin-inline-end: 50%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-7 {
        margin-inline-end: 58.33333333%
    }

    .component.margin-end-lg-7 {
        margin-inline-end: 58.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-8 {
        margin-inline-end: 66.66666667%
    }

    .component.margin-end-lg-8 {
        margin-inline-end: 66.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-9 {
        margin-inline-end: 75%
    }

    .component.margin-end-lg-9 {
        margin-inline-end: 75%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-10 {
        margin-inline-end: 83.33333333%
    }

    .component.margin-end-lg-10 {
        margin-inline-end: 83.33333333%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-11 {
        margin-inline-end: 91.66666667%
    }

    .component.margin-end-lg-11 {
        margin-inline-end: 91.66666667%
    }
}

@media (min-width:60rem) {
    .boxmenu-item.margin-end-lg-12 {
        margin-inline-end: 100%
    }

    .component.margin-end-lg-12 {
        margin-inline-end: 100%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-1 {
        margin-inline-end: 8.33333333%
    }

    .component.margin-end-xl-1 {
        margin-inline-end: 8.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-2 {
        margin-inline-end: 16.66666667%
    }

    .component.margin-end-xl-2 {
        margin-inline-end: 16.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-3 {
        margin-inline-end: 25%
    }

    .component.margin-end-xl-3 {
        margin-inline-end: 25%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-4 {
        margin-inline-end: 33.33333333%
    }

    .component.margin-end-xl-4 {
        margin-inline-end: 33.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-5 {
        margin-inline-end: 41.66666667%
    }

    .component.margin-end-xl-5 {
        margin-inline-end: 41.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-6 {
        margin-inline-end: 50%
    }

    .component.margin-end-xl-6 {
        margin-inline-end: 50%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-7 {
        margin-inline-end: 58.33333333%
    }

    .component.margin-end-xl-7 {
        margin-inline-end: 58.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-8 {
        margin-inline-end: 66.66666667%
    }

    .component.margin-end-xl-8 {
        margin-inline-end: 66.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-9 {
        margin-inline-end: 75%
    }

    .component.margin-end-xl-9 {
        margin-inline-end: 75%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-10 {
        margin-inline-end: 83.33333333%
    }

    .component.margin-end-xl-10 {
        margin-inline-end: 83.33333333%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-11 {
        margin-inline-end: 91.66666667%
    }

    .component.margin-end-xl-11 {
        margin-inline-end: 91.66666667%
    }
}

@media (min-width:80rem) {
    .boxmenu-item.margin-end-xl-12 {
        margin-inline-end: 100%
    }

    .component.margin-end-xl-12 {
        margin-inline-end: 100%
    }
}

@media (min-width:45rem) {
    .block.reverse-desktop-order .component__container {
        flex-direction: row-reverse
    }
}

.block.extend-content-container .block__inner {
    max-width: 70rem
}

.block.extend-container .block__inner {
    max-width: 90rem
}

.bg-color.black {
    background-color: #19110B;
    color: #fff
}

.bg-color.black .block__title,
.bg-color.black .component__title,
.bg-color.black .block__body a,
.bg-color.black .component__body a,
.bg-color.black .block__instruction a,
.bg-color.black .component__instruction a {
    color: #fff
}

.bg-color.black .pagelevelprogress__indicator {
    border-color: #fff
}

.bg-color.black .pagelevelprogress__indicator-inner {
    background-color: #19110B
}

.bg-color.black .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.bg-color.black .narrative__progress {
    background-color: rgba(255, 255, 255, 0.5);
    color: #19110B;
    border-color: inherit
}

.bg-color.black .narrative__progress.is-selected {
    background-color: #fff;
    color: #19110B;
    border-color: #fff
}

.bg-color.white {
    background-color: #fff;
    color: #19110B
}

.bg-color.white .block__title,
.bg-color.white .component__title,
.bg-color.white .block__body a,
.bg-color.white .component__body a,
.bg-color.white .block__instruction a,
.bg-color.white .component__instruction a {
    color: #19110B
}

.bg-color.white .pagelevelprogress__indicator {
    border-color: #19110B
}

.bg-color.white .pagelevelprogress__indicator-inner {
    background-color: #fff
}

.bg-color.white .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.bg-color.white .narrative__progress {
    background-color: rgba(25, 17, 11, 0.5);
    color: #fff;
    border-color: inherit
}

.bg-color.white .narrative__progress.is-selected {
    background-color: #19110B;
    color: #fff;
    border-color: #19110B
}

.bg-color.background {
    background-color: #19110B;
    color: #fff
}

.bg-color.background .block__title,
.bg-color.background .component__title,
.bg-color.background .block__body a,
.bg-color.background .component__body a,
.bg-color.background .block__instruction a,
.bg-color.background .component__instruction a {
    color: #fff
}

.bg-color.background .pagelevelprogress__indicator {
    border-color: #fff
}

.bg-color.background .pagelevelprogress__indicator-inner {
    background-color: #19110B
}

.bg-color.background .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.bg-color.background .narrative__progress {
    background-color: rgba(255, 255, 255, 0.5);
    color: #19110B;
    border-color: inherit
}

.bg-color.background .narrative__progress.is-selected {
    background-color: #fff;
    color: #19110B;
    border-color: #fff
}

.bg-color.transparent-light {
    background-color: transparent;
    color: #19110B
}

.bg-color.transparent-light .block__title,
.bg-color.transparent-light .component__title,
.bg-color.transparent-light .block__body a,
.bg-color.transparent-light .component__body a,
.bg-color.transparent-light .block__instruction a,
.bg-color.transparent-light .component__instruction a {
    color: #19110B
}

.bg-color.transparent-light .pagelevelprogress__indicator {
    border-color: #19110B
}

.bg-color.transparent-light .pagelevelprogress__indicator-inner {
    background-color: transparent
}

.bg-color.transparent-light .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.bg-color.transparent-light .narrative__progress {
    background-color: rgba(25, 17, 11, 0.5);
    color: transparent;
    border-color: inherit
}

.bg-color.transparent-light .narrative__progress.is-selected {
    background-color: #19110B;
    color: transparent;
    border-color: #19110B
}

.bg-color.transparent-light .narrative__progress,
.bg-color.transparent-light .narrative__progress.is-selected {
    color: #fff
}

.bg-color.transparent-dark {
    background-color: transparent;
    color: #fff
}

.bg-color.transparent-dark .block__title,
.bg-color.transparent-dark .component__title,
.bg-color.transparent-dark .block__body a,
.bg-color.transparent-dark .component__body a,
.bg-color.transparent-dark .block__instruction a,
.bg-color.transparent-dark .component__instruction a {
    color: #fff
}

.bg-color.transparent-dark .pagelevelprogress__indicator {
    border-color: #fff
}

.bg-color.transparent-dark .pagelevelprogress__indicator-inner {
    background-color: transparent
}

.bg-color.transparent-dark .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.bg-color.transparent-dark .narrative__progress {
    background-color: rgba(255, 255, 255, 0.5);
    color: transparent;
    border-color: inherit
}

.bg-color.transparent-dark .narrative__progress.is-selected {
    background-color: #fff;
    color: transparent;
    border-color: #fff
}

.bg-color.transparent-dark .narrative__progress {
    background-color: #808080;
    color: #fff;
    border-color: transparent
}

.bg-color.transparent-dark .narrative__progress.is-selected {
    background-color: #fff;
    color: #808080
}

.page.title-align-left .page__title,
.page.body-align-left .page__body,
.page.instruction-align-left .page__instruction {
    text-align: start
}

.page.title-align-center .page__title,
.page.body-align-center .page__body,
.page.instruction-align-center .page__instruction {
    text-align: center
}

.page.title-align-right .page__title,
.page.body-align-right .page__body,
.page.instruction-align-right .page__instruction {
    text-align: end
}

.article.title-align-left .article__title,
.article.body-align-left .article__body,
.article.instruction-align-left .article__instruction {
    text-align: start
}

.article.title-align-center .article__title,
.article.body-align-center .article__body,
.article.instruction-align-center .article__instruction {
    text-align: center
}

.article.title-align-right .article__title,
.article.body-align-right .article__body,
.article.instruction-align-right .article__instruction {
    text-align: end
}

.block.title-align-left .block__title,
.block.body-align-left .block__body,
.block.instruction-align-left .block__instruction {
    text-align: start
}

.block.title-align-center .block__title,
.block.body-align-center .block__body,
.block.instruction-align-center .block__instruction {
    text-align: center
}

.block.title-align-right .block__title,
.block.body-align-right .block__body,
.block.instruction-align-right .block__instruction {
    text-align: end
}

.component.title-align-left .component__title,
.component.body-align-left .component__body,
.component.instruction-align-left .component__instruction {
    text-align: start
}

.component.title-align-center .component__title,
.component.body-align-center .component__body,
.component.instruction-align-center .component__instruction {
    text-align: center
}

.component.title-align-right .component__title,
.component.body-align-right .component__body,
.component.instruction-align-right .component__instruction {
    text-align: end
}

@media (min-width:45rem) {
    .hide-on-desktop {
        display: none
    }
}

.size-small .hide-on-mobile {
    display: none
}

.comp-header-bg-color.black .component__inner {
    margin: -2rem -1rem
}

.comp-header-bg-color.black .component__header {
    padding: 2rem 2rem;
    background-color: #19110B;
    color: #fff
}

.comp-header-bg-color.black .component__title,
.comp-header-bg-color.black .component__body a,
.comp-header-bg-color.black .component__instruction a {
    color: #fff
}

.comp-header-bg-color.black .pagelevelprogress__indicator {
    border-color: #fff
}

.comp-header-bg-color.black .pagelevelprogress__indicator-inner {
    background-color: #19110B
}

.comp-header-bg-color.black .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.comp-header-bg-color.background .component__inner {
    margin: -2rem -1rem
}

.comp-header-bg-color.background .component__header {
    padding: 2rem 2rem;
    background-color: #19110B;
    color: #fff
}

.comp-header-bg-color.background .component__title,
.comp-header-bg-color.background .component__body a,
.comp-header-bg-color.background .component__instruction a {
    color: #fff
}

.comp-header-bg-color.background .pagelevelprogress__indicator {
    border-color: #fff
}

.comp-header-bg-color.background .pagelevelprogress__indicator-inner {
    background-color: #19110B
}

.comp-header-bg-color.background .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.comp-header-bg-color.transparent-light .component__inner {
    margin: -2rem -1rem
}

.comp-header-bg-color.transparent-light .component__header {
    padding: 2rem 2rem;
    background-color: transparent;
    color: #19110B
}

.comp-header-bg-color.transparent-light .component__title,
.comp-header-bg-color.transparent-light .component__body a,
.comp-header-bg-color.transparent-light .component__instruction a {
    color: #19110B
}

.comp-header-bg-color.transparent-light .pagelevelprogress__indicator {
    border-color: #19110B
}

.comp-header-bg-color.transparent-light .pagelevelprogress__indicator-inner {
    background-color: transparent
}

.comp-header-bg-color.transparent-light .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.comp-header-bg-color.transparent-dark .component__inner {
    margin: -2rem -1rem
}

.comp-header-bg-color.transparent-dark .component__header {
    padding: 2rem 2rem;
    background-color: transparent;
    color: #fff
}

.comp-header-bg-color.transparent-dark .component__title,
.comp-header-bg-color.transparent-dark .component__body a,
.comp-header-bg-color.transparent-dark .component__instruction a {
    color: #fff
}

.comp-header-bg-color.transparent-dark .pagelevelprogress__indicator {
    border-color: #fff
}

.comp-header-bg-color.transparent-dark .pagelevelprogress__indicator-inner {
    background-color: transparent
}

.comp-header-bg-color.transparent-dark .pagelevelprogress__indicator-bar {
    background-color: #fff
}

.hide-nav-back-btn .nav__back-btn {
    display: none !important
}

.hide-page-header .page__header {
    display: none !important
}

.header-color.black .menu__header,
.header-color.black .page__header {
    background-color: #19110B
}

.header-color.black .menu__title,
.header-color.black .page__title,
.header-color.black .menu__subtitle,
.header-color.black .page__subtitle,
.header-color.black .menu__body,
.header-color.black .page__body,
.header-color.black .menu__body a,
.header-color.black .page__body a,
.header-color.black .menu__instruction,
.header-color.black .page__instruction,
.header-color.black .menu__instruction a,
.header-color.black .page__instruction a {
    color: #fff
}

.header-color.background .menu__header,
.header-color.background .page__header {
    background-color: #19110B
}

.header-color.background .menu__title,
.header-color.background .page__title,
.header-color.background .menu__subtitle,
.header-color.background .page__subtitle,
.header-color.background .menu__body,
.header-color.background .page__body,
.header-color.background .menu__body a,
.header-color.background .page__body a,
.header-color.background .menu__instruction,
.header-color.background .page__instruction,
.header-color.background .menu__instruction a,
.header-color.background .page__instruction a {
    color: #fff
}

.header-color.transparent-light .menu__header,
.header-color.transparent-light .page__header {
    background-color: transparent
}

.header-color.transparent-light .menu__title,
.header-color.transparent-light .page__title,
.header-color.transparent-light .menu__subtitle,
.header-color.transparent-light .page__subtitle,
.header-color.transparent-light .menu__body,
.header-color.transparent-light .page__body,
.header-color.transparent-light .menu__body a,
.header-color.transparent-light .page__body a,
.header-color.transparent-light .menu__instruction,
.header-color.transparent-light .page__instruction,
.header-color.transparent-light .menu__instruction a,
.header-color.transparent-light .page__instruction a {
    color: #19110B
}

.header-color.transparent-dark .menu__header,
.header-color.transparent-dark .page__header {
    background-color: transparent
}

.header-color.transparent-dark .menu__title,
.header-color.transparent-dark .page__title,
.header-color.transparent-dark .menu__subtitle,
.header-color.transparent-dark .page__subtitle,
.header-color.transparent-dark .menu__body,
.header-color.transparent-dark .page__body,
.header-color.transparent-dark .menu__body a,
.header-color.transparent-dark .page__body a,
.header-color.transparent-dark .menu__instruction,
.header-color.transparent-dark .page__instruction,
.header-color.transparent-dark .menu__instruction a,
.header-color.transparent-dark .page__instruction a {
    color: #fff
}

@font-face {
    font-family: 'LouisVuitton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/LouisVuitton-Regular.woff') format('woff')
}

@font-face {
    font-family: 'LouisVuitton';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/LouisVuitton-Medium.woff') format('woff')
}

@font-face {
    font-family: 'LouisVuitton';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/LouisVuitton-Demi.woff') format('woff')
}

@font-face {
    font-family: 'LouisVuitton';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/LouisVuitton-Bold.woff') format('woff')
}

body {
    letter-spacing: .025rem
}

p {
    margin: 0
}

b,
strong {
    font-weight: 600
}

@font-face {
    font-family: 'lvicon';
    src: url('fonts/lv-icons.woff?z7s5uc') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.boxmenu-item.is-locked .boxmenu-item__status .icon::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    font-size: 2.25rem
}

.nav__drawer-btn .icon-list::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903"
}

.bg-color.lv-beige {
    background-color: #EFE8DE;
    color: #19110B
}

.bg-color.lv-beige .block__title,
.bg-color.lv-beige .component__title,
.bg-color.lv-beige .block__body a,
.bg-color.lv-beige .component__body a,
.bg-color.lv-beige .block__instruction a,
.bg-color.lv-beige .component__instruction a {
    color: #19110B
}

.bg-color.lv-beige .pagelevelprogress__indicator {
    border-color: #19110B
}

.bg-color.lv-beige .pagelevelprogress__indicator-inner {
    background-color: #EFE8DE
}

.bg-color.lv-beige .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.bg-color.lv-beige .narrative__progress {
    background-color: rgba(25, 17, 11, 0.5);
    color: #EFE8DE;
    border-color: inherit
}

.bg-color.lv-beige .narrative__progress.is-selected {
    background-color: #19110B;
    color: #EFE8DE;
    border-color: #19110B
}

.bg-color.lv-beige-light {
    background-color: #F6F1EB;
    color: #19110B
}

.bg-color.lv-beige-light .block__title,
.bg-color.lv-beige-light .component__title,
.bg-color.lv-beige-light .block__body a,
.bg-color.lv-beige-light .component__body a,
.bg-color.lv-beige-light .block__instruction a,
.bg-color.lv-beige-light .component__instruction a {
    color: #19110B
}

.bg-color.lv-beige-light .pagelevelprogress__indicator {
    border-color: #19110B
}

.bg-color.lv-beige-light .pagelevelprogress__indicator-inner {
    background-color: #F6F1EB
}

.bg-color.lv-beige-light .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.bg-color.lv-beige-light .narrative__progress {
    background-color: rgba(25, 17, 11, 0.5);
    color: #F6F1EB;
    border-color: inherit
}

.bg-color.lv-beige-light .narrative__progress.is-selected {
    background-color: #19110B;
    color: #F6F1EB;
    border-color: #19110B
}

.bg-color.lv-beige-lightest {
    background-color: #F6F5F3;
    color: #19110B
}

.bg-color.lv-beige-lightest .block__title,
.bg-color.lv-beige-lightest .component__title,
.bg-color.lv-beige-lightest .block__body a,
.bg-color.lv-beige-lightest .component__body a,
.bg-color.lv-beige-lightest .block__instruction a,
.bg-color.lv-beige-lightest .component__instruction a {
    color: #19110B
}

.bg-color.lv-beige-lightest .pagelevelprogress__indicator {
    border-color: #19110B
}

.bg-color.lv-beige-lightest .pagelevelprogress__indicator-inner {
    background-color: #F6F5F3
}

.bg-color.lv-beige-lightest .pagelevelprogress__indicator-bar {
    background-color: #19110B
}

.bg-color.lv-beige-lightest .narrative__progress {
    background-color: rgba(25, 17, 11, 0.5);
    color: #F6F5F3;
    border-color: inherit
}

.bg-color.lv-beige-lightest .narrative__progress.is-selected {
    background-color: #19110B;
    color: #F6F5F3;
    border-color: #19110B
}

.lv-panel.lv-beige-light::before {
    display: block;
    content: '';
    inset: 0;
    position: absolute;
    background-color: #F6F1EB;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

@media (min-width:45rem) {
    .lv-panel.lv-beige-light.component .component__inner {
        padding-top: 8rem;
        padding-bottom: 4rem
    }

    .lv-panel.lv-beige-light.component.has-even-padding .component__inner {
        padding-top: 4rem
    }

    .lv-panel.lv-beige-light:has(.narrative) .trickle-button,
    .lv-panel.lv-beige-light:has(.hotgraphic) .trickle-button {
        min-height: 5rem
    }

    .lv-panel.lv-beige-light:has(.hotgraphic)::before {
        bottom: 22rem
    }

    .lv-panel.lv-beige-light:has(.gmcq)::before {
        top: 28rem
    }

    .lv-panel.lv-beige-light.text.is-left::before,
    .lv-panel.lv-beige-light.mcq.is-left::before {
        left: -100vw;
        right: -8rem
    }

    .lv-panel.lv-beige-light.text.is-right::before,
    .lv-panel.lv-beige-light.mcq.is-right::before {
        right: -100vw;
        left: -8rem
    }

    .lv-panel.lv-beige-light.text.is-left.is-full-width-panel::before {
        right: -100vw
    }

    .lv-panel.lv-beige-light.text.is-right.is-full-width-panel::before {
        left: -100vw
    }

    .lv-panel.lv-beige-light.assessmentresults {
        margin-top: 8rem
    }

    .lv-panel.lv-beige-light.assessmentresults::before {
        left: -100vh;
        right: -100vh
    }

    .lv-panel.lv-beige-light.assessmentresults .component__inner {
        padding-bottom: 8rem
    }
}

@media (min-width:60rem) {
    .lv-panel.lv-beige-light:has(.narrative)::before {
        bottom: 16rem
    }
}

@media (max-width:44.9375rem) {
    .block.reverse-mobile-order .component__container {
        flex-direction: column-reverse
    }
}

.align-self-top {
    align-self: start
}

.align-self-bottom {
    align-self: end
}

.has-shadow {
    padding-bottom: 20px
}

.has-shadow .graphic__image,
.has-shadow .gmcq-item__image-container,
.has-shadow .hotgrid__item-image-container {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16)
}

.has-shadow-top {
    padding-top: 20px
}

.has-shadow-top .graphic__image,
.has-shadow-top .gmcq-item__image-container,
.has-shadow-top .hotgrid__item-image-container {
    box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.16)
}

.is-rounded .component-item__item-image {
    border-radius: 2.5rem
}

.accordion-item__btn {
    background-color: transparent;
    color: #19110B;
    transition: all .2s ease-in;
    border-bottom: thin solid #ddd;
    font-size: 1.125rem
}

.no-touch .accordion-item__btn:not(.is-selected):hover {
    background-color: transparent;
    color: #19110B
}

.no-touch .accordion-item__btn:not(.is-selected):hover .accordion-item__btn-inner {
    border-bottom: thin solid #19110B
}

.accordion-item__btn.is-visited {
    background-color: transparent;
    color: #19110B
}

.accordion-item__btn.is-visited .icon {
    color: #13BE19
}

.accordion-item__btn.is-selected {
    background-color: transparent;
    color: #19110B;
    border-bottom-color: transparent
}

.accordion-item .accordion-item__btn-inner {
    border-bottom: thin solid transparent;
    transition: border-color .2s ease-in
}

.article.bg-color .article__header {
    padding-top: 4rem
}

.block {
    overflow: hidden
}

.block.extend-container .graphic__inner {
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:45rem) {
    .block.extend-container .component__inner {
        max-width: 30rem
    }

    .block.extend-container .component.is-left .component__inner {
        margin-left: auto
    }

    .block.extend-container .graphic__inner {
        max-width: none
    }

    .block.extend-container .mcq.is-right .component__inner,
    .block.extend-container .text.is-right .component__inner {
        padding-left: 2.5rem
    }
}

.block.lv-panel-two-tone {
    background: #fff no-repeat;
    background: linear-gradient(180deg, #fff 0%, #fff 30%, #EFE8DE 30%, #EFE8DE 100%)
}

.block.has-block-shadow::after {
    position: relative;
    display: block;
    content: '';
    width: 100%;
    height: 10px;
    background: #fff no-repeat;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 70%, #fff 100%)
}

@media (min-width:45rem) {

    .block,
    .block__inner,
    .component__container {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }
}

.location-menu body {
    background-color: #F6F1EB
}

.location-menu .nav {
    background-color: transparent;
    box-shadow: none
}

.location-menu .navigation-logo__image {
    display: none
}

.location-menu .nav__btn {
    background-color: transparent;
    color: #fff
}

.location-menu.is-nav-top #wrapper {
    padding-top: 0
}

.location-menu .footer__inner {
    border-top: none
}

.menu {
    margin: 0 auto;
    max-width: 90rem
}

.menu__header-inner {
    margin: 0 auto;
    max-width: 60rem
}

.boxmenu__header {
    display: flex
}

.boxmenu__header::before,
.boxmenu__header::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: 2
}

@media (max-width:44.9375rem) {
    .boxmenu__header::before {
        background-color: rgba(0, 0, 0, 0.6)
    }
}

@media (min-width:45rem) {
    .boxmenu__header::after {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%)
    }
}

.boxmenu__header-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 3
}

.boxmenu__header-content {
    margin-top: auto
}

.boxmenu__image {
    height: 1rem;
    margin: 0 auto 2rem
}

@media (min-width:45rem) {
    .boxmenu__image {
        height: 1.5rem
    }
}

@media (min-width:80rem) {
    .boxmenu-item {
        width: 25%;
        flex-grow: 1
    }
}

.boxmenu-item__inner {
    min-height: 10rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

.boxmenu-item.is-complete .boxmenu-item__inner {
    background-color: #F6F5F3;
    border-color: #F6F5F3
}

.boxmenu-item__details,
.boxmenu-item__details-inner {
    height: 100%
}

.boxmenu-item__details-inner {
    position: relative;
    display: flex;
    flex-direction: column
}

.boxmenu-item__duration {
    margin-top: auto
}

.boxmenu-item__button-container {
    position: absolute;
    bottom: 0;
    right: 0
}

.boxmenu-item__button.btn-text {
    font-size: 0;
    padding: .5rem;
    color: #19110B;
    min-width: 0
}

.boxmenu-item__button.btn-text::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    content: "\e902"
}

.is-complete .boxmenu-item__button.btn-text::before {
    content: "\e907"
}

.no-touch .boxmenu-item__button.btn-text:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    box-shadow: none;
    transition: background-color .2s ease-in, color .2s ease-in
}

.boxmenu-item.is-complete .boxmenu-item__button.btn-text {
    background-color: #F6F5F3
}

.boxmenu-item.is-complete .boxmenu-item__button.btn-text {
    background-color: #19110B;
    color: #fff
}

.boxmenu-item.is-locked .boxmenu-item__button {
    display: none
}

.boxmenu-item:not(.is-locked) .boxmenu-item__status {
    display: none
}

.btn-text,
.btn-icon:not(.nav__btn),
.media__transcript-btn,
.media.is-complete .media__transcript-btn {
    border: 1px solid #19110B
}

.btn-text.is-disabled,
.btn-icon:not(.nav__btn).is-disabled,
.media__transcript-btn.is-disabled,
.media.is-complete .media__transcript-btn.is-disabled {
    background-color: transparent;
    border-color: #d9d5d3;
    cursor: not-allowed
}

.btn-icon:not(.nav__btn).is-disabled {
    background-color: #fff;
    border-color: #fff
}

.btn-text,
.media__transcript-btn,
.media.is-complete .media__transcript-btn {
    min-width: 7rem;
    box-shadow: 0 0 0 0 #000;
    background-color: transparent;
    transition: box-shadow .2s ease-in
}

.no-touch .btn-text:not(.is-disabled):not(.is-locked):hover,
.no-touch .media__transcript-btn:not(.is-disabled):not(.is-locked):hover,
.no-touch .media.is-complete .media__transcript-btn:not(.is-disabled):not(.is-locked):hover {
    background-color: transparent;
    box-shadow: 0 0 0 1px #000;
    transition: box-shadow .2s ease-in
}

.notify__btn {
    transition: box-shadow .2s ease-in
}

.no-touch .notify__btn:not(.is-disabled):not(.is-locked):hover {
    transition: box-shadow .2s ease-in
}

.article__inner:has(.article__header) .component__title .js-heading-inner[aria-level="3"] {
    font-size: 1.75rem
}

.component__header-inner:not(:has(.component__body)) .component__title {
    margin-bottom: 0
}

.gmcq-item {
    width: 100%
}

@media (max-width:44.9375rem) {
    .gmcq-item {
        max-width: 17rem
    }
}

.gmcq-item.is-round .gmcq-item__image-container {
    border-radius: 2.5rem
}

.gmcq-item__label {
    text-align: center
}

.gmcq-item__option {
    display: inline-flex;
    flex-direction: column;
    background-color: transparent;
    color: #19110B;
    font-size: 1.5rem;
    font-weight: 500;
    padding-bottom: 0
}

.gmcq-item__text {
    border-bottom: thin solid transparent;
    transition: all .2s ease-in
}

.no-touch .gmcq-item__label:not(.is-disabled):not(.is-selected):hover .gmcq-item__option,
html:not(.a11y-disable-focusoutline) .gmcq-item__input:focus-visible+.gmcq-item__label .gmcq-item__option {
    background-color: transparent;
    color: #19110B
}

.no-touch .gmcq-item__label:not(.is-disabled):not(.is-selected):hover .gmcq-item__option .gmcq-item__text,
html:not(.a11y-disable-focusoutline) .gmcq-item__input:focus-visible+.gmcq-item__label .gmcq-item__option .gmcq-item__text {
    border-bottom-color: #19110B;
    transition: all .2s ease-in
}

.gmcq-item__label.is-disabled .gmcq-item__option {
    background-color: transparent;
    color: #19110B
}

.gmcq-item__label.is-selected .gmcq-item__option {
    background-color: transparent;
    color: #19110B
}

.gmcq-item__state-correctness {
    margin-top: .5rem
}

.graphic.component.is-left,
.graphic.component.is-right {
    z-index: 4
}

@media (min-width:45rem) {

    .graphic.component.is-left.push-down,
    .graphic.component.is-right.push-down {
        margin-top: 3rem
    }
}

.hotgraphic__pin:not(.has-pin-image) {
    background-color: #fff;
    color: #19110B
}

.no-touch .hotgraphic__pin:not(.has-pin-image):not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    border-color: #fff
}

.hotgraphic__pin:not(.has-pin-image).is-visited {
    background-color: #19110B;
    color: #fff;
    border-color: #fff
}

.hotgraphic__image {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16)
}

.hotgrid__item {
    width: 100%
}

@media (max-width:44.9375rem) {
    .hotgrid__item {
        max-width: 17rem
    }
}

.hotgrid__item-btn.is-round .hotgrid__item-image {
    border-radius: 2.5rem
}

.hotgrid__item-btn .hotgrid__item-title {
    background-color: transparent;
    color: #19110B;
    font-weight: 500;
    border-bottom: thin solid transparent;
    display: inline-block;
    transition: all .2s ease-in;
    padding-bottom: 0
}

.no-touch .hotgrid__item-btn:hover .hotgrid__item-title {
    background-color: transparent;
    color: #19110B;
    border-bottom: thin solid #19110B;
    transition: all .2s ease-in
}

.hotgrid__item-btn.is-visited .hotgrid__item-title {
    background-color: transparent;
    color: #19110B
}

.hotgrid__item-btn.has-css-states .hotgrid__item-image {
    border: none
}

.hotgrid__item-image-container {
    transition: all .2s ease-in
}

.hotgrid__item-btn.is-visited .hotgrid__item-image-container {
    filter: opacity(1) saturate(.4)
}

.no-touch .hotgrid__item-btn:hover .hotgrid__item-image-container {
    filter: opacity(.5) saturate(1)
}

.list-item__image-container {
    padding-inline-end: 2rem;
    width: 6rem
}

.list__container.has-columns .list-item,
.list__container:not(.has-columns) .list-item:not(:last-child) {
    margin-bottom: 1.25rem
}

.list-item__title+.list-item__body {
    margin-top: 0
}

.mcq-item__label {
    background-color: transparent;
    color: #19110B;
    transition: all .2s ease-in
}

.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover,
html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label {
    background-color: transparent;
    color: #19110B
}

.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover .mcq-item__text-inner,
html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label .mcq-item__text-inner {
    border-bottom: thin solid #19110B
}

.mcq-item__label.is-disabled {
    background-color: transparent;
    color: #19110B
}

.mcq-item__label.is-selected {
    background-color: transparent;
    color: #19110B
}

.mcq-item .mcq-item__text-inner {
    border-bottom: thin solid transparent;
    transition: border-color .2s ease-in
}

.media.component.is-left,
.media.component.is-right {
    max-width: 24.5rem
}

.media__widget:not(:has(.mejs-audio)) {
    border-radius: 1rem;
    overflow: hidden
}

.media__widget:not(:has(.mejs-audio)) .mejs-container .mejs-controls {
    padding: 0 .5rem;
    background-color: transparent;
    z-index: 2
}

.mejs-container .mejs-overlay-play .mejs-overlay-button.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.125rem;
    height: 3.125rem;
    background-color: #19110B68;
    box-shadow: 0 0 0 1px #fff;
    opacity: 1;
    padding: 0;
    transition: .2s all ease-in !important
}

.mejs-container .mejs-overlay-play .mejs-overlay-button.icon::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    font-size: 1.5rem
}

.no-touch .mejs-container .mejs-overlay-play:hover .mejs-overlay-button.icon {
    background-color: #19110B95;
    transition: .2s all ease-in
}

.mejs-layers::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(25, 18, 11, 0) 0%, rgba(25, 18, 11, 0) 58%, #19120b);
    z-index: 1;
    pointer-events: none
}

.mejs-container .mejs-captions-layer {
    z-index: 2
}

.mejs-container .mejs-controls .mejs-time-rail {
    margin: 1rem .5rem 1rem
}

.media__transcript-body-inline {
    padding: 1rem 0 0
}

.media__transcript-btn,
.media.is-complete .media__transcript-btn {
    color: #19110B;
    padding: .5rem 1rem;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 50rem
}

.no-touch .media__transcript-btn:hover,
.no-touch .media.is-complete .media__transcript-btn:hover {
    background-color: transparent !important;
    color: #19110B !important
}

.media__transcript-btn .icon::before,
.media.is-complete .media__transcript-btn .icon::before {
    font-size: 1rem
}

button.media__skip-to-transcript:not(:focus-visible).btn-text {
    display: block;
    border: none;
    box-shadow: none;
    min-width: 0
}

button.media__skip-to-transcript.btn-text:focus-visible {
    margin-bottom: .5rem
}

.mejs-container.mejs-audio .mejs-controls {
    height: auto
}

.narrative__controls {
    padding: .5rem;
    background-color: #fff;
    color: #19110B;
    border-radius: 50rem
}

.no-touch .narrative__controls:not(.is-disabled):not(.is-locked):hover {
    background-color: #19110B;
    color: #fff;
    border-color: #fff
}

.narrative__controls.is-disabled {
    opacity: .35
}

.narrative__controls-right {
    right: 1.5rem
}

.narrative__controls-left {
    left: 1.5rem
}

.narrative__slide-container {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16)
}

@media (min-width:45rem) {
    .narrative__slide-container {
        width: 58%
    }
}

.narrative__indicators {
    padding-top: 2rem
}

.narrative__progress {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: thin solid #19110B;
    margin: .5rem
}

.nav {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

.nav__inner {
    max-width: 90rem
}

.navigation-logo {
    order: 1;
    float: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 .5rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.navigation-logo__image {
    height: 1.5rem
}

@media (max-width:44.9375rem) {
    .nav__btn {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media (max-width:44.9375rem) {
    .devtools__nav-btn {
        position: absolute;
        left: 3rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .location-menu .devtools__nav-btn {
        left: 1rem
    }
}

.notify__close-btn {
    top: 3rem
}

.notify__title {
    color: #19110B
}

.hotgraphic-popup__inner,
.hotgrid-popup__inner {
    padding-top: 5rem
}

.page {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05)
}

.page__header {
    display: flex
}

.page__header::before,
.page__header::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    z-index: 2
}

@media (max-width:44.9375rem) {
    .page__header::before {
        background-color: rgba(0, 0, 0, 0.6)
    }
}

@media (min-width:45rem) {
    .page__header::after {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%)
    }
}

.page__header-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 3
}

.page__header-content {
    margin-top: auto
}

.page__title {
    color: #fff
}

.page__body {
    color: #fff
}

.page__instruction {
    color: #fff
}

.footer__inner {
    max-width: 60rem;
    margin: 0 auto;
    border-top: 1px solid #707070;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pagenav__btn.btn-icon:not(.btn-text) {
    border-radius: 50%;
    background-color: #19110B;
    color: #fff
}

.no-touch .pagenav__btn.btn-icon:not(.btn-text):not(.is-disabled):not(.is-locked):hover {
    background-color: #fff;
    color: #19110B
}

.slider__number-selection {
    background-color: #19110B;
    color: #fff
}

.slider__item-input-track {
    background-color: #F6F1EB
}

.slider__item-input-fill {
    background-color: #19110B
}

.slider__item input[type=range]::-moz-range-thumb {
    background-color: #F6F1EB
}

.slider__item input[type=range]::-webkit-slider-thumb {
    background-color: #F6F1EB
}

.slider__scale-container,
.slider__scale-notch {
    background-color: #19110B
}

.trickle {
    width: 100%
}

.trickle__inner {
    padding-top: 3rem;
    padding-bottom: 1rem
}

.trickle__btn.btn-icon {
    position: relative;
    width: 100%;
    transition: all .2s ease-in
}

.trickle__btn.btn-icon,
.trickle__btn.btn-icon.is-locked {
    padding: 0;
    background-color: transparent;
    color: #19110B;
    border: none
}

.no-touch .trickle__btn.btn-icon.btn-icon:not(.is-disabled):not(.is-locked):hover {
    background-color: transparent;
    box-shadow: none
}

.no-touch .trickle__btn.btn-icon.btn-icon:not(.is-disabled):not(.is-locked):hover .trickle__btn-icon {
    color: white
}

.trickle__btn.btn-icon .trickle__btn-text {
    position: absolute;
    top: -2rem;
    width: 100%;
    display: block;
    pointer-events: none
}

.trickle__btn-icon {
    border-radius: 50%;
    transition: all .2s ease-in
}

.no-touch .trickle__btn:not(.is-disabled):not(.is-locked):hover .trickle__btn-icon {
    background-color: #19110B;
    transition: all .2s ease-in
}

.trickle__btn.is-locked .trickle__btn-icon .icon::before,
.trickle__btn-icon .icon::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3rem
}

.trickle__btn.is-locked .trickle__btn-icon .icon::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905"
}

.trickle__btn-icon .icon::before {
    font-family: 'lvicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906"
}